Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-08-23 22:51:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

Bump Font Awesome to v7, rename theme CSS to match new layout classes

Browse Source 
Bump @fortawesome/fontawesome-free 6.7.2 -> 7.3.0 (the only remaining
outdated dependency; everything else was already at latest). Drop the
now-unused .ttf webfonts - FA7's dist CSS only references .woff2.

Rename the same AdminLTE2/Bootstrap3 selectors across all 6 theme files
under style/themes/ that were already renamed everywhere else in this
migration: .main-header/.main-sidebar/.main-footer -> .app-header/
.app-sidebar/.app-footer, .wrapper -> .app-wrapper, .content-wrapper ->
.app-main (this one predates AdminLTE 4 entirely and no longer exists
anywhere - confirmed dead in the current markup), .treeview-menu ->
.nav-treeview, sidebar .header list items -> .nav-header, and the full
box/panel -> card component family (including collapsed-box -> collapsed-
card and the color/state variants). Also removed now-dead bootstrap-select/
icheck-bootstrap selectors that can never match anything anymore.

All 7 theme options (default-auto/-light/-dark/-darker, high-contrast,
high-contrast-dark, lcars) are genuinely selectable in Settings -> Web
interface/API, confirmed via the live theme dropdown - none of these
files were dead code, despite "default-darker" not being referenced by
name anywhere else in this repo (themes are loaded via string
concatenation of a backend-supplied name).

Removed pi-hole.css's ~210-line hand-rolled polyfill of Bootstrap 4/5's
margin/padding/display utility classes (.m-0.../.py-3/.d-none) - these
exist natively in Bootstrap 5 now (confirmed present with identical
values in the vendored adminlte.min.css), so the polyfill was pure dead
weight.

