I’ve open an issue for this on github.
Anybody has same experiences?
You can Try this CSS if you like the look
Copy and past it in theme configuration → theme extension
#sidebar {
color: #f5f5f7 !important;
background-color: #2f3237;
-webkit-box-shadow: none;
}
aside li.has-sub a span, aside li[data-linked] a span {
letter-spacing: normal;
padding-right: 24px;
padding-right: 8px;
}
a, .ui_checked_checkbox, .panel-body .ui_table tbody tr td a b {
color: #0652a9;
}
b, strong {
font-weight: 500;
font-weight: bold;
}
.btn:not(.btn-round), button.btn:not(.btn-round), .csf-container input[type='submit']:not(.btn-round), .csf-container button.input:not(.btn-round), input[type='submit']:not(.btn-round) {
border-radius: 8px !important;
}
.btn-group > .btn:first-child {
margin-left: 8px;
margin-right: 8px;
}
.btn-tiny + .btn-tiny {
margin-left: 8px !important;
}
.btn-primary {
color: #adadad !important;
border-color: transparent !important;
background-color: #000000bf !important;
}
.btn-primary:not(.btn-menu-toggler):hover, .btn-primary:not(.btn-menu-toggler):focus, .btn-primary:not(.btn-menu-toggler):active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
color: #fff !important;
border-color: transparent !important;
background-color: #09090999 !important;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
margin-left: 8px;
}
body[data-uri*="/tconfig.cgi"] .container-fluid .ui_form_end_buttons td:last-child .btn-group .btn:first-child, html[data-script-name*="settings-editor_read.cgi"] #content .CodeMirror + .ui_form_end_buttons .btn {
margin-left: 8px;
}
body[data-uri*="/tconfig.cgi"] .col_label b {
font-size: 14px;
font-weight: 500;
}
body .container-fluid {
pointer-events: none;
opacity: 0;
margin-right: 25px;
}
.cke_dialog_ui_button_ok, .btn-success {
color: #fff !important;
border-color: #0000 !important;
background-color: #28aade !important;
}
.container, .container-fluid {
margin-top: 32px;
}
.CodeMirror-wrap, .panel-body>form>.CodeMirror {
border: 0;
width: 93%;
}
.col_label>b, .col_label>b>a {
line-height: 36px;
vertical-align: middle;
}
.col_value {
vertical-align: middle !important;
}
.col-lg-10 {
width: 95%;
}
.col-lg-offset-1 {
margin-left: 25px;
}
.col_label, .col_value, .table-subtable tbody tr td.no-border, .table-subtable tbody tr td.col_label, .table-subtable tbody tr td.col_value, .panel-body .table tbody, .panel-body table.table-hardcoded>tbody>tr>td, .panel-body form table, .table table table td {
border-spacing: 0;
border-collapse: collapse;
border: 0;
}
div, span {
scrollbar-width: thin;
scrollbar-color: #a5a5a555 #84848422 !important;
}
#extended_sysinfo-1 .panel-collapse .table.table-striped tr td:first-child {
padding-left: 16px !important;
}
.favorites-menu-outer {
position: fixed;
z-index: 1111000;
top: 10%;
left: 100%;
overflow: hidden;
width: 80%;
height: 80%;
background: #334111;
}
.favorites-menu-outer.hover {
left: 10%;
overflow: auto;
margin-left: 0;
background: #2a2b2b;
right: 10%;
}
.fa-database:before {
content: '\f03b';
color: #0ff;
}
.fa-update:before {
content: '\f040';
color: #7fff00;
}
.fa2-settings:before {
content: '\f039';
color: #00bfff;
}
.fa2-users-cog:before {
content: '\f020';
}
.fa2-users-cog:before {
content: '\f020';
color: #fff8dc;
}
.fa-server-add:before {
content: '\f0f5';
color: #e77a7a;
}
.fa-bell:before {
content: '\f049';
font-weight: lighter;
}
.fa-file-manager:before {
content: '\f0e2';
color: #f1c40f;
}
.fa-info-circle:before {
content: '\f10a';
color: #faebd7;
}
.fa2-maillist:before {
content: '\f009';
/* width: 1px; */
font-size: 18px;
color: #9b59b6;
}
.file-manager .container-fluid .table-striped>tbody>tr {
height: 36px;
/* padding: 16px; */
}
html:not([data-bgs='nightRider']) .ui_form>.table-responsive>.table.table-subtable>tbody>tr>td>table, .sub_table_container:not(.xcontent-force-no-styling) tr, .sub_table_container:not(.xcontent-force-no-styling) tr:not(:hover) td:not(.opener_table_cell_style_small):not(.tdhead), .sub_table_container:not(.xcontent-force-no-styling) tr>td code {
color: #191919;
background-color: #fff !important;
}
html[data-bgs="nightRider"] a.pagination-title, html[data-bgs="nightRider"] .jsPanel.jspCompose > div.jsPanel-hdr > div.jsPanel-headerbar > div.jsPanel-controlbar > div.jsPanel-btn > span, html[data-bgs="nightRider"] #right-side-tabs > div > div.right-side-tabs-dismiss.pull-right div ul li > a, html[data-bgs="nightRider"] .dropdown-submenu a, html[data-bgs="nightRider"] .right-side-tabs .tab-pane .info-container, html[data-bgs="nightRider"] .btn.btn-transparent-link-inverse:hover, html[data-bgs="nightRider"] input.dataTable-mirror, html[data-bgs="nightRider"] font[color="#000000"], html[data-bgs="nightRider"] a.opener_trigger, html[data-bgs="nightRider"] a.help_popup, html[data-bgs="nightRider"] a[style*="color: #333"], html[data-bgs="nightRider"] body:not(.session_login), html[data-bgs="nightRider"] .sub_table_container.xcontent-force-no-styling tr.ui_checked_columns td, html[data-bgs="nightRider"] .sub_table_container.xcontent-force-no-styling tr.ui_checked_columns, html[data-bgs="nightRider"] .ui_form > .table-responsive > .table.table-subtable > tbody > tr > td > table > tbody tr, html[data-bgs="nightRider"] .sub_table_container:not(.xcontent-force-no-styling) :not(.fa):not(.lawobject):not(b):not(.btn):not(span):not(input):not(.tdhead):not(th):not(font):not([disabled]):not([data-theme-version-container]):not(.t-password-complexity-meter-wrapper):not(.t-password-complexity-meter-gb):not(.t-password-complexity-meter-cb), html[data-bgs="nightRider"] ._c__op_r, html[data-bgs="nightRider"] .link_hover_effect_style, html[data-bgs="nightRider"] .panel, html[data-bgs="nightRider"] .panel-loading, html[data-bgs="nightRider"] .lawobject, html[data-bgs="nightRider"] table tr td label {
color: #f5f5f7 !important;
}
html:not([data-bgs='nightRider']) .right-side-tabs .tab-pane .info-container .extended-list-data .panel-default .panel-body table .thead b, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body .table-responsive, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row, html:not([data-bgs='nightRider']) #right-side-tabs.right-side-tabs[data-bgs='nav'] .right_pane_favorites_link, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] #right-side-tabs-notifications .right-side-tabs-notification div.media-body>small, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data] a {
color: #ffffffe8 !important;
text-shadow: none;
}
html[data-bgs='nightRider'] a.pagination-title, html[data-bgs='nightRider'] .jsPanel.jspCompose>div.jsPanel-hdr>div.jsPanel-headerbar>div.jsPanel-controlbar>div.jsPanel-btn>span, html[data-bgs='nightRider'] #right-side-tabs>div>div.right-side-tabs-dismiss.pull-right div ul li>a, html[data-bgs='nightRider'] .dropdown-submenu a, html[data-bgs='nightRider'] .right-side-tabs .tab-pane .info-container, html[data-bgs='nightRider'] .btn.btn-transparent-link-inverse:hover, html[data-bgs='nightRider'] input.dataTable-mirror, html[data-bgs='nightRider'] font[color='#000000'], html[data-bgs='nightRider'] a.opener_trigger, html[data-bgs='nightRider'] a.help_popup, html[data-bgs='nightRider'] a[style*='color: #333'], html[data-bgs='nightRider'] body:not(.session_login), html[data-bgs='nightRider'] .sub_table_container.xcontent-force-no-styling tr.ui_checked_columns td, html[data-bgs='nightRider'] .sub_table_container.xcontent-force-no-styling tr.ui_checked_columns, html[data-bgs='nightRider'] .ui_form>.table-responsive>.table.table-subtable>tbody>tr>td>table>tbody tr, html[data-bgs='nightRider'] .sub_table_container:not(.xcontent-force-no-styling) *:not(.fa):not(.lawobject):not(b):not(.btn):not(span):not(input):not(.tdhead):not(th):not(font):not([disabled]):not([data-theme-version-container]):not(.t-password-complexity-meter-wrapper):not(.t-password-complexity-meter-gb):not(.t-password-complexity-meter-cb), html[data-bgs='nightRider'] ._c__op_r, html[data-bgs='nightRider'] .link_hover_effect_style, html[data-bgs='nightRider'] .panel, html[data-bgs='nightRider'] .panel-loading, html[data-bgs='nightRider'] .lawobject, html[data-bgs='nightRider'] table tr td label {
color: #b9bfc5c7 !important;
}
html[data-theme="blue"]:not([data-bgs='nightRider']) #sidebar ul.user-links li:not(.menu-container):not(.sub-wrapper):not(.flex-br) {
border-color: #edf3ff17;
-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 2%);
box-shadow: none;
}
html[data-script-name*='sysinfo.cgi'] #system-status table tr td, #content #system-status table tr td {
padding-top: 4px !important;
padding-bottom: 4px !important;
padding-left: 4px !important;
}
html[data-bgs='gainsboro'], html[data-bgs='gainsboro'] body, html[data-bgs='gainsboro'] .container:not(.form-signin-banner), html[data-bgs='gainsboro'] .loader-container, html[data-bgs='gainsboro'] .input-group-addon {
background-color: #f7f8fc !important;
}
html[data-theme='gunmetal'] aside span.fancytree-node span.fancytree-expander:after, html[data-theme='gunmetal'] aside span.fancytree-title, html[data-theme='gunmetal'] .select2-selection--single span, html[data-theme='gunmetal'] .select2-selection span, html[data-theme='gunmetal'] #sidebar li:not(.menu-container):not(.sub-wrapper) a {
color: #999fa599 !important;
background-color: #00000036;
margin-left: 8px;
margin-right: 8px;
border-radius: 8px;
}
html[data-bgs='gainsboro'] .panel.panel-default {
border-color: #0000;
border-top-color: #0000;
color: #4a4a4a;
box-shadow: 0 5px 15px rgb(0 0 0 / 6%);
}
html:not(.session_login), body:not(.session_login) {
font-size: 14px;
line-height: 1.42857143;
color: #191919;
background-color: #f0f0f0;
}
html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .list-group-item, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .nav-tabs, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .nav-tabs .active a, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav']>button, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav'].opened>button, html:not([data-bgs='nightRider']) .right-side-tabs-toggler[data-bgs='nav'] {
background-color: #0f83c9 !important;
}
html:not([data-bgs='nightRider']) .right-side-tabs .tab-pane .info-container .extended-list-data .panel-default .panel-body table .thead b, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .right-side-tabs-dismiss, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-body .table-responsive, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row a, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .extended-list-data .panel-default .panel-body table tbody tr.ui_columns_row, html:not([data-bgs='nightRider']) #right-side-tabs.right-side-tabs[data-bgs='nav'] .right_pane_favorites_link, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] #right-side-tabs-notifications .right-side-tabs-notification div.media-body>small, html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data], html:not([data-bgs='nightRider']) .right-side-tabs[data-bgs='nav'] .tab-pane .info-container .info-list-data span[data-data] a {
color: #ffffffe8 !important;
text-shadow: none;
}
html[data-theme='gunmetal'] aside span.fancytree-node span.fancytree-expander:after, html[data-theme='gunmetal'] aside span.fancytree-title, html[data-theme='gunmetal'] .select2-selection--single span, html[data-theme='gunmetal'] .select2-selection span, html[data-theme='gunmetal'] #sidebar li:not(.menu-container):not(.sub-wrapper) a {
color: #cdd2d799 !important;
}
input.btn.heighter-34:not(.btn-lg):not(.ui_form_end_submit), .btn.heighter-34:not(.btn-lg):not(.ui_form_end_submit):not(.ui_link_empty), .table-hardcoded tbody tr td .submitter.heighter-34:not(.btn-lg):not(.ui_form_end_submit), .heighter-34:not(.btn-lg):not(.ui_form_end_submit):not([data-command='true']):not(.sidebar-search):not(.ui_link_empty) {
font-size: 14px !important;
line-height: 18px !important;
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
}
.margined-bottom-3 {
margin-bottom: 8px !important;
}
.module-help {
min-width: 30px;
}
.navigation_module_trigger {
cursor: pointer;
}
nav.favorites-menu .favorites-menu-content>li>h1 {
font-weight: 300 !important;
margin-left: 16px;
}
nav.favorites-menu li>span:not(.f__c), nav.favorites-menu li a {
font-size: 16px;
display: block;
margin: 0 auto;
color: #fffc;
}
nav.favorites-menu li {
margin-top: 16px;
margin-bottom: 16px;
padding: 4px 16px 4px 16px;
list-style: none;
text-align: left;
}
.__page {
margin-left: 300px !important;
}
.__page .select2 {
margin-top: 4px;
margin-bottom: 4px;
}
.__page .select2-content.heighter-34 {
padding: 4px 0;
}
.__page .select2-content .select2-selection__arrow b {
border-width: 4px;
margin-left: -8px;
margin-top: -1px;
}
.panel-default-loading>.panel-heading-loading, .panel-default>.panel-heading {
border-bottom-color: #0000;
}
.panel, .panel-group, .panel-group .panel, .well, .modal-content {
border-radius: 16px !important;
}
.panel-heading{
margin: 16px;
}
.panel-default{
margin-bottom:16px;
}
.panel-group .panel+.panel .panel-body {
margin-top: 8px;
margin: 16px;
padding: 0;
}
.panel-group .panel+.panel {
margin-top: 16px;
}
.panel-body {
overflow: auto;
padding-top: 16px;
padding-bottom: 16px;
}
.right-side-tabs-toggler, .mobile-menu-toggler {
position: fixed;
z-index: 1000;
top: 0px;
opacity: .90;
}
.row {
margin-right: 0;
margin-left: 0;
}
.select2-results ul li {
padding-top: 8px;
padding-bottom: 8px;
color: #191919 !important;
}
.select2-container .select2-selection--single {
height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height:28px;
font-size: 18px;
text-align: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 1px;
width: 16px;
height: 36px;
background-color: #0000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
margin-top: -2px;
margin-left: -8px;
border-width: 5px 4px 0 4px;
border-style: solid;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:active, .select2-container--default .select2-results__option:hover, .select2-container--default .select2-results__option:focus, .select2-container--default .select2-results__option[aria-disabled='true'], .select2-container--default .select2-results__option[aria-selected='true'] {
background-color: #2C588F;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #fff !important;
background-color: #0f83c912 !important;
border-color: #c96d0fb3 !important;
border: 1px solid;
}
.select2-selection--single, .select2-selection {
border: 1px solid #ffffff1f !important;
border-radius: 8px !important;
background: #0000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
border-radius: 8px;
}
.select2-dropdown {
position: absolute;
z-index: 1051;
left: 4px;
display: block;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
padding: 4px;
font-size: 16px;
border-radius: 8px !important;
}
.select2-search--dropdown .select2-search__field {
box-sizing: border-box;
width: 98%;
padding: 4px;
color: #bfc9d3 !important;
border-color: #0f83c9b3 !important;
background-color: #0f83c912 !important;
border-radius: 8px;
}
.select2-dropdown, .autocomplete-suggestions {
border: none !important;
border: 1px solid #0f83c9b3 !important;
border-radius: 8px !important;
background-color: #2f3237 !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.select2-dropdown:not(.select2-content) .select2-results ul li:not(.text-danger):active, .select2-dropdown:not(.select2-content) .select2-results ul li:not(.text-danger):focus, .select2-dropdown:not(.select2-content) .select2-results ul li:not(.text-danger):hover {
color: #e7e7e7 !important;
background: #1c1c1c73 !important;
}
.select2-container--default .select2-content .select2-results__option--highlighted[aria-selected]:active, .select2-container--default .select2-content .select2-results__option:hover, .select2-container--default .select2-content .select2-results__option:focus, .select2-container--default .select2-content .select2-results__option[aria-disabled='true'], .select2-container--default .select2-content .select2-results__option[aria-selected='true'] {
background-color: #ff7070 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:active, .select2-container--default .select2-results__option:hover, .select2-container--default .select2-results__option:focus, .select2-container--default .select2-results__option[aria-disabled='true'], .select2-container--default .select2-results__option[aria-selected='true'] {
background-color: #5858585c;
}
.select2-container--default, .select2, .select2-container {
color: #c7d2e6;
background-color: #0000;
}
.select2-results, .select2-dropdown .select2-search, .select2-search {
background-color: #0000 !important;
}
.select2-results__option {
padding: 8px;
-webkit-user-select: none;
user-select: none;
background-color: #2f3237;
margin: 8px;
border-radius: 8px;
}
.select2-results ul li {
padding-top: 4px;
padding-bottom: 4px;
color: #fff !important;
}
#system-status .table.margined-top-25 tr td {
vertical-align: middle;
word-wrap: break-word;
}
#system-status .table>thead>tr>td, #system-status .table>tbody>tr>td, #system-status .table>tfoot>tr>td {
line-height: 36px;
}
#system-status .table>thead>tr>td, #system-status .table>tbody>tr>td, #system-status .table>tfoot>tr>td {
line-height: 36px;
}
.-shell-port-.opened {
position: fixed;
z-index: 999999;
top: 10%;
right: 10%;
bottom: 10%;
left: 10%;
background-color: #000;
background-color: none;
margin-bottom: 10%;
bottom: 205;
}
.-shell-port-container .-shell-port-close {
position: absolute;
z-index: 11011;
top: 0;
right: -22px;
width: 36px;
height: 36px;
cursor: pointer;
-webkit-transform: rotate(45deg);
transform: rotate(0deg);
-webkit-transform-origin: top right;
transform-origin: top right;
background-color: #8c0f0cf2;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.-shell-port-container .-shell-port-close:before {
font-family: 'Authentic';
font-size: 14px;
position: absolute;
top: 10px;
right: 16px;
content: '\f0ec';
-webkit-transform: rotate(135deg);
transform: rotate(92deg);
color: #ccc;
}
#sidebar ul li .fa {
font-size: 16px;
padding-right: 10px;
}
#sidebar ul li .fa.scaled1 {
font-size: 16px;
margin-left: -1px;
}
#sidebar ul li .fa.fa-server-add {
font-size: 145%;
padding-right: 0;
margin-left: -5px;
}
#sidebar ul li .fa2.fa2-settings {
font-size: 125%;
padding-right: 2px;
margin-left: -2px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 1px;
right: 0px;
width: 16px;
height: 36px;
}
select.ui_select:not(.heighter-34)+button[type='button'], input[onclick*='ajaxterm'], .chooser_button+input, .form-control.ui_textbox+input, .table-hardcoded tbody tr td .submitter, select+input[type='button'], .heighter-28:not(.ui_form_end_submit), .heighter-28-force, .ui_form_end_submit.heighter-28-force, .ui_form_end_submit.heighter-28 {
font-size: 14px !important;
height: 36px !important;
max-height: 36px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
#sidebar ul.user-links li:not(.menu-container):not(.sub-wrapper):not(.flex-br) {
line-height: 36px;
min-width: 26px;
min-height: 26px;
height: 26px;
max-height: 26px;
margin-top: 4px;
margin-right: 4px;
-webkit-transition: none;
transition: none;
transition: none;
transition: none;
text-align: center;
vertical-align: unset;
border: 1px solid #ffffff0f;
-webkit-box-shadow: none;
box-shadow: none;
display: flex;
align-self: center;
justify-content: center;
align-items: center;
}
#sidebar ul li .fa2.fa2-users-cog {
font-size: 110%;
}
#sidebar li:not(.menu-container):not(.sub-wrapper) {
color: rgb(214 228 255 / 91%);
margin-left: 8px;
margin-right: 8px;
margin-bottom:16px;
border-radius: 8px;
color: #bfc9d3 !important;
}
#sidebar li:not(.menu-title):not(.menu-container):not(.user-html-string) {
list-style: none;
text-shadow: none;
}
#sidebar li:not(.menu-container):not(.sub-wrapper) a {
color: #b4b4b4;
}
#sidebar ul.sub>li:not(.menu-container) a {
font-size: 14px;
line-height: 24px;
position: relative;
top: 36%;
padding-top: 4px;
padding-bottom: 4px;
-webkit-transform: translateY(-50%);
}
#sidebar ul.sub>li>a:before {
display : none;
}
#sidebar ul.sub>li:not(.menu-container) {
height: 26px;
min-height: 26px;
max-height: 26px;
padding-left: 18px;
}
#sidebar li:not(.sub-wrapper):not(.menu-container).has-sub.active>a:after, #sidebar li:not(.sub-wrapper):not(.menu-container).has-sub>a:after {
font-family: 'Authentic';
font-size: 14px;
position: absolute;
top: 8px;
right: 28px;
display: inline-block;
content: '\f084';
text-shadow: none !important;
}
#sidebar li:not(.sub-wrapper):not(.menu-container).has-sub.active {
background-color: #0000;
}
#sidebar li:not(.menu-container):not(.sub-wrapper) a {
background-color: #00000036;
margin: 8px;
margin-right: 16px;
border-radius: 8px;
}
.sub_table_container * {
font-size: 14px;
line-height: 36px;
}
#system-status>.panel-heading {
min-height: 36px;
max-height: none;
height: 36px;
}
#system-status .panel-title {
font-size: 28px;
line-height: 28px;
text-align: center;
}
#system-status .table>thead>tr>td, #system-status .table>tbody>tr>td, #system-status .table>tfoot>tr>td {
line-height: 36px;
}
/* top switch buttons */
.switch-mins a {
border-radius: 4px;
background-color: #0f83c9;
}
.switch-toggle a {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 42%;
height: 90%;
padding: 5px;
margin-left: 8px;
margin-top: 3px;
}
.switch-mins label i+span {
display: block !important;
margin-top: -10px;
margin-bottom: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
line-height: 36px;
}
.table tr>td.col_label, .table tr>td.col_value {
line-height: 18px;
}
.table>tbody>tr>td.opener_container, .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #0000;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
padding: 8px;
line-height: 36px;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table.table-striped.table-condensed tbody tr td.opener_container .table-hardcoded tr, .table.table-striped.table-condensed tbody tr td.opener_container .table-hardcoded tr>td.col_label, .table.table-striped.table-condensed tbody tr td.opener_container .table-hardcoded tr>td.col_value, .col_label, .col_value, .table-subtable tbody tr td.no-border, .table-subtable tbody tr td.col_label, .table-subtable tbody tr td.col_value, .panel-body .table tbody, .table table table td {
border-spacing: 0;
border-collapse: collapse;
vertical-align: middle;
border: 0;
border-color: #0000;
}
.table-subtable tbody tr td, .panel-body .table-subtable tr th, .panel-body .table-subtable tr td, .table-subtable tbody tr td, .panel-body tr th, .panel-body tr td {
padding: 4px !important;
}
ul.messenger-theme-air, .jsPanel, .jsPanel .jsPanel-content, .messenger-message-inner, .jsPanel-hdr h3, body:not(.session_login), html:not(.session_login), .tooltip, .popover {
font-family: helvetica;
}
user agent stylesheet
table {
border-collapse: separate;
text-indent: initial;
border-spacing: 2px;
}
user agent stylesheet
form {
display: block;
margin-top: 0em;
}
.ui_form_end_buttons{
width: 95%
}
.xcustom-favorites.fa.fa-star, #headln2c>.fa.fa-star {
color: #f37e7e !important;
}
* { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Looks like you invest some effort to create it. Thanks for sharing
1 Like
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.