mirror of https://gitee.com/karson/fastadmin.git
优化后台皮肤
Karson
parent
b7964f7aa9
commit
29976027fc
|
|
@ -483,7 +483,7 @@ class Auth extends \fast\Auth
|
|||
$addtabs = $childList || !$url ? "" : (stripos($url, "?") !== false ? "&" : "?") . "ref=addtabs";
|
||||
$childList = str_replace(
|
||||
'" pid="' . $item['id'] . '"',
|
||||
' treeview ' . ($current ? '' : 'hidden') . '" pid="' . $item['id'] . '"',
|
||||
' ' . ($current ? '' : 'hidden') . '" pid="' . $item['id'] . '"',
|
||||
$childList
|
||||
);
|
||||
$nav .= '<li class="' . ($current ? 'active' : '') . '"><a href="' . $url . $addtabs . '" addtabs="' . $item['id'] . '" url="' . $url . '"><i class="' . $item['icon'] . '"></i> <span>' . $item['title'] . '</span> <span class="pull-right-container"> </span></a> </li>';
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<!-- 加载样式及META信息 -->
|
||||
{include file="common/meta" /}
|
||||
</head>
|
||||
<body class="hold-transition {$Think.config.fastadmin.adminskin|default='skin-green'} sidebar-mini fixed {:$Think.config.fastadmin.multipletab?'multipletab':''} {:$Think.config.fastadmin.multiplenav?'multiplenav':''}" id="tabs">
|
||||
<body class="hold-transition {$Think.config.fastadmin.adminskin|default='skin-black-green'} sidebar-mini fixed {:$Think.config.fastadmin.multipletab?'multipletab':''} {:$Think.config.fastadmin.multiplenav?'multiplenav':''}" id="tabs">
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@import url("../css/bootstrap.css");
|
||||
@import url("../css/fastadmin.css");
|
||||
@import url("../css/skins/skin-green.css");
|
||||
@import url("../css/skins/skin-black-green.css");
|
||||
@import url("../css/iconfont.css");
|
||||
@import url("../libs/font-awesome/css/font-awesome.min.css");
|
||||
@import url("../libs/toastr/toastr.min.css");
|
||||
|
|
@ -486,6 +486,16 @@ form.form-horizontal .control-label {
|
|||
.multiplenav #firstnav .nav-addtabs {
|
||||
padding-right: 450px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.multipletab .fixed .content-wrapper,
|
||||
.multipletab .fixed .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
.multipletab .content-wrapper,
|
||||
.multipletab .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
}
|
||||
.multipletab #secondnav {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -493,6 +503,9 @@ form.form-horizontal .control-label {
|
|||
.multipletab.multiplenav .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
.multipletab.multiplenav #firstnav .nav-tabs {
|
||||
overflow: hidden;
|
||||
}
|
||||
.main-sidebar .sidebar-form {
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
@ -958,14 +971,6 @@ table.table-nowrap thead > tr > th {
|
|||
.fixed .right-side {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.multiplenav .fixed .content-wrapper,
|
||||
.multiplenav .fixed .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
.multiplenav .content-wrapper,
|
||||
.multiplenav .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
.main-sidebar,
|
||||
.left-side {
|
||||
padding-top: 144px;
|
||||
|
|
@ -987,6 +992,8 @@ table.table-nowrap thead > tr > th {
|
|||
width: 100px;
|
||||
height: 70px;
|
||||
font-size: 13px;
|
||||
border: none;
|
||||
background: #fff;
|
||||
}
|
||||
.sidebar .mobilenav a.btn-app i.fa {
|
||||
font-size: 24px;
|
||||
|
|
@ -1015,6 +1022,9 @@ table.table-nowrap thead > tr > th {
|
|||
.left-side {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.multiplenav .main-sidebar {
|
||||
padding-top: 95px;
|
||||
}
|
||||
.n-bootstrap .n-right {
|
||||
margin-top: 0;
|
||||
top: -20px;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -127,12 +127,6 @@ body {
|
|||
.fixed .right-side {
|
||||
padding-top: 50px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.fixed .content-wrapper,
|
||||
.fixed .right-side {
|
||||
padding-top: 100px;
|
||||
}
|
||||
}
|
||||
.fixed.layout-boxed .wrapper {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -7,13 +7,6 @@
|
|||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-blue .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
@ -28,28 +21,48 @@
|
|||
.skin-black-blue .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-blue .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #444;
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #444;
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-blue .main-header .navbar > .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-blue .main-header .navbar .navbar-right > li > a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-blue .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-blue .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-blue .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-blue .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-blue .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
|
|
@ -61,17 +74,17 @@
|
|||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-blue .main-header .logo {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-blue .main-header .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-blue .main-header li.user-header {
|
||||
background-color: #222;
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-blue .main-header .nav-addtabs > li > a,
|
||||
.skin-black-blue .main-header .nav-addtabs > li.active > a {
|
||||
|
|
@ -90,6 +103,9 @@
|
|||
.skin-black-blue .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -104,8 +120,7 @@
|
|||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-blue .sidebar a {
|
||||
color: #b8c7ce;
|
||||
|
|
@ -114,7 +129,7 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li.active > a,
|
||||
.skin-black-blue .treeview-menu > li > a:hover {
|
||||
|
|
@ -162,10 +177,15 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li.active > a {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li:hover > a,
|
||||
.skin-black-blue .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #4e73df;
|
||||
|
|
@ -174,24 +194,10 @@
|
|||
.skin-black-blue .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-blue .treeview-menu > li.active > a,
|
||||
.skin-black-blue .treeview-menu > li > a:hover {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #4e73df;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
|
@ -205,10 +211,6 @@
|
|||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-blue .sidebar-menu .treeview-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #4e73df;
|
||||
}
|
||||
.skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-blue.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
|
|
@ -218,4 +220,18 @@
|
|||
color: #fff;
|
||||
background: #4e73df;
|
||||
}
|
||||
.skin-black-blue.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #4e73df;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-blue.css.map */
|
||||
|
|
@ -1,221 +0,0 @@
|
|||
/*
|
||||
* Skin: Black green
|
||||
* -----------
|
||||
*/
|
||||
.skin-black-green .main-header {
|
||||
background: #222d32;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-green .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-green .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-green .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .nav > li > a {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-green .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-green .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-green .main-header .navbar .nav .open > a,
|
||||
.skin-black-green .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-green .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-green .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #444;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #444;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-green .main-header .navbar > .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-green .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-green .main-header .navbar .navbar-right > li > a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
.skin-black-green .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: 1px solid #222d32;
|
||||
}
|
||||
.skin-black-green .main-header .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-green .main-header .logo {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-green .main-header .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
}
|
||||
.skin-black-green .main-header li.user-header {
|
||||
background-color: #222;
|
||||
}
|
||||
.skin-black-green .main-header .nav-addtabs > li > a,
|
||||
.skin-black-green .main-header .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.skin-black-green .content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.skin-black-green .wrapper,
|
||||
.skin-black-green .main-sidebar,
|
||||
.skin-black-green .left-side {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-green .user-panel > .info,
|
||||
.skin-black-green .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li:hover > a,
|
||||
.skin-black-green .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #1e282c;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
}
|
||||
.skin-black-green .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
.skin-black-green .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.skin-black-green .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
}
|
||||
.skin-black-green .treeview-menu > li.active > a,
|
||||
.skin-black-green .treeview-menu > li > a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-green .sidebar-form {
|
||||
border-radius: 3px;
|
||||
border: 1px solid #374850;
|
||||
background-color: #374850;
|
||||
margin: 10px 10px;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"],
|
||||
.skin-black-green .sidebar-form .btn {
|
||||
box-shadow: none;
|
||||
background-color: #374850;
|
||||
border: 1px solid transparent;
|
||||
height: 35px;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"] {
|
||||
color: #666;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"]:focus,
|
||||
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
background-color: #fff;
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn {
|
||||
background: #fff;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-green .sidebar-form .btn {
|
||||
color: #999;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li:hover > a,
|
||||
.skin-black-green .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
border-left-color: #18bc9c;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-green .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-green .treeview-menu > li.active > a,
|
||||
.skin-black-green .treeview-menu > li > a:hover {
|
||||
background-color: #18bc9c;
|
||||
}
|
||||
.skin-black-green .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0;
|
||||
}
|
||||
.skin-black-green .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-green .sidebar-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu .treeview-menu > li > a {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-green .sidebar-menu .treeview-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
}
|
||||
.skin-black-green.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-green.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
}
|
||||
.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
|
||||
color: #fff;
|
||||
background: #18bc9c;
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-green.css.map */
|
||||
|
|
@ -98,18 +98,15 @@
|
|||
}
|
||||
.skin-black-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li:hover > a,
|
||||
.skin-black-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #222d32;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li.active {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
border-left-color: #222d32;
|
||||
}
|
||||
.skin-black-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
|
|
@ -177,4 +174,14 @@
|
|||
.skin-black-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-black-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #222d32;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-light.css.map */
|
||||
|
|
@ -7,13 +7,6 @@
|
|||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-pink .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
@ -28,28 +21,48 @@
|
|||
.skin-black-pink .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-pink .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #444;
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #444;
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-pink .main-header .navbar > .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-pink .main-header .navbar .navbar-right > li > a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-pink .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-pink .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-pink .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-pink .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-pink .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
|
|
@ -61,17 +74,17 @@
|
|||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-pink .main-header .logo {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-pink .main-header .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-pink .main-header li.user-header {
|
||||
background-color: #222;
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-pink .main-header .nav-addtabs > li > a,
|
||||
.skin-black-pink .main-header .nav-addtabs > li.active > a {
|
||||
|
|
@ -90,6 +103,9 @@
|
|||
.skin-black-pink .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -104,8 +120,7 @@
|
|||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-pink .sidebar a {
|
||||
color: #b8c7ce;
|
||||
|
|
@ -114,7 +129,7 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li.active > a,
|
||||
.skin-black-pink .treeview-menu > li > a:hover {
|
||||
|
|
@ -162,10 +177,15 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li.active > a {
|
||||
background-color: #f5549f;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li:hover > a,
|
||||
.skin-black-pink .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #f5549f;
|
||||
|
|
@ -174,24 +194,10 @@
|
|||
.skin-black-pink .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-pink .treeview-menu > li.active > a,
|
||||
.skin-black-pink .treeview-menu > li > a:hover {
|
||||
background-color: #f5549f;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #f5549f;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
|
@ -205,10 +211,6 @@
|
|||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-pink .sidebar-menu .treeview-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #f5549f;
|
||||
}
|
||||
.skin-black-pink.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-pink.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
|
|
@ -218,4 +220,18 @@
|
|||
color: #fff;
|
||||
background: #f5549f;
|
||||
}
|
||||
.skin-black-pink.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f5549f;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-pink.css.map */
|
||||
|
|
@ -7,13 +7,6 @@
|
|||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-purple .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
@ -28,28 +21,48 @@
|
|||
.skin-black-purple .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-purple .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #444;
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #444;
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-purple .main-header .navbar > .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-purple .main-header .navbar .navbar-right > li > a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-purple .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-purple .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-purple .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-purple .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-purple .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
|
|
@ -61,17 +74,17 @@
|
|||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-purple .main-header .logo {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-purple .main-header .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-purple .main-header li.user-header {
|
||||
background-color: #222;
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-purple .main-header .nav-addtabs > li > a,
|
||||
.skin-black-purple .main-header .nav-addtabs > li.active > a {
|
||||
|
|
@ -90,6 +103,9 @@
|
|||
.skin-black-purple .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -104,8 +120,7 @@
|
|||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-purple .sidebar a {
|
||||
color: #b8c7ce;
|
||||
|
|
@ -114,7 +129,7 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li.active > a,
|
||||
.skin-black-purple .treeview-menu > li > a:hover {
|
||||
|
|
@ -162,10 +177,15 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li.active > a {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li:hover > a,
|
||||
.skin-black-purple .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #605ca8;
|
||||
|
|
@ -174,24 +194,10 @@
|
|||
.skin-black-purple .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-purple .treeview-menu > li.active > a,
|
||||
.skin-black-purple .treeview-menu > li > a:hover {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #605ca8;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
|
@ -205,10 +211,6 @@
|
|||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-purple .sidebar-menu .treeview-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #605ca8;
|
||||
}
|
||||
.skin-black-purple.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-purple.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
|
|
@ -218,4 +220,18 @@
|
|||
color: #fff;
|
||||
background: #605ca8;
|
||||
}
|
||||
.skin-black-purple.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #605ca8;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-purple.css.map */
|
||||
|
|
@ -7,13 +7,6 @@
|
|||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-red .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-red .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-red .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
@ -28,28 +21,48 @@
|
|||
.skin-black-red .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-red .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #444;
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #444;
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-red .main-header .navbar > .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-red .main-header .navbar .navbar-right > li > a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-red .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-red .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-red .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-red .main-header .navbar .nav .open > a,
|
||||
.skin-black-red .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-red .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-red .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-red .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
|
|
@ -61,17 +74,17 @@
|
|||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-red .main-header .logo {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-red .main-header .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-red .main-header li.user-header {
|
||||
background-color: #222;
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-red .main-header .nav-addtabs > li > a,
|
||||
.skin-black-red .main-header .nav-addtabs > li.active > a {
|
||||
|
|
@ -90,6 +103,9 @@
|
|||
.skin-black-red .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -104,8 +120,7 @@
|
|||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-red .sidebar a {
|
||||
color: #b8c7ce;
|
||||
|
|
@ -114,7 +129,7 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li.active > a,
|
||||
.skin-black-red .treeview-menu > li > a:hover {
|
||||
|
|
@ -162,10 +177,15 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li.active > a {
|
||||
background-color: #e74c3c;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li:hover > a,
|
||||
.skin-black-red .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #e74c3c;
|
||||
|
|
@ -174,24 +194,10 @@
|
|||
.skin-black-red .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-red .treeview-menu > li.active > a,
|
||||
.skin-black-red .treeview-menu > li > a:hover {
|
||||
background-color: #e74c3c;
|
||||
}
|
||||
.skin-black-red .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0;
|
||||
}
|
||||
.skin-black-red .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-red .sidebar-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #e74c3c;
|
||||
}
|
||||
.skin-black-red .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
|
@ -205,10 +211,6 @@
|
|||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-red .sidebar-menu .treeview-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #e74c3c;
|
||||
}
|
||||
.skin-black-red.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-red.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
|
|
@ -218,4 +220,18 @@
|
|||
color: #fff;
|
||||
background: #e74c3c;
|
||||
}
|
||||
.skin-black-red.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-red.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-red.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #e74c3c;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-red.css.map */
|
||||
|
|
@ -7,13 +7,6 @@
|
|||
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
@ -28,28 +21,48 @@
|
|||
.skin-black-yellow .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-yellow .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
color: #444;
|
||||
color: #333;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .sidebar-toggle {
|
||||
color: #666;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #444;
|
||||
color: #333;
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar > .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .navbar-nav > li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
|
||||
.skin-black-yellow .main-header .navbar .navbar-right > li > a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-yellow .main-header .navbar {
|
||||
background-color: #181f23;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:active,
|
||||
.skin-black-yellow .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black-yellow .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black-yellow .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
}
|
||||
.skin-black-yellow .main-header .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
|
|
@ -61,17 +74,17 @@
|
|||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-yellow .main-header .logo {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
background-color: #181f23;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
border-right: none;
|
||||
}
|
||||
.skin-black-yellow .main-header .logo:hover {
|
||||
background-color: #fcfcfc;
|
||||
background-color: #161d20;
|
||||
}
|
||||
}
|
||||
.skin-black-yellow .main-header li.user-header {
|
||||
background-color: #222;
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black-yellow .main-header .nav-addtabs > li > a,
|
||||
.skin-black-yellow .main-header .nav-addtabs > li.active > a {
|
||||
|
|
@ -90,6 +103,9 @@
|
|||
.skin-black-yellow .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -104,8 +120,7 @@
|
|||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
background: #181f23;
|
||||
}
|
||||
.skin-black-yellow .sidebar a {
|
||||
color: #b8c7ce;
|
||||
|
|
@ -114,7 +129,7 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
color: #6c8c9b;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li.active > a,
|
||||
.skin-black-yellow .treeview-menu > li > a:hover {
|
||||
|
|
@ -162,10 +177,15 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li.active > a {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li:hover > a,
|
||||
.skin-black-yellow .sidebar-menu > li.active > a {
|
||||
color: #fff;
|
||||
background: #f39c12;
|
||||
|
|
@ -174,24 +194,10 @@
|
|||
.skin-black-yellow .sidebar-menu > li:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li > a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.skin-black-yellow .treeview-menu > li.active > a,
|
||||
.skin-black-yellow .treeview-menu > li > a:hover {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #f39c12;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu .treeview-menu {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
|
@ -205,10 +211,6 @@
|
|||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.skin-black-yellow .sidebar-menu .treeview-menu li.treeview > a:hover {
|
||||
color: #fff;
|
||||
background: #f39c12;
|
||||
}
|
||||
.skin-black-yellow.sidebar-collapse .sidebar-menu li:hover > a,
|
||||
.skin-black-yellow.sidebar-collapse .sidebar-menu li.active > a {
|
||||
color: #fff;
|
||||
|
|
@ -218,4 +220,18 @@
|
|||
color: #fff;
|
||||
background: #f39c12;
|
||||
}
|
||||
.skin-black-yellow.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f39c12;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black-yellow.css.map */
|
||||
|
|
@ -89,6 +89,9 @@
|
|||
.skin-black .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-black .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -103,8 +106,7 @@
|
|||
border-left-color: #fff;
|
||||
}
|
||||
.skin-black .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
background: #1c2529;
|
||||
}
|
||||
.skin-black .sidebar a {
|
||||
color: #b8c7ce;
|
||||
|
|
@ -113,7 +115,7 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
.skin-black .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
color: #72919f;
|
||||
}
|
||||
.skin-black .treeview-menu > li.active > a,
|
||||
.skin-black .treeview-menu > li > a:hover {
|
||||
|
|
@ -161,4 +163,45 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-black.multiplenav .main-header .navbar {
|
||||
background-color: #222d32;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .nav > li > a:hover,
|
||||
.skin-black.multiplenav .main-header .navbar .nav > li > a:active,
|
||||
.skin-black.multiplenav .main-header .navbar .nav > li > a:focus,
|
||||
.skin-black.multiplenav .main-header .navbar .nav .open > a,
|
||||
.skin-black.multiplenav .main-header .navbar .nav .open > a:hover,
|
||||
.skin-black.multiplenav .main-header .navbar .nav .open > a:focus,
|
||||
.skin-black.multiplenav .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black.multiplenav .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.skin-black.multiplenav .main-header > .logo {
|
||||
background-color: #222d32;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-black.multiplenav .main-header > .logo:hover {
|
||||
background-color: #202a2f;
|
||||
}
|
||||
.skin-black.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-black.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #fff;
|
||||
color: #374850;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-black.css.map */
|
||||
|
|
@ -80,19 +80,16 @@
|
|||
}
|
||||
.skin-blue-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li:hover > a,
|
||||
.skin-blue-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #4e73df;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li.active {
|
||||
border-left-color: #4e73df;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-blue-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
|
|
@ -162,12 +159,14 @@
|
|||
.skin-blue-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
.skin-blue.layout-top-nav .main-header > .logo {
|
||||
background-color: #4e73df;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-blue.layout-top-nav .main-header > .logo:hover {
|
||||
background-color: #4a70de;
|
||||
@media (max-width: 767px) {
|
||||
.skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-blue-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #4e73df;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-blue-light.css.map */
|
||||
|
|
@ -86,6 +86,9 @@
|
|||
.skin-blue .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-blue .sidebar-menu > li.header {
|
||||
color: #a4b7ef;
|
||||
background: #3d65dc;
|
||||
|
|
@ -100,8 +103,7 @@
|
|||
border-left-color: #fff;
|
||||
}
|
||||
.skin-blue .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #6484e3;
|
||||
background: #4169dd;
|
||||
}
|
||||
.skin-blue .sidebar a {
|
||||
color: #ccd9ff;
|
||||
|
|
@ -172,4 +174,45 @@
|
|||
.skin-blue .sidebar-form .btn {
|
||||
color: #fff;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-blue.multiplenav .main-header .navbar {
|
||||
background-color: #4e73df;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > li > a:hover,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > li > a:active,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > li > a:focus,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav .open > a,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav .open > a:hover,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav .open > a:focus,
|
||||
.skin-blue.multiplenav .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.skin-blue.multiplenav .main-header > .logo {
|
||||
background-color: #4e73df;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-blue.multiplenav .main-header > .logo:hover {
|
||||
background-color: #4a70de;
|
||||
}
|
||||
.skin-blue.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #7995e7;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #fff;
|
||||
color: #7995e7;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-blue.css.map */
|
||||
|
|
@ -83,19 +83,16 @@
|
|||
}
|
||||
.skin-green-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li:hover > a,
|
||||
.skin-green-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #18bc9c;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li.active {
|
||||
border-left-color: #18bc9c;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-green-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
|
|
@ -162,7 +159,14 @@
|
|||
.skin-green-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
.skin-green-light #firstnav {
|
||||
box-shadow: none;
|
||||
@media (max-width: 767px) {
|
||||
.skin-green-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-green-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #18bc9c;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-green-light.css.map */
|
||||
|
|
@ -79,6 +79,9 @@
|
|||
.skin-green .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-green .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -93,7 +96,6 @@
|
|||
border-left-color: #18bc9c;
|
||||
}
|
||||
.skin-green .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
}
|
||||
.skin-green .sidebar a {
|
||||
|
|
@ -151,4 +153,14 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-green.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-green.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #18bc9c;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-green.css.map */
|
||||
|
|
@ -83,19 +83,16 @@
|
|||
}
|
||||
.skin-purple-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li:hover > a,
|
||||
.skin-purple-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #605ca8;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li.active {
|
||||
border-left-color: #605ca8;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-purple-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
|
|
@ -162,4 +159,14 @@
|
|||
.skin-purple-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-purple-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #605ca8;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-purple-light.css.map */
|
||||
|
|
@ -76,6 +76,9 @@
|
|||
.skin-purple .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-purple .sidebar-menu > li.header {
|
||||
color: #a19fcb;
|
||||
background: #57539c;
|
||||
|
|
@ -90,8 +93,7 @@
|
|||
border-left-color: #fff;
|
||||
}
|
||||
.skin-purple .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #706db1;
|
||||
background: #5955a0;
|
||||
}
|
||||
.skin-purple .sidebar a {
|
||||
color: #c8c5ff;
|
||||
|
|
@ -162,4 +164,45 @@
|
|||
.skin-purple .sidebar-form .btn {
|
||||
color: #fff;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-purple.multiplenav .main-header .navbar {
|
||||
background-color: #605ca8;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > li > a:hover,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > li > a:active,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > li > a:focus,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav .open > a,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav .open > a:hover,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav .open > a:focus,
|
||||
.skin-purple.multiplenav .main-header .navbar .nav > .active > a {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #f6f6f6;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .sidebar-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header .navbar .sidebar-toggle:hover {
|
||||
color: #f6f6f6;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.skin-purple.multiplenav .main-header > .logo {
|
||||
background-color: #605ca8;
|
||||
color: #fff;
|
||||
border-bottom: 0 solid transparent;
|
||||
}
|
||||
.skin-purple.multiplenav .main-header > .logo:hover {
|
||||
background-color: #5d59a6;
|
||||
}
|
||||
.skin-purple.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #807dba;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #fff;
|
||||
color: #807dba;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-purple.css.map */
|
||||
|
|
@ -83,19 +83,16 @@
|
|||
}
|
||||
.skin-red-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li:hover > a,
|
||||
.skin-red-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #e74c3c;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li.active {
|
||||
border-left-color: #e74c3c;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-red-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
|
|
@ -162,4 +159,14 @@
|
|||
.skin-red-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-red-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-red-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #e74c3c;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-red-light.css.map */
|
||||
|
|
@ -79,6 +79,9 @@
|
|||
.skin-red .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-red .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -93,7 +96,6 @@
|
|||
border-left-color: #e74c3c;
|
||||
}
|
||||
.skin-red .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
}
|
||||
.skin-red .sidebar a {
|
||||
|
|
@ -151,4 +153,14 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-red.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-red.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #e74c3c;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-red.css.map */
|
||||
|
|
@ -83,19 +83,16 @@
|
|||
}
|
||||
.skin-yellow-light .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li:hover > a,
|
||||
.skin-yellow-light .sidebar-menu > li.active > a {
|
||||
color: #000;
|
||||
background: #f4f4f5;
|
||||
border-left-color: #f39c12;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li.active {
|
||||
border-left-color: #f39c12;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li.active > a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.skin-yellow-light .sidebar-menu > li > .treeview-menu {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
|
|
@ -162,4 +159,14 @@
|
|||
.skin-yellow-light .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
}
|
||||
.skin-yellow-light.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f39c12;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-yellow-light.css.map */
|
||||
|
|
@ -79,6 +79,9 @@
|
|||
.skin-yellow .user-panel > .info > a {
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow .sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.skin-yellow .sidebar-menu > li.header {
|
||||
color: #4b646f;
|
||||
background: #1a2226;
|
||||
|
|
@ -93,7 +96,6 @@
|
|||
border-left-color: #f39c12;
|
||||
}
|
||||
.skin-yellow .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background: #2c3b41;
|
||||
}
|
||||
.skin-yellow .sidebar a {
|
||||
|
|
@ -151,4 +153,14 @@
|
|||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.skin-yellow.multiplenav .sidebar .mobilenav a.btn-app {
|
||||
background: #374850;
|
||||
color: #fff;
|
||||
}
|
||||
.skin-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
|
||||
background: #f39c12;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=skin-yellow.css.map */
|
||||
|
|
@ -54,7 +54,11 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], functi
|
|||
|
||||
//切换左侧sidebar显示隐藏
|
||||
$(document).on("click fa.event.toggleitem", ".sidebar-menu li > a", function (e) {
|
||||
if (!$(this).parent("li").hasClass("treeview")) {
|
||||
var nextul = $(this).next("ul");
|
||||
if (nextul.length > 0) {
|
||||
return;
|
||||
}
|
||||
if (!$(this).parent("li").hasClass("treeview") || ($("body").hasClass("multiplenav") && $(this).parent().parent().hasClass("sidebar-menu"))) {
|
||||
$(".sidebar-menu li").removeClass("active");
|
||||
}
|
||||
//当外部触发隐藏的a时,触发父辈a的事件
|
||||
|
|
@ -63,7 +67,7 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], functi
|
|||
$(this).closest("ul").prev().trigger("click");
|
||||
}
|
||||
|
||||
var visible = $(this).next("ul").is(":visible");
|
||||
var visible = nextul.is(":visible");
|
||||
if (!visible) {
|
||||
$(this).parents("li").addClass("active");
|
||||
} else {
|
||||
|
|
@ -130,6 +134,7 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], functi
|
|||
});
|
||||
|
||||
if (multiplenav) {
|
||||
firstnav.css("overflow", "inherit");
|
||||
//一级菜单自适应
|
||||
$(window).resize(function () {
|
||||
var siblingsWidth = 0;
|
||||
|
|
@ -144,7 +149,7 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], functi
|
|||
firstnav.on("click", "li a", function () {
|
||||
$("li", firstnav).removeClass("active");
|
||||
$(this).closest("li").addClass("active");
|
||||
$(".sidebar-menu > li.treeview").addClass("hidden");
|
||||
$(".sidebar-menu > li[pid]").addClass("hidden");
|
||||
if ($(this).attr("url") == "javascript:;") {
|
||||
var sonlist = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']");
|
||||
sonlist.removeClass("hidden");
|
||||
|
|
@ -163,6 +168,22 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], functi
|
|||
}
|
||||
});
|
||||
|
||||
var mobilenav = $(".mobilenav");
|
||||
$("#firstnav .nav-addtabs li a").each(function () {
|
||||
mobilenav.append($(this).clone().addClass("btn btn-app"));
|
||||
});
|
||||
|
||||
//点击移动端一级菜单
|
||||
mobilenav.on("click", "a", function () {
|
||||
$("a", mobilenav).removeClass("active");
|
||||
$(this).addClass("active");
|
||||
$(".sidebar-menu > li[pid]").addClass("hidden");
|
||||
if ($(this).attr("url") == "javascript:;") {
|
||||
var sonlist = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']");
|
||||
sonlist.removeClass("hidden");
|
||||
}
|
||||
});
|
||||
|
||||
//点击左侧菜单栏
|
||||
$(document).on('click', '.sidebar-menu li a[addtabs]', function (e) {
|
||||
var parents = $(this).parentsUntil("ul.sidebar-menu", "li");
|
||||
|
|
@ -177,22 +198,8 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'adminlte', 'form'], functi
|
|||
obj.trigger("click");
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var mobilenav = $(".mobilenav");
|
||||
$("#firstnav .nav-addtabs li a").each(function () {
|
||||
mobilenav.append($(this).clone().addClass("btn btn-app"));
|
||||
});
|
||||
|
||||
//点击移动端一级菜单
|
||||
mobilenav.on("click", "a", function () {
|
||||
$("a", mobilenav).removeClass("active");
|
||||
$(this).addClass("active");
|
||||
$(".sidebar-menu > li.treeview").addClass("hidden");
|
||||
if ($(this).attr("url") == "javascript:;") {
|
||||
var sonlist = $(".sidebar-menu > li[pid='" + $(this).attr("addtabs") + "']");
|
||||
sonlist.removeClass("hidden");
|
||||
mobilenav.find("a").removeClass("active");
|
||||
mobilenav.find("a[addtabs='" + pid + "']").addClass("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
@import "lesshat.less";
|
||||
@import url("../css/bootstrap.css");
|
||||
@import url("../css/fastadmin.css");
|
||||
@import url("../css/skins/skin-green.css");
|
||||
@import url("../css/skins/skin-black-green.css");
|
||||
@import url("../css/iconfont.css");
|
||||
@import url("../libs/font-awesome/css/font-awesome.min.css");
|
||||
@import url("../libs/toastr/toastr.min.css");
|
||||
|
|
@ -604,6 +604,18 @@ form.form-horizontal .control-label {
|
|||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.multipletab {
|
||||
.fixed .content-wrapper, .fixed .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
|
||||
.content-wrapper, .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.multipletab {
|
||||
#secondnav {
|
||||
display: block;
|
||||
|
|
@ -613,6 +625,10 @@ form.form-horizontal .control-label {
|
|||
.content-wrapper, .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
|
||||
#firstnav .nav-tabs {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1186,16 +1202,6 @@ table.table-nowrap {
|
|||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.multiplenav {
|
||||
.fixed .content-wrapper, .fixed .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
|
||||
.content-wrapper, .right-side {
|
||||
padding-top: 94px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-sidebar, .left-side {
|
||||
padding-top: 144px;
|
||||
}
|
||||
|
|
@ -1220,6 +1226,8 @@ table.table-nowrap {
|
|||
width: 100px;
|
||||
height: 70px;
|
||||
font-size: 13px;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
||||
i.fa {
|
||||
font-size: 24px;
|
||||
|
|
@ -1258,6 +1266,12 @@ table.table-nowrap {
|
|||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.multiplenav {
|
||||
.main-sidebar {
|
||||
padding-top: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
.n-bootstrap {
|
||||
.n-right {
|
||||
margin-top: 0;
|
||||
|
|
|
|||
|
|
@ -101,9 +101,9 @@ body {
|
|||
.content-wrapper,
|
||||
.right-side {
|
||||
padding-top: 50px;
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
padding-top: 100px;
|
||||
}
|
||||
//@media (max-width: @screen-header-collapse) {
|
||||
// padding-top: 100px;
|
||||
//}
|
||||
}
|
||||
&.layout-boxed {
|
||||
.wrapper {
|
||||
|
|
|
|||
|
|
@ -119,6 +119,9 @@
|
|||
}
|
||||
}
|
||||
//Sidebar Menu. First level links
|
||||
.sidebar-menu .treeview-menu {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.sidebar-menu > li {
|
||||
//Section Headning
|
||||
&.header {
|
||||
|
|
@ -137,7 +140,7 @@
|
|||
}
|
||||
//First Level Submenu
|
||||
> .treeview-menu {
|
||||
margin: 0 1px;
|
||||
//margin: 0 1px;
|
||||
background: @sidebar-dark-submenu-bg;
|
||||
}
|
||||
}
|
||||
|
|
@ -225,13 +228,14 @@
|
|||
//links
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
font-weight: 600;
|
||||
//font-weight: 600;
|
||||
}
|
||||
//Hover and active states
|
||||
&:hover > a,
|
||||
&.active > a {
|
||||
color: @sidebar-light-hover-color;
|
||||
background: @sidebar-light-hover-bg;
|
||||
border-left-color: @icon-active-color;
|
||||
}
|
||||
&:hover > a {
|
||||
|
||||
|
|
@ -239,7 +243,7 @@
|
|||
&.active {
|
||||
border-left-color: @icon-active-color;
|
||||
> a {
|
||||
font-weight: 600;
|
||||
//font-weight: 600;
|
||||
}
|
||||
}
|
||||
//First Level Submenu
|
||||
|
|
|
|||
|
|
@ -8,119 +8,95 @@
|
|||
@import "../fastadmin/mixins.less";
|
||||
|
||||
@primary: #4e73df;
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 5%);
|
||||
.skin-black-blue {
|
||||
|
||||
.main-header {
|
||||
background: @sidebar-dark-bg;
|
||||
.box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
|
||||
|
||||
.navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
.navbar-variant(#fff; #666; #444; rgba(0, 0, 0, .02));
|
||||
|
||||
> .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.navbar-variant(#fff; #666; #333; rgba(0, 0, 0, .02));
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu .navbar-nav,
|
||||
.navbar-right {
|
||||
.navbar-custom-menu .navbar-nav, .navbar-right {
|
||||
> li {
|
||||
> a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.navbar-variant(@sidebar-dark-submenu-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
border-right: 1px solid @sidebar-dark-bg;
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.logo-variant(#fff; #333);
|
||||
.logo-variant(@sidebar-dark-submenu-bg, #fff);
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.user-header {
|
||||
background-color: #222;
|
||||
background-color: @sidebar-dark-bg;
|
||||
}
|
||||
|
||||
.nav-addtabs > li > a, .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
//Content Header
|
||||
.content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(#fff);
|
||||
|
||||
.sidebar-menu > li {
|
||||
|
||||
//links
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a, &.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
> li {
|
||||
> a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
&.active > a, > a:hover {
|
||||
&.active > a {
|
||||
background-color: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-menu {
|
||||
> li > .treeview-menu {
|
||||
margin: 0;
|
||||
> li {
|
||||
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
|
|
@ -137,16 +113,12 @@
|
|||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar-collapse {
|
||||
|
||||
.sidebar-menu {
|
||||
li:hover > a, li.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
|
|
@ -158,7 +130,27 @@
|
|||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @primary;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,58 +8,47 @@
|
|||
@import "../fastadmin/mixins.less";
|
||||
|
||||
@primary: @green;
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 5%);
|
||||
.skin-black-green {
|
||||
|
||||
.main-header {
|
||||
background: @sidebar-dark-bg;
|
||||
.box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
|
||||
|
||||
.navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
.navbar-variant(#fff; #666; #444; rgba(0, 0, 0, .02));
|
||||
|
||||
> .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.navbar-variant(#fff; #666; #333; rgba(0, 0, 0, .02));
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu .navbar-nav,
|
||||
.navbar-right {
|
||||
.navbar-custom-menu .navbar-nav, .navbar-right {
|
||||
> li {
|
||||
> a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.navbar-variant(@sidebar-dark-submenu-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
border-right: 1px solid @sidebar-dark-bg;
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.logo-variant(#fff; #333);
|
||||
.logo-variant(@sidebar-dark-submenu-bg, #fff);
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.user-header {
|
||||
background-color: #222;
|
||||
background-color: @sidebar-dark-bg;
|
||||
}
|
||||
|
||||
.nav-addtabs > li > a, .nav-addtabs > li.active > a {
|
||||
|
|
@ -68,60 +57,46 @@
|
|||
|
||||
}
|
||||
|
||||
//Content Header
|
||||
.content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(#fff);
|
||||
|
||||
.sidebar-menu > li {
|
||||
|
||||
//links
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a, &.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
> li {
|
||||
> a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
&.active > a, > a:hover {
|
||||
&.active > a {
|
||||
background-color: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-menu {
|
||||
> li > .treeview-menu {
|
||||
margin: 0;
|
||||
> li {
|
||||
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
|
|
@ -138,16 +113,12 @@
|
|||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar-collapse {
|
||||
|
||||
.sidebar-menu {
|
||||
li:hover > a, li.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
|
|
@ -159,7 +130,27 @@
|
|||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @primary;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -69,14 +69,27 @@
|
|||
}
|
||||
|
||||
//Create the sidebar skin
|
||||
.skin-light-sidebar(#fff);
|
||||
.skin-light-sidebar(#222d32);
|
||||
|
||||
.main-sidebar {
|
||||
.box-shadow(7px 0 14px rgba(0, 0, 0, .03));
|
||||
}
|
||||
|
||||
.content-wrapper,
|
||||
.main-footer {
|
||||
.content-wrapper, .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
|
||||
&.active {
|
||||
background: #222d32;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,58 +8,47 @@
|
|||
@import "../fastadmin/mixins.less";
|
||||
|
||||
@primary: #f5549f;
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 5%);
|
||||
.skin-black-pink {
|
||||
|
||||
.main-header {
|
||||
background: @sidebar-dark-bg;
|
||||
.box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
|
||||
|
||||
.navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
.navbar-variant(#fff; #666; #444; rgba(0, 0, 0, .02));
|
||||
|
||||
> .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.navbar-variant(#fff; #666; #333; rgba(0, 0, 0, .02));
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu .navbar-nav,
|
||||
.navbar-right {
|
||||
.navbar-custom-menu .navbar-nav, .navbar-right {
|
||||
> li {
|
||||
> a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.navbar-variant(@sidebar-dark-submenu-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
border-right: 1px solid @sidebar-dark-bg;
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.logo-variant(#fff; #333);
|
||||
.logo-variant(@sidebar-dark-submenu-bg, #fff);
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.user-header {
|
||||
background-color: #222;
|
||||
background-color: @sidebar-dark-bg;
|
||||
}
|
||||
|
||||
.nav-addtabs > li > a, .nav-addtabs > li.active > a {
|
||||
|
|
@ -68,60 +57,46 @@
|
|||
|
||||
}
|
||||
|
||||
//Content Header
|
||||
.content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(#fff);
|
||||
|
||||
.sidebar-menu > li {
|
||||
|
||||
//links
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a, &.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
> li {
|
||||
> a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
&.active > a, > a:hover {
|
||||
&.active > a {
|
||||
background-color: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-menu {
|
||||
> li > .treeview-menu {
|
||||
margin: 0;
|
||||
> li {
|
||||
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
|
|
@ -138,16 +113,12 @@
|
|||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar-collapse {
|
||||
|
||||
.sidebar-menu {
|
||||
li:hover > a, li.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
|
|
@ -159,7 +130,27 @@
|
|||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @primary;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,119 +8,95 @@
|
|||
@import "../fastadmin/mixins.less";
|
||||
|
||||
@primary: @purple;
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 5%);
|
||||
.skin-black-purple {
|
||||
|
||||
.main-header {
|
||||
background: @sidebar-dark-bg;
|
||||
.box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
|
||||
|
||||
.navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
.navbar-variant(#fff; #666; #444; rgba(0, 0, 0, .02));
|
||||
|
||||
> .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.navbar-variant(#fff; #666; #333; rgba(0, 0, 0, .02));
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu .navbar-nav,
|
||||
.navbar-right {
|
||||
.navbar-custom-menu .navbar-nav, .navbar-right {
|
||||
> li {
|
||||
> a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.navbar-variant(@sidebar-dark-submenu-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
border-right: 1px solid @sidebar-dark-bg;
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.logo-variant(#fff; #333);
|
||||
.logo-variant(@sidebar-dark-submenu-bg, #fff);
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.user-header {
|
||||
background-color: #222;
|
||||
background-color: @sidebar-dark-bg;
|
||||
}
|
||||
|
||||
.nav-addtabs > li > a, .nav-addtabs > li.active > a {
|
||||
border-right-color: transparent;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
//Content Header
|
||||
.content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(#fff);
|
||||
|
||||
.sidebar-menu > li {
|
||||
|
||||
//links
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a, &.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
> li {
|
||||
> a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
&.active > a, > a:hover {
|
||||
&.active > a {
|
||||
background-color: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-menu {
|
||||
> li > .treeview-menu {
|
||||
margin: 0;
|
||||
> li {
|
||||
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
|
|
@ -137,16 +113,12 @@
|
|||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar-collapse {
|
||||
|
||||
.sidebar-menu {
|
||||
li:hover > a, li.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
|
|
@ -158,7 +130,27 @@
|
|||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @primary;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,58 +8,47 @@
|
|||
@import "../fastadmin/mixins.less";
|
||||
|
||||
@primary: @red;
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 5%);
|
||||
.skin-black-red {
|
||||
|
||||
.main-header {
|
||||
background: @sidebar-dark-bg;
|
||||
.box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
|
||||
|
||||
.navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
.navbar-variant(#fff; #666; #444; rgba(0, 0, 0, .02));
|
||||
|
||||
> .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.navbar-variant(#fff; #666; #333; rgba(0, 0, 0, .02));
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu .navbar-nav,
|
||||
.navbar-right {
|
||||
.navbar-custom-menu .navbar-nav, .navbar-right {
|
||||
> li {
|
||||
> a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.navbar-variant(@sidebar-dark-submenu-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
border-right: 1px solid @sidebar-dark-bg;
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.logo-variant(#fff; #333);
|
||||
.logo-variant(@sidebar-dark-submenu-bg, #fff);
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.user-header {
|
||||
background-color: #222;
|
||||
background-color: @sidebar-dark-bg;
|
||||
}
|
||||
|
||||
.nav-addtabs > li > a, .nav-addtabs > li.active > a {
|
||||
|
|
@ -68,60 +57,46 @@
|
|||
|
||||
}
|
||||
|
||||
//Content Header
|
||||
.content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(#fff);
|
||||
|
||||
.sidebar-menu > li {
|
||||
|
||||
//links
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a, &.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
> li {
|
||||
> a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
&.active > a, > a:hover {
|
||||
&.active > a {
|
||||
background-color: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-menu {
|
||||
> li > .treeview-menu {
|
||||
margin: 0;
|
||||
> li {
|
||||
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
|
|
@ -138,16 +113,12 @@
|
|||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar-collapse {
|
||||
|
||||
.sidebar-menu {
|
||||
li:hover > a, li.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
|
|
@ -159,7 +130,27 @@
|
|||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @primary;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -8,58 +8,47 @@
|
|||
@import "../fastadmin/mixins.less";
|
||||
|
||||
@primary: @yellow;
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 5%);
|
||||
.skin-black-yellow {
|
||||
|
||||
.main-header {
|
||||
background: @sidebar-dark-bg;
|
||||
.box-shadow(0px 1px 1px rgba(0, 0, 0, 0.05));
|
||||
|
||||
.navbar-toggle {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
.navbar-variant(#fff; #666; #444; rgba(0, 0, 0, .02));
|
||||
|
||||
> .sidebar-toggle {
|
||||
color: #333;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
.navbar-variant(#fff; #666; #333; rgba(0, 0, 0, .02));
|
||||
|
||||
.navbar-nav {
|
||||
> li > a {
|
||||
border-right: 1px solid #eee;
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-custom-menu .navbar-nav,
|
||||
.navbar-right {
|
||||
.navbar-custom-menu .navbar-nav, .navbar-right {
|
||||
> li {
|
||||
> a {
|
||||
border-left: 1px solid #eee;
|
||||
border-left: none;
|
||||
border-right-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.navbar-variant(@sidebar-dark-submenu-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
border-right: 1px solid @sidebar-dark-bg;
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.logo-variant(#fff; #333);
|
||||
.logo-variant(@sidebar-dark-submenu-bg, #fff);
|
||||
border-right: none;
|
||||
}
|
||||
}
|
||||
|
||||
li.user-header {
|
||||
background-color: #222;
|
||||
background-color: @sidebar-dark-bg;
|
||||
}
|
||||
|
||||
.nav-addtabs > li > a, .nav-addtabs > li.active > a {
|
||||
|
|
@ -68,60 +57,46 @@
|
|||
|
||||
}
|
||||
|
||||
//Content Header
|
||||
.content-header {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(#fff);
|
||||
|
||||
.sidebar-menu > li {
|
||||
|
||||
//links
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a, &.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
//Hover and active states
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
> li {
|
||||
> a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
&.active > a, > a:hover {
|
||||
&.active > a {
|
||||
background-color: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-menu {
|
||||
> li > .treeview-menu {
|
||||
margin: 0;
|
||||
> li {
|
||||
|
||||
> a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
&.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
border-left-color: @primary;
|
||||
}
|
||||
|
||||
&:hover > a {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
|
||||
.treeview-menu {
|
||||
|
|
@ -138,16 +113,12 @@
|
|||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.sidebar-collapse {
|
||||
|
||||
.sidebar-menu {
|
||||
li:hover > a, li.active > a {
|
||||
color: @sidebar-dark-hover-color;
|
||||
|
|
@ -159,7 +130,27 @@
|
|||
color: @sidebar-dark-hover-color;
|
||||
background: @primary;
|
||||
}
|
||||
|
||||
li.treeview > a {
|
||||
background: transparent;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @primary;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
@import "../fastadmin/variables.less";
|
||||
@import "../fastadmin/mixins.less";
|
||||
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 3%);
|
||||
.skin-black {
|
||||
//Navbar & Logo
|
||||
.main-header {
|
||||
|
|
@ -73,4 +74,29 @@
|
|||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(#fff);
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.main-header {
|
||||
.navbar {
|
||||
.navbar-variant(@sidebar-dark-bg; #fff);
|
||||
}
|
||||
|
||||
|
||||
> .logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: #fff;
|
||||
color: lighten(@sidebar-dark-bg, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -68,12 +68,21 @@
|
|||
.box-shadow(7px 0 14px rgba(0, 0, 0, .03));
|
||||
}
|
||||
|
||||
.content-wrapper,
|
||||
.main-footer {
|
||||
.content-wrapper, .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
}
|
||||
|
||||
.skin-blue.layout-top-nav .main-header > .logo {
|
||||
.logo-variant(@light-blue);
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
|
||||
&.active {
|
||||
background: @light-blue;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
@sidebar-dark-bg: #4e73df;
|
||||
@sidebar-dark-color: #ccd9ff;
|
||||
@sidebar-dark-submenu-color: #ccd9ff;
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 3%);
|
||||
|
||||
.skin-blue {
|
||||
.main-header {
|
||||
|
|
@ -84,4 +85,30 @@
|
|||
.sidebar-form input[type="text"], .sidebar-form .btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.main-header {
|
||||
.navbar {
|
||||
.navbar-variant(@sidebar-dark-bg; #fff);
|
||||
}
|
||||
|
||||
|
||||
> .logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: #fff;
|
||||
color: lighten(@sidebar-dark-bg, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,12 +64,21 @@
|
|||
.box-shadow(7px 0 14px rgba(0, 0, 0, .03));
|
||||
}
|
||||
|
||||
.content-wrapper,
|
||||
.main-footer {
|
||||
.content-wrapper, .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
#firstnav {
|
||||
box-shadow: none;
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
|
||||
&.active {
|
||||
background: @green;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,4 +64,17 @@
|
|||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(@green);
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @green;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,8 +64,22 @@
|
|||
.box-shadow(7px 0 14px rgba(0, 0, 0, .03));
|
||||
}
|
||||
|
||||
.content-wrapper,
|
||||
.main-footer {
|
||||
.content-wrapper, .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
|
||||
&.active {
|
||||
background: @purple;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@
|
|||
@sidebar-dark-bg: @purple;
|
||||
@sidebar-dark-color: #c8c5ff;
|
||||
@sidebar-dark-submenu-color: #c8c5ff;
|
||||
@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 3%);
|
||||
|
||||
.skin-purple {
|
||||
//Navbar
|
||||
|
|
@ -73,4 +74,30 @@
|
|||
.sidebar-form input[type="text"], .sidebar-form .btn {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.main-header {
|
||||
.navbar {
|
||||
.navbar-variant(@sidebar-dark-bg; #fff);
|
||||
}
|
||||
|
||||
|
||||
> .logo {
|
||||
.logo-variant(@sidebar-dark-bg; #fff);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: #fff;
|
||||
color: lighten(@sidebar-dark-bg, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -64,8 +64,21 @@
|
|||
.box-shadow(7px 0 14px rgba(0, 0, 0, .03));
|
||||
}
|
||||
|
||||
.content-wrapper,
|
||||
.main-footer {
|
||||
.content-wrapper, .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
|
||||
&.active {
|
||||
background: @red;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -63,4 +63,18 @@
|
|||
|
||||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(@red);
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @red;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,8 +64,22 @@
|
|||
.box-shadow(7px 0 14px rgba(0, 0, 0, .03));
|
||||
}
|
||||
|
||||
.content-wrapper,
|
||||
.main-footer {
|
||||
.content-wrapper, .main-footer {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: #eceff3;
|
||||
color: #757575;
|
||||
|
||||
&.active {
|
||||
background: @yellow;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -63,4 +63,18 @@
|
|||
|
||||
//Create the sidebar skin
|
||||
.skin-dark-sidebar(@yellow);
|
||||
|
||||
&.multiplenav {
|
||||
@media (max-width: @screen-header-collapse) {
|
||||
.sidebar .mobilenav a.btn-app {
|
||||
background: lighten(@sidebar-dark-bg, 10%);
|
||||
color: #fff;
|
||||
|
||||
&.active {
|
||||
background: @yellow;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue