Home Explore
原型工具、Api管理、Bug管理等 更多工具
 团队协作  快速原型  自动标注  Bug管理  Api管理
Sign In
zhuliang
/
FastAdmin
mirror of https://gitee.com/karson/fastadmin.git
Watch 1
Star 0
Fork 0
Files Issues 0 Wiki
Browse Source

优化后台皮肤

Karson 4 years ago
parent
b7964f7aa9
commit
29976027fc
46 changed files with 1681 additions and 1164 deletions
Split View Show Diff Stats
  1. 1 1
      application/admin/library/Auth.php
  2. 1 1
      application/admin/view/index/index.html
  3. 19 9
      public/assets/css/backend.css
  4. 1 1
      public/assets/css/backend.min.css
  5. 0 6
      public/assets/css/fastadmin.css
  6. 578 286
      public/assets/css/skins/_all-skins.css
  7. 57 41
      public/assets/css/skins/skin-black-blue.css
  8. 0 221
      public/assets/css/skins/skin-black-green.css
  9. 12 5
      public/assets/css/skins/skin-black-light.css
  10. 57 41
      public/assets/css/skins/skin-black-pink.css
  11. 57 41
      public/assets/css/skins/skin-black-purple.css
  12. 57 41
      public/assets/css/skins/skin-black-red.css
  13. 57 41
      public/assets/css/skins/skin-black-yellow.css
  14. 46 3
      public/assets/css/skins/skin-black.css
  15. 10 11
      public/assets/css/skins/skin-blue-light.css
  16. 45 2
      public/assets/css/skins/skin-blue.css
  17. 10 6
      public/assets/css/skins/skin-green-light.css
  18. 13 1
      public/assets/css/skins/skin-green.css
  19. 11 4
      public/assets/css/skins/skin-purple-light.css
  20. 45 2
      public/assets/css/skins/skin-purple.css
  21. 11 4
      public/assets/css/skins/skin-red-light.css
  22. 13 1
      public/assets/css/skins/skin-red.css
  23. 11 4
      public/assets/css/skins/skin-yellow-light.css
  24. 13 1
      public/assets/css/skins/skin-yellow.css
  25. 26 19
      public/assets/js/backend/index.js
  26. 25 11
      public/assets/less/backend.less
  27. 3 3
      public/assets/less/fastadmin/core.less
  28. 7 3
      public/assets/less/fastadmin/mixins.less
  29. 48 56
      public/assets/less/skins/skin-black-blue.less
  30. 47 56
      public/assets/less/skins/skin-black-green.less
  31. 16 3
      public/assets/less/skins/skin-black-light.less
  32. 47 56
      public/assets/less/skins/skin-black-pink.less
  33. 48 56
      public/assets/less/skins/skin-black-purple.less
  34. 47 56
      public/assets/less/skins/skin-black-red.less
  35. 47 56
      public/assets/less/skins/skin-black-yellow.less
  36. 26 0
      public/assets/less/skins/skin-black.less
  37. 14 5
      public/assets/less/skins/skin-blue-light.less
  38. 27 0
      public/assets/less/skins/skin-blue.less
  39. 13 4
      public/assets/less/skins/skin-green-light.less
  40. 13 0
      public/assets/less/skins/skin-green.less
  41. 16 2
      public/assets/less/skins/skin-purple-light.less
  42. 27 0
      public/assets/less/skins/skin-purple.less
  43. 15 2
      public/assets/less/skins/skin-red-light.less
  44. 14 0
      public/assets/less/skins/skin-red.less
  45. 16 2
      public/assets/less/skins/skin-yellow-light.less
  46. 14 0
      public/assets/less/skins/skin-yellow.less

+ 1 - 1
application/admin/library/Auth.php
View File 

@@ -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>';

+ 1 - 1
application/admin/view/index/index.html
View File 

@@ -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">

+ 19 - 9
public/assets/css/backend.css
View File 

@@ -1,6 +1,6 @@
 
 @import url("../css/bootstrap.css");
 
 @import url("../css/fastadmin.css");
 
-@import url("../css/skins/skin-green.css");
 
+@import url("../css/skins/skin-black-green.css");
 
 @import url("../css/iconfont.css");
 
 @import url("../libs/font-awesome/css/font-awesome.min.css");
 
 @import url("../libs/toastr/toastr.min.css");
 
@@ -486,6 +486,16 @@ form.form-horizontal .control-label {
 
 .multiplenav #firstnav .nav-addtabs {
 
   padding-right: 450px;
 
 }
 
