Mirrors/i2pd
2
0
Fork 0
mirror of https://github.com/PurpleI2P/i2pd.git synced 2025-04-29 12:17:49 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Console: brighten up containing borders

Browse source
This commit is contained in:
dr|z3d 2021-08-25 14:34:58 +00:00
parent 8e15db78e4
commit 31cd880cfc
2 changed files with 61 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

52
webconsole/style.css
View file

@ -487,16 +487,24 @@ th.out {
background: var(--arrow_up) no-repeat center center / 14px, var(--th_multicolumn);
}
th:not(.sectiontitle)[colspan="2"], #routerservices {
th, #routerservices {
background: linear-gradient(to right, rgba(0,0,0.6), rgba(0,0,0,0), rgba(0,0,0,.6)), var(--th);
background: linear-gradient(to right, rgba(0,0,0,.4), rgba(0,0,0,0), rgba(0,0,0,.4)), rgba(32,0,32,.4);
}
th:not(.sectiontitle)[colspan="2"], .slide label {
th, .slide label {
font-size: 95%;
}
th.sectiontitle, .sectiontitle {
.sectiontitle, .sectiontitle th, .chrome td {
border-top: 1px solid var(--border) !important;
}
.chrome td {
border-bottom: 1px solid var(--border) !important;
}
.sectiontitle th {
padding: 0 0 10px !important;
font-weight: 700;
border-bottom: none;
@ -504,14 +512,15 @@ th.sectiontitle, .sectiontitle {
}
.sectiontitle span {
margin-top: -1px;
padding: 4px 12px;
min-width: 50%;
display: inline-block;
white-space: nowrap;
line-height: 1.6;
font-size: 11.5pt;
border: 1px solid var(--button-border);
border-top: none;
border: 1px solid var(--border);
/* border-top: none;*/
border-radius: 0 0 4px 4px;
box-shadow: var(--highlight), 0 2px 2px rgba(0,0,0,.4);
background: radial-gradient(at top center, rgba(64,16,64,.4), rgba(0,0,0,0) 50%), var(--sectiontitle);
@ -607,14 +616,18 @@ td:last-child {
white-space: nowrap;
}
.sectiontitle.configuration ~ tr td.thin {
/*.sectiontitle.configuration ~ tr td.thin {
width: 13% !important;
}
}*/
#header, #navlinks {
background: var(--header);
}
#header td, #navlinks {
border: 1px solid var(--border);
}
#navlinks {
padding: 10px 2px !important;
font-size: 100%;
@ -1050,12 +1063,10 @@ span[data-tooltip]:hover::after, span[data-tooltip]:active::after,
padding: 6px 0 6px 20px;
width: 100%;
display: block;
border: 1px solid var(--button-border);
border: 1px solid var(--border);
border-left: none;
border-right: none;
box-shadow: var(--highlight);
background: var(--button);
background: var(--th);
background: linear-gradient(to bottom, rgba(48,8,48,.5), rgba(0,0,0,.8));
box-sizing: border-box;
color: var(--ink);
@ -1205,6 +1216,27 @@ input[type=checkbox]:checked + label::after {
background: var(--reloadcss) no-repeat center center / 28px, var(--button_active);
}
#tunnelsummary {
position: relative;
}
#tunnelsummary tr:last-child, #tunnelsummary, #tunnelsummary tr:last-child td {
border-bottom: none;
}
#tunnelsummary::after {
position: absolute;
bottom: -2px;
left: 0;
right: 0;
z-index: 10;
content: "";
display: inline-block;
width: 100%;
height: 1px;
background: var(--border);
}
#tunnelsummary td {
text-align: center;
}