fix navigation hover effect, documentation

diff --git a/core/css/styles.css b/core/css/styles.css
index 043ca161c75cc12016814ea072a59d91900c4a12..33bfd36eb0f166ba4ba94b5bcf1a99b621f9c186 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -266,19 +266,22 @@ fieldset.warning a { color:#b94a48 !important; font-weight:bold; }
        -moz-box-shadow:0 0 7px #000; -webkit-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000;
        overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;
 }
-#navigation:hover { overflow-y:auto; }
+#navigation:hover { overflow-y:auto; } /* show scrollbar only on hover */
 #navigation a span {
        display:block;
        text-decoration:none; font-size:10px; text-align:center;
        color:#fff; text-shadow:#000 0 -1px 0;
-       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5;
        white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* ellipsize long app names */
 }
+       /* icon opacity and hover effect */
+       #navigation a { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; }
        #navigation a:hover, #navigation a:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:.8; }
-       #navigation a.active .icon, #navigation a.active span { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
+       #navigation a.active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; }
+       /* positioning */
        #navigation .icon {
-               display:block; width:32px; height:32px; margin:0 16px 0; padding:8px 0 4px;     
-               -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5;
+               display:block;
+               width:32px; height:32px;
+               margin:0 16px 0; padding:8px 0 4px;
        }
        #navigation li:first-child a { padding-top:16px; }