@font-face{font-family:FramedTheme;src:url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2');font-weight:400;font-style:normal}.ff{display:inline-block;font:normal normal normal 14px/1 FramedTheme;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ff-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.ff-2x{font-size:2em}.ff-3x{font-size:3em}.ff-4x{font-size:4em}.ff-5x{font-size:5em}.ff-fw{width:1.28571429em;text-align:center}.ff-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.ff-ul>li{position:relative}.ff-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.ff-li.ff-lg{left:-1.85714286em}.ff-webmin:before{content:'\f000'}.ff-virtualmin:before{content:'\f001'}.ff-virtualmin-tick:before{content:'\f002'}.ff-cloudmin:before{content:'\f003'}.ff-sign-out:before{content:'\f008'}.ff-refresh:before{content:'\f009'}.ff-home:before{content:'\f00b'}.ff-chart:before{content:'\f00c'}.ff-exclamation-triangle:before{content:'\f00d'}.ff-play-circle:before{content:'\f00e'}.ff-mail:before{content:'\f00f'}.ff-address-book:before{content:'\f010'}.ff-signature:before{content:'\f011'}.ff-lock:before{content:'\f012'}.ff-folder-open:before{content:'\f013'}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
body {margin: 8px; color: #393939; line-height:1.5em; text-align:left;}
p { margin-top:4px; }
table { border-width: 0px;
empty-cells: hide;
border-collapse: separate;
margin:0;
}
table.formsection, table.ui_table, table.loginform {
border-collapse: separate;
*border-collapse: collapse;
border: 1px solid #FFFFFF;
width: 100%;
}
table.ui_table .ui_table {
border: none;
}
img, a img { border:0; }
tr.row0 {background-color:#e8e8ea;}
tr.row1 {background-color:#f8f8fa;}
table.formsection thead, table.sortable thead, table.ui_table thead, table.loginform thead {
background-color:#d0e0fc;
border:0px;
text-align:left;
}
table.ui_table thead td {
padding: 0 2px;
}
table.sortable tbody td {
padding: 2px;
}
table.ui_table td * {
line-height:1.5em;
}
table.ui_table td textarea {line-height:normal; font-family:monospace;}
table.ui_table td div.barchart * {
margin: 0;
}
table.ui_table thead td * {
vertical-align:middle;
margin: 0;
padding: 0 0 0 1px;
}
table.ui_table dt, table.ui_table dd {
padding: 0 2px;
}
table.ui_form_end_buttons td {
padding: 6px 3px;
}
div.ui_form_end_buttons {
padding: 6px 3px;
}
.ui_form_end_buttons input {
padding: 2px;
}
table.ui_grid_table td { padding: 2px 4px; }
input {
padding: 1px;
}
th, td {
border: none;
}
table.formsection tbody, table.sortable tbody, table.ui_table tbody, table.loginform tbody {
background-color:#f5f5f5;
}
a:link, a:visited { color: #0b46ab;
text-decoration: none;
}
a:hover, a:visited:hover { color: #0b46ab;
text-decoration: none;
}
a.ui-hidden-table-title { color: #393939; }
title { color: #393939;
font-family: sans-serif;
}
h1,h2,h3,h4,h5 { color: #393939;
}
/* pre { font-size: 77%; } */
#main { border-style: solid;
border:1px solid #FFFFFF;
margin:0;
padding:0;
}
table#main td {
padding: 4px;
}
tr.mainsel { background-color: #ddffbb; }
tr.mainhigh { background-color: #ffffbb; }
tr.mainhighsel { background-color: #bbffcc; }
.itemhidden { display: none; }
.itemshown { display:block; }
.barchart { padding: 1px;
border: 1px solid #d9d9d9;
white-space: nowrap;
/*position:relative;*/
}
.ui_post_header{ font-size: 116%;
text-align: center;
padding: 4px;
}
.ui_subheading { font-size: 116%;
font-weight: bold;
}
hr { border: 0;
width: 90%;
height: 1px;
color: #D9D9D9;
background-color: #D9D9D9;
}
table.wrapper, table.shrinkwrapper {
background-color:#D9D9D9;
border:1px solid #D9D9D9;
border-collapse:collapse;
empty-cells: hide;
margin:0;
padding:0;
}
table.wrapper table.wrapper, table.shrinkwrapper table.shrinkwrapper {
border:none;
background-color:#f5f5f5;
}
div.wrapper {
border:1px solid #D9D9D9;
background-color:#F5F5F5;
padding:0;
margin:0;
}
.tabSelected {
background-color:#D0E0FC;
}
.tabUnselected {
background-color:#D9D9D9;
}
.goArrow { margin-bottom: -4px; }
.ui_form_label{
text-align:right;
vertical-align:top;
}
.ui_form_pair td {padding:4px;}
.ui_form_pair td table.ui_radio_table tr td {padding:2px;}
.ui_form_pair td table tr td {padding:0px;}
.ui_radio_table tr td {padding:2px;}
.ui_buttons_table tr td {padding:4px;}
/* left menu */
.mode {
left: auto;
right: auto;
}
.linkwithicon {
position: relative;
white-space: nowrap;
left: 2px;
width: 16px;
padding-top: 3px;
padding-bottom: 3px;
}
.linkwithicon img, .mode img {
margin-bottom: -2px;
}
.leftlink {
position: relative;
left: 4px;
right: 4px;
line-height: 1.5em;
}
.linkindented {
border: none;
position: relative;
margin-right: 2px;
margin-left: 20px;
line-height: 1.5em;
}
.linkwithicon.inactive a,
.linkindented.inactive a {
/* pointer-events: none; */
filter: grayscale(1);
opacity: .75;
}
.linkindented.inactive {
white-space: pre;
}
.linkwithicon.inactive sub,
.linkindented.inactive sub {
vertical-align: top;
}
.aftericon {
display: inline;
}
.domainmenu {
white-space: nowrap;
position: relative;
left: 4px;
padding-top: 2px;
}
br[data-x-br] {
content: "";
margin: 2em;
display: block;
font-size: 42%;
}
.ui_help {
margin: auto 0 auto 5px;
font-size: 70%;
cursor: help;
color: #d0e0fb;
background-color: #00000099;
border-radius: 50%;
padding: 1px 3px;
vertical-align: super;
opacity: .8;
}
[data-tooltip][aria-label] {
position: relative;
}
[data-tooltip][aria-label]::after {
content: "";
pointer-events: none;
width: 0;
height: 0;
position: absolute;
border-color: black;
border-width: 0;
border-style: solid;
opacity: 0;
visibility: none;
margin-bottom: 5px;
border-top-width: 10px;
border-right-width: 10px;
border-right-color: transparent;
border-left-width: 10px;
border-left-color: transparent;
bottom: 100%;
right: 50%;
transform: translateX(50%)
}
[data-tooltip][aria-label]::before {
bottom: calc(15px + 100%);
right: 50%;
transform: translateX(50%);
font-size: 11px;
font-weight: normal;
text-shadow: none;
content: attr(aria-label);
pointer-events: none;
word-wrap: initial;
word-break: break-all;
max-width: 50vw;
width: max-content;
position: absolute;
color: white;
background: black;
padding: 4px 8px;
border-radius: 50px;
opacity: 0;
visibility: none;
text-align: center;
}
[data-tooltip][aria-label]:hover::before,
[data-tooltip][aria-label]:hover::after {
visibility: visible;
opacity: 1;
transition-duration: .5s
}
@media print {
body > .header,
body > .header ~ center,
.ui_form ~ a,
.ui_table a[href*=".cgi"],
.ui_form .ui_link,
.ui_form > center,
.ui_form > [name],
.ui_form > .wrapper,
.ui_form > .wrapper ~ .shrinkwrapper,
.ui_table > thead > tr > td:not(:first-child):last-child {
display: none;
}
.ui_table > thead > tr > td > b {
font-size: 1.33em;
}
.ui_table > thead >tr > td {
border-bottom: 2px solid #D9D9D9;
text-align: center;
position: relative;
padding: 10px;
}
body > .header ~ .ui_form[action*=".cgi"]:first-of-type {
margin-top: -50px;
}
pre {
white-space: pre-wrap;
}
a {
word-break: break-word;
}
a[href]:after {
content: none;
}
}
form[action="config_save.cgi"] #sortableTable2 > thead > tr > td {
text-align: center;
}
form [name="mode"] + .leftlink {
white-space: nowrap;
}
.leftmenu details > summary {
cursor: pointer;
}
.leftmenu details > summary::marker {
color: #bfbfbf;
font-size: 110%;
}
.leftmenu details > summary::-webkit-details-marker {
color: #bfbfbf;
}
.leftmenu details > summary span {
padding-left: 2px;
white-space: nowrap;
color: #000;
}
.leftmenu details {
padding-left: 6px;
padding-bottom: 4px;
}
.leftmenu details .linkindented {
margin-left: 16px;
}
.ui_alert_box > tbody > tr > td {
padding-left: 8px;
padding-right: 8px;
}
.ui_alert_box > tbody > tr[bgcolor="#DFF0D8"] > td {
border: 1px solid #7cda1099;
}
.ui_alert_box > tbody > tr[bgcolor="#D9EDF7"] > td {
border: 1px solid #108eda5c;
}
.ui_alert_box > tbody > tr[bgcolor="#FCF8E3"] > td {
border: 1px solid #dac51099;
}
.ui_alert_box > tbody > tr[bgcolor="#F2DEDE"] > td {
border: 1px solid #da10bb57;
}
.right-top-links {
margin-bottom: 4px;
}
details table.wrapper, details table.shrinkwrapper,
details.ui_hidden_table_start {
background-color: #f5f5f5;
}
details.ui_hidden_table_start {
border: 1px solid #d9d9d9;
margin: 2px 0;
}
details.ui_hidden_table_start > summary {
cursor: pointer;
background-color: #d0dffc;
padding: 1px 6px;
}
details.ui_hidden_table_start > summary span {
font-weight: bold;
}
details.ui_hidden_table_start > summary span.rightheading {
float: right
}
details.ui_hidden_table_start > summary::marker {
color: #a1acc0;
font-size: 110%;
}
details.ui_hidden_table_start > summary span {
padding-left: 3px;
white-space: nowrap;
color: #393939;
vertical-align: top;
}
details.ui_hidden_table_start > summary::-webkit-details-marker {
display: inline-block;
width: 0.66em;
height: 0.66em;
margin-top: 0.4em;
margin-right: 0.4em;
color: #a1acc0;
}
.leftmenu .ff {
font-size: 110%;
margin-left: -3px;
margin-right: 1px;
}
.leftmenu .ff.ff-signature {
font-size: 92%;
margin-left: -1px;
margin-right: 2px;
color: seagreen;
}
.leftmenu .ff.ff-lock {
font-size: 105%;
margin-left: 0;
margin-right: 3.5px;
color: #d59500;
}
.leftmenu .ff.ff-address-book {
margin-left: -1px;
margin-right: 5px;
color: lightseagreen;
}
.leftmenu .ff.ff-mail {
margin-left: -2px;
margin-right: 4px;
color: #0b46ab;
}
.leftmenu .ff.ff-folder-open {
font-size: 100%;
margin-left: -2px;
margin-right: 3px;
color: #1180c4;
}
.leftmenu .ff-refresh,
.leftmenu .ff-virtualmin-tick {
color: #10a929;
}
.leftmenu .ff-cloudmin {
color: #df620a;
}
.leftmenu .ff-virtualmin-tick {
font-size: 115%;
margin-right: 0;
}
.leftmenu .ff-cloudmin {
font-size: 140%;
vertical-align: middle;
margin-left: -2px;
margin-right: 0;
}
.leftmenu .ff-chart {
color: #2174ac;
}
.leftmenu .ff-home {
color: #b5710b;
}
.leftmenu .ff-sign-out {
color: #b51b0b;
margin-left: -2px;
margin-right: 0;
}
.leftlink .servers-submit {
background-color: transparent;
border: none;
cursor: pointer;
}
.leftlink .servers-submit > i {
color:#399917;
}
.main-logo {
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
.main-logo.webmin {
filter: brightness(1.35) contrast(0.75) saturate(1.35);
}
body > .mode {
font-size: 110%;
margin-bottom: 4px;
filter: saturate(1.5);
}
body > .mode .ff {
font-size: 120%;
}
body > .mode .ff-cloudmin {
font-size: 130%;
vertical-align: top;
}
body > .mode > b {
cursor: default;
}
/* Tears of joy! How long I wanted it to work without Javascript!
We can target parent that has only two children (i.e. WM+VM), so
now we can fit all three modes and have more space in two
*/
body > .mode:has(b:nth-child(1) + b:last-child) b {
padding-right: 3px
}
body > .mode > b {
color: #333;
}
body > .mode > b > a {
color: #0b46ab;
}
/* Light blue for Webmin */
body > .mode > b > a:has(i.ff-webmin),
body > .mode > b > a:has(i.ff-webmin) > .ff-webmin {
color: #0a6bca;
}
/* Green for Usermin */
body > .mode > b > a:has(i.ff-usermin),
body > .mode > b > a:has(i.ff-usermin) > .ff-usermin {
color: #19950d;
}
/* Orange for Cloudmin */
body > .mode > b > a:has(i.ff-cloudmin),
body > .mode > b > a:has(i.ff-cloudmin) > .ff-cloudmin {
color: #cb6d2f;
}
/* ui_div_row */
.ui_div_row {
margin: 4px 0;
}
.ui_div_row > span:first-child {
width: 100px;
min-width: 10%;
max-width: 15%;
display: inline-block;
vertical-align: top;
padding-top: 4px;
text-align: right;
padding-right: 8px;
font-weight: bold;
}
.ui_div_row > span:last-child {
padding-top: 4px;
display: inline-block;
max-width: 80%;
width: 80%;
}