forked from stubbornella/oocss
/
tabs.css
37 lines (29 loc) · 1.11 KB
/
tabs.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.tabs{}
.tabs .hd{}
.tabs .hd ul{padding:0; display:table-row;_zoom:1;}
.tabs .hd li{display:table-cell;_display:inline;vertical-align:middle;}
.tabs .hd .tabControl li a{display:inline-block;text-decoration: none;}
.tabs .hd .tabControl li span{display:inline-block; text-align:center; padding: 5px 20px;}
.tabs .bd li{display:none;}
.tabs .bd li.current{display:block; }
.tabs .topper{padding:0;}
.tabs .hd .tabControl li{border-right:solid 1px #ccc; border-left:solid 1px #fff;}
.tabs .tabControl li:last-child{border-right:none;}
.tabs .tabControl li:first-child{border-left:none;}
.tabs a{font-weight:normal; color: #333;}
.tabs .hd .tabControl .current{background-color: #fff;}
.tabs li a:hover{color:#FF0033;}
.tabs .hd li span{cursor:pointer;}
.controls{position:absolute; top:0; right: 0;}
.controls a{padding: 10px;}
/*
TODO: Allow % widths of tabs
TODO: Position tab control top, right, bottom, left
*/
/* debug */
/*.tabs{background-color: brown;}
.tabs .hd{background-color: black;}
.tabs .hd ul{background-color: blue;}
.tabs .hd ul li{background-color: yellow;}
.tabs .hd ul li a{background-color: orange;}
*/