mirror of
https://github.com/PurpleI2P/i2pd
synced 2024-11-10 00:00:29 +03:00
[webconsole] update css
Signed-off-by: R4SAS <r4sas@i2pmail.org>
This commit is contained in:
parent
73642703bd
commit
c4207e7672
@ -63,7 +63,7 @@ a.button {
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
max-width: 60em;
|
max-width: 64em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu {
|
.menu {
|
||||||
@ -92,7 +92,7 @@ a.button {
|
|||||||
.content {
|
.content {
|
||||||
float: left;
|
float: left;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
margin-left: 4em;
|
margin-left: 2em;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
max-width: 50em;
|
max-width: 50em;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
@ -192,16 +192,11 @@ input[type=number]::-webkit-inner-spin-button {
|
|||||||
|
|
||||||
@media screen and (max-width: 1150px) { /* adaptive style */
|
@media screen and (max-width: 1150px) { /* adaptive style */
|
||||||
.wrapper {
|
.wrapper {
|
||||||
max-width: 56em;
|
max-width: 58em;
|
||||||
}
|
|
||||||
|
|
||||||
.menu {
|
|
||||||
max-width: 10em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
margin-left: 2em;
|
max-width: 40em;
|
||||||
max-width: 44em;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -41,11 +41,11 @@ namespace http
|
|||||||
"a:hover, .slide label:hover, button[type=submit]:hover { color: #FAFAFA; background: var(--main-link-color)}\r\n"
|
"a:hover, .slide label:hover, button[type=submit]:hover { color: #FAFAFA; background: var(--main-link-color)}\r\n"
|
||||||
"a.button { appearance: button; text-decoration: none; padding: 0 5px; border: 1px solid var(--main-link-color)}\r\n"
|
"a.button { appearance: button; text-decoration: none; padding: 0 5px; border: 1px solid var(--main-link-color)}\r\n"
|
||||||
".header { font-size: 2.5em; text-align: center; margin: 1em 0; color: var(--main-link-color)}\r\n"
|
".header { font-size: 2.5em; text-align: center; margin: 1em 0; color: var(--main-link-color)}\r\n"
|
||||||
".wrapper { margin: 0 auto; padding: 1em; max-width: 60em}\r\n"
|
".wrapper { margin: 0 auto; padding: 1em; max-width: 64em}\r\n"
|
||||||
".menu { display: block; float: left; overflow: hidden; padding: 4px; max-width: 12em; white-space: nowrap; text-overflow: ellipsis}\r\n"
|
".menu { display: block; float: left; overflow: hidden; padding: 4px; max-width: 12em; white-space: nowrap; text-overflow: ellipsis}\r\n"
|
||||||
".listitem { display: block; font-family: monospace; font-size: 1.2em; white-space: nowrap}\r\n"
|
".listitem { display: block; font-family: monospace; font-size: 1.2em; white-space: nowrap}\r\n"
|
||||||
".tableitem { font-family: monospace; font-size: 1.2em; white-space: nowrap}\r\n"
|
".tableitem { font-family: monospace; font-size: 1.2em; white-space: nowrap}\r\n"
|
||||||
".content { float: left; font-size: 1em; margin-left: 4em; padding: 4px; max-width: 50em; overflow: auto}\r\n"
|
".content { float: left; font-size: 1em; margin-left: 2em; padding: 4px; max-width: 50em; overflow: auto}\r\n"
|
||||||
".tunnel.established { color: #56B734}\r\n"
|
".tunnel.established { color: #56B734}\r\n"
|
||||||
".tunnel.expiring { color: #D3AE3F}\r\n"
|
".tunnel.expiring { color: #D3AE3F}\r\n"
|
||||||
".tunnel.failed { color: #D33F3F}\r\n"
|
".tunnel.failed { color: #D33F3F}\r\n"
|
||||||
@ -67,9 +67,8 @@ namespace http
|
|||||||
"input:focus, select:focus, select option:focus { outline: none}\r\n"
|
"input:focus, select:focus, select option:focus { outline: none}\r\n"
|
||||||
"input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none}\r\n"
|
"input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none}\r\n"
|
||||||
"@media screen and (max-width: 1150px) { /* adaptive style */\r\n"
|
"@media screen and (max-width: 1150px) { /* adaptive style */\r\n"
|
||||||
" .wrapper { max-width: 56em; }\r\n"
|
" .wrapper { max-width: 58em; }\r\n"
|
||||||
" .menu { max-width: 10em; }\r\n"
|
" .content { max-width: 40em; }\r\n"
|
||||||
" .content { margin-left: 2em; max-width: 44em; }\r\n"
|
|
||||||
"}\r\n"
|
"}\r\n"
|
||||||
"@media screen and (max-width: 980px) { body { font: 100%/1.2em sans-serif; padding: 1.2em 0 0 0; }\r\n"
|
"@media screen and (max-width: 980px) { body { font: 100%/1.2em sans-serif; padding: 1.2em 0 0 0; }\r\n"
|
||||||
" .menu { width: 100%; max-width: unset; display: block; float: none; position: unset; font-size: 16px; text-align: center; }\r\n"
|
" .menu { width: 100%; max-width: unset; display: block; float: none; position: unset; font-size: 16px; text-align: center; }\r\n"
|
||||||
|
Loading…
Reference in New Issue
Block a user