+@media (max-width: 767px) {
 
+  .multipletab .fixed .content-wrapper,
 
+  .multipletab .fixed .right-side {
 
+    padding-top: 94px;
 
+  }
 
+  .multipletab .content-wrapper,
 
+  .multipletab .right-side {
 
+    padding-top: 94px;
 
+  }
 
+}
 
 .multipletab #secondnav {
 
   display: block;
 
 }
 
@@ -493,6 +503,9 @@ form.form-horizontal .control-label {
 
 .multipletab.multiplenav .right-side {
 
   padding-top: 94px;
 
 }
 
+.multipletab.multiplenav #firstnav .nav-tabs {
 
+  overflow: hidden;
 
+}
 
 .main-sidebar .sidebar-form {
 
   overflow: visible;
 
 }
 
@@ -958,14 +971,6 @@ table.table-nowrap thead > tr > th {
 
   .fixed .right-side {
 
     padding-top: 50px;
 
   }
 
-  .multiplenav .fixed .content-wrapper,
 
-  .multiplenav .fixed .right-side {
 
-    padding-top: 94px;
 
-  }
 
-  .multiplenav .content-wrapper,
 
-  .multiplenav .right-side {
 
-    padding-top: 94px;
 
-  }
 
   .main-sidebar,
 
   .left-side {
 
     padding-top: 144px;
 
@@ -987,6 +992,8 @@ table.table-nowrap thead > tr > th {
 
     width: 100px;
 
     height: 70px;
 
     font-size: 13px;
 
+    border: none;
 
+    background: #fff;
 
   }
 
   .sidebar .mobilenav a.btn-app i.fa {
 
     font-size: 24px;
 
@@ -1015,6 +1022,9 @@ table.table-nowrap thead > tr > th {
 
   .left-side {
 
     padding-top: 50px;
 
   }
 
+  .multiplenav .main-sidebar {
 
+    padding-top: 95px;
 
+  }
 
   .n-bootstrap .n-right {
 
     margin-top: 0;
 
     top: -20px;

File diff suppressed because it is too large
+ 1 - 1
public/assets/css/backend.min.css


+ 0 - 6
public/assets/css/fastadmin.css
View File 

@@ -127,12 +127,6 @@ body {
 
 .fixed .right-side {
 
   padding-top: 50px;
 
 }
 
-@media (max-width: 767px) {
 
-  .fixed .content-wrapper,
 
-  .fixed .right-side {
 
-    padding-top: 100px;
 
-  }
 
-}
 
 .fixed.layout-boxed .wrapper {
 
   max-width: 100%;
 
 }

File diff suppressed because it is too large
+ 578 - 286
public/assets/css/skins/_all-skins.css


+ 57 - 41
public/assets/css/skins/skin-black-blue.css
View 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 */

+ 0 - 221
public/assets/css/skins/skin-black-green.css
View File 

@@ -1,221 +0,0 @@
 
-/*
 
- * Skin: Black green
 
- * -----------
 
- */
 
-.skin-black-green .main-header {
 
-  background: #222d32;
 
-  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 
-}
 
-.skin-black-green .main-header .navbar-toggle {
 
-  color: #333;
 
-}
 
-.skin-black-green .main-header .navbar-brand {
 
-  color: #333;
 
-  border-right: 1px solid #eee;
 
-}
 
-.skin-black-green .main-header .navbar {
 
-  background-color: #fff;
 
-}
 
-.skin-black-green .main-header .navbar .nav > li > a {
 
-  color: #666;
 
-}
 
-.skin-black-green .main-header .navbar .nav > li > a:hover,
 
-.skin-black-green .main-header .navbar .nav > li > a:active,
 
-.skin-black-green .main-header .navbar .nav > li > a:focus,
 
-.skin-black-green .main-header .navbar .nav .open > a,
 
-.skin-black-green .main-header .navbar .nav .open > a:hover,
 
-.skin-black-green .main-header .navbar .nav .open > a:focus,
 
-.skin-black-green .main-header .navbar .nav > .active > a {
 
-  background: rgba(0, 0, 0, 0.02);
 
-  color: #444;
 
-}
 
-.skin-black-green .main-header .navbar .sidebar-toggle {
 
-  color: #666;
 
-}
 
-.skin-black-green .main-header .navbar .sidebar-toggle:hover {
 
-  color: #444;
 
-  background: rgba(0, 0, 0, 0.02);
 
-}
 
-.skin-black-green .main-header .navbar > .sidebar-toggle {
 
-  color: #333;
 
-  border-right: 1px solid #eee;
 
-}
 
-.skin-black-green .main-header .navbar .navbar-nav > li > a {
 
-  border-right: 1px solid #eee;
 
-}
 
-.skin-black-green .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
 
-.skin-black-green .main-header .navbar .navbar-right > li > a {
 
-  border-left: 1px solid #eee;
 
-  border-left: none;
 
-  border-right-width: 0;
 
-}
 
-.skin-black-green .main-header .logo {
 
-  background-color: #222d32;
 
-  color: #fff;
 
-  border-bottom: 0 solid transparent;
 
-  border-right: 1px solid #222d32;
 
-}
 
-.skin-black-green .main-header .logo:hover {
 
-  background-color: #202a2f;
 
-}
 
-@media (max-width: 767px) {
 
-  .skin-black-green .main-header .logo {
 
-    background-color: #fff;
 
-    color: #333;
 
-    border-bottom: 0 solid transparent;
 
-    border-right: none;
 
-  }
 
-  .skin-black-green .main-header .logo:hover {
 
-    background-color: #fcfcfc;
 
-  }
 
-}
 
-.skin-black-green .main-header li.user-header {
 
-  background-color: #222;
 
-}
 
-.skin-black-green .main-header .nav-addtabs > li > a,
 
-.skin-black-green .main-header .nav-addtabs > li.active > a {
 
-  border-right-color: transparent;
 
-}
 
-.skin-black-green .content-header {
 
-  background: transparent;
 
-  box-shadow: none;
 
-}
 
-.skin-black-green .wrapper,
 
-.skin-black-green .main-sidebar,
 
-.skin-black-green .left-side {
 
-  background-color: #222d32;
 
-}
 
-.skin-black-green .user-panel > .info,
 
-.skin-black-green .user-panel > .info > a {
 
-  color: #fff;
 
-}
 
-.skin-black-green .sidebar-menu > li.header {
 
-  color: #4b646f;
 
-  background: #1a2226;
 
-}
 
-.skin-black-green .sidebar-menu > li > a {
 
-  border-left: 3px solid transparent;
 
-}
 
-.skin-black-green .sidebar-menu > li:hover > a,
 
-.skin-black-green .sidebar-menu > li.active > a {
 
-  color: #fff;
 
-  background: #1e282c;
 
-  border-left-color: #fff;
 
-}
 
-.skin-black-green .sidebar-menu > li > .treeview-menu {
 
-  margin: 0 1px;
 
-  background: #2c3b41;
 
-}
 
-.skin-black-green .sidebar a {
 
-  color: #b8c7ce;
 
-}
 
-.skin-black-green .sidebar a:hover {
 
-  text-decoration: none;
 
-}
 
-.skin-black-green .treeview-menu > li > a {
 
-  color: #8aa4af;
 
-}
 
-.skin-black-green .treeview-menu > li.active > a,
 
-.skin-black-green .treeview-menu > li > a:hover {
 
-  color: #fff;
 
-}
 
-.skin-black-green .sidebar-form {
 
-  border-radius: 3px;
 
-  border: 1px solid #374850;
 
-  background-color: #374850;
 
-  margin: 10px 10px;
 
-}
 
-.skin-black-green .sidebar-form input[type="text"],
 
-.skin-black-green .sidebar-form .btn {
 
-  box-shadow: none;
 
-  background-color: #374850;
 
-  border: 1px solid transparent;
 
-  height: 35px;
 
-}
 
-.skin-black-green .sidebar-form input[type="text"] {
 
-  color: #666;
 
-  border-top-left-radius: 2px;
 
-  border-top-right-radius: 0;
 
-  border-bottom-right-radius: 0;
 
-  border-bottom-left-radius: 2px;
 
-}
 
-.skin-black-green .sidebar-form input[type="text"]:focus,
 
-.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 
-  background-color: #fff;
 
-  color: #666;
 
-}
 
-.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn {
 
-  background: #fff;
 
-  border-top-left-radius: 0;
 
-  border-top-right-radius: 2px;
 
-  border-bottom-right-radius: 2px;
 
-  border-bottom-left-radius: 0;
 
-}
 
-.skin-black-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
 
-  border-left-color: #fff;
 
-}
 
-.skin-black-green .sidebar-form .btn {
 
-  color: #999;
 
-  border-top-left-radius: 0;
 
-  border-top-right-radius: 2px;
 
-  border-bottom-right-radius: 2px;
 
-  border-bottom-left-radius: 0;
 
-}
 
-.skin-black-green .sidebar-menu > li > a {
 
-  border-left: 3px solid transparent;
 
-}
 
-.skin-black-green .sidebar-menu > li:hover > a,
 
-.skin-black-green .sidebar-menu > li.active > a {
 
-  color: #fff;
 
-  background: #18bc9c;
 
-  border-left-color: #18bc9c;
 
-}
 
-.skin-black-green .sidebar-menu > li:hover > a {
 
-  border-left-color: transparent;
 
-}
 
-.skin-black-green .treeview-menu > li > a {
 
-  padding-left: 18px;
 
-}
 
-.skin-black-green .treeview-menu > li.active > a,
 
-.skin-black-green .treeview-menu > li > a:hover {
 
-  background-color: #18bc9c;
 
-}
 
-.skin-black-green .sidebar-menu > li > .treeview-menu {
 
-  margin: 0;
 
-}
 
-.skin-black-green .sidebar-menu li.treeview > a {
 
-  background: transparent;
 
-  border-left-color: transparent;
 
-}
 
-.skin-black-green .sidebar-menu li.treeview > a:hover {
 
-  color: #fff;
 
-  background: #18bc9c;
 
-}
 
-.skin-black-green .sidebar-menu .treeview-menu {
 
-  padding-left: 0;
 
-}
 
-.skin-black-green .sidebar-menu .treeview-menu .treeview-menu {
 
-  padding-left: 0;
 
-}
 
-.skin-black-green .sidebar-menu .treeview-menu .treeview-menu > li > a {
 
-  padding-left: 30px;
 
-}
 
-.skin-black-green .sidebar-menu .treeview-menu li.treeview > a {
 
-  background: transparent;
 
-  border-left-color: transparent;
 
-}
 
-.skin-black-green .sidebar-menu .treeview-menu li.treeview > a:hover {
 
-  color: #fff;
 
-  background: #18bc9c;
 
-}
 
-.skin-black-green.sidebar-collapse .sidebar-menu li:hover > a,
 
-.skin-black-green.sidebar-collapse .sidebar-menu li.active > a {
 
-  color: #fff;
 
-  background: #18bc9c;
 
-}
 
-.skin-black-green.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
 
-  color: #fff;
 
-  background: #18bc9c;
 
-}
 
-/*# sourceMappingURL=skin-black-green.css.map */

+ 12 - 5
public/assets/css/skins/skin-black-light.css
View 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 */

+ 57 - 41
public/assets/css/skins/skin-black-pink.css
View 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 */

+ 57 - 41
public/assets/css/skins/skin-black-purple.css
View 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 */

+ 57 - 41
public/assets/css/skins/skin-black-red.css
View 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 */

+ 57 - 41
public/assets/css/skins/skin-black-yellow.css
View 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 */

+ 46 - 3
public/assets/css/skins/skin-black.css
View 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 */

+ 10 - 11
public/assets/css/skins/skin-blue-light.css
View 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 */

+ 45 - 2
public/assets/css/skins/skin-blue.css
View 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 */

+ 10 - 6
public/assets/css/skins/skin-green-light.css
View 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 */

+ 13 - 1
public/assets/css/skins/skin-green.css
View 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 */

+ 11 - 4
public/assets/css/skins/skin-purple-light.css
View 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 */

+ 45 - 2
public/assets/css/skins/skin-purple.css
View 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 */

+ 11 - 4
public/assets/css/skins/skin-red-light.css
View 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 */

+ 13 - 1
public/assets/css/skins/skin-red.css
View 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 */

+ 11 - 4
public/assets/css/skins/skin-yellow-light.css
View 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 */

+ 13 - 1
public/assets/css/skins/skin-yellow.css
View 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 */

+ 26 - 19
public/assets/js/backend/index.js
View 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");
 
                     }
 
                 });
 
             }

