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: css finessing

Browse source
This commit is contained in:
dr|z3d 2021-08-17 02:22:10 +00:00
parent 5eaf4ee9c4
commit 582d4e7793
1 changed files with 19 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

35
webconsole/style.css
View file

@ -267,7 +267,8 @@ a.button, button, input, select {
select, input, button { select, input, button {
margin: 4px 2px; margin: 4px 2px;
padding: 6px 8px; padding: 6px 10px;
line-height: 1.5;
font-family: var(--bodyfont); font-family: var(--bodyfont);
font-size: 90% !important; font-size: 90% !important;
font-weight: 600; font-weight: 600;
@ -323,7 +324,7 @@ button:active, a.button:active, .slide label:active, td.streamid:active {
} }
button.apply { button.apply {
padding: 7px 12px 6px; padding: 6px 12px;
color: transparent; color: transparent;
text-shadow: none !important; text-shadow: none !important;
background: var(--yes_btn) no-repeat center center / 14px, var(--button); background: var(--yes_btn) no-repeat center center / 14px, var(--button);
@ -345,6 +346,7 @@ select, input[type=number] {
box-sizing: border-box; box-sizing: border-box;
font-size: 90% !important; font-size: 90% !important;
background: var(--input_text); background: var(--input_text);
text-shadow: 0 1px 1px rgba(0,0,0,.6);
} }
input[type=number] { input[type=number] {
@ -1098,7 +1100,7 @@ input[type=checkbox]:checked + label::after {
} }
#testpeer { #testpeer {
background: var(--testpeer) no-repeat center center / 32px, var(--button); background: var(--testpeer) no-repeat center center / 30px, var(--button);
} }
#testpeer:hover, #testpeer:focus { #testpeer:hover, #testpeer:focus {
@ -1106,11 +1108,11 @@ input[type=checkbox]:checked + label::after {
} }
#testpeer:active { #testpeer:active {
background: var(--testpeer) no-repeat center center / 32px, var(--button_active); background: var(--testpeer) no-repeat center center / 28px, var(--button_active);
} }
#transitaccept { #transitaccept {
background: var(--transit) no-repeat center center / 32px, var(--button); background: var(--transit) no-repeat center center / 30px, var(--button);
} }
#transitaccept:hover, #transitaccept:focus { #transitaccept:hover, #transitaccept:focus {
@ -1118,11 +1120,11 @@ input[type=checkbox]:checked + label::after {
} }
#transitaccept:active { #transitaccept:active {
background: var(--transit) no-repeat center center / 32px, var(--button_active); background: var(--transit) no-repeat center center / 28px, var(--button_active);
} }
#transitdecline { #transitdecline {
background: var(--notransit) no-repeat center center / 32px, var(--button); background: var(--notransit) no-repeat center center / 30px, var(--button);
} }
#transitdecline:hover, #transitdecline:focus { #transitdecline:hover, #transitdecline:focus {
@ -1130,20 +1132,21 @@ input[type=checkbox]:checked + label::after {
} }
#transitdecline:active { #transitdecline:active {
background: var(--notransit) no-repeat center center / 32px, var(--button_active); background: var(--notransit) no-repeat center center / 28px, var(--button_active);
} }
#shutdownforce, #shutdowngraceful { #shutdownforce, #shutdowngraceful {
/* prompt user for forceful shutdown if graceful clicked when transit tunnels active */ /* prompt user for forceful shutdown if graceful clicked when transit tunnels active */
background: var(--shutdown_hover) no-repeat center center / 32px, var(--button); background: var(--shutdown_hover) no-repeat center center / 30px, var(--button);
} }
#shutdownforce:hover, #shutdownforce:focus { #shutdownforce:hover, #shutdownforce:focus,
#shutdowngraceful:hover, #shutdowngraceful:focus {
background: var(--shutdown_hover) no-repeat center center / 32px, var(--button_hover); background: var(--shutdown_hover) no-repeat center center / 32px, var(--button_hover);
} }
#shutdownforce:active { #shutdownforce:active, #shutdowngraceful:active {
background: var(--shutdown_hover) no-repeat center center / 32px, var(--button_active); background: var(--shutdown_hover) no-repeat center center / 28px, var(--button_active);
} }
#shutdowngraceful { #shutdowngraceful {
@ -1151,7 +1154,7 @@ input[type=checkbox]:checked + label::after {
} }
#shutdowncancel { #shutdowncancel {
background: var(--noshutdown) no-repeat center center / 32px, var(--button); background: var(--noshutdown) no-repeat center center / 30px, var(--button);
} }
#shutdowncancel:hover, #shutdowncancel:focus { #shutdowncancel:hover, #shutdowncancel:focus {
@ -1159,11 +1162,11 @@ input[type=checkbox]:checked + label::after {
} }
#shutdowncancel:active { #shutdowncancel:active {
background: var(--noshutdown) no-repeat center center / 32px, var(--button_active); background: var(--noshutdown) no-repeat center center / 28px, var(--button_active);
} }
#reloadcss { #reloadcss {
background: var(--reloadcss) no-repeat center center / 32px, var(--button); background: var(--reloadcss) no-repeat center center / 30px, var(--button);
} }
#reloadcss:hover, #reloadcss:focus { #reloadcss:hover, #reloadcss:focus {
@ -1171,7 +1174,7 @@ input[type=checkbox]:checked + label::after {
} }
#reloadcss:active { #reloadcss:active {
background: var(--reloadcss) no-repeat center center / 32px, var(--button_active); background: var(--reloadcss) no-repeat center center / 28px, var(--button_active);
} }
#tunnelsummary td { #tunnelsummary td {