|
0
|
1 |
.yui-tabview { |
|
|
2 |
margin: 10px; |
|
|
3 |
} |
|
|
4 |
|
|
|
5 |
.yui-tabview div { |
|
|
6 |
border: solid 1px #000; |
|
|
7 |
} |
|
|
8 |
|
|
|
9 |
.yui-tabview div div { |
|
|
10 |
border: solid 1px #999; |
|
|
11 |
} |
|
|
12 |
|
|
|
13 |
.yui-tabview ul { |
|
|
14 |
list-style-type: none; |
|
|
15 |
margin: 0; |
|
|
16 |
padding: 0; |
|
|
17 |
zoom: 1; /* Clear the floated <LI> elements in IE */ |
|
|
18 |
} |
|
|
19 |
|
|
|
20 |
.yui-tabview ul:after { /* Clear the floated <LI> elements in Webkit, Opera and Gecko */ |
|
|
21 |
content: "."; |
|
|
22 |
display: block; |
|
|
23 |
clear: both; |
|
|
24 |
visibility: hidden; |
|
|
25 |
height: 0; |
|
|
26 |
line-height: 0; |
|
|
27 |
} |
|
|
28 |
|
|
|
29 |
.yui-tabview .yui-tab { |
|
|
30 |
list-style-type: none; |
|
|
31 |
margin: 0; |
|
|
32 |
padding: 0; |
|
|
33 |
float: left; |
|
|
34 |
border: solid 1px #000; |
|
|
35 |
margin: 0 -1px -1px 0; |
|
|
36 |
background-color: #ccc; |
|
|
37 |
*position: relative; /* Necessary to get negative margins in IE */ |
|
|
38 |
*bottom: -1px; |
|
|
39 |
} |
|
|
40 |
|
|
|
41 |
.yui-tabview .yui-tab a { |
|
|
42 |
display: block; |
|
|
43 |
text-decoration: none; |
|
|
44 |
color: #000; |
|
|
45 |
border: solid 1px #ccc; |
|
|
46 |
cursor: hand; /* Needed for IE 8, which by default renders the text selection cursor. */ |
|
|
47 |
} |
|
|
48 |
|
|
|
49 |
.yui-tabview .yui-tab a em { |
|
|
50 |
font-style: normal; |
|
|
51 |
display: block; |
|
|
52 |
padding: 2px 10px; |
|
|
53 |
} |
|
|
54 |
|
|
|
55 |
.yui-tabview .yui-tab-focus a { |
|
|
56 |
border-color: #B3D4FF; |
|
|
57 |
} |
|
|
58 |
|
|
|
59 |
.yui-tabview .yui-tab-focus a:focus { |
|
|
60 |
outline: 0; /* Suppress default browser focus */ |
|
|
61 |
} |
|
|
62 |
|
|
|
63 |
.yui-tabview .yui-tab-selected a { |
|
|
64 |
background-color: #999; |
|
|
65 |
border-color: #999; |
|
|
66 |
border-bottom-width: 2px; |
|
|
67 |
margin-bottom: -1px; |
|
|
68 |
*position: relative; /* Necessary to get negative margins in IE */ |
|
|
69 |
} |
|
|
70 |
|
|
|
71 |
.yui-tabview .yui-tab-selected a em { |
|
|
72 |
background-color: #fff; |
|
|
73 |
border-bottom: 3px solid #fff; |
|
|
74 |
margin-bottom: -3px; |
|
|
75 |
*position: relative; /* Necessary to get negative margins in IE */ |
|
|
76 |
} |
|
|
77 |
|
|
|
78 |
.yui-tabview .yui-tab-focus a em { |
|
|
79 |
background-color: #B3D4FF; |
|
|
80 |
border-color: #B3D4FF; |
|
|
81 |
_display: inline-block; /* Necessary fix the disappearing background color bug in IE 6 */ |
|
|
82 |
} |
|
|
83 |
|
|
|
84 |
.yui-tabview .yui-tabpanel { |
|
|
85 |
background-color: #fff; |
|
|
86 |
display: none; |
|
|
87 |
} |
|
|
88 |
|
|
|
89 |
.yui-tabview .yui-tabpanel-selected { |
|
|
90 |
display: block; |
|
|
91 |
padding: 10px; |
|
|
92 |
} |
|
|
93 |
|
|
|
94 |
.yui-tabview div div div.paging { |
|
|
95 |
text-align: right; |
|
|
96 |
height: 12px; |
|
|
97 |
border: 0; |
|
|
98 |
} |
|
|
99 |
|
|
|
100 |
|
|
|
101 |
/* Replace the text of each <BUTTON> with an icon by hiding the |
|
|
102 |
|
|
|
103 |
Hide the text of each <BUTTON> offscreen so that it is still |
|
|
104 |
accessible to users of screen readers */ |
|
|
105 |
|
|
|
106 |
.yui-tabview .paging button { |
|
|
107 |
display: inline-block; |
|
|
108 |
height: 12px; |
|
|
109 |
width: 12px; |
|
|
110 |
overflow: hidden; |
|
|
111 |
padding: 0; |
|
|
112 |
margin: 0; |
|
|
113 |
border: 0; |
|
|
114 |
text-indent: -999em; |
|
|
115 |
background: url(arrows.png) 0 0 no-repeat; |
|
|
116 |
} |
|
|
117 |
|
|
|
118 |
.yui-tabview .paging button.yui-tabview-prevbtn { |
|
|
119 |
background-position: 0 0; |
|
|
120 |
} |
|
|
121 |
|
|
|
122 |
.yui-tabview .paging button.yui-tabview-nextbtn { |
|
|
123 |
background-position: 0 -12px; |
|
|
124 |
} |