Verified against a live container: switched the active theme through
default-darker, lcars, and high-contrast and reloaded the dashboard for
each - all three render correctly (LCARS's very custom skin in
particular came through intact) with zero console errors. FA7 icons
render correctly across the sidebar and dashboard.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Signed-off-by: Adam Warner <me@adamwarner.co.uk>
This commit is contained in:
Adam Warner
2026-07-17 22:39:57 +01:00
committed by Adam Warner
co-authored by Claude Sonnet 5
parent 0153772cf5
commit b7bd4cb6d1
13 changed files with 445 additions and 800 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1 -1
View File
@@ -25,7 +25,7 @@
"testpr": "npm run prefix && npm run prettier:fix && git diff --ws-error-highlight=all --color=always --exit-code && npm run xo:check"
},
"dependencies": {
"@fortawesome/fontawesome-free": "7.0.0",
"@fortawesome/fontawesome-free": "7.3.0",
"admin-lte": "4.1.0",
"animate.css": "4.1.1",
"bootstrap": "5.3.8",
style/pi-hole.css
-213
View File
@@ -1342,219 +1342,6 @@ table.dataTable tbody > tr > .selected {
padding-right: 20px;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.ml-0 {
margin-left: 0 !important;
}
.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mr-1 {
margin-right: 0.25rem !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.ml-1 {
margin-left: 0.25rem !important;
}
.mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mr-2 {
margin-right: 0.5rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.ml-2 {
margin-left: 0.5rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mr-3 {
margin-right: 1rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 2rem !important;
}
.ml-3 {
margin-left: 1rem !important;
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.my-3 {
margin-bottom: 1rem !important;
margin-top: 1rem !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pr-1 {
padding-right: 0.25rem !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pl-1 {
padding-left: 0.25rem !important;
}
.px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pr-2 {
padding-right: 0.5rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pl-2 {
padding-left: 0.5rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pr-3 {
padding-right: 1rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pl-3 {
padding-left: 1rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.py-3 {
padding-bottom: 1rem !important;
padding-top: 1rem !important;
}
.d-none {
display: none !important;
}
.password_background {
background-image: repeating-linear-gradient(
45deg,
style/themes/default-dark.css
+48 -64
View File
@@ -97,8 +97,8 @@ h4 {
background-color: #54606b;
border-color: #54606b;
}
.wrapper,
.main-sidebar,
.app-wrapper,
.app-sidebar,
.left-side {
background-color: #272c30;
}
@@ -106,7 +106,7 @@ h4 {
.user-panel > .info > a {
color: #fff;
}
.sidebar-menu > li.header {
.sidebar-menu > li.nav-header {
color: #8e989d;
background-color: #1e2225;
}
@@ -120,7 +120,7 @@ h4 {
background-color: #22272a;
border-color: #3c8dbc;
}
.sidebar-menu > li > .treeview-menu {
.sidebar-menu > li > .nav-treeview {
margin: 0 1px;
background-color: #32393e;
}
@@ -130,12 +130,12 @@ h4 {
.sidebar a:hover {
text-decoration: none;
}
.treeview-menu > li > a {
.nav-treeview > li > a {
color: #949fa8;
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover,
.treeview-menu > li > a:focus {
.nav-treeview > li.active > a,
.nav-treeview > li > a:hover,
.nav-treeview > li > a:focus {
color: #fff;
}
/* "Donate" sidebar button */
@@ -179,8 +179,8 @@ h4 {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.box,
.box-footer,
.card,
.card-footer,
.info-box,
.box-comment,
.comment-text,
@@ -191,64 +191,64 @@ h4 {
.box-comments .box-comment {
border-bottom-color: #353c42;
}
.box-footer {
.card-footer {
border-top: 1px solid #353c42;
}
.box-header.with-border {
.card-header.with-border {
border-bottom: 1px solid #353c42;
}
.box-solid,
.box {
.card {
border: 1px solid dimgray;
}
.box-solid > .box-header,
.box > .box-header {
.box-solid > .card-header,
.card > .card-header {
color: #bec5cb;
}
.box.box-info,
.box.box-primary,
.box.box-success,
.box.box-warning,
.box.box-danger {
.card.card-info,
.card.card-primary,
.card.card-success,
.card.card-warning,
.card.card-danger {
border-top-width: 3px;
}
.box.box-info {
.card.card-info {
border-top-color: #00c0ef;
}
.box.box-primary {
.card.card-primary {
border-top-color: #075383;
}
.box.box-success {
.card.card-success {
border-top-color: #00a65a;
}
.box.box-warning {
.card.card-warning {
border-top-color: #ff851b;
}
.box.box-danger {
.card.card-danger {
border-top-color: #dd4b39;
}
.main-header .navbar {
.app-header .navbar {
background-color: #272c30;
}
.main-header .navbar .nav > li > a,
.main-header .navbar .nav > li > .navbar-text {
.app-header .navbar .nav > li > a,
.app-header .navbar .nav > li > .navbar-text {
color: #bec5cb;
max-height: 50px;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus,
.main-header .navbar .nav > .active > a {
.app-header .navbar .nav > li > a:hover,
.app-header .navbar .nav > li > a:active,
.app-header .navbar .nav > li > a:focus,
.app-header .navbar .nav .open > a,
.app-header .navbar .nav .open > a:hover,
.app-header .navbar .nav .open > a:focus,
.app-header .navbar .nav > .active > a {
background-color: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.main-header .navbar .sidebar-toggle {
.app-header .navbar .sidebar-toggle {
color: #bec5cb;
}
.main-header .navbar .sidebar-toggle:hover {
.app-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background-color: rgba(0, 0, 0, 0.1);
}
@@ -267,22 +267,22 @@ h4 {
color: white;
background-color: #1e2226;
}
.content-wrapper,
.app-main,
.right-side {
background-color: #353c42;
}
.main-footer,
.app-footer,
.nav-tabs-custom {
background-color: #272c30;
border-top-color: #353c42;
color: #bec5cb;
}
.main-footer .nav-tabs,
.app-footer .nav-tabs,
.nav-tabs-custom .nav-tabs {
background-color: #30383f;
border-bottom-color: #2f363b;
}
.main-footer .tab-content,
.app-footer .tab-content,
.nav-tabs-custom .tab-content {
background-color: #30383f;
}
@@ -564,19 +564,19 @@ fieldset[disabled] .form-control {
.table-striped > tbody > tr:nth-of-type(2n + 1) {
background-color: #2d343a;
}
.panel,
.panel-body,
.panel-default > .panel-heading {
.card,
.card-body,
.card-header {
background-color: #3e464c;
border-radius: 4px;
border: 1px solid #353c42;
color: #bec5cb;
}
.box.box-solid.box-info {
.card.box-solid.card-info {
border: 1px solid #367fa9;
}
.box.box-solid.box-info > .box-header {
.card.box-solid.card-info > .card-header {
color: #bec5cb;
background-color: #367fa9 !important;
border: 1px solid #367fa9;
@@ -602,13 +602,13 @@ input[type="password"]::-webkit-caps-lock-indicator {
}
/* Overlay box with spinners as shown during data collection for graphs */
.box .overlay,
.card .overlay,
.overlay-wrapper .overlay {
z-index: 50;
background-color: rgba(53, 60, 66, 0.733);
border-radius: 3px;
}
.box .overlay > .fa,
.card .overlay > .fa,
.overlay-wrapper .overlay > .fa,
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
color: #bec5cb !important;
@@ -643,23 +643,7 @@ input[type="password"]::-webkit-caps-lock-indicator {
color: rgb(120, 127, 133);
}
.login-options input,
.login-options [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before,
.login-options [class*="icheck-"] > input:first-child + label::before {
background: none;
border-color: rgb(120, 127, 133);
}
/* Group assignment select */
.bootstrap-select > .dropdown-toggle {
border-radius: 0;
background-color: #353c42;
border-color: #3d444b;
}
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus {
color: #fff;
}
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:active {
background-color: #353c42;
style/themes/default-darker.css
+207 -257
View File
@@ -723,11 +723,6 @@ fieldset[disabled] .btn {
border-color: rgb(80, 87, 91);
}
.bootstrap-select > .dropdown-toggle {
border-radius: 0;
background: rgb(24, 26, 27);
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
@@ -1916,223 +1911,205 @@ button.list-group-item-danger.active:hover {
background-color: rgb(135, 54, 53);
border-color: rgb(133, 53, 52);
}
.panel {
.card {
background-color: rgb(24, 26, 27);
border-color: transparent;
box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
}
.panel-heading {
.card-header {
border-bottom-color: transparent;
}
.panel-heading > .dropdown .dropdown-toggle {
.card-header > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
.card-title {
color: inherit;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
.card-title > .small,
.card-title > .small > a,
.card-title > a,
.card-title > small,
.card-title > small > a {
color: inherit;
}
.panel-footer {
.card-footer {
background-color: rgb(30, 32, 33);
border-top-color: rgb(58, 62, 65);
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
.card > .list-group:first-child .list-group-item:first-child,
.card > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top-color: currentcolor;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
.card > .list-group:last-child .list-group-item:last-child,
.card > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom-color: currentcolor;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
.card > .card-body + .table,
.card > .card-body + .table-responsive,
.card > .table + .card-body,
.card > .table-responsive + .card-body {
border-top-color: rgb(58, 62, 65);
}
.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
.card > .table > tbody:first-child > tr:first-child td,
.card > .table > tbody:first-child > tr:first-child th {
border-top-color: currentcolor;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
.card > .table-bordered,
.card > .table-responsive > .table-bordered {
border-color: currentcolor;
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
.card > .table-bordered > tbody > tr > td:first-child,
.card > .table-bordered > tbody > tr > th:first-child,
.card > .table-bordered > tfoot > tr > td:first-child,
.card > .table-bordered > tfoot > tr > th:first-child,
.card > .table-bordered > thead > tr > td:first-child,
.card > .table-bordered > thead > tr > th:first-child,
.card > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.card > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.card > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.card > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.card > .table-responsive > .table-bordered > thead > tr > td:first-child,
.card > .table-responsive > .table-bordered > thead > tr > th:first-child {
border-left-color: currentcolor;
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
.card > .table-bordered > tbody > tr > td:last-child,
.card > .table-bordered > tbody > tr > th:last-child,
.card > .table-bordered > tfoot > tr > td:last-child,
.card > .table-bordered > tfoot > tr > th:last-child,
.card > .table-bordered > thead > tr > td:last-child,
.card > .table-bordered > thead > tr > th:last-child,
.card > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.card > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.card > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.card > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.card > .table-responsive > .table-bordered > thead > tr > td:last-child,
.card > .table-responsive > .table-bordered > thead > tr > th:last-child {
border-right-color: currentcolor;
}
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
.card > .table-bordered > tbody > tr:first-child > td,
.card > .table-bordered > tbody > tr:first-child > th,
.card > .table-bordered > thead > tr:first-child > td,
.card > .table-bordered > thead > tr:first-child > th,
.card > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.card > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.card > .table-responsive > .table-bordered > thead > tr:first-child > td,
.card > .table-responsive > .table-bordered > thead > tr:first-child > th {
border-bottom-color: currentcolor;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
.card > .table-bordered > tbody > tr:last-child > td,
.card > .table-bordered > tbody > tr:last-child > th,
.card > .table-bordered > tfoot > tr:last-child > td,
.card > .table-bordered > tfoot > tr:last-child > th,
.card > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.card > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.card > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.card > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom-color: currentcolor;
}
.panel > .table-responsive {
.card > .table-responsive {
border-color: currentcolor;
}
.panel-group .panel-heading {
.card-group .card-header {
border-bottom-color: currentcolor;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
.card-group .card-header + .panel-collapse > .list-group,
.card-group .card-header + .panel-collapse > .card-body {
border-top-color: rgb(58, 62, 65);
}
.panel-group .panel-footer {
.card-group .card-footer {
border-top-color: currentcolor;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
.card-group .card-footer + .panel-collapse .card-body {
border-bottom-color: rgb(58, 62, 65);
}
.panel-default {
border-color: rgb(58, 62, 65);
}
.panel-default > .panel-heading {
color: rgb(200, 195, 188);
background-color: rgb(30, 32, 33);
border-color: rgb(58, 62, 65);
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: rgb(58, 62, 65);
}
.panel-default > .panel-heading .badge {
color: rgb(226, 223, 219);
background-color: rgb(38, 42, 43);
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: rgb(58, 62, 65);
}
.panel-primary {
.card-primary {
border-color: rgb(40, 96, 145);
}
.panel-primary > .panel-heading {
.card-primary > .card-header {
color: rgb(232, 230, 227);
background-color: rgb(41, 98, 146);
border-color: rgb(40, 96, 145);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
.card-primary > .card-header + .panel-collapse > .card-body {
border-top-color: rgb(40, 96, 145);
}
.panel-primary > .panel-heading .badge {
.card-primary > .card-header .badge {
color: rgb(105, 166, 213);
background-color: rgb(24, 26, 27);
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
.card-primary > .card-footer + .panel-collapse > .card-body {
border-bottom-color: rgb(40, 96, 145);
}
.panel-success {
.card-success {
border-color: rgb(60, 91, 35);
}
.panel-success > .panel-heading {
.card-success > .card-header {
color: rgb(139, 196, 140);
background-color: rgb(41, 60, 23);
border-color: rgb(60, 91, 35);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
.card-success > .card-header + .panel-collapse > .card-body {
border-top-color: rgb(60, 91, 35);
}
.panel-success > .panel-heading .badge {
.card-success > .card-header .badge {
color: rgb(202, 230, 191);
background-color: rgb(48, 94, 49);
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
.card-success > .card-footer + .panel-collapse > .card-body {
border-bottom-color: rgb(60, 91, 35);
}
.panel-info {
.card-info {
border-color: rgb(22, 90, 104);
}
.panel-info > .panel-heading {
.card-info > .card-header {
color: rgb(117, 178, 208);
background-color: rgb(14, 48, 65);
border-color: rgb(22, 90, 104);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
.card-info > .card-header + .panel-collapse > .card-body {
border-top-color: rgb(22, 90, 104);
}
.panel-info > .panel-heading .badge {
.card-info > .card-header .badge {
color: rgb(186, 222, 241);
background-color: rgb(39, 90, 114);
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
.card-info > .card-footer + .panel-collapse > .card-body {
border-bottom-color: rgb(22, 90, 104);
}
.panel-warning {
.card-warning {
border-color: rgb(108, 76, 11);
}
.panel-warning > .panel-heading {
.card-warning > .card-header {
color: rgb(198, 171, 123);
background-color: rgb(63, 54, 7);
border-color: rgb(108, 76, 11);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
.card-warning > .card-header + .panel-collapse > .card-body {
border-top-color: rgb(108, 76, 11);
}
.panel-warning > .panel-heading .badge {
.card-warning > .card-header .badge {
color: rgb(248, 239, 189);
background-color: rgb(110, 87, 47);
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
.card-warning > .card-footer + .panel-collapse > .card-body {
border-bottom-color: rgb(108, 76, 11);
}
.panel-danger {
.card-danger {
border-color: rgb(89, 35, 43);
}
.panel-danger > .panel-heading {
.card-danger > .card-header {
color: rgb(194, 102, 100);
background-color: rgb(56, 22, 22);
border-color: rgb(89, 35, 43);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
.card-danger > .card-header + .panel-collapse > .card-body {
border-top-color: rgb(89, 35, 43);
}
.panel-danger > .panel-heading .badge {
.card-danger > .card-header .badge {
color: rgb(231, 195, 195);
background-color: rgb(135, 54, 53);
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
.card-danger > .card-footer + .panel-collapse > .card-body {
border-bottom-color: rgb(89, 35, 43);
}
.embed-responsive .embed-responsive-item,
@@ -2443,7 +2420,7 @@ div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
border-left-color: currentcolor;
}
}
.layout-boxed .wrapper {
.layout-boxed .app-wrapper {
box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px;
}
.layout-boxed {
@@ -2451,10 +2428,10 @@ div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
linear-gradient(rgba(20, 30, 34, 0.6), rgba(20, 30, 34, 0.6)),
url(../../img/boxed-bg-dark.png) fixed;
}
.content-wrapper {
.app-main {
background-color: rgb(32, 35, 36);
}
.main-footer {
.app-footer {
background-color: rgb(24, 26, 27);
background-image: none;
color: rgb(189, 183, 175);
@@ -2470,57 +2447,57 @@ a:focus {
.page-header > small {
color: rgb(168, 160, 149);
}
.main-header .navbar {
.app-header .navbar {
background-color: rgb(48, 113, 150);
border-color: currentcolor;
}
.main-header #navbar-search-input.form-control {
.app-header #navbar-search-input.form-control {
background-color: rgba(24, 26, 27, 0.2);
background-image: none;
border-color: transparent;
}
.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
.app-header #navbar-search-input.form-control:focus,
.app-header #navbar-search-input.form-control:active {
border-color: rgba(140, 130, 115, 0.1);
background-color: rgba(24, 26, 27, 0.9);
background-image: none;
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
.app-header #navbar-search-input.form-control::-moz-placeholder {
color: rgb(200, 195, 188);
}
.main-header #navbar-search-input.form-control::placeholder {
.app-header #navbar-search-input.form-control::placeholder {
color: rgb(200, 195, 188);
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
.app-header #navbar-search-input.form-control::-webkit-input-placeholder {
color: rgb(200, 195, 188);
}
@media (max-width: 991px) {
.main-header .navbar-custom-menu a,
.main-header .navbar-right a {
.app-header .navbar-custom-menu a,
.app-header .navbar-right a {
color: inherit;
background-color: transparent;
background-image: none;
}
}
@media (max-width: 767px) {
.main-header .navbar-right > li {
.app-header .navbar-right > li {
color: inherit;
border-color: currentcolor;
}
}
.main-header .sidebar-toggle {
.app-header .sidebar-toggle {
background-color: transparent;
background-image: none;
}
.main-header .sidebar-toggle:hover {
.app-header .sidebar-toggle:hover {
color: rgb(232, 230, 227);
}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
.app-header .sidebar-toggle:focus,
.app-header .sidebar-toggle:active {
background-color: transparent;
background-image: none;
}
.main-header .navbar-brand {
.app-header .navbar-brand {
color: rgb(232, 230, 227);
}
.content-header > .breadcrumb {
@@ -2558,7 +2535,7 @@ a:focus {
background-color: inherit;
}
}
.sidebar-expanded-on-hover .main-sidebar {
.sidebar-expanded-on-hover .app-sidebar {
box-shadow: rgba(0, 0, 0, 0.13) 3px 0 8px;
}
.nav-tabs.control-sidebar-tabs > li > a,
@@ -2936,160 +2913,160 @@ a:focus {
text-decoration-color: currentcolor;
color: rgb(228, 226, 222);
}
.box {
.card {
background-color: rgb(24, 26, 27);
background-image: none;
border-top-color: rgb(59, 64, 66);
box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px;
}
.box.box-primary {
.card.card-primary {
border-top-color: rgb(44, 103, 137);
}
.box.box-info {
.card.card-info {
border-top-color: rgb(0, 147, 183);
}
.box.box-danger {
.card.card-danger {
border-top-color: rgb(146, 38, 25);
}
.box.box-warning {
.card.card-warning {
border-top-color: rgb(168, 106, 9);
}
.box.box-success {
.card.card-success {
border-top-color: rgb(0, 205, 111);
}
.box.box-default {
.card.card-default {
border-top-color: rgb(59, 64, 66);
}
.box .nav-stacked > li {
.card .nav-stacked > li {
border-bottom-color: rgb(51, 55, 57);
}
.box .nav-stacked > li:last-of-type {
.card .nav-stacked > li:last-of-type {
border-bottom-color: currentcolor;
}
.box .border-right {
.card .border-right {
border-right-color: rgb(51, 55, 57);
}
.box .border-left {
.card .border-left {
border-left-color: rgb(51, 55, 57);
}
.box.box-solid {
.card.card-solid {
border-top-color: currentcolor;
}
.box.box-solid > .box-header .btn.btn-default {
.card.card-solid > .card-header .btn.btn-default {
background-color: transparent;
background-image: none;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
.card.card-solid > .card-header .btn:hover,
.card.card-solid > .card-header a:hover {
background-color: rgba(0, 0, 0, 0.1);
background-image: none;
}
.box.box-solid.box-default {
.card.card-solid.card-default {
border-color: rgb(59, 64, 66);
}
.box.box-solid.box-default > .box-header {
.card.card-solid.card-default > .card-header {
color: rgb(189, 183, 175);
background-image: none;
background-color: rgb(46, 50, 52);
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
.card.card-solid.card-default > .card-header a,
.card.card-solid.card-default > .card-header .btn {
color: rgb(189, 183, 175);
}
.box.box-solid.box-primary {
.card.card-solid.card-primary {
border-color: rgb(44, 103, 137);
}
.box.box-solid.box-primary > .box-header {
.card.card-solid.card-primary > .card-header {
color: rgb(232, 230, 227);
background-image: none;
background-color: rgb(48, 113, 150);
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
.card.card-solid.card-primary > .card-header a,
.card.card-solid.card-primary > .card-header .btn {
color: rgb(232, 230, 227);
}
.box.box-solid.box-info {
.card.card-solid.card-info {
border-color: rgb(0, 147, 183);
}
.box.box-solid.box-info > .box-header {
.card.card-solid.card-info > .card-header {
color: rgb(232, 230, 227);
background-image: none;
background-color: rgb(0, 154, 191);
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
.card.card-solid.card-info > .card-header a,
.card.card-solid.card-info > .card-header .btn {
color: rgb(232, 230, 227);
}
.box.box-solid.box-danger {
.card.card-solid.card-danger {
border-color: rgb(146, 38, 25);
}
.box.box-solid.box-danger > .box-header {
.card.card-solid.card-danger > .card-header {
color: rgb(232, 230, 227);
background-image: none;
background-color: rgb(162, 43, 28);
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
.card.card-solid.card-danger > .card-header a,
.card.card-solid.card-danger > .card-header .btn {
color: rgb(232, 230, 227);
}
.box.box-solid.box-warning {
.card.card-solid.card-warning {
border-color: rgb(168, 106, 9);
}
.box.box-solid.box-warning > .box-header {
.card.card-solid.card-warning > .card-header {
color: rgb(232, 230, 227);
background-image: none;
background-color: rgb(191, 121, 10);
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
.card.card-solid.card-warning > .card-header a,
.card.card-solid.card-warning > .card-header .btn {
color: rgb(232, 230, 227);
}
.box.box-solid.box-success {
.card.card-solid.card-success {
border-color: rgb(0, 205, 111);
}
.box.box-solid.box-success > .box-header {
.card.card-solid.card-success > .card-header {
color: rgb(232, 230, 227);
background-image: none;
background-color: rgb(0, 133, 72);
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
.card.card-solid.card-success > .card-header a,
.card.card-solid.card-success > .card-header .btn {
color: rgb(232, 230, 227);
}
.box.box-solid > .box-header > .box-tools .btn {
.card.card-solid > .card-header > .card-tools .btn {
border-color: currentcolor;
box-shadow: none;
}
.box.box-solid[class*="bg"] > .box-header {
.card.card-solid[class*="bg"] > .card-header {
color: rgb(232, 230, 227);
}
.box .knob-label {
.card .knob-label {
color: rgb(200, 195, 188);
}
.box .overlay,
.card .overlay,
.overlay-wrapper .overlay {
background-color: rgba(24, 26, 27, 0.7);
background-image: none;
}
.box .overlay > .fa,
.card .overlay > .fa,
.overlay-wrapper .overlay > .fa {
color: rgb(232, 230, 227);
}
.box .overlay.dark,
.card .overlay.dark,
.overlay-wrapper .overlay.dark {
background-color: rgba(0, 0, 0, 0.5);
background-image: none;
}
.box-header {
.card-header {
color: rgb(189, 183, 175);
}
.box-header.with-border {
.card-header.with-border {
border-bottom-color: rgb(51, 55, 57);
}
.collapsed-box .box-header.with-border {
.collapsed-card .card-header.with-border {
border-bottom-color: currentcolor;
}
.box-header > .box-tools .dropdown-menu > li > a {
.card-header > .card-tools .dropdown-menu > li > a {
color: rgb(189, 183, 175) !important;
}
.btn-box-tool {
@@ -3104,24 +3081,24 @@ a:focus {
.btn-box-tool.btn:active {
box-shadow: none;
}
.box-footer {
.card-footer {
border-top-color: rgb(51, 55, 57);
background-color: rgb(24, 26, 27);
}
.box-comments {
.card-comments {
background-color: rgb(29, 31, 32);
background-image: none;
}
.box-comments .box-comment {
.card-comments .card-comment {
border-bottom-color: rgb(53, 57, 59);
}
.box-comments .box-comment:last-of-type {
.card-comments .card-comment:last-of-type {
border-bottom-color: currentcolor;
}
.box-comments .comment-text {
.card-comments .comment-text {
color: rgb(178, 172, 162);
}
.box-comments .username {
.card-comments .username {
color: rgb(189, 183, 175);
}
.todo-list {
@@ -3174,7 +3151,7 @@ a:focus {
background-color: rgb(30, 33, 34);
background-image: none;
}
.modal .panel-body {
.modal .card-body {
color: rgb(189, 183, 175);
}
.info-box {
@@ -3613,7 +3590,7 @@ a:focus {
.modal-danger .modal-footer {
border-color: rgb(160, 42, 27);
}
.box-widget {
.card-widget {
border-color: currentcolor;
}
.widget-user .widget-user-username {
@@ -3622,7 +3599,7 @@ a:focus {
.widget-user .widget-user-image > img {
border-color: rgb(48, 52, 54);
}
.treeview-menu {
.nav-treeview {
list-style-image: none;
}
.mailbox-controls.with-border {
@@ -4883,20 +4860,20 @@ fieldset[disabled] .btn-yahoo.focus {
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: rgb(200, 195, 188);
}
.box .datepicker-inline td:hover,
.box .datepicker-inline .datepicker-days td:hover,
.box .datepicker-inline > table td:hover,
.box .datepicker-inline .datepicker-days > table td:hover {
.card .datepicker-inline td:hover,
.card .datepicker-inline .datepicker-days td:hover,
.card .datepicker-inline > table td:hover,
.card .datepicker-inline .datepicker-days > table td:hover {
background-color: rgba(24, 26, 27, 0.3);
}
.box .datepicker-inline td.day.old,
.box .datepicker-inline .datepicker-days td.day.old,
.box .datepicker-inline > table td.day.old,
.box .datepicker-inline .datepicker-days > table td.day.old,
.box .datepicker-inline td.day.new,
.box .datepicker-inline .datepicker-days td.day.new,
.box .datepicker-inline > table td.day.new,
.box .datepicker-inline .datepicker-days > table td.day.new {
.card .datepicker-inline td.day.old,
.card .datepicker-inline .datepicker-days td.day.old,
.card .datepicker-inline > table td.day.old,
.card .datepicker-inline .datepicker-days > table td.day.old,
.card .datepicker-inline td.day.new,
.card .datepicker-inline .datepicker-days td.day.new,
.card .datepicker-inline > table td.day.new,
.card .datepicker-inline .datepicker-days > table td.day.new {
color: rgb(157, 148, 136);
}
.bg-red,
@@ -5493,52 +5470,52 @@ link-muted {
background-color: rgb(43, 102, 135);
background-image: none;
}
.main-header .navbar .nav > li > a,
.main-header .navbar .nav > li > .navbar-text {
.app-header .navbar .nav > li > a,
.app-header .navbar .nav > li > .navbar-text {
color: rgb(232, 230, 227);
max-height: 50px;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus {
.app-header .navbar .nav > li > a:hover,
.app-header .navbar .nav > li > a:active,
.app-header .navbar .nav > li > a:focus,
.app-header .navbar .nav .open > a,
.app-header .navbar .nav .open > a:hover,
.app-header .navbar .nav .open > a:focus {
background-color: rgba(0, 0, 0, 0.1);
color: rgb(226, 224, 220);
}
.main-header .navbar .sidebar-toggle {
.app-header .navbar .sidebar-toggle {
color: rgb(232, 230, 227);
}
.main-header .navbar .sidebar-toggle:hover {
.app-header .navbar .sidebar-toggle:hover {
color: rgb(226, 224, 220);
background-color: rgb(43, 102, 135);
}
@media (max-width: 767px) {
.main-header .navbar .dropdown-menu li.divider {
.app-header .navbar .dropdown-menu li.divider {
background-color: rgba(24, 26, 27, 0.1);
}
.main-header .navbar .dropdown-menu li a {
.app-header .navbar .dropdown-menu li a {
color: rgb(232, 230, 227);
}
.main-header .navbar .dropdown-menu li a:hover {
.app-header .navbar .dropdown-menu li a:hover {
background-color: rgb(43, 102, 135);
}
}
.main-header .logo {
.app-header .logo {
background-color: rgb(43, 102, 135);
color: rgb(232, 230, 227);
border-bottom-color: transparent;
}
.main-header .logo:hover {
.app-header .logo:hover {
background-color: rgb(42, 99, 132);
}
.content-header {
background-color: transparent;
}
.wrapper,
.main-sidebar,
.app-wrapper,
.app-sidebar,
.left-side {
background-color: rgb(27, 36, 40);
}
@@ -5546,7 +5523,7 @@ link-muted {
.user-panel > .info > a {
color: rgb(232, 230, 227);
}
.sidebar-menu > li.header {
.sidebar-menu > li.nav-header {
color: rgb(173, 166, 156);
background-color: rgb(21, 27, 30);
}
@@ -5560,7 +5537,7 @@ link-muted {
background-color: rgb(24, 32, 35);
border-left-color: rgb(44, 103, 137);
}
.sidebar-menu > li > .treeview-menu {
.sidebar-menu > li > .nav-treeview {
background-color: rgb(35, 47, 52);
}
.sidebar a {
@@ -5569,12 +5546,12 @@ link-muted {
.sidebar a:hover {
text-decoration-color: currentcolor;
}
.treeview-menu > li > a {
.nav-treeview > li > a {
color: rgb(170, 162, 151);
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover,
.treeview-menu > li > a:focus {
.nav-treeview > li.active > a,
.nav-treeview > li > a:hover,
.nav-treeview > li > a:focus {
color: rgb(232, 230, 227);
}
/* "Donate" sidebar button */
@@ -5607,12 +5584,12 @@ link-muted {
.sidebar-form .btn {
color: rgb(168, 160, 149);
}
.layout-top-nav .main-header > .logo {
.layout-top-nav .app-header > .logo {
background-color: rgb(48, 113, 150);
color: rgb(232, 230, 227);
border-bottom-color: transparent;
}
.layout-top-nav .main-header > .logo:hover {
.layout-top-nav .app-header > .logo:hover {
background-color: rgb(47, 110, 147);
}
.not-used {
@@ -5658,33 +5635,6 @@ td.highlight {
.network-gradient {
background-image: linear-gradient(to right, rgb(32, 71, 0) 0%, rgb(70, 70, 0) 100%);
}
[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before,
[class*="icheck-"] > input:first-child + label::before {
border-color: rgb(62, 67, 70);
}
[class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after,
[class*="icheck-"] > input:first-child:checked + label::after {
border-color: currentcolor rgb(48, 52, 54) rgb(48, 52, 54) currentcolor;
}
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before,
[class*="icheck-"] > input:first-child:disabled + label,
[class*="icheck-"] > input:first-child:disabled + label::before {
box-shadow: none;
}
.icheck-primary
> input:first-child:not(:checked):not(:disabled):hover
+ input[type="hidden"]
+ label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before {
border-color: rgb(42, 100, 150);
}
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before,
.icheck-primary > input:first-child:checked + label::before {
background-color: rgb(41, 98, 146);
border-color: rgb(42, 100, 150);
}
/* Override Style */
.vimvixen-hint {
background-color: #7b5300 !important;
style/themes/default-light.css
+26 -30
View File
@@ -5,47 +5,47 @@
* This file is copyright under the latest version of the EUPL.
* Please see LICENSE file for your rights under this license. */
.main-header .navbar {
.app-header .navbar {
background-color: #3c8dbc;
}
.main-header .navbar .nav > li > a,
.main-header .navbar .nav > li > .navbar-text {
.app-header .navbar .nav > li > a,
.app-header .navbar .nav > li > .navbar-text {
color: #fff;
max-height: 50px;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus {
.app-header .navbar .nav > li > a:hover,
.app-header .navbar .nav > li > a:active,
.app-header .navbar .nav > li > a:focus,
.app-header .navbar .nav .open > a,
.app-header .navbar .nav .open > a:hover,
.app-header .navbar .nav .open > a:focus {
background-color: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.main-header .navbar .sidebar-toggle {
.app-header .navbar .sidebar-toggle {
color: #fff;
}
.main-header .navbar .sidebar-toggle:hover {
.app-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background-color: #367fa9;
}
@media (max-width: 767px) {
.main-header .navbar .dropdown-menu li.divider {
.app-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.main-header .navbar .dropdown-menu li a:hover {
.app-header .navbar .dropdown-menu li a:hover {
background-color: #367fa9;
}
}
.main-header .logo {
.app-header .logo {
background-color: #367fa9;
color: #fff;
border-bottom: 0 solid transparent;
}
.main-header .logo:hover {
.app-header .logo:hover {
background-color: #357ca5;
}
.main-header li.user-header {
.app-header li.user-header {
background-color: #3c8dbc;
}
.content-header {
@@ -58,8 +58,8 @@
color: #367fa9 !important;
}
.wrapper,
.main-sidebar,
.app-wrapper,
.app-sidebar,
.left-side {
background-color: #222d32;
}
@@ -67,7 +67,7 @@
.user-panel > .info > a {
color: #fff;
}
.sidebar-menu > li.header {
.sidebar-menu > li.nav-header {
color: #808a90;
background-color: #1a2226;
}
@@ -81,7 +81,7 @@
background-color: #1e282c;
border-left-color: #3c8dbc;
}
.sidebar-menu > li > .treeview-menu {
.sidebar-menu > li > .nav-treeview {
margin: 0 1px;
background-color: #2c3b41;
}
@@ -97,12 +97,12 @@
background-color: #367fa9;
border-left-color: #fff;
}
.treeview-menu > li > a {
.nav-treeview > li > a {
color: #8aa4af;
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover,
.treeview-menu > li > a:focus {
.nav-treeview > li.active > a,
.nav-treeview > li > a:hover,
.nav-treeview > li > a:focus {
color: #fff;
}
.sidebar-form {
@@ -159,12 +159,12 @@
color: #3c8dbc;
}
.layout-top-nav .main-header > .logo {
.layout-top-nav .app-header > .logo {
background-color: #3c8dbc;
color: #fff;
border-bottom: 0 solid transparent;
}
.layout-top-nav .main-header > .logo:hover {
.layout-top-nav .app-header > .logo:hover {
background-color: #3b8ab8;
}
@@ -296,10 +296,6 @@ select:-webkit-autofill {
}
/* Group assignment select */
.bootstrap-select > .dropdown-toggle {
border-radius: 0;
background-color: #fff;
}
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:active {
background-color: #fff;
style/themes/high-contrast-dark.css
+56 -76
View File
@@ -154,8 +154,8 @@ h4 {
color: #fff;
}
.wrapper,
.main-sidebar,
.app-wrapper,
.app-sidebar,
.left-side {
background-color: #202830;
}
@@ -169,7 +169,7 @@ h4 {
filter: saturate(0) brightness(4.6) contrast(0.9);
}
.sidebar-menu > li.header {
.sidebar-menu > li.nav-header {
color: #808a90;
background-color: var(--menu-hover-bgcolor);
}
@@ -183,7 +183,7 @@ h4 {
background-color: var(--menu-hover-bgcolor);
border-left-color: #fff;
}
.sidebar-menu > li > .treeview-menu {
.sidebar-menu > li > .nav-treeview {
margin: 0 3px;
background-color: var(--submenu-hover-bgcolor);
}
@@ -195,15 +195,15 @@ h4 {
text-decoration: none;
}
.treeview-menu {
.nav-treeview {
padding: 0;
}
.treeview-menu > li > a {
.nav-treeview > li > a {
padding: 5px 5px 5px 17px;
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover,
.treeview-menu > li > a:focus {
.nav-treeview > li.active > a,
.nav-treeview > li > a:hover,
.nav-treeview > li > a:focus {
color: #fff;
background: var(--menu-hover-bgcolor);
}
@@ -215,8 +215,8 @@ h4 {
background-color: #a03333;
}
.box,
.box-footer,
.card,
.card-footer,
.info-box,
.box-comment,
.comment-text,
@@ -227,69 +227,69 @@ h4 {
.box-comments .box-comment {
border-bottom-color: #3c4652;
}
.box-footer {
.card-footer {
border-top: 1px solid #3c4652;
}
.box-header.with-border {
.card-header.with-border {
border-bottom: 1px solid #3c4652;
}
.box-solid,
.box {
.card {
border: 1px solid #202830;
}
.box > .box-header,
.box > .box-header .btn,
.box-solid > .box-header,
.box-solid > .box-header .btn {
.card > .card-header,
.card > .card-header .btn,
.box-solid > .card-header,
.box-solid > .card-header .btn {
color: var(--main-text-color);
}
.box.box-info,
.box.box-primary,
.box.box-success,
.box.box-warning,
.box.box-danger {
.card.card-info,
.card.card-primary,
.card.card-success,
.card.card-warning,
.card.card-danger {
border-top-width: 3px;
}
.box.box-info {
.card.card-info {
border-top-color: #00c0ef;
}
.box.box-primary {
.card.card-primary {
border-top-color: #075383;
}
.box.box-success {
.card.card-success {
border-top-color: #00a65a;
}
.box.box-warning {
.card.card-warning {
border-top-color: #f94;
}
.box.box-danger {
.card.card-danger {
border-top-color: #dd4b39;
}
.main-header .navbar {
.app-header .navbar {
background-color: #202830;
}
.main-header .navbar .nav > li > a,
.main-header .navbar .nav > li > .navbar-text {
.app-header .navbar .nav > li > a,
.app-header .navbar .nav > li > .navbar-text {
color: #fff;
max-height: 50px;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus {
.app-header .navbar .nav > li > a:hover,
.app-header .navbar .nav > li > a:active,
.app-header .navbar .nav > li > a:focus,
.app-header .navbar .nav .open > a,
.app-header .navbar .nav .open > a:hover,
.app-header .navbar .nav .open > a:focus {
background-color: var(--menu-hover-bgcolor);
color: #f6f6f6;
}
.main-header .navbar .sidebar-toggle {
.app-header .navbar .sidebar-toggle {
color: #fff;
}
.main-header .navbar .sidebar-toggle:hover {
.app-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background-color: var(--menu-hover-bgcolor);
}
@@ -315,23 +315,23 @@ h4 {
background-color: #1a2026;
}
.content-wrapper,
.app-main,
.right-side {
background-color: #3c4652;
}
.main-footer,
.app-footer,
.nav-tabs-custom {
background-color: #202830;
border-top-color: #3c4652;
color: var(--main-text-color);
}
.main-footer .nav-tabs,
.app-footer .nav-tabs,
.nav-tabs-custom .nav-tabs {
background-color: var(--submenu-hover-bgcolor);
border-bottom-color: #2f363b;
}
.main-footer .tab-content,
.app-footer .tab-content,
.nav-tabs-custom .tab-content {
background-color: var(--submenu-hover-bgcolor);
}
@@ -734,10 +734,10 @@ fieldset[disabled] .form-control {
}
@media (max-width: 767px) {
.main-header .navbar .dropdown-menu li.divider {
.app-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.main-header .navbar .dropdown-menu li a:hover {
.app-header .navbar .dropdown-menu li a:hover {
background-color: var(--menu-hover-bgcolor);
}
}
@@ -746,20 +746,20 @@ fieldset[disabled] .form-control {
background-color: #1d252d;
}
.panel,
.panel-body,
.panel-default > .panel-heading {
.card,
.card-body,
.card-header {
background-color: #3e464c;
border-radius: 4px;
border: 1px solid #3c4652;
color: var(--main-text-color);
}
.box.box-solid.box-info {
.card.box-solid.card-info {
border: 1px solid #367fa9;
}
.box.box-solid.box-info > .box-header {
.card.box-solid.card-info > .card-header {
color: var(--main-text-color);
background-color: #367fa9 !important;
border: 1px solid #367fa9;
@@ -786,13 +786,13 @@ input[type="password"]::-webkit-caps-lock-indicator {
}
/* Overlay box with spinners as shown during data collection for graphs */
.box .overlay,
.card .overlay,
.overlay-wrapper .overlay {
z-index: 50;
background-color: rgba(53, 60, 66, 0.733);
border-radius: 3px;
}
.box .overlay > .fa,
.card .overlay > .fa,
.overlay-wrapper .overlay > .fa {
color: var(--main-text-color) !important;
}
@@ -822,28 +822,20 @@ input[type="password"]::-webkit-caps-lock-indicator {
background: #181c20;
}
/*** Fix login input visual misalignment ***/
.login-options input,
.login-options [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before,
.login-options [class*="icheck-"] > input:first-child + label::before {
background: none;
border-color: currentColor;
}
.form-group.has-error label {
color: #f65;
}
.main-header .logo {
.app-header .logo {
background-color: var(--menu-hover-bgcolor);
color: #fff;
border-bottom: 0 solid transparent;
}
.main-header .logo:hover {
.app-header .logo:hover {
background-color: var(--menu-hover-bgcolor);
}
.main-header li.user-header {
.app-header li.user-header {
background-color: var(--primary-color-darker);
}
@@ -975,18 +967,6 @@ td.highlight {
border-radius: 6px;
}
/* Group assignment select */
.bootstrap-select > .dropdown-toggle {
border-radius: 0;
background-color: #2d363f;
border: 1px solid #3c4652;
}
.open > .dropdown-toggle.btn-default:active,
.bootstrap-select > .dropdown-toggle:hover {
color: var(--main-text-color);
}
.bootstrap-select > .dropdown-toggle:focus {
border-color: #3c8dbc;
.open > .dropdown-toggle.btn-default:active {
color: var(--main-text-color);
}
style/themes/high-contrast.css
+26 -36
View File
@@ -56,50 +56,50 @@ a:hover {
filter: saturate(0) brightness(4.6) contrast(0.9);
}
.main-header .navbar {
.app-header .navbar {
background-color: var(--primary-color);
}
.main-header .navbar .nav > li > a,
.main-header .navbar .nav > li > .navbar-text {
.app-header .navbar .nav > li > a,
.app-header .navbar .nav > li > .navbar-text {
color: #fff;
max-height: 50px;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus {
.app-header .navbar .nav > li > a:hover,
.app-header .navbar .nav > li > a:active,
.app-header .navbar .nav > li > a:focus,
.app-header .navbar .nav .open > a,
.app-header .navbar .nav .open > a:hover,
.app-header .navbar .nav .open > a:focus {
background-color: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.main-header .navbar .nav > li > .navbar-text code {
.app-header .navbar .nav > li > .navbar-text code {
color: #900;
}
.main-header .navbar .sidebar-toggle {
.app-header .navbar .sidebar-toggle {
color: #fff;
}
.main-header .navbar .sidebar-toggle:hover {
.app-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background-color: var(--primary-color-darker);
}
@media (max-width: 767px) {
.main-header .navbar .dropdown-menu li.divider {
.app-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.main-header .navbar .dropdown-menu li a:hover {
.app-header .navbar .dropdown-menu li a:hover {
background-color: var(--primary-color-darker);
}
}
.main-header .logo {
.app-header .logo {
background-color: var(--primary-color-darker);
color: #fff;
border-bottom: 0 solid transparent;
}
.main-header .logo:hover {
.app-header .logo:hover {
background-color: var(--menu-hover-bgcolor);
}
.main-header li.user-header {
.app-header li.user-header {
background-color: var(--primary-color-darker);
}
.content-header {
@@ -126,8 +126,8 @@ a:hover {
border-color: var(--primary-color-darker);
}
.wrapper,
.main-sidebar,
.app-wrapper,
.app-sidebar,
.left-side {
background-color: #222d32;
}
@@ -135,7 +135,7 @@ a:hover {
.user-panel > .info > a {
color: #fff;
}
.sidebar-menu > li.header {
.sidebar-menu > li.nav-header {
color: #808a90;
background-color: var(--menu-hover-bgcolor);
}
@@ -149,7 +149,7 @@ a:hover {
background-color: var(--menu-hover-bgcolor);
border-left-color: #fff;
}
.sidebar-menu > li > .treeview-menu {
.sidebar-menu > li > .nav-treeview {
margin: 0 3px;
background-color: #2c3b41;
}
@@ -165,15 +165,15 @@ a:hover {
color: #fff;
background-color: #a03333;
}
.treeview-menu {
.nav-treeview {
padding: 0;
}
.treeview-menu > li > a {
.nav-treeview > li > a {
padding: 5px 5px 5px 17px;
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover,
.treeview-menu > li > a:focus {
.nav-treeview > li.active > a,
.nav-treeview > li > a:hover,
.nav-treeview > li > a:focus {
color: #fff;
background: var(--menu-hover-bgcolor);
}
@@ -563,16 +563,6 @@ table.dataTable thead th:hover.sorting_desc_disabled::after {
border-radius: 6px;
}
/* Group assignment select */
.bootstrap-select > .dropdown-toggle {
border-radius: 0;
background-color: #fff;
}
.bootstrap-select > .dropdown-toggle:hover {
color: #000;
background-color: #eee;
}
kbd {
color: #ffffff;
background-color: rgb(51, 51, 51);
style/themes/lcars.css
+76 -118
View File
@@ -65,7 +65,7 @@ h2 {
}
h3,
.box-header .box-title {
.card-header .card-title {
font-size: 1.2em;
}
@@ -145,10 +145,10 @@ th {
text-transform: uppercase;
}
.wrapper,
.main-sidebar,
.app-wrapper,
.app-sidebar,
.left-side,
.content-wrapper,
.app-main,
.layout-boxed {
background: #000;
}
@@ -352,7 +352,7 @@ label {
font-weight: bold !important;
}
div .panel-title,
div .card-title,
p.login-box-msg,
.form-group.has-error label {
position: relative;
@@ -468,17 +468,17 @@ p.login-box-msg,
}
/*** WRAPPER ***/
.layout-boxed .wrapper {
.layout-boxed .app-wrapper {
box-shadow: none;
max-width: 1320px;
}
.wrapper {
.app-wrapper {
padding: 0 5px;
}
/*** HEADER ***/
.main-header {
.app-header {
padding-bottom: 25px;
background: #48f;
background-image:
@@ -509,14 +509,14 @@ p.login-box-msg,
}
/*** Navbar ***/
.main-header .navbar {
.app-header .navbar {
background-image: linear-gradient(#000 36px, transparent 36px);
}
.sidebar-mini.sidebar-collapse .main-header .navbar {
.sidebar-mini.sidebar-collapse .app-header .navbar {
margin-left: 50px;
}
.main-header .navbar::after {
.app-header .navbar::after {
content: "";
display: block;
width: 100%;
@@ -550,42 +550,16 @@ p.login-box-msg,
background: #000;
}
.dropdown-menu .bs-actionsbox button {
text-align: center;
padding: 5px 10px;
border-radius: 6px;
}
.dropdown-menu .bs-actionsbox button[disabled] {
background: #567;
}
.dropdown-toggle {
z-index: 1000;
}
.dropdown.bootstrap-select {
border: none;
background: none;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
color: #6c7c8c;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
color: #456;
}
.bootstrap-select.bs-container .dropdown-menu,
.open > .dropdown-menu {
border-radius: 8px;
border-width: 2px;
color: var(--text-color);
}
.bootstrap-select.bs-container .dropdown-menu.open,
.open > .dropdown-menu.open {
background: #111;
border-color: #567;
@@ -606,17 +580,7 @@ p.login-box-msg,
color: #fff;
}
/*** Set .dropdown-toggle width to fill the whole table cell ***/
@media screen and (min-width: 661px) and (max-width: 767px), screen and (min-width: 960px) {
.bootstrap-select.fit-width {
width: 100% !important;
}
.bootstrap-select .dropdown-toggle .filter-option {
text-align: right;
}
}
.main-header li.user-header {
.app-header li.user-header {
background-color: #000;
}
@@ -703,17 +667,17 @@ p.login-box-msg,
vertical-align: baseline;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
.main-header .navbar .nav > li > a:focus,
.main-header .navbar .nav .open > a,
.main-header .navbar .nav .open > a:hover,
.main-header .navbar .nav .open > a:focus {
.app-header .navbar .nav > li > a:hover,
.app-header .navbar .nav > li > a:active,
.app-header .navbar .nav > li > a:focus,
.app-header .navbar .nav .open > a,
.app-header .navbar .nav .open > a:hover,
.app-header .navbar .nav .open > a:focus {
background-color: transparent;
color: #fff;
}
.main-header .navbar .nav > li > a > .label {
.app-header .navbar .nav > li > a > .label {
padding: 0.25em;
min-width: 1.6em;
min-height: 1.6em;
@@ -726,15 +690,15 @@ p.login-box-msg,
border-radius: 0.8em;
}
.main-header .navbar .sidebar-toggle {
.app-header .navbar .sidebar-toggle {
color: #fff;
}
.main-header .logo {
.app-header .logo {
color: #000;
}
.main-header .logo:hover {
.app-header .logo:hover {
background-color: transparent;
color: #fff;
}
@@ -753,13 +717,13 @@ p.login-box-msg,
}
/*** CONTENT ***/
.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .app-main,
.sidebar-mini.sidebar-collapse .right-side,
.sidebar-mini.sidebar-collapse .main-footer {
.sidebar-mini.sidebar-collapse .app-footer {
margin-left: 50.2px !important;
}
.content-wrapper {
.app-main {
background-image:
linear-gradient(to left, #000 4px, #cce6ff 4px),
linear-gradient(
@@ -801,12 +765,12 @@ p.login-box-msg,
}
/*** SIDEBAR / ASIDE ***/
.main-sidebar {
.app-sidebar {
padding: 79px 0 0 5px;
width: calc(var(--sidebar-width) + 5px);
}
.main-sidebar::after {
.app-sidebar::after {
content: "";
display: block;
position: absolute;
@@ -833,7 +797,7 @@ p.login-box-msg,
z-index: -1;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
.sidebar-mini.sidebar-collapse .app-sidebar {
width: calc(var(--sidebar-width) + 5px) !important;
}
@@ -854,7 +818,7 @@ p.login-box-msg,
--active-color: #fff;
}
.sidebar-menu > li.header {
.sidebar-menu > li.nav-header {
margin: 0;
padding: 0;
color: transparent;
@@ -915,7 +879,7 @@ p.login-box-msg,
box-shadow: inset 0 0 20px var(--darken-color);
}
.sidebar-menu > li > .treeview-menu {
.sidebar-menu > li > .nav-treeview {
padding: 0;
}
@@ -939,7 +903,7 @@ p.login-box-msg,
float: left !important;
}
.treeview-menu > li > a {
.nav-treeview > li > a {
margin: 4px 0 0;
padding: 23px 38px 4px 0;
position: relative;
@@ -956,11 +920,11 @@ p.login-box-msg,
border-radius: 22px;
}
.treeview-menu > li.active > a {
.nav-treeview > li.active > a {
background-color: var(--active-color);
}
.treeview-menu > li > a:hover {
.nav-treeview > li > a:hover {
background-color: var(--hover-color);
box-shadow: inset 0 0 18px var(--darken-color);
}
@@ -977,7 +941,7 @@ p.login-box-msg,
margin-right: 0;
}
.treeview-menu li a i {
.nav-treeview li a i {
display: inherit;
position: absolute;
right: 16px;
@@ -998,7 +962,7 @@ p.login-box-msg,
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
.sidebar-menu
> li:hover
> .treeview-menu {
> .nav-treeview {
display: block !important;
top: 100%;
border-radius: 0 0 4px;
@@ -1010,7 +974,7 @@ p.login-box-msg,
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
.sidebar-menu
> li:hover
> .treeview-menu
> .nav-treeview
li
a {
border-radius: 0;
@@ -1028,7 +992,7 @@ p.login-box-msg,
position: absolute !important;
}
.sidebar-collapse .treeview-menu li a i {
.sidebar-collapse .nav-treeview li a i {
top: auto;
right: auto;
bottom: 6px;
@@ -1079,7 +1043,7 @@ footer a:focus {
color: #04f;
}
.main-footer {
.app-footer {
position: relative;
margin: 0 0 0 var(--sidebar-width);
padding: 0 0 20px;
@@ -1092,7 +1056,7 @@ footer a:focus {
z-index: 0;
}
.main-footer > div {
.app-footer > div {
margin: 35px 15px 15px;
}
@@ -1103,7 +1067,7 @@ footer a:focus {
margin: 0;
}
.main-footer::before {
.app-footer::before {
content: "";
height: 35px;
background: #000;
@@ -1116,7 +1080,7 @@ footer a:focus {
}
@media (max-width: 1199px) {
.main-footer > div:first-child {
.app-footer > div:first-child {
position: relative;
height: 17px;
background-image: linear-gradient(
@@ -1134,7 +1098,7 @@ footer a:focus {
font-weight: bold;
}
.main-footer > div:first-child > div {
.app-footer > div:first-child > div {
margin: 0;
padding: 0 5px;
width: auto;
@@ -1149,37 +1113,37 @@ footer a:focus {
}
@media (min-width: 1200px) {
.main-footer {
.app-footer {
padding: 55px 0 40px;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.main-footer::before {
.app-footer::before {
border-radius: 0 0 0 35px;
}
.main-footer > div {
.app-footer > div {
margin: 5px !important;
}
.main-footer > div div {
.app-footer > div div {
width: auto;
}
}
/*** sidebar-collapse effect ***/
.sidebar-collapse .content-wrapper {
.sidebar-collapse .app-main {
padding-left: 0;
border-radius: 0;
}
.sidebar-collapse .wrapper::after {
.sidebar-collapse .app-wrapper::after {
width: 50px;
}
.sidebar-collapse .wrapper::before {
.sidebar-collapse .app-wrapper::before {
width: 50px;
}
@@ -1192,26 +1156,26 @@ footer a:focus {
}
/*** Page, panels, boxes, tables, etc. ***/
.box,
.box-title,
.box-footer,
.card,
.card-title,
.card-footer,
.info-box,
.box-comment,
.comment-text,
.comment-text .username,
.box-info {
.card-info {
color: var(--text-color);
}
.btn .box-title {
.btn .card-title {
color: inherit;
}
.box.box-solid .box-title {
.card.box-solid .card-title {
color: #fff;
}
.box {
.card {
margin-bottom: 1.8em;
background: #111;
border-color: transparent;
@@ -1219,7 +1183,7 @@ footer a:focus {
box-shadow: none;
}
.box .overlay,
.card .overlay,
.overlay-wrapper .overlay {
background: rgba(34, 34, 34, 0.8);
border-radius: 12px;
@@ -1236,7 +1200,7 @@ footer a:focus {
border-color: #222;
}
.box-header.with-border,
.card-header.with-border,
.table-responsive,
.table-bordered,
.table-bordered tr,
@@ -1253,7 +1217,7 @@ table.table-bordered.dataTable td {
vertical-align: baseline;
}
.box-footer {
.card-footer {
border-radius: 0;
border-top: 4px solid #000;
padding: 10px;
@@ -1269,9 +1233,9 @@ table.table-bordered.dataTable td {
border: none;
}
.panel,
.panel-body,
.panel-default > .panel-heading {
.card,
.card-body,
.card-header {
background-color: rgba(0, 0, 0, 0.85);
border-radius: 15px;
border: none;
@@ -1666,12 +1630,12 @@ table.dataTable {
}
}
.box.box-warning {
.card.card-warning {
border-top-color: #71480a;
position: relative;
}
.box.box-warning:after {
.card.card-warning:after {
content: "";
border-top: 3px solid #f89201;
border-radius: 12px;
@@ -1682,7 +1646,7 @@ table.dataTable {
animation: 3s infinite warningPulse steps(30);
}
.box.box-warning div {
.card.card-warning div {
z-index: 2;
}
@@ -1699,34 +1663,34 @@ table.dataTable {
.sidebar-collapse {
--sidebar-width: 230px;
}
.wrapper {
.app-wrapper {
padding: 0;
}
.main-header {
.app-header {
background-image: linear-gradient(to right, #000 4px, #8bf 4px);
background-size: 100% 100%;
background-position: 300px 0;
background-repeat: no-repeat;
border-radius: 0;
}
.main-header .navbar .dropdown-menu li.divider {
.app-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.main-header .logo {
.app-header .logo {
width: 150px;
float: left;
}
.main-header .navbar {
.app-header .navbar {
margin: 0 0 0 150px;
padding-bottom: 30px;
position: relative;
width: auto;
}
.main-sidebar {
.app-sidebar {
width: var(--sidebar-width);
padding: 79px 0 0;
}
.main-sidebar::after {
.app-sidebar::after {
left: 0;
}
.nav-tabs-custom > .nav-tabs > li {
@@ -1755,7 +1719,7 @@ table.dataTable {
.user-panel {
border-radius: 0;
}
.content-wrapper {
.app-main {
background-image: linear-gradient(to left, #000 4px, #cce6ff 4px), linear-gradient(#48f, #48f);
background-size:
var(--gradient-pos) 50px,
@@ -1766,14 +1730,14 @@ table.dataTable {
padding: 20px;
min-width: 350px;
}
.main-footer {
.app-footer {
margin-left: 0;
}
}
/*--- Media - min-width ---*/
@media (min-width: 768px) {
.main-footer > div:first-child {
.app-footer > div:first-child {
margin: 35px 0 18px 15px;
}
}
@@ -1837,7 +1801,7 @@ table.dataTable {
}
@media (min-width: 1960px) {
.layout-boxed .wrapper {
.layout-boxed .app-wrapper {
box-shadow: none;
max-width: 1920px;
}
@@ -1857,12 +1821,6 @@ table.dataTable {
.filter_types span {
width: 132px;
}
[class*="icheck-"] > label {
color: var(--text-color);
}
[class*="icheck-"] > label:hover {
color: #cde !important;
}
/*** Used by the long-term pages ***/
.daterangepicker {
vendor/font-awesome/css/all.min.css
Vendored
+5 -5
View File
File diff suppressed because one or more lines are too long
vendor/font-awesome/webfonts/fa-brands-400.woff2
Vendored
BIN
View File
Binary file not shown.
vendor/font-awesome/webfonts/fa-regular-400.woff2
Vendored
BIN
View File
Binary file not shown.
vendor/font-awesome/webfonts/fa-solid-900.woff2
Vendored
BIN
View File
Binary file not shown.
vendor/font-awesome/webfonts/fa-v4compatibility.woff2
Vendored
BIN
View File
Binary file not shown.