Bugfix on conflict between the administration & dashboard menu

plugins/CoreHome/stylesheets/menu.less

@@ -2,20 +2,20 @@
   position: relative;
 }
 
-.Menu-tabList {
+.Menu-dashboard > .Menu-tabList {
     line-height: 1;
     display: table;      // The nav has the height og his children
     margin-bottom: -1px; // Allow tabs to merge with the submenu
 }
 
-.Menu-tabList ul {
+.Menu-dashboard > .Menu-tabList ul {
     background: #fff; /*IE6 needs this*/
     float: left;
     position: relative;
 }
 
 /* LEVEL1 NORMAL */
-.Menu-tabList > li {
+.Menu-dashboard > .Menu-tabList > li {
     background: #f1f1f1;
     float: left;
     list-style: none;
@@ -26,7 +26,7 @@
     border-radius: 4px 4px 0 0;
 }
 
-.Menu-tabList a {
+.Menu-dashboard > .Menu-tabList a {
     color: #444;
     font-size: 18px;
     display: block;
@@ -38,28 +38,28 @@
 }
 
 /* LEVEL1 HOVER */
-.Menu-tabList > li:hover,
-.Menu-tabList > li.sfHover {
+.Menu-dashboard > .Menu-tabList > li:hover,
+.Menu-dashboard > .Menu-tabList > li.sfHover {
     background: #fff;
 }
 
-.Menu-tabList > li:hover > a,
-.Menu-tabList > li.sfHover > a,
-.Menu-tabList > li.sfActive > a,
-.Menu-tabList a:hover {
+.Menu-dashboard > .Menu-tabList > li:hover > a,
+.Menu-dashboard > .Menu-tabList > li.sfHover > a,
+.Menu-dashboard > .Menu-tabList > li.sfActive > a,
+.Menu-dashboard > .Menu-tabList a:hover {
     color: #e87500;
 }
 
-.Menu-tabList > li:hover > a {
+.Menu-dashboard > .Menu-tabList > li:hover > a {
     text-decoration: underline;
 }
 
-.Menu-tabList > li.sfHover > a {
+.Menu-dashboard > .Menu-tabList > li.sfHover > a {
     border-bottom: 1px solid #fff;
 }
 
 /* LEVEL2 NORMAL */
-.Menu-tabList > li > ul {
+.Menu-dashboard > .Menu-tabList > li > ul {
   padding: 9px 0 5px 0;
   left: 0;
   top: -999em;
@@ -69,14 +69,14 @@
   background: none;
 }
 
-.Menu-tabList > li li {
+.Menu-dashboard > .Menu-tabList > li li {
     float: left;
     background: none;
     border: 0;
     text-align: center;
 }
 
-.Menu-tabList > li li > a {
+.Menu-dashboard > .Menu-tabList > li li > a {
     padding: 5px 15px;
     font-size: 14px;
     border: 0;
@@ -89,8 +89,8 @@
 }
 
 /* LEVEL2 HOVER */
-.Menu-tabList > li.sfHover > ul,
-.Menu-tabList > li:hover > ul {
+.Menu-dashboard > .Menu-tabList > li.sfHover > ul,
+.Menu-dashboard > .Menu-tabList > li:hover > ul {
   z-index: 1;
   top: 100%;
   opacity: 1;
@@ -100,12 +100,12 @@
   transition: opacity 300ms ease-out 10ms;
 }
 
-.Menu-tabList > li li:hover > a,
-.Menu-tabList > li li.sfHover > a {
+.Menu-dashboard > .Menu-tabList > li li:hover > a,
+.Menu-dashboard > .Menu-tabList > li li.sfHover > a {
     color: #e87500;
 }
 
-.Menu-tabList > li li.sfHover > a {
+.Menu-dashboard > .Menu-tabList > li li.sfHover > a {
     font-weight: bold;
     text-decoration: none !important;
 }
@@ -117,15 +117,15 @@
 }
 
 @media all and (max-width: 749px) {
-  .Menu-tabList a {
+  .Menu-dashboard > .Menu-tabList a {
     padding-left: 8px;
     padding-right: 8px;
   }
 }
 
 @media all and (max-width: 549px) {
-  ul.Menu-tabList > li.sfHover > a,
-  ul.Menu-tabList > li.sfActive.sfHover > a {
+  .Menu-dashboard > ul.Menu-tabList > li.sfHover > a,
+  .Menu-dashboard > ul.Menu-tabList > li.sfActive.sfHover > a {
     border-bottom: 0;
   }
 }