[LNT] r176929 - Adding a box shadow/border color effect on the left of the settings icon. Also adding a hover effect to make the settings button discoverable.

[Michael Gottesman]

Author: mgottesman
Date: Wed Mar 13 00:44:33 2013
New Revision: 176929

URL: http://llvm.org/viewvc/llvm-project?rev=176929&view=rev
Log:
Adding a box shadow/border color effect on the left of the settings icon. Also adding a hover effect to make the settings button discoverable.

Modified:
    lnt/trunk/lnt/server/ui/static/v4_global_status.css

Modified: lnt/trunk/lnt/server/ui/static/v4_global_status.css
URL: http://llvm.org/viewvc/llvm-project/lnt/trunk/lnt/server/ui/static/v4_global_status.css?rev=176929&r1=176928&r2=176929&view=diff
==============================================================================
--- lnt/trunk/lnt/server/ui/static/v4_global_status.css (original)
+++ lnt/trunk/lnt/server/ui/static/v4_global_status.css Wed Mar 13 00:44:33 2013
@@ -4,14 +4,17 @@
 #settings-wrench {
     float: right;
     border-right: 1px solid #DFE0E3;
-    box-shadow: 1px 0 0 #BFC3C3;
+    box-shadow: 1px 0 0 #BFC3C3, -1px 0 0 #BFC3C3; /* block-shadow both sides */
+    border-left: 1px solid #DFE0E3;
     line-height: 20px;
     padding: 4.5px 10px 3px 10px;
     margin-right: -10px;
 }
 
-#settings-wrench li {
-    margin: 0px;
+#settings-wrench:hover {
+    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
+    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
+    box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
 }
 
 #nav-dbselector {