From cb5ffb4236cd92adbc584737079eaf6418330a5c Mon Sep 17 00:00:00 2001 From: iBNu Maksum Date: Fri, 6 Sep 2024 18:00:33 +0700 Subject: [PATCH] Revert "Just Fixes" --- ui/ui/reports.tpl | 6 +- ui/ui/sections/header.tpl | 518 +------------------------------------- ui/ui/user-ui/header.tpl | 455 +-------------------------------- 3 files changed, 5 insertions(+), 974 deletions(-) diff --git a/ui/ui/reports.tpl b/ui/ui/reports.tpl index 7303afb1..21a39b9f 100644 --- a/ui/ui/reports.tpl +++ b/ui/ui/reports.tpl @@ -80,9 +80,8 @@ -
-
-
+
+
@@ -127,7 +126,6 @@
-

{Lang::T('All Transactions at Date')}: {Lang::dateAndTimeFormat($sd, $ts)} - {Lang::dateAndTimeFormat($ed, $te)}

diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl index 2588a37f..26270036 100644 --- a/ui/ui/sections/header.tpl +++ b/ui/ui/sections/header.tpl @@ -171,7 +171,7 @@ -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; -ms-border-radius: 1px !important; - border-radius: 15px !important; + border-radius: 25px !important; border-color: rgba(221, 224, 255, .54); } @@ -180,13 +180,11 @@ background-color: transparent; border-color: transparent; } - .box.box-solid.box-info>.box-header { color: inherit; background-color: transparent; border-color: transparent; } - .box.box-solid.box-danger>.box-header { color: inherit; background-color: transparent; @@ -213,7 +211,6 @@ border-top: 1px solid transparent; padding: 10px; background-color: inherit; - border-radius: 15px; } .panel-footer { @@ -235,30 +232,6 @@ box-shadow: 0px 4px 30px rgba(221, 224, 255, .54); } - .panel-success>.panel-heading { - color: #3c763d; - background-color: transparent; - border-color: #d6e9c6; - } - - .content-header>h1 { - font-weight: bold; - } - - .box-header>.fa, - .box-header>.glyphicon, - .box-header>.ion, - .box-header .box-title { - font-weight: bold; - } - - .modern-skin-dark .main-sidebar .sidebar .sidebar-menu li>a { - font-weight: bold; - } - - .main-header .logo .logo-lg { - font-weight: bold; - } /* Search Bar Start Here */ .wrap { @@ -330,13 +303,6 @@ overflow-y: auto; } - .panel-heading { - padding: 10px 15px; - border-bottom: 0px solid transparent; - border-top-right-radius: 21px; - border-top-left-radius: 21px; - } - /* Search Bar End Here */ /* New Customize Interface End Here */ @@ -366,6 +332,7 @@ th:first-child, td:first-child { position: sticky; + left: 0px; background-color: #f9f9f9; } @@ -567,487 +534,6 @@ -ms-transform: translateX(26px); transform: translateX(26px); } - - /* dark mode styles start here */ - - .dark-mode { - background-color: #1a202c; - color: #cbd5e0; - } - - .dark-mode .main-header .logo, - .dark-mode .main-header .navbar, - .dark-mode .main-sidebar, - .dark-mode .main-sidebar .sidebar, - .dark-mode .sidebar-menu li>a { - background-color: #1a202c; - color: #cbd5e0; - } - - .dark-mode .sidebar-menu li:hover, - .dark-mode .sidebar-menu li:focus { - color: #10d435; - } - - .dark-mode .main-sidebar .sidebar .sidebar-menu li.active a { - background-color: #2e298e; - } - - .dark-mode .content, - .dark-mode .content-header, - .dark-mode .content-wrapper, - .dark-mode .right-side { - background-color: #2d3748; - } - - .dark-mode .main-footer { - background-color: #1a202c; - color: #cbd5e0; - } - - .dark-mode .panel, - .dark-mode .box { - background-color: #2d3748; - border-color: #4a5568; - box-shadow: none; - } - - .dark-mode .panel-heading, - .dark-mode .box-header { - background-color: transparent; - color: #cbd5e0; - } - - .dark-mode .box-footer, - .dark-mode .panel-footer { - background-color: #2d3748; - } - - .dark-mode .search-container { - background-color: #2d3748; - color: #cbd5e0; - } - - .dark-mode .searchTerm { - background-color: #4a5568; - color: #cbd5e0; - } - - .dark-mode .cancelButton { - background-color: #e53e3e; - } - - .dark-mode .notification-top-bar { - background-color: #742a2a; - } - - .dark-mode .bs-callout { - background-color: #2d3748; - border-color: #4a5568; - color: #cbd5e0; - } - - .dark-mode .bs-callout h4 { - color: #cbd5e0; - } - - .dark-mode .bg-gray { - background-color: inherit !important; - } - - .toggle-container { - position: absolute; - top: 17px; - right: 15px; - cursor: pointer; - } - - .toggle-container .toggle-icon { - font-size: 25px; - color: rgb(100 116 139); - transition: color 0.5s ease; - } - - @media (max-width: 600px) { - .toggle-container { - top: 15px; - right: 60px; - } - - .toggle-container .toggle-icon { - font-size: 20px; - color: rgb(100 116 139); - transition: color 0.5s ease; - } - } - - .dark-mode .toggle-container .toggle-icon { - color: #ffdd57; - } - - .dark-mode th:first-child, - .dark-mode td:first-child { - background-color: #4a4949; - } - - .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, - .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, - .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, - .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child { - background-color: #4a4949; - border-bottom-left-radius: 21px; - } - - .dark-mode .table>thead>tr>td.danger, - .dark-mode .table>thead>tr>th.danger, - .dark-mode .table>thead>tr.danger>td, - .dark-mode .table>thead>tr.danger>th, - .dark-mode .table>tbody>tr>td.danger, - .dark-mode .table>tbody>tr>th.danger, - .dark-mode .table>tbody>tr.danger>td, - .dark-mode .table>tbody>tr.danger>th, - .dark-mode .table>tfoot>tr>td.danger, - .dark-mode .table>tfoot>tr>th.danger, - .dark-mode .table>tfoot>tr.danger>td, - .dark-mode .table>tfoot>tr.danger>th { - background-color: #694760; - } - - .dark-mode .panel-heading { - padding: 10px 15px; - border-bottom: 1px solid transparent; - border-top-right-radius: 21px; - border-top-left-radius: 21px; - } - - .dark-mode .table-bordered>thead>tr>th, - .dark-mode .table-bordered>thead>tr>td, - .dark-mode .table-bordered>tbody>tr>th, - .dark-mode .table-bordered>tbody>tr>td, - .dark-mode .table-bordered>tfoot>tr>th, - .dark-mode .table-bordered>tfoot>tr>td { - border: 1px solid; - border-color: rgba(221, 224, 255, .54); - } - - /* Dark Mode - Input Fields */ - .dark-mode input:not(#filterNavigateMenu), - .dark-mode textarea:not(#filterNavigateMenu), - .dark-mode select:not(#filterNavigateMenu), - .dark-mode .select2-selection:not(#filterNavigateMenu) { - color: inherit; - transition: all .5s ease-in-out; - } - - .dark-mode input:focus:not(#filterNavigateMenu), - .dark-mode textarea:focus:not(#filterNavigateMenu), - .dark-mode select:focus:not(#filterNavigateMenu), - .dark-mode .select2-selection:focus:not(#filterNavigateMenu) { - color: #1f201f; - outline: none; - } - - .dark-mode .nav-stacked>li>a { - color: inherit; - } - - .dark-mode .input-group .form-control { - position: relative; - z-index: 2; - float: left; - width: 100%; - margin-bottom: 0; - color: inherit; - border-color: rgba(221, 224, 255, .54); - background-color: inherit; - } - - .dark-mode .input-group .input-group-addon { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - color: inherit; - border-bottom-left-radius: 0; - border-color: rgba(221, 224, 255, .54); - background-color: transparent; - } - - .dark-mode .input-group .form-control:last-child, - .dark-mode .input-group-addon:last-child, - .dark-mode .input-group-btn:last-child>.btn, - .dark-mode .input-group-btn:last-child>.btn-group>.btn, - .dark-mode .input-group-btn:last-child>.dropdown-toggle, - .dark-mode .input-group-btn:first-child>.btn:not(:first-child), - .dark-mode .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { - color: inherit; - } - - .dark-mode input:not(#filterNavigateMenu), - textarea:not(#filterNavigateMenu), - optgroup:not(#filterNavigateMenu), - select:not(#filterNavigateMenu), - .dark-mode .select2-selection:not(#filterNavigateMenu) { - -moz-transition: all .5s ease-in-out; - -o-transition: all .5s ease-in-out; - -webkit-transition: all .5s ease-in-out; - transition: all .5s ease-in-out; - } - - .dark-mode .form-control { - display: block; - width: 100%; - padding: 6px 12px; - font-size: 14px; - line-height: 1.428571429; - color: inherit; - background-color: transparent; - background-image: none; - border: 1px solid; - border-color: rgba(221, 224, 255, .54); - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - } - - .dark-mode .help-block { - display: block; - margin-top: 5px; - margin-bottom: 10px; - color: inherit; - } - - .dark-mode .text-muted { - color: rgba(221, 224, 255, .54); - } - - .dark-mode .breadcrumb { - padding: 8px 15px; - margin-bottom: 20px; - list-style: none; - background-color: rgba(221, 224, 255, .54); - border-radius: 4px; - } - - .dark-mode .pagination>.disabled>span, - .dark-mode .pagination>.disabled>span:hover, - .dark-mode .pagination>.disabled>span:focus, - .dark-mode .pagination>.disabled>a, - .dark-mode .pagination>.disabled>a:hover, - .dark-mode .pagination>.disabled>a:focus { - color: inherit; - background-color: rgba(221, 224, 255, .54); - border-color: rgba(221, 224, 255, .54); - cursor: not-allowed; - } - - .dark-mode .pagination>.active>a, - .dark-mode .pagination>.active>a:hover, - .dark-mode .pagination>.active>a:focus, - .dark-mode .pagination>.active>span, - .dark-mode .pagination>.active>span:hover, - .dark-mode .pagination>.active>span:focus { - z-index: 2; - color: #fff; - background-color: #435ebe; - border-color: rgba(221, 224, 255, .54); - box-shadow: 0 2px 5px rgba(67, 94, 190, .3); - cursor: default; - } - - .dark-mode .pagination>li>a { - background: inherit; - color: inherit; - border: 1px solid; - border-color: rgba(221, 224, 255, .54); - } - - .dark-mode .table { - background-color: #2a2a2a; - color: #ddd; - border-color: #444; - } - - .dark-mode .table th, - .dark-mode .table td { - background-color: #333; - border-color: #444; - color: #ddd; - } - - .dark-mode .table th { - background-color: #444; - font-weight: bold; - } - - .dark-mode .table-striped tbody tr:nth-of-type(odd) { - background-color: #3a3a3a; - } - - .dark-mode .table-bordered { - border: 1px solid #444; - } - - .dark-mode .table-hover tbody tr:hover { - background-color: #555; - color: #fff; - } - - .dark-mode .table-condensed th, - .dark-mode .table-condensed td { - padding: 8px; - } - - .dark-mode .panel>.table:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child { - border-bottom-right-radius: 21px; - border-bottom-left-radius: 21px; - } - - .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child, - .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { - border-bottom-right-radius: 21px; - border-bottom-left-radius: 21px; - } - - .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, - .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, - .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, - .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { - border-bottom-right-radius: 21px; - } - - /* Dark Mode - Select2 Dropdown start here */ - .dark-mode .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { - background-color: rgb(96, 89, 89); - color: #ffffff; - } - - .dark-mode .select2-container--bootstrap .select2-results__option { - padding: 6px 12px; - background-color: rgb(96, 89, 89); - color: #f8f9fa; - } - - .dark-mode .select2-results__option[aria-selected] { - cursor: pointer; - background-color: inherit; - color: #ffffff; - } - - .dark-mode .select2-results__option { - padding: 6px 12px; - user-select: none; - -webkit-user-select: none; - background-color: #343a40; - color: #f8f9fa; - } - - .dark-mode .select2-dropdown { - background-color: #343a40; - border-color: #454d55; - } - - .dark-mode .select2-selection--single { - background-color: #495057; - color: #ffffff; - border-color: #454d55; - } - - .dark-mode .select2-selection__rendered { - color: #ffffff; - } - - .dark-mode .select2-selection__arrow b { - border-color: #ffffff transparent transparent transparent; - } - - .dark-mode .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { - color: inherit; - padding: 0; - } - - .dark-mode .main-footer { - border-top: 1px solid transparent; - } - - .dark-mode .list-group-item { - position: relative; - display: block; - padding: 10px 15px; - margin-bottom: -1px; - background-color: transparent; - border: 1px solid rgba(221, 224, 255, .54); - } - - .dark-mode .modern-skin-dark .main-sidebar .sidebar .sidebar-menu li>a { - font-weight: bold; - } - - .dark-mode .content-header>h1 { - font-weight: bold; - } - - .dark-mode .box-header>.fa, - .dark-mode .box-header>.glyphicon, - .dark-mode .box-header>.ion, - .dark-mode .box-header .box-title { - font-weight: bold; - } - - .dark-mode .content-header>h2 { - font-weight: bold; - } - - .dark-mode .main-header .logo .logo-lg { - font-weight: bold; - } - - .dark-mode .modal-content { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; - -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125); - box-shadow: 0 2px 3px rgba(0, 0, 0, .125); - border: 0; - background: #1a202c; - } - - .dark-mode .modal-header { - padding: 15px; - border-bottom: 1px solid rgba(221, 224, 255, .54); - min-height: 16.428571429px; - background-color: #1a202c; - color: inherit; - } - - .dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, - .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, - .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a { - background: #1a202c !important; - color: inherit !important; - } - - .dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer { - background-color: #1a202c; - } - - /* Dark Mode - Select2 Dropdown ends here */ - - /* dark mode styles start ends here */ {if isset($xheader)} {$xheader} diff --git a/ui/ui/user-ui/header.tpl b/ui/ui/user-ui/header.tpl index 37b9e1ee..f57da6bc 100644 --- a/ui/ui/user-ui/header.tpl +++ b/ui/ui/user-ui/header.tpl @@ -178,7 +178,7 @@ } .content .row [class*=col-] .box { - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 4px 4px 30px rgba(221, 224, 255, .54); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); @@ -215,19 +215,16 @@ background: transparent; background-color: transparent; } - .box.box-solid.box-primary>.box-header { color: inherit; background-color: transparent; border-color: transparent; } - .box.box-solid.box-info>.box-header { color: inherit; background-color: transparent; border-color: transparent; } - .box.box-solid.box-danger>.box-header { color: inherit; background-color: transparent; @@ -249,25 +246,6 @@ box-shadow: 0px 4px 30px rgba(221, 224, 255, .54); } - .modern-skin-dark .main-sidebar .sidebar .sidebar-menu li>a { - font-weight: bold; - } - - .content-header>h1 { - font-weight: bold; - } - - .box-header>.fa, - .box-header>.glyphicon, - .box-header>.ion, - .box-header .box-title { - font-weight: bold; - } - - .main-header .logo .logo-lg { - font-weight: bold; - } - /* New Customize Interface End Here */ ::-moz-selection { @@ -328,437 +306,6 @@ margin: 0; padding: 10px; } - - - - - .toggle-container { - position: absolute; - top: 17px; - right: 15px; - cursor: pointer; - } - - .toggle-container .toggle-icon { - font-size: 25px; - color: rgb(100 116 139); - transition: color 0.5s ease; - } - - @media (max-width: 600px) { - .toggle-container { - top: 15px; - right: 200px; - } - - .toggle-container .toggle-icon { - font-size: 20px; - color: rgb(100 116 139); - transition: color 0.5s ease; - } - } - - - /* dark mode styles start here */ - .dark-mode { - background-color: #1a202c; - color: #cbd5e0; - } - - .dark-mode .main-header .logo, - .dark-mode .main-header .navbar, - .dark-mode .main-sidebar, - .dark-mode .main-sidebar .sidebar, - .dark-mode .sidebar-menu li>a { - background-color: #0e1219; - color: #cbd5e0; - } - - .dark-mode .sidebar-menu li:hover, - .dark-mode .sidebar-menu li:focus { - color: #10d435; - } - - .dark-mode .main-sidebar .sidebar .sidebar-menu li.active a { - background-color: #2e298e; - } - - .dark-mode .content, - .dark-mode .content-header, - .dark-mode .content-wrapper, - .dark-mode .right-side { - background-color: #0e1219; - } - - .dark-mode .main-footer { - background-color: #1a202c; - color: #cbd5e0; - } - - .dark-mode .panel, - .dark-mode .box { - background-color: #2d3748; - border-color: #4a5568; - box-shadow: none; - } - - .dark-mode .panel-heading, - .dark-mode .box-header { - background-color: transparent; - color: #cbd5e0; - } - - .dark-mode .box-footer, - .dark-mode .panel-footer { - background-color: #2d3748; - } - - .dark-mode .search-container { - background-color: #2d3748; - color: #cbd5e0; - } - - .dark-mode .searchTerm { - background-color: #4a5568; - color: #cbd5e0; - } - - .dark-mode .cancelButton { - background-color: #e53e3e; - } - - .dark-mode .notification-top-bar { - background-color: #742a2a; - } - - .dark-mode .bs-callout { - background-color: #2d3748; - border-color: #4a5568; - color: #cbd5e0; - } - - .dark-mode .bs-callout h4 { - color: #cbd5e0; - } - - .dark-mode .bg-gray { - background-color: inherit !important; - } - - .dark-mode .breadcrumb { - padding: 8px 15px; - margin-bottom: 20px; - list-style: none; - background-color: rgba(221, 224, 255, .54); - border-radius: 4px; - } - - .dark-mode .pagination>.disabled>span, - .dark-mode .pagination>.disabled>span:hover, - .dark-mode .pagination>.disabled>span:focus, - .dark-mode .pagination>.disabled>a, - .dark-mode .pagination>.disabled>a:hover, - .dark-mode .pagination>.disabled>a:focus { - color: inherit; - background-color: rgba(221, 224, 255, .54); - border-color: rgba(221, 224, 255, .54); - cursor: not-allowed; - } - - .dark-mode .pagination>.active>a, - .dark-mode .pagination>.active>a:hover, - .dark-mode .pagination>.active>a:focus, - .dark-mode .pagination>.active>span, - .dark-mode .pagination>.active>span:hover, - .dark-mode .pagination>.active>span:focus { - z-index: 2; - color: #fff; - background-color: #435ebe; - border-color: rgba(221, 224, 255, .54); - box-shadow: 0 2px 5px rgba(67, 94, 190, .3); - cursor: default; - } - - .dark-mode .pagination>li>a { - background: inherit; - color: inherit; - border: 1px solid; - border-color: rgba(221, 224, 255, .54); - } - - .dark-mode .table { - background-color: inherit; - color: #ddd; - border-color: #444; - } - - .dark-mode .table th, - .dark-mode .table td { - background-color: inherit; - border-color: inherit; - color: #ddd; - } - - .dark-mode .table th { - background-color: inherit; - font-weight: bold; - } - - .dark-mode .table-striped tbody tr:nth-of-type(odd) { - background-color: inherit; - } - - .dark-mode .table-bordered { - border: 1px solid #444; - } - - .dark-mode .table-hover tbody tr:hover { - background-color: #555; - color: #fff; - } - - .dark-mode .table-condensed th, - .dark-mode .table-condensed td { - padding: 8px; - } - - .dark-mode .panel>.table:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child { - border-bottom-right-radius: 21px; - border-bottom-left-radius: 21px; - } - - .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child, - .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { - border-bottom-right-radius: 21px; - border-bottom-left-radius: 21px; - } - - .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, - .dark-mode .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, - .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, - .dark-mode .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, - .dark-mode .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child { - border-bottom-right-radius: 21px; - } - - .dark-mode .help-block { - display: block; - margin-top: 5px; - margin-bottom: 10px; - color: inherit; - } - - .dark-mode .text-muted { - color: rgba(221, 224, 255, .54); - } - - .dark-mode .form-control { - display: block; - width: 100%; - padding: 6px 12px; - font-size: 14px; - line-height: 1.428571429; - color: inherit; - background-color: transparent; - background-image: none; - border: 1px solid; - border-color: rgba(221, 224, 255, .54); - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - } - - .dark-mode .main-footer { - border-top: 1px solid transparent; - } - - .dark-mode .box.box-solid.box-primary>.box-header { - color: #fff; - background-color: inherit; - border-color: rgba(221, 224, 255, .54); - border-top-left-radius: 45px; - border-top-right-radius: 45px; - } - - .dark-mode .box-body { - border-radius: 0px; - padding: 10px; - } - - .dark-mode .box-header { - display: block; - padding: 10px; - position: relative; - border-color: transparent; - border-radius: 0px; - } - - .dark-mode .nav-stacked>li>a { - color: inherit; - } - - .dark-mode .list-group-item { - position: relative; - display: block; - padding: 10px 15px; - margin-bottom: -1px; - background-color: transparent; - border: 1px solid rgba(221, 224, 255, .54); - } - - .dark-mode .panel-footer { - padding: 10px 15px; - border-top: 1px rgba(221, 224, 255, .54); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - - - .dark-mode .content .row [class*=col-] .box { - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); - box-shadow: 4px 4px 30px rgba(221, 224, 255, .54); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); - -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); - -webkit-border-radius: 1px !important; - -moz-border-radius: 1px !important; - -ms-border-radius: 1px !important; - border-radius: 15px !important; - border-color: inherit; - background-color: inherit; - } - - /* Dark Mode - Input Fields */ - .dark-mode input:not(#filterNavigateMenu), - .dark-mode textarea:not(#filterNavigateMenu), - .dark-mode select:not(#filterNavigateMenu), - .dark-mode .select2-selection:not(#filterNavigateMenu) { - color: inherit; - transition: all .5s ease-in-out; - } - - .dark-mode input:focus:not(#filterNavigateMenu), - .dark-mode textarea:focus:not(#filterNavigateMenu), - .dark-mode select:focus:not(#filterNavigateMenu), - .dark-mode .select2-selection:focus:not(#filterNavigateMenu) { - color: #1f201f; - outline: none; - } - - .dark-mode .input-group .form-control { - position: relative; - z-index: 2; - float: left; - width: 100%; - margin-bottom: 0; - color: inherit; - border-color: rgba(221, 224, 255, .54); - background-color: inherit; - } - - .dark-mode .input-group .input-group-addon { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - color: inherit; - border-bottom-left-radius: 0; - border-color: rgba(221, 224, 255, .54); - background-color: transparent; - } - - .dark-mode .input-group .form-control:last-child, - .dark-mode .input-group-addon:last-child, - .dark-mode .input-group-btn:last-child>.btn, - .dark-mode .input-group-btn:last-child>.btn-group>.btn, - .dark-mode .input-group-btn:last-child>.dropdown-toggle, - .dark-mode .input-group-btn:first-child>.btn:not(:first-child), - .dark-mode .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { - color: inherit; - } - - .dark-mode input:not(#filterNavigateMenu), - textarea:not(#filterNavigateMenu), - optgroup:not(#filterNavigateMenu), - select:not(#filterNavigateMenu), - .dark-mode .select2-selection:not(#filterNavigateMenu) { - -moz-transition: all .5s ease-in-out; - -o-transition: all .5s ease-in-out; - -webkit-transition: all .5s ease-in-out; - transition: all .5s ease-in-out; - } - - .dark-mode .modern-skin-dark .main-sidebar .sidebar .sidebar-menu li>a { - font-weight: bold; - } - - .dark-mode .content-header>h1 { - font-weight: bold; - } - - .dark-mode .box-header>.fa, - .dark-mode .box-header>.glyphicon, - .dark-mode .box-header>.ion, - .dark-mode .box-header .box-title { - font-weight: bold; - } - - .dark-mode .content-header>h2 { - font-weight: bold; - } - - .dark-mode .main-header .logo .logo-lg { - font-weight: bold; - } - - - .dark-mode .modal-content { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; - -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125); - box-shadow: 0 2px 3px rgba(0, 0, 0, .125); - border: 0; - background: #1a202c; - } - - .dark-mode .modal-header { - padding: 15px; - border-bottom: 1px solid rgba(221, 224, 255, .54); - min-height: 16.428571429px; - background-color: #1a202c; - color: inherit; - } - - - .dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, - .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, - .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a { - display: block; - white-space: nowrap; - border-bottom: 1px solid rgba(221, 224, 255, .54); - background: #1a202c; - color: inherit; - } - - .dark-mode .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, - .dark-mode .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, - .dark-mode .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a { - background: #1a202c !important; - color: inherit !important; - } - - .dark-mode .navbar-nav>.user-menu>.dropdown-menu>.user-footer { - background-color: #1a202c; - } {if isset($xheader)}