deploy: c44e0e35ed584d4efe67bdf1dafe25a793085e0f

1 files changed, 23 insertions, 16 deletions

diff --git a/v1_14/tabs.css b/v1_14/tabs.css
index 720b1c6..2c664da 100644
--- a/v1_14/tabs.css
+++ b/v1_14/tabs.css
@@ -1,28 +1,29 @@
 .tabs, .tabs2, .tabs3 {
-    background-image: url('tab_b.png');
+    background-image: var(--nav-gradient-image);
     width: 100%;
     z-index: 101;
-    font-size: 13px;
-    font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
+    font-size: var(--nav-font-size-level1);
+    font-family: var(--font-family-nav);
+    display: table;
 }
 
 .tabs2 {
-    font-size: 10px;
+    font-size: var(--nav-font-size-level2);
 }
 .tabs3 {
-    font-size: 9px;
+    font-size: var(--nav-font-size-level3);
 }
 
 .tablist {
     margin: 0;
     padding: 0;
-    display: table;
+    display: block;
 }
 
 .tablist li {
     float: left;
     display: table-cell;
-    background-image: url('tab_b.png');
+    background-image: var(--nav-gradient-image);
     line-height: 36px;
     list-style: none;
 }
@@ -31,31 +32,37 @@
     display: block;
     padding: 0 20px;
     font-weight: bold;
-    background-image:url('tab_s.png');
+    background-image:var(--nav-separator-image);
     background-repeat:no-repeat;
     background-position:right;
-    color: #283A5D;
-    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
+    color: var(--nav-text-normal-color);
+    text-shadow: var(--nav-text-normal-shadow);
     text-decoration: none;
     outline: none;
 }
 
+.tablist a:focus {
+    outline: auto;
+    z-index: 10;
+    position: relative;
+}
+
 .tabs3 .tablist a {
     padding: 0 10px;
 }
 
 .tablist a:hover {
-    background-image: url('tab_h.png');
+    background-image: var(--nav-gradient-hover-image);
     background-repeat:repeat-x;
-    color: #fff;
-    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
+    color: var(--nav-text-hover-color);
+    text-shadow: var(--nav-text-hover-shadow);
     text-decoration: none;
 }
 
 .tablist li.current a {
-    background-image: url('tab_a.png');
+    background-image: var(--nav-gradient-active-image);
     background-repeat:repeat-x;
-    color: #fff;
-    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1.0);
+    color: var(--nav-text-active-color);
+    text-shadow: var(--nav-text-active-shadow);
 }