menus.less in metro-ui-rails-0.15.8.14

- old
+ new

@@ -1,12 +1,12 @@
 /*
  * Metro UI CSS
- * Copyright 2012 Sergey Pimenov
- * Licensed under the MIT License
+ * (c) 2012-2013 by Sergey Pimenov
+ * Licensed under the MIT License and Commercial
  *
  * Menus.less
- * dropdown-menu, nav-bar
+ *
  */
 
 .dropdown-menu {
     position: absolute;
     background-color: #fff;
@@ -17,10 +17,11 @@
     border: 1px solid rgba(0, 0, 0, 0.2);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     min-width: 160px;
     padding-bottom: 5px;
     padding-top: 5px;
+    padding-left: 0;
     display: none;
 
     &.place-right {
         right: 0;
         left: auto;
@@ -114,24 +115,27 @@
             margin: 0;
 
             & > li {
                 display: block;
                 float: left;
-                margin-right: 10px;
+                margin-right: 5px;
                 position: relative;
-                padding: 5px;
+                padding: 5px 15px 5px 5px;
 
                 a {
                     display: block;
                     float: left;
                     color: @white;
                     font-size: 10pt;
                 }
 
+                //&.active {background: #fff; a {color: #000;}}
+
                 ul.dropdown-menu {
-                //margin-top: 5px;
+                    z-index: 1001;
                     border: 0;
+                    left: 0px;
                     li {
 
                         a {
                             display: block;
                             float: none;
@@ -164,11 +168,11 @@
                     position: absolute;
                     content: "\203A";
                     display: block;
                     font-size: 1.4em;
                     left: 100%;
-                    margin-left: 3px;
+                    margin-left: -10px;
                     top: 8px;
                     .rotate(90deg);
                 }
             }
         }
@@ -216,9 +220,12 @@
     &.bg-color-white .nav-bar-inner .menu li a:hover {background-color: darken(@white, 10%) !important;}
     &.bg-color-white .nav-bar-inner .menu li a {color: @darken !important;}
     &.bg-color-white .nav-bar-inner .element {color: @darken !important;}
     &.bg-color-white .nav-bar-inner .pull-menu {color: @darken !important;}
     &.bg-color-grayDark .nav-bar-inner .menu li a:hover {background-color: @grayDark !important;}
+    &.bg-color-magenta .nav-bar-inner .menu li a:hover {background-color: @magenta !important;}
+    &.bg-color-teal .nav-bar-inner .menu li a:hover {background-color: @teal !important;}
+    &.bg-color-redLight .nav-bar-inner .menu li a:hover {background-color: @redLight !important;}
 
     .clearfix;
 }
 
 .nav-bar {
\ No newline at end of file