+ 25 - 11
public/assets/less/backend.less
View File 

@@ -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;

+ 3 - 3
public/assets/less/fastadmin/core.less
View File 

@@ -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 {

+ 7 - 3
public/assets/less/fastadmin/mixins.less
View File 

@@ -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

+ 48 - 56
public/assets/less/skins/skin-black-blue.less
View File 

@@ -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;
 
+                }
 
             }
 
         }
 
     }
 
 }
 
+

+ 47 - 56
public/assets/less/skins/skin-black-green.less
View File 

@@ -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;
 
+                }
 
             }
 
         }
 
     }
 
 }
 
+

+ 16 - 3
public/assets/less/skins/skin-black-light.less
View File 

@@ -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;
 
+                }
 
+            }
 
+        }
 
+    }
 
 }

+ 47 - 56
public/assets/less/skins/skin-black-pink.less
View File 

@@ -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;
 
+                }
 
             }
 
         }
 
     }
 
 }
 
+

+ 48 - 56
public/assets/less/skins/skin-black-purple.less
View File 

@@ -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;
 
+                }
 
             }
 
         }
 
     }
 
 }
 
+

+ 47 - 56
public/assets/less/skins/skin-black-red.less
View File 

@@ -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;
 
+                }
 
             }
 
         }
 
     }
 
 }
 
