]>
Commit | Line | Data |
---|---|---|
1 | /***************************************************************************** | |
2 | ** Name: wxtabs.css | |
3 | ** Purpose: The wxWidgets documentation CSS | |
4 | ** Author: Doxygen team | |
5 | ** RCS-ID: $Id$ | |
6 | ** Licence: wxWindows licence | |
7 | *****************************************************************************/ | |
8 | ||
9 | /* | |
10 | Doxygen classic tabs styles, based on http://www.alistapart.com/articles/slidingdoors | |
11 | */ | |
12 | ||
13 | DIV.tabs | |
14 | { | |
15 | float : left; | |
16 | width : 100%; | |
17 | background : url("tab_b.gif") repeat-x bottom; | |
18 | margin-bottom : 4px; | |
19 | } | |
20 | ||
21 | DIV.tabs UL | |
22 | { | |
23 | margin : 0px; | |
24 | padding-left : 10px; | |
25 | list-style : none; | |
26 | } | |
27 | ||
28 | DIV.tabs LI, DIV.tabs FORM | |
29 | { | |
30 | display : inline; | |
31 | margin : 0px; | |
32 | padding : 0px; | |
33 | } | |
34 | ||
35 | DIV.tabs FORM | |
36 | { | |
37 | float : right; | |
38 | } | |
39 | ||
40 | DIV.tabs A | |
41 | { | |
42 | float : left; | |
43 | background : url("tab_r.gif") no-repeat right top; | |
44 | border-bottom : 1px solid #84B0C7; | |
45 | font-size : 80%; | |
46 | font-weight : bold; | |
47 | text-decoration : none; | |
48 | } | |
49 | ||
50 | DIV.tabs A:hover | |
51 | { | |
52 | background-position: 100% -150px; | |
53 | } | |
54 | ||
55 | DIV.tabs A:link, DIV.tabs A:visited, | |
56 | DIV.tabs A:active, DIV.tabs A:hover | |
57 | { | |
58 | color: #1A419D; | |
59 | } | |
60 | ||
61 | DIV.tabs SPAN | |
62 | { | |
63 | float : left; | |
64 | display : block; | |
65 | background : url("tab_l.gif") no-repeat left top; | |
66 | padding : 5px 9px; | |
67 | white-space : nowrap; | |
68 | } | |
69 | ||
70 | DIV.tabs INPUT | |
71 | { | |
72 | float : right; | |
73 | display : inline; | |
74 | font-size : 1em; | |
75 | } | |
76 | ||
77 | DIV.tabs TD | |
78 | { | |
79 | font-size : 80%; | |
80 | font-weight : bold; | |
81 | text-decoration : none; | |
82 | } | |
83 | ||
84 | ||
85 | ||
86 | /* Commented Backslash Hack hides rule from IE5-Mac \*/ | |
87 | DIV.tabs SPAN {float : none;} | |
88 | /* End IE5-Mac hack */ | |
89 | ||
90 | DIV.tabs A:hover SPAN | |
91 | { | |
92 | background-position: 0% -150px; | |
93 | } | |
94 | ||
95 | DIV.tabs LI.current A | |
96 | { | |
97 | background-position: 100% -150px; | |
98 | border-width : 0px; | |
99 | } | |
100 | ||
101 | DIV.tabs LI.current SPAN | |
102 | { | |
103 | background-position: 0% -150px; | |
104 | padding-bottom : 6px; | |
105 | } | |
106 | ||
107 | DIV.navpath | |
108 | { | |
109 | background : none; | |
110 | border : none; | |
111 | border-bottom : 1px solid #84B0C7; | |
112 | text-align : center; | |
113 | margin : 2px; | |
114 | padding : 2px; | |
115 | } | |
116 | ||
117 | ||
118 | /* | |
119 | NOTE: since v. 1.7.0 Doxygen uses new style names for some tabs... and in particular uses "tabs2" for | |
120 | the CSS style names of the "Class List, Class Index, Class Hierarchy, Class Members" tabs. | |
121 | For now we keep for "tabs2" tabs the same style used with other ones. | |
122 | */ | |
123 | ||
124 | ||
125 | DIV.tabs2 | |
126 | { | |
127 | float : left; | |
128 | width : 100%; | |
129 | background : url("tab_b.gif") repeat-x bottom; | |
130 | margin-bottom : 4px; | |
131 | } | |
132 | ||
133 | DIV.tabs2 UL | |
134 | { | |
135 | margin : 0px; | |
136 | padding-left : 10px; | |
137 | list-style : none; | |
138 | } | |
139 | ||
140 | DIV.tabs2 LI, DIV.tabs2 FORM | |
141 | { | |
142 | display : inline; | |
143 | margin : 0px; | |
144 | padding : 0px; | |
145 | } | |
146 | ||
147 | DIV.tabs2 FORM | |
148 | { | |
149 | float : right; | |
150 | } | |
151 | ||
152 | DIV.tabs2 A | |
153 | { | |
154 | float : left; | |
155 | background : url("tab_r.gif") no-repeat right top; | |
156 | border-bottom : 1px solid #84B0C7; | |
157 | font-size : 80%; | |
158 | font-weight : bold; | |
159 | text-decoration : none; | |
160 | } | |
161 | ||
162 | DIV.tabs2 A:hover | |
163 | { | |
164 | background-position: 100% -150px; | |
165 | } | |
166 | ||
167 | DIV.tabs2 A:link, DIV.tabs2 A:visited, | |
168 | DIV.tabs2 A:active, DIV.tabs2 A:hover | |
169 | { | |
170 | color: #1A419D; | |
171 | } | |
172 | ||
173 | DIV.tabs2 SPAN | |
174 | { | |
175 | float : left; | |
176 | display : block; | |
177 | background : url("tab_l.gif") no-repeat left top; | |
178 | padding : 5px 9px; | |
179 | white-space : nowrap; | |
180 | } | |
181 | ||
182 | DIV.tabs2 INPUT | |
183 | { | |
184 | float : right; | |
185 | display : inline; | |
186 | font-size : 1em; | |
187 | } | |
188 | ||
189 | DIV.tabs2 TD | |
190 | { | |
191 | font-size : 80%; | |
192 | font-weight : bold; | |
193 | text-decoration : none; | |
194 | } | |
195 | ||
196 | ||
197 | ||
198 | /* Commented Backslash Hack hides rule from IE5-Mac \*/ | |
199 | DIV.tabs2 SPAN {float : none;} | |
200 | /* End IE5-Mac hack */ | |
201 | ||
202 | DIV.tabs2 A:hover SPAN | |
203 | { | |
204 | background-position: 0% -150px; | |
205 | } | |
206 | ||
207 | DIV.tabs2 LI.current A | |
208 | { | |
209 | background-position: 100% -150px; | |
210 | border-width : 0px; | |
211 | } | |
212 | ||
213 | DIV.tabs2 LI.current SPAN | |
214 | { | |
215 | background-position: 0% -150px; | |
216 | padding-bottom : 6px; | |
217 | } |