forked from I2P_Developers/i2p.i2p
1464 lines
35 KiB
CSS
1464 lines
35 KiB
CSS
/* SusiDNS "Light" theme by dr|z3d */
|
|
/* Codename "Corporat" */
|
|
|
|
body {
|
|
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
|
|
font-size: 9pt;
|
|
background: #f6f6fa;
|
|
color: #33333f;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
body.iframed {
|
|
background: transparent !important;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
::selection {
|
|
background: #27377f !important;
|
|
color: white;
|
|
text-shadow: none;
|
|
}
|
|
|
|
::-moz-selection {
|
|
background: #27377f !important;
|
|
color: white;
|
|
text-shadow: none;
|
|
}
|
|
|
|
#navi, .buttons, #buttons, #host_list tr:first-child, #host_list img, #host_list td:nth-child(n+2) a {
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
* {
|
|
outline: none;
|
|
}
|
|
|
|
b, td.search {
|
|
color: #41465f;
|
|
}
|
|
|
|
hr {
|
|
display: none;
|
|
}
|
|
|
|
code, tt, .destaddress {
|
|
font-size: 8.5pt;
|
|
}
|
|
|
|
object {
|
|
height: 50%;
|
|
width: 100%;
|
|
}
|
|
|
|
#host_list .destaddress {
|
|
-moz-user-select: all;
|
|
-webkit-user-select: all;
|
|
-ms-user-select: all;
|
|
}
|
|
|
|
#navi {
|
|
margin: -1px 0 0;
|
|
padding: 5px 3px;
|
|
text-align: center;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 2px 2px 0 0;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
z-index: 100;
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
font-size: 9pt;
|
|
position: sticky;
|
|
top: -1px
|
|
}
|
|
.iframed #navi {
|
|
margin: -11px -11px 10px;
|
|
padding: 7px 5px 6px;
|
|
border-radius: 0;
|
|
position: static
|
|
}
|
|
#navi a,
|
|
#navi a:visited {
|
|
margin: 2px 0;
|
|
text-transform: capitalize;
|
|
font-weight: bold;
|
|
}
|
|
#navi.private .private,
|
|
#navi.master .master,
|
|
#navi.router .router,
|
|
#navi.published .published {
|
|
background: #4661A9 !important;
|
|
text-shadow: none !important;
|
|
color: #fafaff !important;
|
|
}
|
|
#navi a:focus,
|
|
#navi a.active,
|
|
#navi a.abook,
|
|
#navi a#subs,
|
|
#navi a#config,
|
|
#navi a#overview {
|
|
box-sizing: border-box;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 12px;
|
|
min-width: 60px!important;
|
|
line-height: 130%;
|
|
background: #f6f6fa;
|
|
box-shadow: inset 0 0 0 1px #f6f6fa;
|
|
display: inline-block;
|
|
padding: 3px 14px;
|
|
color: #2c4e8f
|
|
}
|
|
#navi a:hover {
|
|
background: #dee2e6 !important;
|
|
box-shadow: inset 0 0 0 1px #dee2e6 !important;
|
|
color: #495057 !important;
|
|
border: 1px solid #dee2e6;
|
|
transition: ease border 0.7s
|
|
}
|
|
.headline {
|
|
border: 1px solid #dee2e6;
|
|
margin: -1px 0 -2px;
|
|
padding: 8px 5px;
|
|
background: #f6f6fa;
|
|
background: #f6f6fa;
|
|
background: #f6f6fa;
|
|
}
|
|
|
|
.iframed .headline {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
h3, h4, th, #filter span {
|
|
color: #41465f;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 11pt !important;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
}
|
|
|
|
.headline h3 {
|
|
font-size: 11.5pt !important;
|
|
background: url(/themes/susidns/images/addressbook.png) 6px center no-repeat #fcfcff;
|
|
background: url(/themes/susidns/images/addressbook.png) 6px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%);
|
|
background-size: 22px 22px, 100% 100%, 100% 100%;
|
|
}
|
|
|
|
.headline#subscriptions h3 {
|
|
background: url(/themes/susidns/images/subs_24.png) 6px center no-repeat #fcfcff;
|
|
background: url(/themes/susidns/images/subs_24.png) 6px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%);
|
|
background-size: 22px 22px, 100% 100%, 100% 100%;
|
|
}
|
|
|
|
.headline#configure h3 {
|
|
background: url(/themes/susidns/images/configure_24.png) 6px center no-repeat #fcfcff;
|
|
background: url(/themes/susidns/images/configure_24.png) 6px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%);
|
|
background-size: 22px 22px, 100% 100%, 100% 100%;
|
|
}
|
|
|
|
.headline#subscriptions h3, .headline#configure h3, .headline#addressbook h3, .headline h3 {
|
|
margin: -8px -5px -5px;
|
|
padding: 9px 5px 8px 32px;
|
|
}
|
|
|
|
span.location {
|
|
font-size: 9pt;
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
}
|
|
|
|
.headline h4 {
|
|
border-top: 1px solid #dee2e6;
|
|
margin: 5px -6px 0;
|
|
padding: 8px 10px 0 33px;
|
|
background: url(/themes/susidns/images/drive.png) 9px 7px no-repeat;
|
|
}
|
|
|
|
#content {
|
|
border: 1px solid #dee2e6;
|
|
padding: 0 15px;
|
|
margin: -1px 0 0;
|
|
background: #fafaff;
|
|
}
|
|
|
|
.iframed #content {
|
|
overflow: hidden;
|
|
border: none;
|
|
background: none;
|
|
padding: 0;
|
|
}
|
|
|
|
form[action="subscriptions"] #content {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
#content + #buttons {
|
|
border: 1px solid #dee2e6;
|
|
margin: -1px 0 10px;
|
|
background: linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
|
|
}
|
|
|
|
#content h3 {
|
|
border: 1px solid #dee2e6;
|
|
padding: 5px 8px 5px 34px;
|
|
border-radius: 2px;
|
|
background-size: 20px 20px, 100% 100%, 100% 100% !important;
|
|
background-blend-mode: luminosity, normal, normal;
|
|
box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
|
|
text-transform: none;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.iframed #content h3 {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
#content p {
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
line-height: 130%;
|
|
}
|
|
|
|
div#add, div#import {
|
|
border: 1px solid #dee2e6;
|
|
margin-top: -1px;
|
|
padding: 0 15px;
|
|
background: #fafaff;
|
|
}
|
|
|
|
.iframed #add, .iframed #import {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#add h3, #import h3 {
|
|
border-bottom: 1px solid #dee2e6;
|
|
margin: 0 -15px;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
#add table, #import table {
|
|
width: 100%;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
#add table td:first-child,
|
|
#import table td:first-child {
|
|
width: 50px;
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
}
|
|
|
|
#add td, #import td {
|
|
padding: 3px;
|
|
}
|
|
|
|
div#add p.buttons, div#import p.buttons {
|
|
border: 1px solid #dee2e6;
|
|
margin: 0 -16px -1px;
|
|
background: linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
|
|
}
|
|
|
|
div.help {
|
|
border: 1px solid #dee2e6;
|
|
padding: 0 15px;
|
|
background: #eef;
|
|
background: linear-gradient(135deg, #fafaff, #f8f8ff);
|
|
margin: -11px 0 0;
|
|
}
|
|
|
|
.iframed div.help {
|
|
border-radius: 0 0 2px 2px;
|
|
}
|
|
|
|
.help#helpsubs {
|
|
background: #eef url(/themes/console/images/info/infohelp.png) 10px center no-repeat;
|
|
background: url(/themes/console/images/info/infohelp.png) 10px center no-repeat, linear-gradient(135deg, #fafaff, #f8f8ff);
|
|
padding: 0 15px 0 45px;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
div.help h3, #add h3, #import h3 {
|
|
border: 1px solid #dee2e6;
|
|
padding: 5px 10px;
|
|
margin: -1px -16px 0;
|
|
background: #fcfcff;
|
|
background: linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%);
|
|
}
|
|
|
|
p#help {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
p, #helpconfig {
|
|
font-size: 9pt;
|
|
text-align: justify;
|
|
}
|
|
|
|
.iframed #helpconfig, .iframed #helpsubs {
|
|
margin-top: 10px;
|
|
margin-bottom: 2px;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#helpconfig ul {
|
|
-moz-columns: 2 400px;
|
|
-webkit-columns: 2 400px;
|
|
columns: 2 400px;
|
|
-moz-column-gap: 50px;
|
|
-webkit-column-gap: 50px;
|
|
column-gap: 50px;
|
|
}
|
|
|
|
#helpconfig ul li {
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
-webkit-break-inside: avoid;
|
|
}
|
|
|
|
span.addrhlpr {
|
|
font-size: 9pt;
|
|
}
|
|
|
|
a, button, input[type="submit"], input[type="cancel"], select, h3 {
|
|
text-shadow: 0 1px 1px #fff;
|
|
}
|
|
|
|
a:hover, a:focus, a:active, select:hover, select:focus, select:active, input:hover, input:focus, input:active, button:hover, button:focus, button:active {
|
|
text-shadow: none;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 11pt;
|
|
letter-spacing: 0.08em;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
a {
|
|
color: #3b6bbf;
|
|
text-decoration:none;
|
|
font-weight: bold;
|
|
outline: none;
|
|
}
|
|
|
|
a:visited {
|
|
color: #2c4e8f;
|
|
}
|
|
|
|
a:hover, a:focus {
|
|
text-decoration: none;
|
|
color: #f60;
|
|
}
|
|
|
|
a:active {
|
|
color: #f30;
|
|
}
|
|
|
|
th {
|
|
padding:5px 10px;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
td {
|
|
padding: 5px 10px;
|
|
font-size: 9pt;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
ol, ul {
|
|
margin-left: -30px;
|
|
}
|
|
|
|
li {
|
|
font-size: 9pt;
|
|
list-style: square;
|
|
line-height: 140%;
|
|
}
|
|
|
|
tr.list1 {
|
|
background-color: #f7f8ff;
|
|
background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff;
|
|
}
|
|
|
|
tr.list0 {
|
|
background-color: #eef;
|
|
background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.3) 3px, #fff 5px), #fff;
|
|
}
|
|
|
|
div#messages {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
text-align: center;
|
|
margin: 0 -20px;
|
|
padding: 10px 15px;
|
|
z-index: 10;
|
|
opacity: 0.85;
|
|
border-top: 1px solid #fff;
|
|
background: #113;
|
|
|
|
width: 25%;
|
|
margin: auto !important;
|
|
bottom: 5% !important;
|
|
padding-bottom: 2% !important;
|
|
height: 3%;
|
|
}
|
|
|
|
.iframed div#messages {
|
|
bottom: 22px;
|
|
border: none;
|
|
margin: 0 1px;
|
|
}
|
|
|
|
div#messages:empty {
|
|
display: none;
|
|
}
|
|
|
|
p.messages {
|
|
color: #fff;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#footer {
|
|
border: 1px solid #dee2e6;
|
|
background: #eef;
|
|
background: linear-gradient(to right, #eef, #fafaff, #eef);
|
|
margin: -1px 0 -5px;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
}
|
|
|
|
.iframed #footer {
|
|
display: none;
|
|
}
|
|
|
|
p.footer {
|
|
font-size: 7pt;
|
|
text-align: center;
|
|
margin: 4px;
|
|
}
|
|
|
|
.illustrate {
|
|
min-width: 550px;
|
|
width: 70%;
|
|
max-width: 700px;
|
|
height: auto;
|
|
margin: 20px auto 20px;
|
|
padding: 2px 10px;
|
|
border-radius: 4px;
|
|
border: 1px solid #447;
|
|
box-shadow: inset 0 0 0 1px #ccc;
|
|
background: #fff;
|
|
opacity: 0.85;
|
|
filter: drop-shadow(0 0 1px #ccc);
|
|
text-align: center;
|
|
}
|
|
|
|
.iframed .illustrate {
|
|
background: #fafaff;
|
|
background: linear-gradient(to bottom, #fafaff 70%, rgba(220,220,255,0.1)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.6) 3px, #fff 5px) #fff;
|
|
}
|
|
|
|
.iframed .illustrate:hover {
|
|
background: #fff;
|
|
}
|
|
|
|
_:-ms-lang(x), img.illustrate {
|
|
width: auto;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.page {
|
|
margin: 0;
|
|
padding: 10px 0;
|
|
font-size: 9pt !important;
|
|
border: 1px solid #dee2e6;
|
|
border: none;
|
|
border-radius: 2px;
|
|
min-width: 700px;
|
|
}
|
|
|
|
.iframed .page {
|
|
background-color: transparent !important;
|
|
margin: 1px;
|
|
border: none;
|
|
padding: 10px 10px 0;
|
|
overflow: hidden !important;
|
|
min-width: 520px;
|
|
}
|
|
|
|
input[type="text"], input[type="password"], textarea {
|
|
padding: 5px !important;
|
|
box-shadow: inset 1px 1px 1px rgba(204, 204, 204, 0.6);
|
|
border: 1px solid #999daf;
|
|
border-radius: 6px;
|
|
color: #33333f;
|
|
background: #f8f8ff;
|
|
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
|
|
filter: drop-shadow(0px 0 1px #ccf);
|
|
}
|
|
|
|
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
|
|
color: #19191f;
|
|
box-shadow: 0 0 1px #89f;
|
|
background: #fff !important;
|
|
border: 1px solid #676c7f;
|
|
}
|
|
|
|
textarea {
|
|
font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
|
|
font-size: 9pt;
|
|
width: 100%;
|
|
border-radius: 2px;
|
|
border: 1px solid #999daf;
|
|
padding: 1px 3px;
|
|
color: #33333f;
|
|
resize: none;
|
|
}
|
|
|
|
#content textarea {
|
|
margin: 0 0 0 -15px;
|
|
border: none;
|
|
width: 100%;
|
|
resize: none;
|
|
filter: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.iframed #content textarea {
|
|
border: 1px solid #dee2e6;
|
|
margin: 0;
|
|
}
|
|
|
|
textarea[name="config"], textarea[name="content"] {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
border: 1px solid #dee2e6;
|
|
background: #fafaff;
|
|
width: 100% !important;
|
|
padding: 3px 6px !important;
|
|
filter: none;
|
|
}
|
|
|
|
textarea[name="config"]:focus, textarea[name="content"]:focus {
|
|
background: #fff;
|
|
}
|
|
|
|
#config + #buttons {
|
|
border: 1px solid #dee2e6;
|
|
margin: -2px 0 10px;
|
|
background: linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
|
|
}
|
|
|
|
#filter, #search {
|
|
border: 1px solid #dee2e6;
|
|
padding: 5px 15px;
|
|
margin-bottom: -1px;
|
|
background: #fafaff;
|
|
text-align: center;
|
|
}
|
|
|
|
#search {
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
#booksearch {
|
|
padding: 2px 5px 0;
|
|
}
|
|
|
|
#filter {
|
|
padding: 0 15px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
#filter a, #filter a:visited {
|
|
display: inline-block;
|
|
min-width: 10px;
|
|
margin: 2px 1px;
|
|
padding: 4px 8px;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 2px;
|
|
color: #3b6bbf;
|
|
text-align: center;
|
|
text-transform: capitalize;
|
|
background: #fff;
|
|
filter: drop-shadow(0 0 1px #ccc);
|
|
}
|
|
|
|
#filter a:hover {
|
|
color: #f60;
|
|
}
|
|
|
|
#filter a:active {
|
|
color: #fff;
|
|
background: #f60;
|
|
text-decoration: none;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 3px #33333f;
|
|
}
|
|
|
|
#filter span {
|
|
display: inline-block;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.08em;
|
|
word-spacing: 0.1em;
|
|
vertical-align: middle;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 0 0 2px 2px;
|
|
padding: 6px 10px;
|
|
width: 40%;
|
|
min-width: 300px;
|
|
margin: -1px 10%;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
background: linear-gradient(to bottom, #fcfcff 50%, #eef 50%);
|
|
}
|
|
|
|
#filter span a {
|
|
margin: -8px 1px;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
padding: 2px 5px;
|
|
}
|
|
|
|
#filter span b {
|
|
font-size: 11pt;
|
|
margin: 0 3px 0 0;
|
|
text-transform: uppercase;
|
|
line-height: 80%;
|
|
}
|
|
|
|
#filter p {
|
|
text-align: center;
|
|
margin: 7px 0 5px;
|
|
}
|
|
|
|
p#filtered {
|
|
background: #eef url(/themes/console/images/buttons/filter.png) 8px center no-repeat;
|
|
background: url(/themes/console/images/buttons/filter.png) 8px center no-repeat, repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(240, 240, 255, 0.5) 3px, #fff 5px), #fff;
|
|
padding: 10px 200px 10px 32px !important;
|
|
}
|
|
|
|
#messages + p {
|
|
margin: 1px 0 -1px;
|
|
padding: 10px;
|
|
border: 1px solid #dee2e6;
|
|
}
|
|
|
|
form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
th {
|
|
background: linear-gradient(to bottom, #fcfcff 50%, #eef 50%);
|
|
font-size: 9pt;
|
|
}
|
|
|
|
table {
|
|
background: #fafaff;
|
|
}
|
|
|
|
table.book {
|
|
width: 100%;
|
|
}
|
|
|
|
.book th:first-child {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.book th:last-child {
|
|
background: #fff url(/themes/console/images/buttons/delete.png) center center no-repeat;
|
|
background: url(/themes/console/images/buttons/delete.png) center center no-repeat, linear-gradient(to bottom, #fcfcff 50%, #eef 50%);
|
|
width: 16px;
|
|
}
|
|
|
|
.book th {
|
|
text-align: left;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.book tr:hover td {
|
|
background: #ffd;
|
|
}
|
|
|
|
tr:hover .destaddress {
|
|
color: #333 !important;
|
|
}
|
|
|
|
.book tr:first-child td, .book tr.head + .list1 td {
|
|
border-top: none;
|
|
}
|
|
|
|
.book td {
|
|
border-top: 1px solid #ddf;
|
|
padding: 3px;
|
|
}
|
|
|
|
#bookmessages {
|
|
width: 100%;
|
|
border: 1px solid #dee2e6;
|
|
}
|
|
|
|
#bookmessages td:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
/* hostname list */
|
|
#host_list, #host_details {
|
|
border: 1px solid #dee2e6;
|
|
box-shadow: 0 0 0 1px #fff;
|
|
}
|
|
|
|
#host_list th:first-child,
|
|
#host_list td:first-child {
|
|
width: 150px;
|
|
width: 30%;
|
|
white-space: nowrap;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#host_list th:first-child {
|
|
padding-left: 39px;
|
|
}
|
|
|
|
#host_list td:last-child {
|
|
width: 1%;
|
|
white-space: nowrap;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#host_list th:nth-child(2), #host_list td:nth-child(2),
|
|
#host_list th:nth-child(3), #host_list td:nth-child(3),
|
|
#host_list th:nth-child(4), #host_list td:nth-child(4) {
|
|
width: 35px;
|
|
width: 8%;
|
|
padding: 0 5px !important;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
}
|
|
|
|
#host_list td:nth-child(2) a:not(old) {
|
|
font-size: 0 !important;
|
|
}
|
|
|
|
#host_list td:nth-child(2) a::after {
|
|
content: url(/themes/console/images/buttons/link.png);
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#host_list td:nth-child(3) a:not(old) {
|
|
font-size: 0 !important;
|
|
}
|
|
|
|
#host_list td:nth-child(3) a::after {
|
|
content: url(/themes/console/images/buttons/helper.png);
|
|
cursor: pointer;
|
|
}
|
|
|
|
#host_list th:nth-child(4), #host_list td:nth-child(4) {
|
|
padding-right: 30px !important;
|
|
}
|
|
|
|
#host_list td:nth-child(4) a:not(old) {
|
|
font-size: 0 !important;
|
|
}
|
|
|
|
#host_list td:nth-child(4) .addrhlpr a::after {
|
|
content: url(/themes/console/images/buttons/fullview.png);
|
|
text-align: center;
|
|
padding: 0 10px !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#host_list td:nth-child(2) a:hover, #host_list td:nth-child(3) a:hover, #host_list td:nth-child(4) a:hover,
|
|
#host_list td:nth-child(2) a:focus, #host_list td:nth-child(3) a:focus, #host_list td:nth-child(4) a:focus {
|
|
filter: drop-shadow(0 0 1px #4661A9);
|
|
}
|
|
|
|
#host_list .destaddress:focus {
|
|
background: #ffd;
|
|
}
|
|
|
|
#host_list .destaddress {
|
|
overflow: auto !important;
|
|
white-space: nowrap;
|
|
font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
|
|
font-weight: normal;
|
|
color: #5a5a6f;
|
|
padding: 3px !important;
|
|
}
|
|
|
|
#host_list .destaddress:not(old) {
|
|
overflow: hidden !important;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#host_list .destaddress:not(old):focus {
|
|
overflow: auto !important;
|
|
text-overflow: clip;
|
|
padding: 1px 3px 3px !important;
|
|
margin-bottom: -2px;
|
|
color: #33333f;
|
|
}
|
|
|
|
td.destinations {
|
|
max-width: 50px !important;
|
|
border-left: 1px solid #dee2e6;
|
|
border-right: 1px solid #dee2e6;
|
|
padding: 0;
|
|
}
|
|
|
|
td.destinations textarea {
|
|
box-shadow: none;
|
|
height: 28px !important;
|
|
}
|
|
|
|
/* end hostname list */
|
|
|
|
/* host details page */
|
|
|
|
#host_details td {
|
|
padding: 5px !important;
|
|
}
|
|
|
|
#host_details td:first-child {
|
|
min-width: 10px !important;
|
|
width: 10%;
|
|
white-space: nowrap;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
}
|
|
|
|
#host_details td:last-child {
|
|
width: 90%;
|
|
text-align: left;
|
|
border-left: none !important;
|
|
border-right: none !important;
|
|
}
|
|
|
|
#host_details td.destinations {
|
|
background: none;
|
|
}
|
|
|
|
#host_details tr:hover {
|
|
background: #ffd;
|
|
}
|
|
|
|
#host_details .destaddress {
|
|
font-family: "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
|
|
word-break: break-all !important;
|
|
white-space: normal !important;
|
|
}
|
|
|
|
/* identicon + qr image */
|
|
|
|
#visualid {
|
|
border: 1px solid #dee2e6 !important;
|
|
margin-top: -1px;
|
|
border-radius: 2px;
|
|
background: #fafaff;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.iframed #visualid {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
#visualid h3 {
|
|
border-bottom: 1px solid #dee2e6;
|
|
padding: 8px 10px 6px;
|
|
margin-top: 0;
|
|
background: linear-gradient(to bottom, #fcfcff 50%, #eef 50%);
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
}
|
|
|
|
#idAddress {
|
|
text-transform: none;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
#visualid table {
|
|
width: 100% !important;
|
|
margin: 12px 0 0;
|
|
background: none;
|
|
border: none;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#visualid tr:first-child td {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
#visualid td {
|
|
width: 50%;
|
|
}
|
|
|
|
#visualid td:first-child {
|
|
text-align: right;
|
|
}
|
|
|
|
#visualid td[colspan="2"] {
|
|
text-align: right;
|
|
padding: 17px 5px;
|
|
border-top: 1px solid #dee2e6;
|
|
background: #fff;
|
|
background: linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important;
|
|
}
|
|
|
|
img[src^="/imagegen"] {
|
|
height: 256px;
|
|
width: 256px;
|
|
border: 1px solid #dee2e6;
|
|
padding: 3px;
|
|
border-radius: 2px;
|
|
background: #fff;
|
|
filter: drop-shadow(0 0 1px #ccc);
|
|
}
|
|
|
|
img[src="/imagegen/id?s=256&c="], img[src="/imagegen/id?s=20&c="] {
|
|
opacity: 0; /* hide broken identicons but ensure hostlist remains intact */
|
|
}
|
|
|
|
/* end host details */
|
|
|
|
/* host list identicons */
|
|
|
|
.names img {
|
|
width: 20px;
|
|
height: 20px;
|
|
vertical-align: middle;
|
|
margin: 1px 10px 1px 1px;
|
|
padding: 1px;
|
|
}
|
|
|
|
.names img:hover, .names a:focus img {
|
|
filter: drop-shadow(0 0 1px #f60) !important;
|
|
box-shadow: 0 0 0 1px #f60;
|
|
}
|
|
|
|
.names a:active img, .names a:focus img {
|
|
transform: rotate(45deg) scale(0.8);
|
|
transition: ease all 0.1s 0s;
|
|
}
|
|
|
|
/* end host list identicons */
|
|
|
|
.names a[href^="http"], .names a[href^="details"], .helper a {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.book th {
|
|
border-bottom: 1px solid #dee2e6;
|
|
}
|
|
|
|
.book textarea {
|
|
padding: 0 !important;
|
|
margin: 0;
|
|
border: none;
|
|
border-left: 1px solid #dee2e6;
|
|
border-right: 1px solid #dee2e6;
|
|
resize: none;
|
|
background: none;
|
|
}
|
|
|
|
div#book, #emptybook {
|
|
margin: 1px 0 -1px;
|
|
padding: 8px 8px 60px;
|
|
border: 1px solid #dee2e6;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
background: #efefff;
|
|
background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(220, 220, 255, 0.5) 3px, #fff 5px) #fafaff;
|
|
}
|
|
|
|
.iframed div#book, .iframed #emptybook {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#emptybook {
|
|
padding: 0 8px;
|
|
}
|
|
|
|
p.book {
|
|
background: url(/themes/susidns/images/abook.png) 2px center no-repeat;
|
|
padding: 5px 5px 5px 24px;
|
|
}
|
|
|
|
#buttons {
|
|
padding: 5px;
|
|
text-align: right;
|
|
background: #fafaff;
|
|
background: linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important;
|
|
}
|
|
|
|
p.buttons {
|
|
text-align: right;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
table + p.buttons {
|
|
padding: 5px;
|
|
}
|
|
|
|
#book + #buttons {
|
|
border: 1px solid #dee2e6;
|
|
margin: -62px 9px 8px;
|
|
}
|
|
|
|
.iframed #book + #buttons {
|
|
margin: -72px 9px -2px;
|
|
}
|
|
|
|
form[action="export"] {
|
|
margin: -1px 0;
|
|
}
|
|
|
|
input[type="radio"], input[type="checkbox"] {
|
|
background: none;
|
|
cursor: pointer;
|
|
min-width: 16px !important;
|
|
min-height: 16px !important;
|
|
filter: sepia(100%) hue-rotate(185deg) drop-shadow(0 0 1px #ccf);
|
|
}
|
|
|
|
input[type="checkbox"]:hover, input[type="checkbox"]:focus, input[type="radio"]:hover, input[type="radio"]:focus {
|
|
filter: sepia(100%) hue-rotate(185deg) drop-shadow(0 0 3px #89f);
|
|
}
|
|
|
|
input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, button::-moz-focus-inner {
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
|
|
input[type="submit"], input[type="reset"], .fakebutton {
|
|
margin: 5px;
|
|
font: 9pt "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
|
|
padding: 4px 3px;
|
|
text-decoration: none;
|
|
border-radius: 2px;
|
|
border: 1px solid #999daf;
|
|
box-shadow: inset 0 0 0 1px #fff;
|
|
background: #eee;
|
|
background: linear-gradient(to bottom, #fff, #efefff);
|
|
color: #33333f;
|
|
filter: drop-shadow(0 0 1px #ccf);
|
|
cursor: pointer;
|
|
}
|
|
|
|
a.fakebutton {
|
|
color: #33333f;
|
|
font-weight: normal;
|
|
}
|
|
|
|
a.fakebutton:hover, a.fakebutton:focus {
|
|
color: #111;
|
|
}
|
|
|
|
a.fakebutton:active {
|
|
color: #666 !important;
|
|
}
|
|
|
|
input[type=submit]:hover, input[type=reset]:hover, input[type=submit]:focus, input[type=reset]:focus, .fakebutton:hover, .fakebutton:focus {
|
|
background: #eee;
|
|
background: linear-gradient(to bottom, #eee, #fff);
|
|
color: #111;
|
|
border: 1px solid #f60;
|
|
box-shadow: inset 0px 0px 0px 1px #fff;
|
|
filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
|
|
transition: ease border 0.7s;
|
|
}
|
|
|
|
input[type="submit"]:active, input[type="reset"]:active, .fakebutton:active {
|
|
box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 2px #555;
|
|
background-blend-mode: luminosity;
|
|
color: #666;
|
|
}
|
|
|
|
input.accept {
|
|
background: #eee url(/themes/console/images/buttons/yes.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 5px 7px 5px 22px;
|
|
}
|
|
|
|
input.accept:hover, input.accept:focus {
|
|
background: #fff url(/themes/console/images/buttons/yes.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/yes.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
/*
|
|
input.accept[value="Replace"] {
|
|
background: #eee url(/themes/console/images/buttons/edit2.png) no-repeat 6px center;
|
|
background:url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
padding: 5px 7px 5px 22px;
|
|
}
|
|
|
|
input.accept[value="Replace"]:hover, input.accept[value="Replace"]:focus {
|
|
background: #fff url(/themes/console/images/buttons/edit2.png) no-repeat 6px center;
|
|
background:url(/themes/console/images/buttons/edit2.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
}
|
|
*/
|
|
|
|
input.add {
|
|
background: #eee url(/themes/console/images/buttons/add.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 5px 7px 5px 22px;
|
|
}
|
|
|
|
input.add:hover, input.add:focus {
|
|
background: #fff url(/themes/console/images/buttons/add.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/add.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
input.cancel {
|
|
background: #eee url(/themes/console/images/buttons/no.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 5px 7px 5px 22px;
|
|
}
|
|
|
|
input.cancel:hover, input.cancel:focus {
|
|
background: #fff url(/themes/console/images/buttons/no.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/no.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
input.delete {
|
|
background: #eee url(/themes/console/images/buttons/delete.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/delete.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 5px 7px 5px 22px;
|
|
}
|
|
|
|
input.delete:hover, input.delete:focus {
|
|
background: #fff url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/delete_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
input.export {
|
|
background: #eee url(/themes/console/images/buttons/go.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 5px 7px 5px 22px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input.export:hover, input.export:focus {
|
|
background: #fff url(/themes/console/images/buttons/go.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
input.download {
|
|
background: #eee url(/themes/console/images/buttons/download.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 5px 7px 5px 22px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input.download:hover, input.download:focus {
|
|
background: #fff url(/themes/console/images/buttons/download.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/download.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
input.reload {
|
|
background: #eee url(/themes/console/images/buttons/update.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/update.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 5px 7px 5px 22px;
|
|
}
|
|
|
|
input.reload:hover, input.reload:focus {
|
|
background: #fff url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/update_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
input.search {
|
|
background: #eee url(/themes/console/images/buttons/search.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/search.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 5px 8px 5px 24px;
|
|
}
|
|
|
|
input.search:hover, input.search:focus {
|
|
background: #fff url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/search_hover.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
input.search[type="text"] {
|
|
background: #f8f8ff url(/themes/console/images/buttons/search.png) no-repeat 6px center;
|
|
padding: 5px 5px 5px 26px !important;
|
|
margin: 1px 5px 0;
|
|
}
|
|
|
|
input.search[type="text"]:focus {
|
|
background: #fff url(/themes/console/images/buttons/search.png) no-repeat 6px center !important;
|
|
}
|
|
|
|
#visualid .fakebutton {
|
|
background: #eee url(/themes/console/images/buttons/go.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #fff, #efefff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
padding: 6px 8px 6px 22px;
|
|
}
|
|
|
|
#visualid .fakebutton:hover, #visualid .fakebutton:focus {
|
|
background: #fff url(/themes/console/images/buttons/go.png) no-repeat 6px center;
|
|
background: url(/themes/console/images/buttons/go.png) no-repeat 6px center, linear-gradient(to bottom, #eee, #fff);
|
|
background-size: 14px 14px, 100% 100%;
|
|
}
|
|
|
|
form[action="addressbook"] table {
|
|
width: 100% !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* export hosts */
|
|
|
|
#export {
|
|
margin-top: -36px;
|
|
text-align: right;
|
|
}
|
|
|
|
.iframed #export {
|
|
margin-bottom: 11px;
|
|
}
|
|
|
|
/* hide export button on published page when empty */
|
|
#messages + form[action="export"] {
|
|
display: none;
|
|
}
|
|
|
|
#filter {
|
|
margin-top: -2px !important;
|
|
}
|
|
|
|
|
|
/* custom radios/checkboxes for chrome/blink */
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution:.001dpcm) {
|
|
input[type="checkbox"], input[type="checkbox"]:checked, input[type="checkbox"][disabled], input[type="checkbox"][disabled]:checked {
|
|
background: #f8f8ff;
|
|
width: 19px !important;
|
|
height: 19px !important;
|
|
box-shadow: inset 1px 1px 1px rgba(204, 204, 204, 0.6);
|
|
border-radius: 2px;
|
|
-webkit-appearance: inherit;
|
|
border: 1px solid #999daf !important;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
filter: drop-shadow(0 0 1px #ccf);
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
input[type="checkbox"]:checked::before {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
content: "\2714";
|
|
border-radius: 1px;
|
|
font-size: 15pt;
|
|
color: #41465f;
|
|
line-height: 80%;
|
|
font-family: sans-serif;
|
|
overflow: hidden;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
input[type="radio"], input[type="radio"]:checked, input[type="radio"][disabled], input[type="radio"][disabled]:checked {
|
|
background: #f8f8ff;
|
|
width: 19px !important;
|
|
height: 19px !important;
|
|
box-shadow: inset 0 0 2px #dee2e6;
|
|
border-radius: 50%;
|
|
-webkit-appearance: none;
|
|
border: 1px solid #999daf !important;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
filter: drop-shadow(0 0 1px #ccf);
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
input[type="radio"]:checked::before {
|
|
content: "";
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
left: 25%;
|
|
top: 25%;
|
|
width: 9px;
|
|
height: 9px;
|
|
background: #41465f;
|
|
}
|
|
|
|
input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus {
|
|
background: #fff;
|
|
width: 19px !important;
|
|
height: 19px !important;
|
|
filter: drop-shadow(0 0 3px #89f) !important;
|
|
}
|
|
|
|
input[type="checkbox"][disabled], input[type="radio"][disabled], input[type="checkbox"][disabled]:hover, input[type="radio"][disabled]:hover,
|
|
input[type="checkbox"][disabled]:checked, input[type="radio"][disabled]:checked, input[type="checkbox"][disabled]:checked:hover, input[type="radio"][disabled]:checked:hover {
|
|
filter: none !important;
|
|
box-shadow: none !important;
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
/* end custom radios/checkboxes */
|
|
|
|
/* responsive layout */
|
|
|
|
@media screen and (max-width: 680px) {
|
|
#navi {
|
|
padding: 5px 3px !important;
|
|
}
|
|
|
|
#navi a {
|
|
background: linear-gradient(to bottom, #fff 50%, #eef 50%, #ebebff) #fff !important;
|
|
padding: 3px 5px !important;
|
|
}
|
|
|
|
#visualid img[src^="/imagegen"] {
|
|
width: 228px !important;
|
|
height: 228px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
#filter {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#filter p {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#filter a {
|
|
min-width: 6px;
|
|
padding: 2px 6px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1500px) {
|
|
body, p, td, textarea, input, button, li, a, th, h4 {
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
code, tt, .destaddress {
|
|
font-size: 9pt !important;
|
|
}
|
|
|
|
#navi a {
|
|
font-size: 10pt !important;
|
|
}
|
|
|
|
#export {
|
|
margin-top: -40px !important;
|
|
}
|
|
|
|
#filter span, #filter a {
|
|
font-size: 11pt !important;
|
|
}
|
|
|
|
td.destinations textarea {
|
|
height: 32px !important;
|
|
}
|
|
|
|
input.export {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
#host_list th:nth-child(2), #host_list td:nth-child(2),
|
|
#host_list th:nth-child(3), #host_list td:nth-child(3),
|
|
#host_list th:nth-child(4), #host_list td:nth-child(4) {
|
|
padding: 0 20px;
|
|
width: 6%;
|
|
}
|
|
|
|
.headline h4 {
|
|
background: url(/themes/susidns/images/drive.png) no-repeat scroll 10px 8px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1000px) {
|
|
.illustrate {
|
|
margin: 10px auto 10px;
|
|
min-width: 450px;
|
|
width: 90%;
|
|
}
|
|
|
|
#content h3 {
|
|
font-size: 10pt;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1000px) {
|
|
#content h3 {
|
|
font-size: 10.5pt;
|
|
}
|
|
}
|
|
|
|
/* end responsive layout */
|
|
|
|
/* Edge/IE tweaks */
|
|
|
|
_:-ms-lang(x), * {
|
|
filter: none !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
/* end Edge/IE tweaks */
|
|
|
|
/* chrome/blink overrides */
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
|
textarea, input[type="text"], .displayText, *[readonly] {
|
|
filter: none !important;
|
|
box-shadow: 0 0 1px #ccf;
|
|
}
|
|
|
|
tr {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.book tr:nth-child(even) {
|
|
background: #f0f0ff !important;
|
|
}
|
|
|
|
.book tr:nth-child(odd), #book {
|
|
background: #f8f8ff !important;
|
|
}
|
|
|
|
#helpconfig ul {
|
|
-webkit-columns: 1;
|
|
columns: 1;
|
|
}
|
|
}
|
|
|
|
/* end chrome overrides */
|