+

+ 47 - 56
public/assets/less/skins/skin-black-yellow.less
View File 

@@ -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;
 
+                }
 
             }
 
         }
 
     }
 
 }
 
+

+ 26 - 0
public/assets/less/skins/skin-black.less
View File 

@@ -7,6 +7,7 @@
 
 @import "../fastadmin/variables.less";
 
 @import "../fastadmin/mixins.less";
 
 
+@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 3%);
 
 .skin-black {
 
     //Navbar & Logo
 
     .main-header {
 
@@ -73,4 +74,29 @@
 
     //Create the sidebar skin
 
     .skin-dark-sidebar(#fff);
 
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .main-header {
 
+                .navbar {
 
+                    .navbar-variant(@sidebar-dark-bg; #fff);
 
+                }
 
+
 
+
 
+                > .logo {
 
+                    .logo-variant(@sidebar-dark-bg; #fff);
 
+                }
 
+            }
 
+
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: lighten(@sidebar-dark-bg, 10%);
 
+                color: #fff;
 
+
 
+                &.active {
 
+                    background: #fff;
 
+                    color: lighten(@sidebar-dark-bg, 10%);
 
+                }
 
+            }
 
+        }
 
+    }
 
 }
 
+

+ 14 - 5
public/assets/less/skins/skin-blue-light.less
View File 

@@ -68,12 +68,21 @@
 
         .box-shadow(7px 0 14px rgba(0, 0, 0, .03));
 
     }
 
 
