Updated skins

build/less/dropdown.less

@@ -256,7 +256,8 @@
   }
 }
 
-/* Add fade animation to dropdown menus */
+/* Add fade animation to dropdown menus by appending
+ the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
 .open:not(.dropup) > .animated-dropdown-menu {
   backface-visibility: visible !important;
   .animation(flipInX .7s both);

build/less/mixins.less

@@ -33,10 +33,10 @@
 }
 
 //Logo color variation
-.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent) {
+.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0px) {
   background-color: @bg-color;
   color: @color;
-  border-bottom: 1px solid @border-bottom-color;
+  border-bottom: @border-bottom-width solid @border-bottom-color;
   > a {
     color: @color;
   }

build/less/skins/skin-black.less

@@ -2,7 +2,6 @@
  * Skin: Black
  * -----------
  */
-
 @import "../../bootstrap-less/mixins.less";
 @import "../../bootstrap-less/variables.less";
 @import "../variables.less";
@@ -12,49 +11,46 @@
 .skin-black {
   //Navbar & Logo 
   .main-header {
-    border-bottom: 1px solid #eee;
+    .box-shadow(0px 1px 1px rgba(0, 0, 0, 0.0));
+    border-bottom: 1px solid #ddd;
     .navbar-toggle {
       color: #333;
     }
     .navbar-brand {
       color: #333;
-      border-right: 1px solid #eee;
+      border-right: 1px solid #ddd;
     }
     > .navbar {
-      .navbar-variant(#fff; #333; #999; #fff);    
-      //border-bottom: 1px solid #eee;
+      .navbar-variant(#fff; #333; #999; #fff);
+      //border-bottom: 1px solid #ddd;
       > .sidebar-toggle {
         color: #333;
-        border-right: 1px solid #eee;
+        border-right: 1px solid #ddd;
       }
       .navbar-nav {
         > li > a {
-          border-right: 1px solid #eee; 
+          border-right: 1px solid #ddd;
         }
       }
       .navbar-custom-menu .navbar-nav,
       .navbar-right {
         > li {
           > a {
-            border-left: 1px solid #eee;
+            border-left: 1px solid #ddd;
             border-right-width: 0;
           }
         }
-      }           
+      }
     }
     > .logo {
       .logo-variant(#fff; #333);
-      border-right: 1px solid #eee;
+      border-right: 1px solid #ddd;
       @media (max-width: @screen-header-collapse) {
         .logo-variant(#222; #fff);
-        border-right: none;        
+        border-right: none;
       }
     }
-    > .logo,
-    > .navbar {
-      .box-shadow(2px 1px 2px rgba(0,0,0,0.1));
-    }
-    
+
     li.user-header {
       background-color: #222;
     }
@@ -86,7 +82,7 @@
   .sidebar > .sidebar-menu > li {
     &.header {
       background: darken(#222, 2%);
-      color: rgba(255,255,255,.4);
+      color: rgba(255, 255, 255, .4);
     }
     > a {
       margin-right: 1px;
@@ -94,7 +90,7 @@
     }
     //Hover and active states
     > a:hover,
-      &.active > a {
+    &.active > a {
       color: #fff;
       background: #444;
       border-left-color: #fff;
@@ -103,7 +99,7 @@
     > .treeview-menu {
       background: #333;
     }
-  }		
+  }
 
   .sidebar a {
     color: #eee;
@@ -136,9 +132,9 @@
       height: 35px;
       .transition(all @transition-speed @transition-fn);
     }
-    input[type="text"]{
+    input[type="text"] {
       color: #666;
-      .border-radius(2px, 0, 2px, 0)!important;      
+      .border-radius(2px, 0, 2px, 0) !important;
       &:focus, &:focus + .input-group-btn .btn {
         background-color: #fff;
         color: #666;
@@ -149,7 +145,7 @@
     }
     .btn {
       color: #999;
-      .border-radius(0, 2px, 0, 2px)!important;
+      .border-radius(0, 2px, 0, 2px) !important;
     }
   }
 }

dist/css/AdminLTE.css

@@ -809,7 +809,8 @@ a:focus {
     line-height: 10px;
   }
 }
-/* Add fade animation to dropdown menus */
+/* Add fade animation to dropdown menus by appending
+ the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
 .open:not(.dropup) > .animated-dropdown-menu {
   backface-visibility: visible !important;
   -webkit-animation: flipInX 0.7s both;

dist/css/skins/_all-skins.css

@@ -47,7 +47,7 @@
 .skin-blue .main-header .logo {
   background-color: #367fa9;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-blue .main-header .logo > a {
   color: #ffffff;
@@ -141,7 +141,7 @@
 .skin-blue.layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-blue.layout-top-nav .main-header > .logo > a {
   color: #ffffff;
@@ -155,14 +155,16 @@
  */
 /* skin-black navbar */
 .skin-black .main-header {
-  border-bottom: 1px solid #eee;
+  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
+  border-bottom: 1px solid #ddd;
 }
 .skin-black .main-header .navbar-toggle {
   color: #333;
 }
 .skin-black .main-header .navbar-brand {
   color: #333;
-  border-right: 1px solid #eee;
+  border-right: 1px solid #ddd;
 }
 .skin-black .main-header > .navbar {
   background-color: #ffffff;
@@ -191,21 +193,21 @@
 }
 .skin-black .main-header > .navbar > .sidebar-toggle {
   color: #333;
-  border-right: 1px solid #eee;
+  border-right: 1px solid #ddd;
 }
 .skin-black .main-header > .navbar .navbar-nav > li > a {
-  border-right: 1px solid #eee;
+  border-right: 1px solid #ddd;
 }
 .skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
 .skin-black .main-header > .navbar .navbar-right > li > a {
-  border-left: 1px solid #eee;
+  border-left: 1px solid #ddd;
   border-right-width: 0;
 }
 .skin-black .main-header > .logo {
   background-color: #ffffff;
   color: #333333;
-  border-bottom: 1px solid transparent;
-  border-right: 1px solid #eee;
+  border-bottom: 0px solid transparent;
+  border-right: 1px solid #ddd;
 }
 .skin-black .main-header > .logo > a {
   color: #333333;
@@ -217,7 +219,7 @@
   .skin-black .main-header > .logo {
     background-color: #222222;
     color: #ffffff;
-    border-bottom: 1px solid transparent;
+    border-bottom: 0px solid transparent;
     border-right: none;
   }
   .skin-black .main-header > .logo > a {
@@ -227,11 +229,6 @@
     background: #1f1f1f;
   }
 }
-.skin-black .main-header > .logo,
-.skin-black .main-header > .navbar {
-  -webkit-box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
-  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
-}
 .skin-black .main-header li.user-header {
   background-color: #222;
 }
@@ -367,7 +364,7 @@
 .skin-green .main-header .logo {
   background-color: #008d4c;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-green .main-header .logo > a {
   color: #ffffff;
@@ -507,7 +504,7 @@
 .skin-red .main-header .logo {
   background-color: #d73925;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-red .main-header .logo > a {
   color: #ffffff;
@@ -647,7 +644,7 @@
 .skin-yellow .main-header .logo {
   background-color: #e08e0b;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-yellow .main-header .logo > a {
   color: #ffffff;
@@ -787,7 +784,7 @@
 .skin-purple .main-header .logo {
   background-color: #555299;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-purple .main-header .logo > a {
   color: #ffffff;

dist/css/skins/skin-black.css

@@ -4,14 +4,16 @@
  */
 /* skin-black navbar */
 .skin-black .main-header {
-  border-bottom: 1px solid #eee;
+  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
+  border-bottom: 1px solid #ddd;
 }
 .skin-black .main-header .navbar-toggle {
   color: #333;
 }
 .skin-black .main-header .navbar-brand {
   color: #333;
-  border-right: 1px solid #eee;
+  border-right: 1px solid #ddd;
 }
 .skin-black .main-header > .navbar {
   background-color: #ffffff;
@@ -40,21 +42,21 @@
 }
 .skin-black .main-header > .navbar > .sidebar-toggle {
   color: #333;
-  border-right: 1px solid #eee;
+  border-right: 1px solid #ddd;
 }
 .skin-black .main-header > .navbar .navbar-nav > li > a {
-  border-right: 1px solid #eee;
+  border-right: 1px solid #ddd;
 }
 .skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
 .skin-black .main-header > .navbar .navbar-right > li > a {
-  border-left: 1px solid #eee;
+  border-left: 1px solid #ddd;
   border-right-width: 0;
 }
 .skin-black .main-header > .logo {
   background-color: #ffffff;
   color: #333333;
-  border-bottom: 1px solid transparent;
-  border-right: 1px solid #eee;
+  border-bottom: 0px solid transparent;
+  border-right: 1px solid #ddd;
 }
 .skin-black .main-header > .logo > a {
   color: #333333;
@@ -66,7 +68,7 @@
   .skin-black .main-header > .logo {
     background-color: #222222;
     color: #ffffff;
-    border-bottom: 1px solid transparent;
+    border-bottom: 0px solid transparent;
     border-right: none;
   }
   .skin-black .main-header > .logo > a {
@@ -76,11 +78,6 @@
     background: #1f1f1f;
   }
 }
-.skin-black .main-header > .logo,
-.skin-black .main-header > .navbar {
-  -webkit-box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
-  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
-}
 .skin-black .main-header li.user-header {
   background-color: #222;
 }

dist/css/skins/skin-blue.css

@@ -47,7 +47,7 @@
 .skin-blue .main-header .logo {
   background-color: #367fa9;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-blue .main-header .logo > a {
   color: #ffffff;
@@ -141,7 +141,7 @@
 .skin-blue.layout-top-nav .main-header > .logo {
   background-color: #3c8dbc;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-blue.layout-top-nav .main-header > .logo > a {
   color: #ffffff;

dist/css/skins/skin-green.css

@@ -47,7 +47,7 @@
 .skin-green .main-header .logo {
   background-color: #008d4c;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-green .main-header .logo > a {
   color: #ffffff;

dist/css/skins/skin-purple.css

@@ -47,7 +47,7 @@
 .skin-purple .main-header .logo {
   background-color: #555299;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-purple .main-header .logo > a {
   color: #ffffff;

dist/css/skins/skin-red.css

@@ -47,7 +47,7 @@
 .skin-red .main-header .logo {
   background-color: #d73925;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-red .main-header .logo > a {
   color: #ffffff;

dist/css/skins/skin-yellow.css

@@ -47,7 +47,7 @@
 .skin-yellow .main-header .logo {
   background-color: #e08e0b;
   color: #ffffff;
-  border-bottom: 1px solid transparent;
+  border-bottom: 0px solid transparent;
 }
 .skin-yellow .main-header .logo > a {
   color: #ffffff;