From 59e9b6de1d6e2843107fbc921aa1fc1dd5c94a00 Mon Sep 17 00:00:00 2001
From: Matt Claypotch <thepotch@gmail.com>
Date: Mon, 24 Jan 2011 15:55:09 -0800
Subject: [PATCH] slim header style. opt in with body.moz-slim-header

---
 headerfooter.css  |  66 ++++++++++++++++++++++++++++++++++++++++++----
 wordmark-slim.png | Bin 0 -> 1653 bytes
 2 files changed, 61 insertions(+), 5 deletions(-)
 create mode 100644 wordmark-slim.png

diff --git a/headerfooter.css b/headerfooter.css
index c04fcdf..825ff33 100644
--- a/headerfooter.css
+++ b/headerfooter.css
@@ -6,11 +6,6 @@
     visibility: hidden;
 }
 
-body {
-    background: #fff url(../global/background.png) 0 -700px repeat-x;
-    padding-top: 10px;
-}
-
 /*----------------------------------
     Header
 ----------------------------------*/
@@ -179,6 +174,8 @@ body {
     -webkit-transition: none;
 }
 
+.moz-header-slim #nav-main ul li.current a,
+.moz-header-slim #nav-main ul li.current a,
 #nav-main ul li a:hover,
 #nav-main ul li a:active {
     color: #fff;
@@ -310,6 +307,63 @@ body {
     display: none;
 }
 
+/* slim header */
+
+.moz-header-slim #header {
+    height: 40px;
+    -moz-box-shadow: 0 3px rgba(0,0,0,0.1), inset 0 -2px rgba(0,0,0,0.1);
+    -webkit-box-shadow: 0 3px rgba(0,0,0,0.1), inset 0 -2px rgba(0,0,0,0.1);
+    box-shadow: 0 3px rgba(0,0,0,0.1), inset 0 -2px rgba(0,0,0,0.1);
+}
+
+.moz-header-slim #header h1 a,
+.moz-header-slim #header h1 a:link,
+.moz-header-slim #header h1 a:visited {
+    height: 40px;
+    width: 95px;
+    background: url(../global/wordmark-slim.png) 15px 4px no-repeat;
+}
+
+.moz-header-slim #header h1 a:hover,
+.moz-header-slim #header h1 a:active {
+    background: -moz-radial-gradient(center 45deg, ellipse closest-side, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%),
+        url(../global/wordmark-slim.png) 15px 4px no-repeat;
+}
+
+.moz-header-slim #nav-main ul li.current a,
+.moz-header-slim #nav-main ul li.current span,
+.moz-header-slim #nav-main ul li a,
+.moz-header-slim #nav-main ul li span {
+    padding: 10px 15px 0 15px;
+    height: 30px;
+    font-size: 12px;
+}
+
+.moz-header-slim #nav-main li:hover ul,
+.moz-header-slim #nav-main li.sfhover ul {
+    margin-top: 40px;
+}
+
+.moz-header-slim #nav-main ul li.current {
+    border-bottom: 0;
+    -moz-box-shadow: none;
+}
+
+
+.moz-header-slim #header a.mozilla {
+    font-size: 16px;
+    height: 40px;
+    line-height: 35px;
+    margin-right: 15px;
+    text-align: right;
+    width: auto;
+    padding-top: 0;
+}
+
+/* end slim header */
+
+/* minimal header */
+
 #minimal-header a.mozilla {
     -moz-box-shadow: 0 3px rgba(0,0,0,0.1), inset 0 -2px rgba(0,0,0,0.1);
     -webkit-box-shadow: 0 3px rgba(0,0,0,0.1), inset 0 -2px rgba(0,0,0,0.1);
@@ -338,6 +392,8 @@ body {
     color: #fff;
 }
 
+/* end minimal header */
+
 
 /*----------------------------------
     Footer
diff --git a/wordmark-slim.png b/wordmark-slim.png
new file mode 100644
index 0000000000000000000000000000000000000000..f178e09122396649450f3144f1ba582ef8489167
GIT binary patch
literal 1653
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

literal 0
HcmV?d00001