-    .content-wrapper,
 
-    .main-footer {
 
+    .content-wrapper, .main-footer {
 
         border-left: none;
 
     }
 
-}
 
 
-.skin-blue.layout-top-nav .main-header > .logo {
 
-    .logo-variant(@light-blue);
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: #eceff3;
 
+                color: #757575;
 
+
 
+                &.active {
 
+                    background: @light-blue;
 
+                    color: #fff;
 
+                }
 
+            }
 
+        }
 
+    }
 
 }

+ 27 - 0
public/assets/less/skins/skin-blue.less
View File 

@@ -11,6 +11,7 @@
 
 @sidebar-dark-bg: #4e73df;
 
 @sidebar-dark-color: #ccd9ff;
 
 @sidebar-dark-submenu-color: #ccd9ff;
 
+@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 3%);
 
 
 .skin-blue {
 
     .main-header {
 
@@ -84,4 +85,30 @@
 
     .sidebar-form input[type="text"], .sidebar-form .btn {
 
         color: #fff;
 
     }
 
+
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .main-header {
 
+                .navbar {
 
+                    .navbar-variant(@sidebar-dark-bg; #fff);
 
+                }
 
+
 
+
 
+                > .logo {
 
+                    .logo-variant(@sidebar-dark-bg; #fff);
 
+                }
 
+            }
 
+
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: lighten(@sidebar-dark-bg, 10%);
 
+                color: #fff;
 
+
 
+                &.active {
 
+                    background: #fff;
 
+                    color: lighten(@sidebar-dark-bg, 10%);
 
+                }
 
+            }
 
+        }
 
+
 
+    }
 
 }

+ 13 - 4
public/assets/less/skins/skin-green-light.less
View File 

@@ -64,12 +64,21 @@
 
         .box-shadow(7px 0 14px rgba(0, 0, 0, .03));
 
     }
 
 
-    .content-wrapper,
 
-    .main-footer {
 
+    .content-wrapper, .main-footer {
 
         border-left: none;
 
     }
 
 
-    #firstnav {
 
-        box-shadow: none;
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: #eceff3;
 
+                color: #757575;
 
+
 
+                &.active {
 
+                    background: @green;
 
+                    color: #fff;
 
+                }
 
+            }
 
+        }
 
     }
 
 }

+ 13 - 0
public/assets/less/skins/skin-green.less
View File 

