diff mbox

[Branch,~linaro-validation/lava-server/trunk] Rev 296: Re-theme the panel.

Message ID 20111129093715.13982.43584.launchpad@ackee.canonical.com
State Accepted
Headers show

Commit Message

Zygmunt Krynicki Nov. 29, 2011, 9:37 a.m. UTC 
------------------------------------------------------------
revno: 296
committer: Zygmunt Krynicki <zygmunt.krynicki@linaro.org>
branch nick: lava-server
timestamp: Fri 2011-11-18 16:37:05 +0100
message:
  Re-theme the panel.
  
  The panel now looks much cleaner and is much more readable. The pop-up menu
  looks more like it does on the linaro website (the gray color for both inactive
  and :hover states match). The heavy green gradient has been replaced by the
  uniform white gradient that indicates the "menu should open" state of the entire
  panel. This is additionally highlighted by the border color change.
modified:
  lava_server/htdocs/css/default.css


--
lp:lava-server
https://code.launchpad.net/~linaro-validation/lava-server/trunk

You are subscribed to branch lp:lava-server.
To unsubscribe from this branch go to https://code.launchpad.net/~linaro-validation/lava-server/trunk/+edit-subscription
diff mbox

Patch

=== modified file 'lava_server/htdocs/css/default.css'
--- lava_server/htdocs/css/default.css	2011-11-18 15:36:54 +0000
+++ lava_server/htdocs/css/default.css	2011-11-18 15:37:05 +0000
@@ -72,6 +72,23 @@ 
   display: -webkit-box;
 }
 
+#lava-panel.active {
+  border-color: white;
+  text-shadow: 0 0 2pt black;
+  background-image: linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%);
+  background-image: -o-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%);
+  background-image: -moz-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%);
+  background-image: -webkit-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%);
+  background-image: -ms-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(0,0,0) 20%);
+  background-image: -webkit-gradient(
+    linear,
+    left bottom,
+    left top,
+    color-stop(0, rgb(158,158,158)),
+    color-stop(0.2, rgb(0,0,0))
+  );
+}
+
 #lava-panel .lava-panel-element {
 }
 
@@ -79,7 +96,8 @@ 
   display: table-cell;
   vertical-align: middle;
   padding: 1ex;
-  height: 50px;
+  height: 40px;
+  max-height: 50px;
 }
 
 #lava-panel .lava-panel-element:hover {
@@ -97,18 +115,6 @@ 
 }
 
 #lava-panel .lava-panel-element.active {
-  background-image: linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%);
-  background-image: -o-linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%);
-  background-image: -moz-linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%);
-  background-image: -webkit-linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%);
-  background-image: -ms-linear-gradient(bottom, rgb(161,205,65) 0%, rgb(0,0,0) 20%);
-  background-image: -webkit-gradient(
-    linear,
-    left bottom,
-    left top,
-    color-stop(0, rgb(161,205,65)),
-    color-stop(0.2, rgb(0,0,0))
-  );
   color: white;
 }
 
@@ -134,20 +140,20 @@ 
   left: 0;
   top: 50px;
 
-  background: black;
-  border: 2px solid #a1cd41;
-  /* border-top: none; */
+  background: #9e9e9e;
+  color: white;
+  border: 2px solid white;
+  border-top: none;
 
   margin: 0;
   padding: 0;
   display: none;
+  box-shadow: 2pt 2pt 2pt rgba(0, 0, 0, 0.4);
 }
 
 #lava-panel ul.lava-panel-menu li {
   margin: 0;
   padding: 0;
-  text-align: center;
-
   font-size: 9pt;
   font-weight: normal;
 }
@@ -158,8 +164,8 @@ 
 }
 
 #lava-panel ul.lava-panel-menu li a:hover {
-  background-color: #a1cd41;
-  color: #000;
+  background-color: #757575;
+  color: white;
 }
 
 /* User indicator */
@@ -280,7 +286,6 @@ 
 #lava-content {
   padding: 10px 15px;
   vertical-align: top;
-  display: table-cell;
 }
 
 /* Footer */