79 lines
2.1 KiB
CSS
79 lines
2.1 KiB
CSS
/* Body */
|
|
.panel {
|
|
background-color: #363636;
|
|
border: 1px solid #454545;
|
|
box-shadow: none; }
|
|
|
|
/* Top navbar */
|
|
.top-navbar {
|
|
background-color: #6f42c1; }
|
|
|
|
.center-navbar nav.header-breadcrumb {
|
|
color: #fff; }
|
|
|
|
header.top-navbar .header-menu > a:hover,
|
|
header.top-navbar .header-breadcrumb .header-breadcrumb-item > a:hover {
|
|
color: #d6d6d6 !important; }
|
|
|
|
.top-navbar .center-navbar nav.header-breadcrumb li.header-breadcrumb-item a {
|
|
color: #fff; }
|
|
|
|
.top-navbar .right-navbar .header-menu a.nav-link {
|
|
color: #fff; }
|
|
|
|
.top-navbar .left-navbar .navbar-brand img {
|
|
filter: invert(1); }
|
|
|
|
.top-navbar .left-navbar .navbar-brand:hover img {
|
|
filter: invert(1) drop-shadow(0px 0px 3px #fff); }
|
|
|
|
.top-navbar .composed-app-icon-container > .app-icon {
|
|
background-color: #fff; }
|
|
|
|
.header-breadcrumb-children {
|
|
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 2px rgba(0, 0, 0, 0.5), inset 0 3px 5px rgba(0, 0, 0, 0.6); }
|
|
|
|
/* Sidebar */
|
|
.sidebar {
|
|
transition: width .08s linear;
|
|
box-shadow: none;
|
|
background-color: #170229; }
|
|
|
|
.sidebar ~ main.content:after {
|
|
background: #000; }
|
|
|
|
.sidebar .sidebar-wrapper {
|
|
border-right: 1px solid none; }
|
|
|
|
.sidebar .sidebar-wrapper {
|
|
border-right: 1px solid rgba(0, 0, 0, 0.125); }
|
|
|
|
.sidebar ul.sidebar-elements li > a.sidebar-link {
|
|
color: #fff; }
|
|
|
|
.sidebar ul.sidebar-elements li > a.sidebar-link.active {
|
|
background-color: #343a40;
|
|
color: #3cf281; }
|
|
|
|
.sidebar ul.sidebar-elements li > a.sidebar-link.have-active-child {
|
|
background-color: #343a40;
|
|
color: #3cf281; }
|
|
|
|
.sidebar ul.sidebar-elements li > a.sidebar-link:hover {
|
|
background-color: #495057;
|
|
color: #3cf281; }
|
|
|
|
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child,
|
|
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child {
|
|
background-color: unset; }
|
|
|
|
.sidebar.expanded ul.sidebar-elements li > a.sidebar-link.have-active-child:hover,
|
|
.sidebar:hover ul.sidebar-elements li > a.sidebar-link.have-active-child:hover {
|
|
background-color: #495057; }
|
|
|
|
ul.sidebar-elements li > a.sidebar-link.active::after {
|
|
background-color: #6f42c1; }
|
|
|
|
.lock-sidebar > a.btn {
|
|
background-color: unset; }
|