1
|
1 |
/** |
|
2 |
* Tabs Stylesheet |
|
3 |
* For use with the Hybrid Tabs plugin |
|
4 |
* |
|
5 |
* @since 0.1 |
|
6 |
*/ |
|
7 |
|
|
8 |
.tab-content { |
|
9 |
display: none; |
|
10 |
} |
|
11 |
.t1 { |
|
12 |
display: block; |
|
13 |
} |
|
14 |
|
|
15 |
/** |
|
16 |
* Primary tabs and content-area widget tabs |
|
17 |
***********************************************/ |
|
18 |
#content .widget-tabs, #primary .widget-tabs { |
|
19 |
margin: 0 0 20px 0 !important; |
|
20 |
padding: 0 !important; |
|
21 |
background: transparent !important; |
|
22 |
border: none !important; |
|
23 |
} |
|
24 |
|
|
25 |
#content .widget-tabs .widget-inside, #primary .widget-tabs .widget-inside { |
|
26 |
padding: 0 !important; |
|
27 |
background: transparent !important; |
|
28 |
border: none !important; |
|
29 |
} |
|
30 |
#content .widget-tabs ul.tabs, #primary .widget-tabs ul.tabs { |
|
31 |
overflow: hidden; |
|
32 |
list-style: none; |
|
33 |
margin: 0 0 7px 0; |
|
34 |
} |
|
35 |
#content .widget-tabs li.t, #primary .widget-tabs li.t { |
|
36 |
float: left; |
|
37 |
display: inline; |
|
38 |
margin: 0 7px 0 0; |
|
39 |
padding: 0; |
|
40 |
background: transparent; |
|
41 |
border: 1px solid #ddd !important; |
|
42 |
text-align: center; |
|
43 |
} |
|
44 |
#content .widget-tabs li.t a, #primary .widget-tabs li.t a { |
|
45 |
display: block; |
|
46 |
padding: 7px 12px; |
|
47 |
font-weight: bold; |
|
48 |
color: #666; |
|
49 |
background: #fff; |
|
50 |
} |
|
51 |
#content .widget-tabs li.t a:hover, #primary .widget-tabs li.t a:hover { |
|
52 |
background: #eee; |
|
53 |
text-decoration: none; |
|
54 |
} |
|
55 |
#content .widget-tabs li.t a.tab-current, #primary .widget-tabs li.t a.tab-current { |
|
56 |
color: #f7f7f7; |
|
57 |
background: #333; |
|
58 |
} |
|
59 |
#content .widget-tabs .tab-content, #primary .widget-tabs .tab-content { |
|
60 |
overflow: hidden; |
|
61 |
clear: left; |
|
62 |
padding: 9px 9px 0 9px; |
|
63 |
background: #fff; |
|
64 |
border: 1px solid #ddd; |
|
65 |
} |
|
66 |
|
|
67 |
/** |
|
68 |
* Primary widget tabs |
|
69 |
************************************************/ |
|
70 |
#primary .widget-tabs ul.tabs { |
|
71 |
width: 320px; |
|
72 |
} |
|
73 |
#primary .widget-tabs li.t4 { |
|
74 |
margin: 0; |
|
75 |
} |