@@ -64,4 +64,17 @@
 
     //Create the sidebar skin
 
     .skin-dark-sidebar(@green);
 
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: lighten(@sidebar-dark-bg, 10%);
 
+                color: #fff;
 
+
 
+                &.active {
 
+                    background: @green;
 
+                    color: #fff;
 
+                }
 
+            }
 
+        }
 
+    }
 
 }

+ 16 - 2
public/assets/less/skins/skin-purple-light.less
View File 

@@ -64,8 +64,22 @@
 
         .box-shadow(7px 0 14px rgba(0, 0, 0, .03));
 
     }
 
 
-    .content-wrapper,
 
-    .main-footer {
 
+    .content-wrapper, .main-footer {
 
         border-left: none;
 
     }
 
+
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: #eceff3;
 
+                color: #757575;
 
+
 
+                &.active {
 
+                    background: @purple;
 
+                    color: #fff;
 
+                }
 
+            }
 
+        }
 
+    }
 
 }
 
+

+ 27 - 0
public/assets/less/skins/skin-purple.less
View File 

@@ -10,6 +10,7 @@
 
 @sidebar-dark-bg: @purple;
 
 @sidebar-dark-color: #c8c5ff;
 
 @sidebar-dark-submenu-color: #c8c5ff;
 
+@sidebar-dark-submenu-bg: darken(@sidebar-dark-bg, 3%);
 
 
 .skin-purple {
 
     //Navbar
 
@@ -73,4 +74,30 @@
 
     .sidebar-form input[type="text"], .sidebar-form .btn {
 
         color: #fff;
 
     }
 
+
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .main-header {
 
+                .navbar {
 
+                    .navbar-variant(@sidebar-dark-bg; #fff);
 
+                }
 
+
 
+
 
+                > .logo {
 
+                    .logo-variant(@sidebar-dark-bg; #fff);
 
+                }
 
+            }
 
+
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: lighten(@sidebar-dark-bg, 10%);
 
+                color: #fff;
 
+
 
+                &.active {
 
+                    background: #fff;
 
+                    color: lighten(@sidebar-dark-bg, 10%);
 
+                }
 
+            }
 
+        }
 
+    }
 
 }
 
+

+ 15 - 2
public/assets/less/skins/skin-red-light.less
View File 

@@ -64,8 +64,21 @@
 
         .box-shadow(7px 0 14px rgba(0, 0, 0, .03));
 
     }
 
 
-    .content-wrapper,
 
-    .main-footer {
 
+    .content-wrapper, .main-footer {
 
         border-left: none;
 
     }
 
+
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: #eceff3;
 
+                color: #757575;
 
+
 
+                &.active {
 
+                    background: @red;
 
+                    color: #fff;
 
+                }
 
+            }
 
+        }
 
+    }
 
 }

+ 14 - 0
public/assets/less/skins/skin-red.less
View File 

@@ -63,4 +63,18 @@
 
 
     //Create the sidebar skin
 
     .skin-dark-sidebar(@red);
 
+
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: lighten(@sidebar-dark-bg, 10%);
 
+                color: #fff;
 
+
 
+                &.active {
 
+                    background: @red;
 
+                    color: #fff;
 
+                }
 
+            }
 
+        }
 
+    }
 
 }

+ 16 - 2
public/assets/less/skins/skin-yellow-light.less
View File 

@@ -64,8 +64,22 @@
 
         .box-shadow(7px 0 14px rgba(0, 0, 0, .03));
 
     }
 
 
-    .content-wrapper,
 
-    .main-footer {
 
+    .content-wrapper, .main-footer {
 
         border-left: none;
 
     }
 
+
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: #eceff3;
 
+                color: #757575;
 
+
 
+                &.active {
 
+                    background: @yellow;
 
+                    color: #fff;
 
+                }
 
+            }
 
+        }
 
+    }
 
 }
 
+

+ 14 - 0
public/assets/less/skins/skin-yellow.less
View File 

@@ -63,4 +63,18 @@
 
 
     //Create the sidebar skin
 
     .skin-dark-sidebar(@yellow);
 
+
 
+    &.multiplenav {
 
+        @media (max-width: @screen-header-collapse) {
 
+            .sidebar .mobilenav a.btn-app {
 
+                background: lighten(@sidebar-dark-bg, 10%);
 
+                color: #fff;
 
+
 
+                &.active {
 
+                    background: @yellow;
 
+                    color: #fff;
 
+                }
 
+            }
 
+        }
 
+    }
 
 }