mirror of
https://github.com/webmin/webmin.git
synced 2025-07-20 16:48:46 +00:00
871 lines
24 KiB
CSS
871 lines
24 KiB
CSS
@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: #212121; 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;
|
|
}
|
|
table.shrinkwrapper .ui_table {
|
|
table-layout: fixed;
|
|
}
|
|
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.5px 5px 1px 2px;
|
|
}
|
|
table.sortable tbody td {
|
|
padding: 2px;
|
|
}
|
|
table.ui_table td textarea {line-height:normal; font-family:monospace;}
|
|
table.ui_table td div.barchart * {
|
|
margin: 0;
|
|
}
|
|
textarea {
|
|
padding: 4px;
|
|
resize: vertical;
|
|
}
|
|
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: 1px;
|
|
}
|
|
.ui_form_value td > b > input+label+tt,
|
|
.ui_form_value td > b > input+label {
|
|
font-weight: normal !important;
|
|
}
|
|
table.ui_grid_table td {
|
|
padding: 2px 4px;
|
|
}
|
|
select,
|
|
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: #212121; }
|
|
title { color: #212121;
|
|
font-family: sans-serif;
|
|
}
|
|
h1,h2,h3,h4,h5 { color: #212121;
|
|
}
|
|
/* 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_checked_columns .ui_checked_checkbox {
|
|
min-width: 20px;
|
|
}
|
|
.ui_form_label{
|
|
text-align:right;
|
|
vertical-align:top;
|
|
}
|
|
.ui_form_pair .ui_form_value {
|
|
padding-left: 8px;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
tr:has(.ui_help) td:not(:hover) .ui_help {
|
|
visibility: hidden;
|
|
}
|
|
|
|
tr:has(.ui_help) td.ui_form_label .ui_help {
|
|
visibility: visible;
|
|
}
|
|
|
|
td:not(:hover) .ui_link_help {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.ui_link_help {
|
|
display: initial;
|
|
float: right;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.ui_text_wrap {
|
|
float: right;
|
|
}
|
|
|
|
[data-tooltip][aria-label] {
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
|
|
[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: 2px;
|
|
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: #212121;
|
|
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;
|
|
}
|
|
|
|
details:not([open]).on-hover:not(:hover) summary::after {
|
|
visibility: hidden !important;
|
|
}
|
|
|
|
details.inline {
|
|
cursor: pointer;
|
|
padding: 0;
|
|
background: transparent;
|
|
border: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
details.inline > summary + span {
|
|
margin: 1px 0 0 18px;
|
|
display: inline-block;
|
|
font-size: 98%;
|
|
cursor: default;
|
|
line-height: 1.33;
|
|
}
|
|
|
|
details.inline > summary + span > tt {
|
|
font-size: 96%;
|
|
}
|
|
|
|
details.inline > summary {
|
|
list-style: none;
|
|
}
|
|
|
|
details[open].inline > summary:after,
|
|
details.inline > summary:after {
|
|
content: '⏴';
|
|
opacity: 0.72;
|
|
margin-top: 0;
|
|
margin-left: 7px;
|
|
margin-right: 7px;
|
|
color: #010101;
|
|
position: relative;
|
|
}
|
|
|
|
details[open].inline > summary:after {
|
|
content: '⏷';
|
|
}
|
|
|
|
details.inline.fit > summary + span {
|
|
width: min-content;
|
|
}
|
|
|
|
[data-second-print]:has(details) + br:has(+[data-x-br]) {
|
|
display: none;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
body > .mode {
|
|
opacity: 0;
|
|
font-size: 110%;
|
|
margin-bottom: 4px;
|
|
filter: saturate(1.5);
|
|
animation: fadeIn 0.025s;
|
|
animation-delay: 0.25s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
body > .mode + .wrapper.leftmenu {
|
|
opacity: 0;
|
|
animation: fadeIn 0.025s;
|
|
animation-delay: 0.25s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
body > .mode img {
|
|
visibility: hidden;
|
|
}
|
|
body > .mode img[src*="vm2.png"] {
|
|
width: 18.59px;
|
|
height: 0;
|
|
}
|
|
body > .mode img[src*="virtualmin.png"] {
|
|
width: 17.16px;
|
|
height: 0;
|
|
}
|
|
body > .mode img[src*="webmin-small.png"] {
|
|
width: 16.52px;
|
|
height: 0;
|
|
}
|
|
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[data-mode="mailbox"] > a,
|
|
body > .mode > b[data-mode="mailbox"] > a > .ff-webmin {
|
|
color: #0a6bca;
|
|
}
|
|
/* Green for Usermin */
|
|
body > .mode > b[data-mode="mailbox"] > a,
|
|
body > .mode > b[data-mode="mailbox"] > a > .ff-usermin {
|
|
color: #19950d;
|
|
}
|
|
/* Orange for Cloudmin */
|
|
body > .mode > b[data-mode="server-manager"] > a,
|
|
body > .mode > b[data-mode="server-manager"] > a > .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%;
|
|
}
|
|
.ui_link_pagination.disabled {
|
|
filter: grayscale(1) opacity(0.6);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.ui_form_elements_wrapper_search {
|
|
float:right;
|
|
margin-bottom: 3px;
|
|
}
|
|
.ui_form_elements_wrapper_search * {
|
|
line-height: initial !important;
|
|
}
|
|
|
|
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"] {
|
|
padding-right: 17px;
|
|
}
|
|
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"] + .ui_reset:active,
|
|
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"] + .ui_reset:focus,
|
|
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"] + .ui_reset {
|
|
position: absolute;
|
|
right: 17px;
|
|
min-height: 17px;
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
.ui_form_elements_wrapper_search [data-class="ui_textbox_pagination_search"]:not([value=""]) + .ui_reset {
|
|
color: #dd4242;
|
|
}
|
|
|
|
|
|
.ui_form_elements_wrapper_paginator {
|
|
float:right;
|
|
margin-top: 3px;
|
|
}
|
|
.ui_form_elements_wrapper_paginator .ui_textbox {
|
|
border: 1px dashed #0b46ab;
|
|
padding-right: 2px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Quill mods */
|
|
.ql-compose-container {
|
|
border: 1px solid #ccc;
|
|
}
|
|
.ql-compose-container .ql-container.ql-snow {
|
|
border: 0;
|
|
}
|
|
.ql-compose-container .ql-toolbar.ql-snow {
|
|
border-top: none;
|
|
border-right: none;
|
|
border-left: none;
|
|
}
|
|
.ql-compose-container .ql-editor {
|
|
min-height: 180px;
|
|
padding: 4px 6px 12px 6px;
|
|
}
|
|
.ql-snow .ql-editor pre {
|
|
font-size: 92%;
|
|
}
|
|
.ui_form_pair[data-contents="email"] > .ui_form_value,
|
|
.ql-compose-container .iframe_quote_details,
|
|
.ql-compose-container .ql-container.ql-snow .ql-editor {
|
|
background-color: #fff;
|
|
}
|
|
.ui_form_pair > .ui_form_value > textarea[name='body'],
|
|
.ql-compose-container .ql-container.ql-snow .ql-editor {
|
|
font-size: 14px;
|
|
line-height: 1.231;
|
|
}
|
|
.ui_form_pair > .ui_form_value > textarea[name='body'] {
|
|
width: -webkit-fill-available !important;
|
|
min-height: 180px;
|
|
}
|
|
.ql-compose-container .ql-container.ql-snow .ql-editor * {
|
|
line-height: 1.231;
|
|
}
|
|
.ui_form_pair[data-contents="email"] > .ui_form_value {
|
|
padding: 0;
|
|
}
|
|
.ql-compose-container .ql-container.ql-snow .ql-editor blockquote {
|
|
border-left-width: 1px;
|
|
margin-left: 6px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-left: 12px;
|
|
}
|
|
.ql-compose-container .ql-container.ql-snow .ql-editor pre.ql-syntax {
|
|
background-color: #f5f5f5;
|
|
color: initial;
|
|
}
|
|
.ql-compose-container .ql-snow .ql-picker.ql-expanded .ql-picker-label {
|
|
color: #00000066;
|
|
}
|
|
.ql-compose-container .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
|
|
fill: #00000055;
|
|
}
|
|
.ql-compose-container .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
|
|
stroke: #00000044;
|
|
}
|
|
.ql-compose-container .ql-snow .ql-tooltip {
|
|
z-index: 99;
|
|
}
|
|
|
|
/* Shell module tweaks */
|
|
.shell pre {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
.shell input[name="cmd"] {
|
|
max-width: 64.5vw;
|
|
}
|
|
.shell select[name="pcmd"] {
|
|
max-width: 65vw;
|
|
}
|
|
/* Disabled pages tweaks */
|
|
[data-pro-disabled$="-link"] {
|
|
filter: grayscale(1) contrast(0.1);
|
|
opacity: 1;
|
|
}
|
|
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_label:not([data-pro-disabled="cell"]) > b > label > a,
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_heads b,
|
|
[data-pro-disabled="cell"],
|
|
[data-pro-disabled$="-elem"] {
|
|
filter:grayscale(1);
|
|
opacity: .73;
|
|
}
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value:not([data-pro-disabled="cell"]) > .ui_multi_select .ui_multi_select_heads b {
|
|
opacity: .61;
|
|
}
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row input[type="button"],
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row select {
|
|
color: rgba(118, 118, 118, 0.4);
|
|
pointer-events: none;
|
|
opacity: 0.8;
|
|
}
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row input[type="button"] {
|
|
opacity: 0.3;
|
|
}
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value:only-child {
|
|
color: rgba(18, 18, 18, 0.7);
|
|
filter: grayscale(1) contrast(0.9);
|
|
pointer-events: none;
|
|
}
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row select {
|
|
background-color: rgba(239, 239, 239, 0.3);
|
|
border-color: rgba(118, 118, 118, 0.3);
|
|
box-shadow: none;
|
|
}
|
|
[data-pro-disabled="cell"] + .ui_form_value,
|
|
.ui_form_pair:has([data-pro-disabled="cell"]) ~ .ui_form_pair:has(hr) ~ .ui_form_pair > .ui_form_value > .ui_multi_select .ui_multi_select_row > td,
|
|
.shrinkwrapper:has([data-pro-disabled="cell"]) ~ .ui_form_end_buttons {
|
|
cursor: not-allowed;
|
|
}
|
|
.shrinkwrapper:has([data-pro-disabled="cell"]) ~ .ui_form_end_buttons [name="create"] {
|
|
pointer-events: none;
|
|
opacity: 0.4;
|
|
}
|
|
[data-pro-disabled$="-elem"] input:not([type="radio"]):not([type="checkbox"]) {
|
|
filter: grayscale(1) contrast(0.9);
|
|
}
|
|
[data-pro-disabled$="-elem"] input {
|
|
cursor: not-allowed !important;
|
|
}
|
|
.linkwithicon.inactive a,
|
|
.linkindented.inactive a,
|
|
[data-pro-disabled$="-link"] a {
|
|
cursor: alias;
|
|
}
|
|
[data-pro-disabled$="-elem"] a {
|
|
filter: grayscale(1) contrast(0.5);
|
|
}
|
|
[data-pro-disabled$="-elem"] a:hover {
|
|
filter: grayscale(1) contrast(1);
|
|
}
|
|
.not-secure {
|
|
color: #c40000;
|
|
float: right;
|
|
}
|
|
.inherit-color::after,
|
|
.inherit-color::before,
|
|
.inherit-color:focus::after,
|
|
.inherit-color:focus::before,
|
|
.inherit-color:active::after,
|
|
.inherit-color:active::before,
|
|
.inherit-color:hover::after,
|
|
.inherit-color:hover::before,
|
|
.inherit-color:focus,
|
|
.inherit-color:active,
|
|
.inherit-color:hover,
|
|
.inherit-color {
|
|
color: inherit !important;
|
|
}
|
|
.table-simple {
|
|
width: auto !important;
|
|
max-width: 100%;
|
|
}
|
|
.table-simple tr td {
|
|
padding: 0 4px !important;
|
|
}
|