24 --breakpoint-sm: 576px;
25 --breakpoint-md: 768px;
26 --breakpoint-lg: 992px;
27 --breakpoint-xl: 1200px;
28 --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
29 --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
38 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
41 background-color: #f0f0f0;
47 background-color: #fff;
51 font-family: Helvetica, Tahoma, sans-serif;
61 /*background-color: #F1F8FD;*/
62 background-color: none;
65 background-color: #f9f9f9;
68 .lst:nth-child(even) {
76 thead tr th:hover, table.tlist tbody tr:first-child th:hover {
77 background-color: #f0f0f0 !important;
80 tbody tr:first-child {
81 border-bottom: 1px solid #eee;
84 table.tlist > tbody > tr.lst:hover,
85 table.tlist > tbody > tr.lst > td:hover {
86 background-color: #DFEEF8 !important;
89 table.tlist > tbody > tr.lst:first-child {
90 background-color: #fff;
94 border-bottom: 1px solid #eee;
97 table.tlist > thead + tbody > tr.lst {
98 border-bottom: transparent !important;
103 background-color: transparent;
107 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
114 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
123 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
131 word-wrap: break-word;
136 margin: 20px 0 20px 15px;
137 border-bottom: 1px solid #eee;
146 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
155 /*border: 1px solid #007799;*/
156 border: 1px solid transparent;
157 border-width: 1px 0 0 0;
161 text-decoration: none;
166 text-decoration: underline;
168 text-decoration: none;
171 td[style='background: red'], td[style='background: green'], td[style='background: yellow'], td[style='background: orange'] {
172 border-radius: 1000px;
174 vertical-align: middle;
180 background-color: #DFEEF8;
183 td[style='padding-right: 2px; border-right: 1px solid black; '], td[style='padding-right: 2px; border-right: 1px solid black; color: red'] {
184 border-right: 1px solid #ddd !important;
188 background-color: transparent !important;
192 border: 1px solid transparent;
197 background-color: #eee;
198 border: 1px solid transparent;
200 -webkit-border-radius: 4px;
201 -moz-border-radius: 4px;
204 div.ui-accordion-content > ul {
205 margin-top: 0px !important;
209 border: 1px solid #ccc;
210 border-top-left-radius: 0px;
211 border-bottom-left-radius: 0px;
212 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
224 form > br + .inb, form > br + .ina, form > br + .inb + .inb, form > br + .ina + .inb, form > br + .inb + .ina, form > br + .ina + .ina {
228 p > input#file + br + .inb, p > input#file + br + .inb + .inb {
232 .showdirsize_button {
236 input.inb, input.ina, button.inb, button.ina {
239 border: 1px solid black;
240 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
242 padding: 4px 10px 4px 0px;
244 -webkit-border-radius: 5px;
245 -moz-border-radius: 5px;
247 vertical-align: middle;
252 input.inb:hover, input.ina:hover, button.inb:hover, button.ina:hover {
253 border: 1px solid black;
254 text-decoration: none;
255 background-color: #F0F0F0;
258 input.inb:focus, input.ina:focus, button.inb:focus, button.ina:focus {
259 box-shadow: 0 0 0 0.2rem inbrgba(40, 167, 69, 0.5);
262 .inb.disabled, .inb:disabled {
263 background-color: #5cb85c;
264 border-color: #5cb85c;
268 .cancel.inb:not([disabled]):not(.disabled):active:, .cancel.inb:not([disabled]):not(.disabled).active,
269 .cancel.show > .inb.dropdown-toggle {
271 background-color: #f0ad4e;
272 border-color: #eea236;
277 background-color: #f0ad4e;
278 border-color: #eea236;
281 .delete.inb:not([disabled]):not(.disabled):active, .delete.inb:not([disabled]):not(.disabled).active,
282 .delete.show > .inb.dropdown-toggle {
284 background-color: #d9534f;
285 border-color: #d43f3a;
290 background-color: #d9534f;
291 border-color: #d43f3a;
295 .ok.inb:not([disabled]):not(.disabled):active, .ok.inb:not([disabled]):not(.disabled).active,
296 .ok.show > .inb.dropdown-toggle {
298 background-color: #449d44;
299 border-color: #255625;
302 input.inb.ok:active, input.inb.add:active, button.inb.ok:active, button.inb.add:active {
304 background-color: #449d44;
305 border-color: #255625;
308 .add.inb:not([disabled]):not(.disabled):active, .add.inb:not([disabled]):not(.disabled).active,
309 .add.show > .inb.dropdown-toggle {
311 background-color: #449d44;
312 border-color: #255625;
315 input.ui-state-hover {
319 input.ina, input.inav,
320 input.ina:hover, input.inav:hover {
321 border: 1px solid black;
322 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
328 input.ina[name="actdel"], input.ina[name="actrename"], input.ina[name="actperms"], input.ina[name="actcopy"], input.ina[name="actmove"] {
333 input.ina, .ina a, .inb a, input.inb, input.ina,
334 input.inav, .inav a {
335 background-color: #fff;
338 input.inav:hover, .inav a:hover, a.inav:hover,
339 input.ina:hover, .ina a:hover, .inb a:hover {
340 background-color: #F0F0F0;
343 .ina a, a.ina, .inb a, a.inb,.inav a, a.inav {
346 border: 1px solid black;
347 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
352 -webkit-border-radius: 5px;
353 -moz-border-radius: 5px;
355 vertical-align: middle;
360 #emaildom.int, #newsubname.int, #create_dom_list {
361 border-top-left-radius: 0px;
362 border-bottom-left-radius: 0px;
366 #tabsdom-addsub #newsubname.int {
367 border-top-left-radius: 0px;
368 border-bottom-left-radius: 0px;
370 display: inline-table;
372 padding-bottom: 0.23em;
376 border-top-left-radius: 0px;
377 border-bottom-left-radius: 0px;
379 display: inline-table;
381 padding-bottom: 0.18em;
384 .int#sub, .int#mail_arg {
385 border-top-right-radius: 0px;
386 border-bottom-right-radius: 0px;
387 display: inline-table;
390 .ina a:hover, a.ina:hover, .inb a:hover, a.inb:hover,.inav a:hover, a.inav:hover {
391 text-decoration: none;
396 vertical-align: middle;
401 border: 1px solid black;
402 background-color: #F0F0F0;
403 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
411 form[action='adm_dodefquotas.php'] table {
412 border-color: transparent;
419 background-color: #fff;
420 background-image: none;
421 border: 1px solid #ccc;
423 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
429 span.intleft, #usernpfx, #newdomwww {
430 border: 0; /* disabled, not compatible with bootstrap */
433 form#formlist1 > span.int.intleft {
434 padding-bottom: 0.14em;
438 #create_dom_list_pfx {
439 border-top-right-radius: 0px;
440 border-bottom-right-radius: 0px;
450 border-top-left-radius: 0px;
451 border-bottom-left-radius: 0px;
455 border-top-left-radius: 0px;
456 border-bottom-left-radius: 0px;
463 border-top-right-radius: 0px;
464 border-bottom-right-radius: 0px;
468 border-top-left-radius: 0px;
469 border-bottom-left-radius: 0px;
472 input.int[name="userfile"] {
489 vertical-align: middle;
494 border: 1px solid transparent;
495 border-radius: 4px 4px 4px 4px;
506 .alert > p, .alert > ul {
516 .alert-dismissable .close {
523 background-color: #DFF0D8;
524 border-color: #D6E9C6;
528 border-top-color: #C9E2B3;
530 .alert-success .alert-link,
536 background-color: #D9EDF7;
537 border-color: #BCE8F1;
541 border-top-color: #A6E1EC;
543 .alert-info .alert-link,
549 background-color: #FCF8E3;
550 border-color: #FBEED5;
554 border-top-color: #F8E5BE;
556 .alert-warning .alert-link,
561 background-color: #F2DEDE;
562 border-color: #EED3D7;
566 border-top-color: #E6C1C7;
568 .alert-danger .alert-link,
573 background-color: #F2DEDE !important;
579 background-position: 12px center;
580 background-repeat: no-repeat;
584 #content .alert:before {
585 font-family: "Font Awesome 5 Free";
591 #content .alert-danger:before {
594 #content .alert-info:before {
597 #content .alert-success:before {
600 #content .alert-warning:before {
609 /* Over quota class */
617 vertical-align: super;
624 font-family: Courier New, Fixed;
629 ul > li > a > span > img {
636 border: 1px solid #ddd;
637 background-color: #fff;
642 @media screen and (min-width: 1000px) {
658 border-right: 1px solid #ddd;
659 border-bottom: transparent;
669 background-color: #fff;
680 a[href="ftp_edit.php?create=1"], a[href="httpperm_list.php"] {
684 form[action="mman_edit.php"] > table > tbody > tr.lst1:hover, form[action="mman_edit.php"] > table > tbody > tr.lst2:hover {
685 background-color: #DFEEF8;
692 background-color: #f0f0f0;
700 background-color: #DFEEF8;
704 background-color: #DFEEF8;
707 .block_login_page .menu-box {
709 background-color: #fff;
710 border: 1px solid #ddd;
712 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
713 box-shadow: 0 1px 1px rgba(0,0,0,.05);
716 .menu-box a .menu-title {
717 border-bottom: 1px solid #e7e7e7;
721 .menu-box li:last-child {
722 border-bottom: 1px solid #e7e7e7;
727 background-color: #f0f0f0;
728 border-top-color: transparent;
732 .menu-box .menu-title {
735 background-color: #f0f0f0;
739 .menu-box a .menu-title {
744 .menu-box .menu-conmargin {
745 margin: 0 5px 5px 5px;
751 .menu-content ul li a span {
758 list-style-type: none;
765 text-decoration: none;
770 .menu-box a:hover .menu-title {
771 text-decoration: none;
772 background-color: #DFEEF8;
776 .menu-box a:focus .menu-title {
777 text-decoration: none;
778 background-color: #DFEEF8;
783 padding: 5px 5px 5px 10px;
785 text-decoration: none;
786 border: 1px solid transparent;
791 text-overflow: ellipsis;
792 -o-text-overflow: ellipsis; /* Opera 9*/
806 .menu-box li a:hover {
809 text-decoration: none;
810 background-color: #DFEEF8;
820 background-color: white;
821 border: 1px solid black;
823 -webkit-border-radius:4px;
824 -moz-border-radius: 4px;
830 background-color: red;
843 margin: 20px 0 20px 0px;
846 table.searchtable td {
863 border: 1px solid #C0DCF0;
881 #newdomwww, #sub, #usernpfx, #dbnpfx, #account_namefx {
885 #newdomain, #newsubname, #usern, #dbn, #account_name {
904 display: inline-table;
906 padding-bottom: 0.18em;
910 border: 1px solid #aaa;
913 border-collapse: collapse;
914 border: 1px solid #ddd;
917 .tedit td, .tedit th {
918 border: 1px solid #aaa;
928 .tlist, .tlist td, .tlist th,
929 .tlist2, .tlist2 td, .tlist2 th {
932 border-collapse: collapse;
937 border: 1px solid #ddd;
940 .tlistb, .tlistb td, .tlistb th {
943 border-collapse: collapse;
946 table.tlistb, .tlistb tr, form > table {
947 border: 1px solid transparent;
950 input#dir, input#sub_local {
955 background-color: green;
958 background-color: red;
961 background-color: coral;
986 word-wrap:break-word;
996 margin: 25px 5px 10px 5px;
1005 margin: 5px 5px 5px 10px;
1008 .menu-quota div.progress-bar {
1012 border: 1px solid transparent;
1021 background-color: #fff;
1022 border: 1px solid transparent;
1024 -webkit-border-radius: 4px;
1025 -moz-border-radius: 4px;
1029 div.progress-bar div.barre {
1034 background-color: #CCC;
1038 div.progress-bar div.txt {
1046 border: 1px solid #ddd;
1056 #adm_panel li, #adm_panel_root li {
1057 padding: 4px 0 4px 0;
1059 #adm_panel li:hover, #adm_panel_root li:hover {
1060 background-color: #DFEEF8;
1063 .edit a:before, a.edit:before, input.edit:before {
1064 font-family: "Font Awesome 5 Free";
1070 .view a:before, a.view:before, input.view:before {
1071 font-family: "Font Awesome 5 Free";
1077 .ssl a:before, input.ssl:before, a.ssl:before, .lock a:before, a.lock:before, input.lock:before {
1078 font-family: "Font Awesome 5 Free";
1084 .settings a:before, a.settings:before, input.settings:before {
1085 font-family: "Font Awesome 5 Free";
1091 .ok a, a.ok, input.ok, button.ok {
1093 background-color: #5cb85c;
1094 border-color: #4cae4c;
1096 .ok a:before, a.ok:before, input.ok:before, button.ok:before {
1097 font-family: "Font Awesome 5 Free";
1103 input.ok:hover, input.ok:focus, button.ok:focus, button.ok:hover {
1105 background-color: #449d44;
1106 border-color: #398439;
1109 .add a:before, a.add:before, input.add:before, span.add .ina:before {
1110 font-family: "Font Awesome 5 Free";
1117 div > .add a:hover, p > a.add:hover {
1119 background-color: #5cb85c;
1120 border-color: #4cae4c;
1123 input.add:hover, input.add:focus, button.add:focus {
1125 background-color: #449d44;
1126 border-color: #398439;
1129 .delete a:before, a.delete:before, input.delete:before, button.delete:before {
1130 font-family: "Font Awesome 5 Free";
1137 div > .delete a:hover, p > a.delete:hover {
1139 background-color: #d9534f;
1140 border-color: #d43f3a;
1143 input.delete:hover, input.delete:focus {
1145 background-color: #d9534f;
1146 border-color: #d43f3a;
1149 .cancel a:before, a.cancel:before, input.cancel:before, button.cancel:before {
1150 font-family: "Font Awesome 5 Free";
1156 input.cancel:hover, button.cancel:hover {
1157 background-color: #fcf8e3;
1160 input.cancel:active, button.cancel:active {
1161 background-color: #f0ad4e;
1162 border-color: #eea236;
1165 .inb[name='cancel']:active {
1166 background-color: #f0ad4e;
1167 border-color: #eea236;
1169 .inb[name='cancel']:hover {
1170 background-color: #fcf8e3;
1173 .inb[name='select']:active {
1174 background-color: #449d44;
1175 border-color: #255625;
1177 .inb[name='select']:hover {
1178 background-color: #dff0d8;
1181 .input.unlock:before {
1182 font-family: "Font Awesome 5 Free";
1188 .save a:before, a.save:before, input.save:before {
1189 font-family: "Font Awesome 5 Free";
1195 h3.backup:before, .backup a:before, a.backup:before, input.backup:before {
1196 font-family: "Font Awesome 5 Free";
1198 content:"\f0a0 \f104";
1202 h3.restore:before, .restore a:before, a.restore:before, input.restore:before {
1203 font-family: "Font Awesome 5 Free";
1205 content:"\f0a0 \f105";
1209 th.headerSortUp:before, .sortup:before a, a.sortup:before, input.sortup:before {
1211 font-family: "Font Awesome 5 Free";
1218 th.headerSortDown:before, .sortdown:before a, a.sortdown:before, input.sortdown:before {
1220 font-family: "Font Awesome 5 Free";
1228 padding-bottom: 4px;
1231 .back a:before, a.back:before, input.back:before {
1232 font-family: "Font Awesome 5 Free";
1238 .permissions a:before, a.permissions:before, input.permissions:before {
1239 font-family: "Font Awesome 5 Free";
1245 .admin a:before, a.admin:before, input.admin:before, .admin-menu .menu-title:before {
1246 font-family: "Font Awesome 5 Free";
1252 .home a:before, a.home:before, input.home:before, .home-menu .menu-title:before {
1253 font-family: "Font Awesome 5 Free";
1259 .dom-edit-table td {
1263 .dom a:before, a.dom:before, input.dom:before, .dom-menu .menu-title:before {
1264 font-family: "Font Awesome 5 Free";
1270 .mail a:before, a.mail:before, input.mail:before, .mail-menu .menu-title:before {
1271 font-family: "Font Awesome 5 Free";
1277 .bro a:before, a.bro:before, input.bro:before, .bro-menu .menu-title:before {
1278 font-family: "Font Awesome 5 Free";
1284 .hta a:before, a.hta:before, input.hta:before, .hta-menu .menu-title:before {
1285 font-family: "Font Awesome 5 Free";
1291 .ftp a:before, a.ftp:before, input.ftp:before, .ftp-menu .menu-title:before {
1292 font-family: "Font Awesome 5 Free";
1298 .cron a:before, a.cron:before, input.cron:before, .cron-menu .menu-title:before {
1299 font-family: "Font Awesome 5 Free";
1305 .lxc a:before, a.lxc:before, input.lxc:before, .lxc-menu .menu-title:before {
1306 font-family: "Font Awesome 5 Free";
1312 .mysql a:before, a.mysql:before, input.mysql:before, .mysql-menu .menu-title:before {
1313 font-family: "Font Awesome 5 Free";
1319 .quota a:before, a.quota:before, input.quota:before, .quota-menu .menu-title:before {
1320 font-family: "Font Awesome 5 Free";
1326 .authip a:before, a.authip:before, input.authip:before, .authip-menu .menu-title:before {
1327 font-family: "Font Awesome 5 Free";
1333 .log a:before, a.log:before, input.log:before, .log-menu .menu-title:before {
1334 font-family: "Font Awesome 5 Free";
1340 .help a:before, a.help:before, input.help:before, .help-menu .menu-title:before {
1341 font-family: "Font Awesome 5 Free";
1347 .lang a:before, a.lang:before, input.lang:before, .lang-menu .menu-title:before {
1348 font-family: "Font Awesome 5 Free";
1354 .mem a:before, a.mem:before, input.mem:before, .mem-menu .menu-title:before {
1355 font-family: "Font Awesome 5 Free";
1363 .filter a:before, a.edit:before, input.filter:before {
1364 font-family: "Font Awesome 5 Free";
1375 border: transparent;
1378 body .ui-widget-content {
1392 body .ui-widget-header {
1394 border: 1px solid transparent;
1395 border-bottom-color: #ddd;
1396 border-radius: 4px 4px 0 0;
1399 body .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
1403 body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
1405 border: 1px solid transparent;
1408 body .ui-state-active, body .ui-widget-content, body .ui-state-active, body .ui-widget-header .ui-state-active {
1411 background-color: #fff;
1412 border: 1px solid #ddd;
1415 body .ui-accordion .ui-accordion-content {
1416 padding: 0 !important;
1417 margin: 0 !important;
1420 border-bottom: 1px solid #ddd;
1423 body .ui-state-active a, body .ui-state-active a:link {
1427 body .ui-tabs .ui-tabs-panel {
1429 margin: 0 !important;
1432 body .ui-tabs .ui-tabs-nav li a {
1433 padding: .5em 1em .5em 1em;
1436 body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active,
1437 body ui-state-hover, body .ui-widget-content .ui-state-hover, body .ui-widget-header .ui-state-hover, body .ui-state-focus, body .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
1438 body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
1439 font-weight: normal;
1442 body .ui-dialog .ui-dialog-title {
1446 body .ui-widget-content a {
1450 li.ui-state-hover[aria-selected='false'] {
1454 li.ui-state-active[role='tab'] {
1455 border-bottom-color: transparent;
1458 .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
1462 .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
1467 background: none repeat scroll 0 0 #f5f5f5;
1468 border: 1px solid #CCCCCC;
1469 border-radius: 15px 15px 15px 15px;
1475 text-decoration: line-through;
1482 span.menu-title > span > img {
1488 display: inline-block;
1491 white-space: nowrap;
1492 vertical-align: middle;
1493 -webkit-user-select: none;
1494 -moz-user-select: none;
1495 -ms-user-select: none;
1497 border: 1px solid transparent;
1500 border-radius: 0.25rem;
1501 transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
1503 background-color: #5cb85c;
1504 border-color: #5cb85c;
1506 .login_page .inb:hover {
1507 text-decoration: none;
1509 background-color: #449d44;
1510 border-color: #449d44;
1513 .login_page .inb:focus, .login_page .inb.focus {
1514 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1517 .login_page .inb.disabled, .login_page .inb:disabled {
1518 background-color: #5cb85c;
1519 border-color: #5cb85c;
1523 .login_page .inb:not([disabled]):not(.disabled):active, .login_page .inb:not([disabled]):not(.disabled).active,
1524 .show > .inb.dropdown-toggle {
1526 background-color: #1e7e34;
1527 border-color: #1c7430;
1528 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1537 max-height: 100px !important;
1540 .login_page #global {
1541 max-width: 1024px !important;
1542 margin: 60px auto !important;
1543 width: auto !important;
1546 .login_page .unsecure {
1551 .login_page #content {
1552 padding: 10px 10px 10px 10px;
1553 border: 1px solid #ddd;
1558 .login_page #logo, .login_page {
1562 .login_page #logo, .login_page > img {
1566 .login_page .block_list {
1571 .login_page .block_login_page {
1575 .login_page .menu-box {
1579 .login_page .block_list .menu-box {
1580 display: inline-block;
1584 background-position: 8px 10px !important;
1587 .block_login_page > b {
1589 font-weight: inherit;
1592 .login_page .menu-box .menu-title {
1597 .login_page .menu-box .menu-content {
1601 .login_page .menu-box .menu-content > div {
1605 .login_page .menu-box .menu-content label {
1607 margin-bottom: 10px;
1609 display: inline-block;
1612 .login_page .menu-box .menu-content input {
1616 .login_page .menu-box .menu-content .submit {
1620 .login_page .menu-box .menu-content input[type='submit']{
1633 @media (max-width:1000px) {
1634 .login_page .block_login_page {
1638 .login_page #global {
1639 margin: 0 !important;
1655 .menu, .content, #menu, #content {
1666 .logout a:before, a.logout:before, input.logout:before, .logout-menu .menu-title:before {
1667 font-family: "Font Awesome 5 Free";
1685 @media (max-width:2000px) {
1687 padding-top: 0.17em;
1688 padding-bottom: 0.27em;
1690 form#formlist1 > span.int.intleft {
1691 padding-bottom: 0.15em;
1695 padding-bottom: 0.4em;
1696 padding-top: 0.25em;
1699 padding-top: 0.17em;
1700 padding-bottom: 0.27em;
1702 #tabsdom-addsub #newsubname.int {
1704 padding-bottom: 0.35em;
1709 font-family: Courier New, Courier, monospace, fixed;
1713 textarea[readonly='readonly'] {
1714 background-color: #ddd;