Reworked submenus

templates/munstrap/static/css/style-munstrap.css

@@ -24,7 +24,7 @@ img#zoom_image{
 }
 
 .link-domain {
-	font-size: 1.4em;
+	font-size: 1.4em;	
 	color: #660066;
 }
 .link-host {
@@ -35,34 +35,58 @@ ul.groupview, ul.groupview ul {
 	list-style-type: none;
 }
 .munin-icon {
-   background: url(../img/logo-munin.png) left top;
+   background: url(../img/logo-munin.png) left top; 
    margin-top: -6px;
-   width: 35px;
+   width: 35px; 
    height: 35px;
    display: block;
    float: left;
 }
 
-img {
-    border: 2px solid transparent;
+.dropdown-submenu {
+    position: relative;
 }
 
-img.warn {
-    border: 2px solid #8a6d3b;
+.dropdown-submenu>.dropdown-menu {
+    top: 0;
+    left: 100%;
+    margin-top: -6px;
+    margin-left: -1px;
+    -webkit-border-radius: 0 6px 6px 6px;
+    -moz-border-radius: 0 6px 6px;
+    border-radius: 0 6px 6px 6px;
 }
 
-img.crit {
-    border: 2px solid #a94442;
+.dropdown-submenu:hover>.dropdown-menu {
+    display: block;
 }
 
-img.unkn {
-    border: 2px solid #ffaa00;
+.dropdown-submenu>a:after {
+    display: block;
+    content: " ";
+    float: right;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+    border-width: 5px 0 5px 5px;
+    border-left-color: #ccc;
+    margin-top: 5px;
+    margin-right: -10px;
 }
 
-.text-critical {
-    color: #a94442
+.dropdown-submenu:hover>a:after {
+    border-left-color: #fff;
 }
 
-.text-critical:hover {
-    color: #843534
+.dropdown-submenu.pull-left {
+    float: none;
 }
+
+.dropdown-submenu.pull-left>.dropdown-menu {
+    left: -100%;
+    margin-left: 10px;
+    -webkit-border-radius: 6px 0 6px 6px;
+    -moz-border-radius: 6px 0 6px 6px;
+    border-radius: 6px 0 6px 6px;
+}