何书鹏 / recruit · 提交

转到一个项目

作者 Karson
提交 29976027fc7d8ccaf68e858ac19cd6efd32e28b0 1 个父辈 b7964f7a

优化后台皮肤

内嵌 并排对比
正在显示 35 个修改的文件 包含 1485 行增加 和 1148 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 35 of 35+ 个文件。

... ... @@ -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">
... ...
@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;
... ...
... ... @@ -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%;
}
... ...
... ... @@ -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: #a19fcb;
background: #57539c;
... ... @@ -100,8 +103,7 @@
border-left-color: #fff;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-blue .sidebar a {
color: #c8c5ff;
... ... @@ -172,6 +174,47 @@
.skin-blue .sidebar-form .btn {
color: #fff;
}
@media (max-width: 767px) {
.skin-blue.multiplenav .main-header .navbar {
background-color: #605ca8;
}
.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: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-blue.multiplenav .main-header > .logo:hover {
background-color: #5d59a6;
}
.skin-blue.multiplenav .sidebar .mobilenav a.btn-app {
background: #807dba;
color: #fff;
}
.skin-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #fff;
color: #807dba;
}
}
/*
* Skin: Blue
* ----------
... ... @@ -254,19 +297,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;
}
... ... @@ -336,13 +376,15 @@
.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;
}
}
/*
* Skin: Black
... ... @@ -435,6 +477,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: #a19fcb;
background: #57539c;
... ... @@ -449,8 +494,7 @@
border-left-color: #fff;
}
.skin-black .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-black .sidebar a {
color: #c8c5ff;
... ... @@ -507,6 +551,47 @@
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
.skin-black.multiplenav .main-header .navbar {
background-color: #605ca8;
}
.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: #605ca8;
color: #fff;
border-bottom: 0 solid transparent;
}
.skin-black.multiplenav .main-header > .logo:hover {
background-color: #5d59a6;
}
.skin-black.multiplenav .sidebar .mobilenav a.btn-app {
background: #807dba;
color: #fff;
}
.skin-black.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #fff;
color: #807dba;
}
}
/*
* Skin: Black light
* -----------
... ... @@ -607,18 +692,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;
... ... @@ -686,6 +768,16 @@
.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;
}
}
/*
* Skin: Green
* -----------
... ... @@ -767,6 +859,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: #a19fcb;
background: #57539c;
... ... @@ -781,8 +876,7 @@
border-left-color: #18bc9c;
}
.skin-green .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-green .sidebar a {
color: #c8c5ff;
... ... @@ -839,6 +933,16 @@
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
.skin-green.multiplenav .sidebar .mobilenav a.btn-app {
background: #807dba;
color: #fff;
}
.skin-green.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #18bc9c;
color: #fff;
}
}
/*
* Skin: Green
* -----------
... ... @@ -924,19 +1028,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;
}
... ... @@ -1003,8 +1104,15 @@
.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;
}
}
/*
* Skin: Red
... ... @@ -1087,6 +1195,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: #a19fcb;
background: #57539c;
... ... @@ -1101,8 +1212,7 @@
border-left-color: #e74c3c;
}
.skin-red .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-red .sidebar a {
color: #c8c5ff;
... ... @@ -1159,6 +1269,16 @@
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
.skin-red.multiplenav .sidebar .mobilenav a.btn-app {
background: #807dba;
color: #fff;
}
.skin-red.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #e74c3c;
color: #fff;
}
}
/*
* Skin: Red
* ---------
... ... @@ -1244,19 +1364,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;
}
... ... @@ -1323,6 +1440,16 @@
.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;
}
}
/*
* Skin: Yellow
* ------------
... ... @@ -1404,6 +1531,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: #a19fcb;
background: #57539c;
... ... @@ -1418,8 +1548,7 @@
border-left-color: #f39c12;
}
.skin-yellow .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-yellow .sidebar a {
color: #c8c5ff;
... ... @@ -1476,6 +1605,16 @@
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
.skin-yellow.multiplenav .sidebar .mobilenav a.btn-app {
background: #807dba;
color: #fff;
}
.skin-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f39c12;
color: #fff;
}
}
/*
* Skin: Yellow light
* ------------
... ... @@ -1561,19 +1700,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;
}
... ... @@ -1640,6 +1776,16 @@
.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;
}
}
/*
* Skin: Purple
* ------------
... ... @@ -1718,6 +1864,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;
... ... @@ -1732,8 +1881,7 @@
border-left-color: #fff;
}
.skin-purple .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-purple .sidebar a {
color: #c8c5ff;
... ... @@ -1804,6 +1952,47 @@
.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;
}
}
/*
* Skin: Purple
* ------------
... ... @@ -1889,19 +2078,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;
}
... ... @@ -1968,6 +2154,16 @@
.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;
}
}
/*
* Skin: Black blue
* -----------
... ... @@ -1977,13 +2173,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;
}
... ... @@ -1998,28 +2187,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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-blue .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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: #555299;
}
.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: #605ca8;
color: #fff;
... ... @@ -2031,17 +2240,17 @@
}
@media (max-width: 767px) {
.skin-black-blue .main-header .logo {
background-color: #fff;
color: #333;
background-color: #555299;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-blue .main-header .logo:hover {
background-color: #fcfcfc;
background-color: #545096;
}
}
.skin-black-blue .main-header li.user-header {
background-color: #222;
background-color: #605ca8;
}
.skin-black-blue .main-header .nav-addtabs > li > a,
.skin-black-blue .main-header .nav-addtabs > li.active > a {
... ... @@ -2060,6 +2269,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: #a19fcb;
background: #57539c;
... ... @@ -2074,8 +2286,7 @@
border-left-color: #fff;
}
.skin-black-blue .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-black-blue .sidebar a {
color: #c8c5ff;
... ... @@ -2132,10 +2343,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: #f5549f;
}
.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: #f5549f;
... ... @@ -2144,24 +2360,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: #f5549f;
}
.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: #f5549f;
}
.skin-black-blue .sidebar-menu .treeview-menu {
padding-left: 0;
}
... ... @@ -2175,10 +2377,6 @@
background: transparent;
border-left-color: transparent;
}
.skin-black-blue .sidebar-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-blue.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-blue.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
... ... @@ -2188,6 +2386,20 @@
color: #fff;
background: #f5549f;
}
.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: #807dba;
color: #fff;
}
.skin-black-blue.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f5549f;
color: #fff;
}
}
/*
* Skin: Black purple
* -----------
... ... @@ -2197,13 +2409,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;
}
... ... @@ -2218,28 +2423,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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-purple .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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: #555299;
}
.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: #605ca8;
color: #fff;
... ... @@ -2251,17 +2476,17 @@
}
@media (max-width: 767px) {
.skin-black-purple .main-header .logo {
background-color: #fff;
color: #333;
background-color: #555299;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-purple .main-header .logo:hover {
background-color: #fcfcfc;
background-color: #545096;
}
}
.skin-black-purple .main-header li.user-header {
background-color: #222;
background-color: #605ca8;
}
.skin-black-purple .main-header .nav-addtabs > li > a,
.skin-black-purple .main-header .nav-addtabs > li.active > a {
... ... @@ -2280,6 +2505,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: #a19fcb;
background: #57539c;
... ... @@ -2294,8 +2522,7 @@
border-left-color: #fff;
}
.skin-black-purple .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-black-purple .sidebar a {
color: #c8c5ff;
... ... @@ -2352,10 +2579,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: #f5549f;
}
.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: #f5549f;
... ... @@ -2364,24 +2596,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: #f5549f;
}
.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: #f5549f;
}
.skin-black-purple .sidebar-menu .treeview-menu {
padding-left: 0;
}
... ... @@ -2395,10 +2613,6 @@
background: transparent;
border-left-color: transparent;
}
.skin-black-purple .sidebar-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-purple.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-purple.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
... ... @@ -2408,6 +2622,20 @@
color: #fff;
background: #f5549f;
}
.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: #807dba;
color: #fff;
}
.skin-black-purple.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f5549f;
color: #fff;
}
}
/*
* Skin: Black green
* -----------
... ... @@ -2417,13 +2645,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-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;
}
... ... @@ -2438,28 +2659,48 @@
.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;
color: #333;
}
.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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-green .main-header .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
border-right: none;
}
.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;
}
@media (max-width: 767px) {
.skin-black-green .main-header .navbar {
background-color: #555299;
}
.skin-black-green .main-header .navbar .nav > li > a {
color: #fff;
}
.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.1);
color: #f6f6f6;
}
.skin-black-green .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-black-green .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
}
.skin-black-green .main-header .logo {
background-color: #605ca8;
color: #fff;
... ... @@ -2471,17 +2712,17 @@
}
@media (max-width: 767px) {
.skin-black-green .main-header .logo {
background-color: #fff;
color: #333;
background-color: #555299;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-green .main-header .logo:hover {
background-color: #fcfcfc;
background-color: #545096;
}
}
.skin-black-green .main-header li.user-header {
background-color: #222;
background-color: #605ca8;
}
.skin-black-green .main-header .nav-addtabs > li > a,
.skin-black-green .main-header .nav-addtabs > li.active > a {
... ... @@ -2500,6 +2741,9 @@
.skin-black-green .user-panel > .info > a {
color: #fff;
}
.skin-black-green .sidebar-menu .treeview-menu {
padding-left: 3px;
}
.skin-black-green .sidebar-menu > li.header {
color: #a19fcb;
background: #57539c;
... ... @@ -2514,8 +2758,7 @@
border-left-color: #fff;
}
.skin-black-green .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-black-green .sidebar a {
color: #c8c5ff;
... ... @@ -2572,10 +2815,15 @@
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-black-green .treeview-menu > li > a {
padding-left: 18px;
}
.skin-black-green .treeview-menu > li.active > a {
background-color: #f5549f;
}
.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: #f5549f;
... ... @@ -2584,24 +2832,10 @@
.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: #f5549f;
}
.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: #f5549f;
}
.skin-black-green .sidebar-menu .treeview-menu {
padding-left: 0;
}
... ... @@ -2615,10 +2849,6 @@
background: transparent;
border-left-color: transparent;
}
.skin-black-green .sidebar-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-green.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-green.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
... ... @@ -2628,6 +2858,20 @@
color: #fff;
background: #f5549f;
}
.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
background: transparent;
border-left-color: transparent;
}
@media (max-width: 767px) {
.skin-black-green.multiplenav .sidebar .mobilenav a.btn-app {
background: #807dba;
color: #fff;
}
.skin-black-green.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f5549f;
color: #fff;
}
}
/*
* Skin: Black red
* -----------
... ... @@ -2637,13 +2881,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;
}
... ... @@ -2658,28 +2895,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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-red .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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: #555299;
}
.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: #605ca8;
color: #fff;
... ... @@ -2691,17 +2948,17 @@
}
@media (max-width: 767px) {
.skin-black-red .main-header .logo {
background-color: #fff;
color: #333;
background-color: #555299;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-red .main-header .logo:hover {
background-color: #fcfcfc;
background-color: #545096;
}
}
.skin-black-red .main-header li.user-header {
background-color: #222;
background-color: #605ca8;
}
.skin-black-red .main-header .nav-addtabs > li > a,
.skin-black-red .main-header .nav-addtabs > li.active > a {
... ... @@ -2720,6 +2977,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: #a19fcb;
background: #57539c;
... ... @@ -2734,8 +2994,7 @@
border-left-color: #fff;
}
.skin-black-red .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-black-red .sidebar a {
color: #c8c5ff;
... ... @@ -2792,10 +3051,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: #f5549f;
}
.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: #f5549f;
... ... @@ -2804,24 +3068,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: #f5549f;
}
.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: #f5549f;
}
.skin-black-red .sidebar-menu .treeview-menu {
padding-left: 0;
}
... ... @@ -2835,10 +3085,6 @@
background: transparent;
border-left-color: transparent;
}
.skin-black-red .sidebar-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-red.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-red.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
... ... @@ -2848,6 +3094,20 @@
color: #fff;
background: #f5549f;
}
.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: #807dba;
color: #fff;
}
.skin-black-red.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f5549f;
color: #fff;
}
}
/*
* Skin: Black yellow
* -----------
... ... @@ -2857,13 +3117,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;
}
... ... @@ -2878,28 +3131,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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-yellow .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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: #555299;
}
.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: #605ca8;
color: #fff;
... ... @@ -2911,17 +3184,17 @@
}
@media (max-width: 767px) {
.skin-black-yellow .main-header .logo {
background-color: #fff;
color: #333;
background-color: #555299;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-yellow .main-header .logo:hover {
background-color: #fcfcfc;
background-color: #545096;
}
}
.skin-black-yellow .main-header li.user-header {
background-color: #222;
background-color: #605ca8;
}
.skin-black-yellow .main-header .nav-addtabs > li > a,
.skin-black-yellow .main-header .nav-addtabs > li.active > a {
... ... @@ -2940,6 +3213,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: #a19fcb;
background: #57539c;
... ... @@ -2954,8 +3230,7 @@
border-left-color: #fff;
}
.skin-black-yellow .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-black-yellow .sidebar a {
color: #c8c5ff;
... ... @@ -3012,10 +3287,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: #f5549f;
}
.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: #f5549f;
... ... @@ -3024,24 +3304,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: #f5549f;
}
.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: #f5549f;
}
.skin-black-yellow .sidebar-menu .treeview-menu {
padding-left: 0;
}
... ... @@ -3055,10 +3321,6 @@
background: transparent;
border-left-color: transparent;
}
.skin-black-yellow .sidebar-menu .treeview-menu li.treeview > a:hover {
color: #fff;
background: #f5549f;
}
.skin-black-yellow.sidebar-collapse .sidebar-menu li:hover > a,
.skin-black-yellow.sidebar-collapse .sidebar-menu li.active > a {
color: #fff;
... ... @@ -3068,6 +3330,20 @@
color: #fff;
background: #f5549f;
}
.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: #807dba;
color: #fff;
}
.skin-black-yellow.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f5549f;
color: #fff;
}
}
/*
* Skin: Black pink
* -----------
... ... @@ -3077,13 +3353,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;
}
... ... @@ -3098,28 +3367,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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-pink .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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: #555299;
}
.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: #605ca8;
color: #fff;
... ... @@ -3131,17 +3420,17 @@
}
@media (max-width: 767px) {
.skin-black-pink .main-header .logo {
background-color: #fff;
color: #333;
background-color: #555299;
color: #fff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-pink .main-header .logo:hover {
background-color: #fcfcfc;
background-color: #545096;
}
}
.skin-black-pink .main-header li.user-header {
background-color: #222;
background-color: #605ca8;
}
.skin-black-pink .main-header .nav-addtabs > li > a,
.skin-black-pink .main-header .nav-addtabs > li.active > a {
... ... @@ -3160,6 +3449,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: #a19fcb;
background: #57539c;
... ... @@ -3174,8 +3466,7 @@
border-left-color: #fff;
}
.skin-black-pink .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #706db1;
background: #555299;
}
.skin-black-pink .sidebar a {
color: #c8c5ff;
... ... @@ -3232,10 +3523,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;
... ... @@ -3244,24 +3540,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;
}
... ... @@ -3275,10 +3557,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;
... ... @@ -3288,4 +3566,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: #807dba;
color: #fff;
}
.skin-black-pink.multiplenav .sidebar .mobilenav a.btn-app.active {
background: #f5549f;
color: #fff;
}
}
/*# sourceMappingURL=_all-skins.css.map */
\ No newline at end of file
... ...
... ... @@ -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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-blue .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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 */
\ No newline at end of file
... ...
/*
* 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 */
\ No newline at end of file
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-pink .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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 */
\ No newline at end of file
... ...
... ... @@ -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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-purple .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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 */
\ No newline at end of file
... ...
... ... @@ -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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-red .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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 */
\ No newline at end of file
... ...
... ... @@ -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;
background: rgba(0, 0, 0, 0.02);
}
.skin-black-yellow .main-header .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
background: rgba(0, 0, 0, 0.02);
}
.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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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 */
\ No newline at end of file
... ...
... ... @@ -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,121 +8,97 @@
@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 {
li.treeview > a {
background: transparent;
border-left-color: transparent;
> a {
border-left: 3px solid transparent;
}
&:hover {
&.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;
}
.treeview-menu {
padding-left: 0;
... ... @@ -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,62 +57,48 @@
}
//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 {
li.treeview > a {
background: transparent;
border-left-color: transparent;
> a {
border-left: 3px solid transparent;
}
&:hover {
&.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;
}
.treeview-menu {
padding-left: 0;
... ... @@ -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,62 +57,48 @@
}
//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 {
li.treeview > a {
background: transparent;
border-left-color: transparent;
> a {
border-left: 3px solid transparent;
}
&:hover {
&.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;
}
.treeview-menu {
padding-left: 0;
... ... @@ -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,121 +8,97 @@
@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 {
li.treeview > a {
background: transparent;
border-left-color: transparent;
> a {
border-left: 3px solid transparent;
}
&:hover {
&.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;
}
.treeview-menu {
padding-left: 0;
... ... @@ -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,62 +57,48 @@
}
//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 {
li.treeview > a {
background: transparent;
border-left-color: transparent;
> a {
border-left: 3px solid transparent;
}
&:hover {
&.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;
}
.treeview-menu {
padding-left: 0;
... ... @@ -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,62 +57,48 @@
}
//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 {
li.treeview > a {
background: transparent;
border-left-color: transparent;
> a {
border-left: 3px solid transparent;
}
&:hover {
&.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;
}
.treeview-menu {
padding-left: 0;
... ... @@ -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;
}
}
}
}
}
... ...