|
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 } |