[damned-lies: 5/13] Change global navigation



commit 21958b5c37b97858c3dfaad40956b8e65f47d303
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Wed Aug 8 00:13:14 2012 +0300

    Change global navigation
    
    This patch changes the global navbar and makes it the same as the other
    GNOME websites.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=681167

 media/newcss/template.css              |   65 +++++++++++++++++---------------
 media/newimg/focus-bg.png              |  Bin 0 -> 180 bytes
 media/newimg/top_bar-bg.png            |  Bin 0 -> 185 bytes
 media/newimg/top_bar-item-bg.png       |  Bin 0 -> 190 bytes
 media/newimg/top_bar-item-hover-bg.png |  Bin 0 -> 187 bytes
 5 files changed, 35 insertions(+), 30 deletions(-)
---
diff --git a/media/newcss/template.css b/media/newcss/template.css
index 1f192b9..313f990 100644
--- a/media/newcss/template.css
+++ b/media/newcss/template.css
@@ -172,55 +172,60 @@ a:visited {
 /* ========================================================================== */
 
 #globalnav {
+    background: #2e3436 url("../newimg/top_bar-bg.png") top repeat-x;
     list-style: none;
-    display: block;
     float: left;
-    margin: 52px 0 16px 20px;
-    vertical-align: middle;
+    padding: 8px 0;
+    margin: 50px 0 0 45px; 
+    font-size: 13px;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
 }
 #globalnav li {
     float: left;
-    margin: 0;
-    padding: 0;
+    display: inline;
+    margin: 0 5px 0 5px;
 }
 #globalnav li a {
+    color: #fff;
     text-decoration: none;
-    color: inherit;
-    display: block;
-    padding: 5px 15px;
-    font-weight: bold;
-    text-shadow: 0 1px 0 #fff;
+    padding: 7px 8px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
     outline: none;
-    line-height: 22px;
+    -webkit-transition: background 100ms linear;
+    -moz-transition: background 100ms linear;
+    transition: background 100ms linear;
+    text-shadow: 0 1px 0 #000;
 }
 #globalnav li a:hover {
-    color: #000;
+    background: #64696d;
+    background: rgba(100%, 100%, 100%, 0.2);
+}
+#globalnav li a:focus {
+    background: rgba(100%, 100%, 100%, 0.15);
 }
 #globalnav li a:active {
-    position: relative;
-    top: 1px;
+    background: #1c2021 url("../newimg/top_bar-item-bg.png") top repeat-x;
+    -moz-box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
+    -webkit-box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
+    box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
 }
 #globalnav li.active a {
-    background: #7fa7d4;
-    padding: 5px 15px;
-    color: #000;
-    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
     color: #fff;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+    background: #1c2021 url("../newimg/top_bar-item-bg.png") top repeat-x;
+    -moz-box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
+    -webkit-box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
+    box-shadow: inset 0 -1px 0 rgba(100%,100%,100%, 0.4), inset 0 1px 3px rgba(0,0,0,0.4);
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
-    -moz-box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
-    -webkit-box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
-    box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
-    position: relative;
-}
-#globalnav li.active a:after {
-    content: url(../newimg/globalnav-arrow.png);
-    position: absolute;
-    bottom: 0;
-    margin-bottom: -11px;
-    left: 50%;
-    margin-left: -8px;
 }
 
 
diff --git a/media/newimg/focus-bg.png b/media/newimg/focus-bg.png
new file mode 100644
index 0000000..101bda1
Binary files /dev/null and b/media/newimg/focus-bg.png differ
diff --git a/media/newimg/top_bar-bg.png b/media/newimg/top_bar-bg.png
new file mode 100644
index 0000000..567188c
Binary files /dev/null and b/media/newimg/top_bar-bg.png differ
diff --git a/media/newimg/top_bar-item-bg.png b/media/newimg/top_bar-item-bg.png
new file mode 100644
index 0000000..fbd50fe
Binary files /dev/null and b/media/newimg/top_bar-item-bg.png differ
diff --git a/media/newimg/top_bar-item-hover-bg.png b/media/newimg/top_bar-item-hover-bg.png
new file mode 100644
index 0000000..bcfe84d
Binary files /dev/null and b/media/newimg/top_bar-item-hover-bg.png differ



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]