summaryrefslogtreecommitdiffstats
path: root/v1_14/tabs.css
diff options
context:
space:
mode:
Diffstat (limited to 'v1_14/tabs.css')
-rw-r--r--v1_14/tabs.css39
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);
}