[mail-web] Apply hover and button effect on archive navigation bar bgo #683828

[Andreas Nilsson <andreasn src gnome org>]

commit 33398bc2d35217172ed1f9580ba10b448b85d792
Author: Oliver Propst <oliver propst gmail com>
Date:   Mon Oct 1 16:34:09 2012 +0200

    Apply hover and button effect on archive navigation bar bgo #683828

 css/archive.css |   16 ++++++++++++++--
 1 files changed, 14 insertions(+), 2 deletions(-)
---
diff --git a/css/archive.css b/css/archive.css
index 4d9f529..3a55d3d 100644
--- a/css/archive.css
+++ b/css/archive.css
@@ -33,6 +33,19 @@
     text-shadow: 0 1px 0 #000000;
 }
 
+#top_bar_archive a:hover {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
+}
+
+#top_bar_archive a:focus {
+    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
+}
+
+#top_bar_archive a:active, #top_bar_archive li.current-menu-item a, #top_bar_archive 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;
 }
@@ -67,11 +80,10 @@ input:-moz-read-write, textarea:-moz-read-write {
     background: url("top_bar-bg.png") repeat-x scroll center top #2E3436;
     border-radius: 6px 6px 6px 6px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    float: right;
     font-size: 13px;
     line-height: normal;
     margin: 48px auto;
-    width: 700px;
+    width: 720px;
 }
 
 .container_12 .grid_9, .container_16 .grid_12 {