From bc6e17ee7addd48eb127f26e50dd4378e193f0ba Mon Sep 17 00:00:00 2001
From: Bram Pitoyo <bram@mozilla.com>
Date: Mon, 24 Jun 2013 14:21:46 +0800
Subject: Bug 885321: fix the tabs on the mozilla skin

---
 skins/contrib/Mozilla/global.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

(limited to 'skins')

diff --git a/skins/contrib/Mozilla/global.css b/skins/contrib/Mozilla/global.css
index 5e2044188..7af4af9ea 100644
--- a/skins/contrib/Mozilla/global.css
+++ b/skins/contrib/Mozilla/global.css
@@ -561,10 +561,40 @@ table.edit_form hr {
     font-weight: normal;
 }
 
+/* tabs */
+
+table.tabs {
+    border-collapse: separate;
+    border-spacing: 1em 0;
+}
+
+.tabs td {
+    background: rgba(255,255,255,0.5);
+    padding: 1em;
+    text-align: center;
+    border-style: none;
+    font-size: 12px;
+    text-transform: uppercase;
+}
+
+.tabs td.selected {
+    background: white;
+    font-weight: 700;
+}
+
 .tabs td.spacer {
     background: transparent;
 }
 
+.tabs a {
+    color: #333;
+}
+
+.tabbody {
+    background: white;
+    padding: 1em 2em;
+}
+
 /* Smaller than standard 990 (devices and browsers) */
 @media only screen and (max-width: 989px) {
     #header .links {
-- 
cgit v1.2.3-24-g4f1b