/* * Skin: sysimple-midnight (AdminLTE 2) * -------------------------------- * Based on AdminLTE 2 "skin-black" structure. * Load AFTER: AdminLTE.min.css and _all-skins.min.css * * Usage: * */ /* ========= Brand tokens ========= Primary: #071c33 Primary2: #041225 Accent: #00b3ff Sidebar: #070c14 Sidebar2: #060a10 Tree: #0a1120 Hover: #0b1a2f ================================= */ .skin-sysimple-midnight .main-header{ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.10); box-shadow: 0 1px 1px rgba(0,0,0,0.10); } .skin-sysimple-midnight .main-header .navbar-toggle{ color:#fff; } .skin-sysimple-midnight .main-header .navbar-brand{ color:#fff; border-right:1px solid rgba(255,255,255,0.10); } .skin-sysimple-midnight .main-header .navbar{ background: linear-gradient(180deg, #071c33 0%, #041225 100%); } .skin-sysimple-midnight .main-header .navbar .nav>li>a{ color:#fff; } .skin-sysimple-midnight .main-header .navbar .nav>li>a:hover, .skin-sysimple-midnight .main-header .navbar .nav>li>a:active, .skin-sysimple-midnight .main-header .navbar .nav>li>a:focus, .skin-sysimple-midnight .main-header .navbar .nav .open>a, .skin-sysimple-midnight .main-header .navbar .nav .open>a:hover, .skin-sysimple-midnight .main-header .navbar .nav .open>a:focus, .skin-sysimple-midnight .main-header .navbar .nav>.active>a{ background: rgba(255,255,255,0.10); color:#fff; } .skin-sysimple-midnight .main-header .navbar .sidebar-toggle{ color:#fff; } .skin-sysimple-midnight .main-header .navbar .sidebar-toggle:hover{ color:#fff; background: rgba(255,255,255,0.10); } .skin-sysimple-midnight .main-header .navbar>.sidebar-toggle{ color:#fff; border-right: 1px solid rgba(255,255,255,0.10); } .skin-sysimple-midnight .main-header .navbar .navbar-nav>li>a{ border-right: 1px solid rgba(255,255,255,0.08); } .skin-sysimple-midnight .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-sysimple-midnight .main-header .navbar .navbar-right>li>a{ border-left: 1px solid rgba(255,255,255,0.08); border-right-width: 0; } .skin-sysimple-midnight .main-header>.logo{ background-color:#041225; color:#fff; border-bottom:0 solid transparent; border-right: 1px solid rgba(255,255,255,0.10); } .skin-sysimple-midnight .main-header>.logo:hover{ background-color: rgba(0,0,0,0.08); color:#fff; } @media (max-width: 767px){ .skin-sysimple-midnight .main-header>.logo{ background-color:#041225; color:#fff; border-bottom:0 solid transparent; border-right:none; } } .skin-sysimple-midnight .main-header li.user-header{ background: linear-gradient(180deg, #041225 0%, #020a16 100%); } .skin-sysimple-midnight .content-header{ background: transparent; box-shadow: none; } .skin-sysimple-midnight .wrapper, .skin-sysimple-midnight .main-sidebar, .skin-sysimple-midnight .left-side{ background-color:#070c14; } .skin-sysimple-midnight .user-panel>.info, .skin-sysimple-midnight .user-panel>.info>a{ color:#fff; } .skin-sysimple-midnight .sidebar-menu>li.header{ color:#7f92aa; background:#060a10; letter-spacing: .2px; } .skin-sysimple-midnight .sidebar-menu>li>a{ border-left: 3px solid transparent; } .skin-sysimple-midnight .sidebar-menu>li:hover>a, .skin-sysimple-midnight .sidebar-menu>li.active>a{ color:#fff; background:#0b1a2f; border-left-color:#00b3ff; } .skin-sysimple-midnight .sidebar-menu>li>.treeview-menu{ margin: 0 1px; background:#0a1120; } .skin-sysimple-midnight .sidebar a{ color:#cfd8e3; } .skin-sysimple-midnight .sidebar a:hover{ text-decoration:none; } .skin-sysimple-midnight .treeview-menu>li>a{ color:#b9c7d5; } .skin-sysimple-midnight .treeview-menu>li.active>a, .skin-sysimple-midnight .treeview-menu>li>a:hover{ color:#fff; } .skin-sysimple-midnight .pace .pace-progress{ background:#00b3ff; } .skin-sysimple-midnight .pace .pace-activity{ border-top-color:#00b3ff; border-left-color:#00b3ff; } /* Optional polish */ .skin-sysimple-midnight .dropdown-menu{ border-radius: 10px; } .skin-sysimple-midnight .btn-primary{ background:#00b3ff; border-color:#00b3ff; color:#fff; } .skin-sysimple-midnight .btn-primary:hover, .skin-sysimple-midnight .btn-primary:focus{ background: rgba(0,0,0,0.05); border-color:#00b3ff; color:#fff; }