[mail-web] add hover and button effect from Olvier Propst bgo #683828

[Andreas Nilsson <andreasn src gnome org>]

commit f9b144e4d21144d858d4b358d21c06a4f6327e5c
Author: Oliver Propst <oliver propst gmail com>
Date:   Fri Sep 28 15:28:19 2012 +0200

    add hover and button effect from Olvier Propst bgo #683828

 css/layout.css |   13 +++++++++++++
 1 files changed, 13 insertions(+), 0 deletions(-)
---
diff --git a/css/layout.css b/css/layout.css
index c4ba309..4617dd6 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -555,6 +555,19 @@ div#content {
     text-shadow: 0 1px 0 #000000;
 }
 
+#top_bar a:hover {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
+}
+
+#top_bar a:focus {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
+}
+
+#top_bar a:active, #top_bar li.current-menu-item a, #top_bar li.current-page-ancestor a {
+    background: url("images/top_bar-item-bg.png") repeat-x scroll center top #1C2021;
+    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.4) inset;
+}
+
 .right {
     float: right;
 }