root / trunk / web / dojo / dijit / themes / nihilo / layout / TabContainer.css
History | View | Annotate | Download (12.5 KB)
1 | 9 | andrej.cim | |
---|---|---|---|
2 | .nihilo .dijitMenu, |
||
3 | .nihilo .dijitMenuBar { |
||
4 | border: 1px solid #d3d3d3; |
||
5 | margin: 0px; |
||
6 | padding: 0px; |
||
7 | background-color: #fff; |
||
8 | } |
||
9 | .nihilo .dijitBorderContainer .dijitMenuBar { |
||
10 | border: 1px #ccc solid; |
||
11 | } |
||
12 | .nihilo .dijitMenuItem { |
||
13 | font-family: sans-serif; |
||
14 | margin: 0px; |
||
15 | color: #243C5F; |
||
16 | } |
||
17 | .nihilo .dijitMenuBar .dijitMenuItem { |
||
18 | padding: 4px 5px; |
||
19 | } |
||
20 | .nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton { |
||
21 | font-style: italic; |
||
22 | } |
||
23 | .nihilo .dijitMenuItem TD { |
||
24 | padding:1px; |
||
25 | } |
||
26 | .nihilo .dijitMenuPassive .dijitMenuItemHover, |
||
27 | .nihilo .dijitMenuItemSelected { |
||
28 | background-color: #ffe284; |
||
29 | color: #243C5F; |
||
30 | } |
||
31 | .nihilo .dijitMenuItemIcon { |
||
32 | width: 15px; |
||
33 | height: 15px; |
||
34 | } |
||
35 | .nihilo .dijitMenuExpand { |
||
36 | width:15px; |
||
37 | height:15px; |
||
38 | background-image: url(../images/spriteRoundedIconsSmall.png); |
||
39 | background-position: -30px top; |
||
40 | } |
||
41 | .dj_ie6 .nihilo .dijitMenuExpand { |
||
42 | background-image:url(../images/spriteRoundedIconsSmall.gif); |
||
43 | } |
||
44 | .nihilo .dijitMenuSeparator { |
||
45 | height: 1px; |
||
46 | } |
||
47 | .nihilo .dijitMenuSeparatorTop { |
||
48 | border-bottom: 1px solid #fff; |
||
49 | } |
||
50 | .nihilo .dijitMenuSeparatorBottom { |
||
51 | border-top: 1px solid #d3d3d3; |
||
52 | } |
||
53 | .nihilo .dijitCheckedMenuItemIconChar { |
||
54 | display: none; |
||
55 | } |
||
56 | .nihilo .dijitCheckedMenuItemIcon { |
||
57 | background-image: url(../images/spriteCheckbox.gif); |
||
58 | background-position: -80px; |
||
59 | } |
||
60 | .nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { |
||
61 | background-position: -64px; |
||
62 | } |
||
63 | .nihilo .dijitTabContainer .tabStripRBtn { |
||
64 | margin-right: 21px; |
||
65 | } |
||
66 | .nihilo .dijitTabContainer .tabStripLBtn { |
||
67 | margin-left: 21px; |
||
68 | } |
||
69 | .nihilo .dijitTabContainerBottom .nowrapTabStrip .dijitTab { |
||
70 | top: 0px; |
||
71 | } |
||
72 | .nihilo .dijitTabPaneWrapper { |
||
73 | background:#fff; |
||
74 | border:1px solid #ccc; |
||
75 | margin: 0; |
||
76 | padding: 0; |
||
77 | } |
||
78 | .nihilo .dijitTabInnerDiv { |
||
79 | padding:0px 3px 0px 0px; |
||
80 | margin: 0 0 0 4px; |
||
81 | background: url("../images/tabContainerSprite.gif") no-repeat; |
||
82 | background-position: right -400px; |
||
83 | } |
||
84 | .nihilo .dijitTab { |
||
85 | line-height:normal; |
||
86 | margin:0 2px 0 0; |
||
87 | padding:0px; |
||
88 | background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; |
||
89 | color: #6d6d6d; |
||
90 | border-bottom: 1px #ccc solid; |
||
91 | } |
||
92 | .nihilo .dijitTabInnerDiv .dijitTabContent { |
||
93 | padding:3px 3px 3px 4px; |
||
94 | background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; |
||
95 | position: relative; |
||
96 | } |
||
97 | .nihilo .dijitTabHover { |
||
98 | color: #243C5F; |
||
99 | background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; |
||
100 | } |
||
101 | .nihilo .dijitTabHover .dijitTabInnerDiv { |
||
102 | background: url("../images/tabContainerSprite.gif") no-repeat right -250px; |
||
103 | } |
||
104 | .nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent { |
||
105 | background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; |
||
106 | } |
||
107 | .nihilo .dijitTabChecked |
||
108 | { |
||
109 | |||
110 | background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; |
||
111 | } |
||
112 | .nihilo .dijitTabChecked .dijitTabInnerDiv { |
||
113 | background: url("../images/tabContainerSprite.gif") no-repeat right -100px; |
||
114 | } |
||
115 | .nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { |
||
116 | background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; |
||
117 | color: #243C5F !important; |
||
118 | } |
||
119 | .nihilo .dijitTabContainerNested .dijitTabListWrapper { |
||
120 | height: auto; |
||
121 | } |
||
122 | .nihilo .dijitTabContainerTabListNested { |
||
123 | background: #FDFDFD; |
||
124 | border: none; |
||
125 | margin-bottom: 0px; |
||
126 | } |
||
127 | .nihilo .dijitTabContainerTabListNested .dijitTab { |
||
128 | background: none; |
||
129 | border: none; |
||
130 | top: 0px; |
||
131 | } |
||
132 | .nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, |
||
133 | .nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabContent { |
||
134 | background: none; |
||
135 | } |
||
136 | .nihilo .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { |
||
137 | text-decoration: underline; |
||
138 | } |
||
139 | .nihilo .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { |
||
140 | text-decoration: underline; |
||
141 | font-weight: bold; |
||
142 | } |
||
143 | .nihilo .dijitTabContainerSpacerNested { |
||
144 | |||
145 | height: 0px; |
||
146 | border-bottom: 0px; |
||
147 | } |
||
148 | .nihilo .dijitTabPaneWrapperNested { |
||
149 | border: none; |
||
150 | } |
||
151 | .nihilo .dijitTabCloseButton { |
||
152 | background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; |
||
153 | width: 15px; |
||
154 | height: 15px; |
||
155 | margin-top: -1px; |
||
156 | } |
||
157 | .dj_ie6 .nihilo .dijitTabCloseButton { |
||
158 | background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; |
||
159 | } |
||
160 | .nihilo .dijitTabCloseButtonHover { |
||
161 | background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px; |
||
162 | } |
||
163 | .dj_ie6 .nihilo .dijitTabCloseButtonHover { |
||
164 | background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px; |
||
165 | } |
||
166 | .nihilo .dijitTab .tabLabel { |
||
167 | |||
168 | min-height: 15px; |
||
169 | display: inline-block; |
||
170 | } |
||
171 | .dj_ie6 .nihilo .dijitTabButtonIcon { |
||
172 | |||
173 | height: 18px; |
||
174 | width: 1px; |
||
175 | } |
||
176 | .nihilo .dijitTabContainerTop-tabs { |
||
177 | border-bottom: none; |
||
178 | padding-bottom: 1px; |
||
179 | background-position: bottom; |
||
180 | padding-left: 3px; |
||
181 | } |
||
182 | .dj_ie6 .nihilo .dijitTabListContainer-top, |
||
183 | .dj_ie7 .nihilo .dijitTabListContainer-top { |
||
184 | z-index: 3; |
||
185 | } |
||
186 | .dj_ie6 .nihilo .dijitTabContainerTop-tabs, |
||
187 | .dj_ie7 .nihilo .dijitTabContainerTop-tabs { |
||
188 | border-bottom: 1px solid #ccc; |
||
189 | padding-bottom: 0px; |
||
190 | } |
||
191 | .nihilo .dijitTabContainerTopNoStrip { |
||
192 | padding-top: 3px; |
||
193 | } |
||
194 | .nihilo .dijitTabContainerTop-container { |
||
195 | border-top: none; |
||
196 | } |
||
197 | .nihilo .dijitTabContainerTop-tabs .dijitTabChecked { |
||
198 | border-bottom-color: #f8f8f8; |
||
199 | } |
||
200 | .nihilo .dijitTabContainer .dijitTabContainerTopStrip { |
||
201 | border-bottom: none; |
||
202 | padding-top: 1px; |
||
203 | margin-top: 1px; |
||
204 | background: #f2f2f2; |
||
205 | border-top: 1px solid #CCC; |
||
206 | border-right: 1px solid #CCC; |
||
207 | border-left: 1px solid #CCC; |
||
208 | } |
||
209 | .nihilo .dijitTabContainerBottom-tabs { |
||
210 | border-top: none; |
||
211 | background-position: top; |
||
212 | padding-left: 3px; |
||
213 | } |
||
214 | .dj_ie6 .nihilo .dijitTabListContainer-bottom, |
||
215 | .dj_ie7 .nihilo .dijitTabListContainer-bottom { |
||
216 | z-index: 3; |
||
217 | } |
||
218 | .dj_ie6 .nihilo .dijitTabContainerBottom-tabs, |
||
219 | .dj_ie7 .nihilo .dijitTabContainerBottom-tabs { |
||
220 | border-top: 1px solid #ccc; |
||
221 | margin-top: -1px; |
||
222 | } |
||
223 | .nihilo .dijitTabContainerBottom-container { |
||
224 | border-bottom: none; |
||
225 | } |
||
226 | .nihilo .dijitTabContainerBottom-tabs .dijitTab { |
||
227 | border-bottom: none; |
||
228 | border-top: 1px solid #ccc; |
||
229 | background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; |
||
230 | } |
||
231 | .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked { |
||
232 | border-top-color: #f8f8f8; |
||
233 | } |
||
234 | .nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent { |
||
235 | padding-top: 3px; |
||
236 | padding-bottom: 3px; |
||
237 | background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; |
||
238 | } |
||
239 | .nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv { |
||
240 | background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; |
||
241 | } |
||
242 | .nihilo .dijitTabContainerBottom-tabs .dijitTabHover { |
||
243 | color: #243C5F; |
||
244 | background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; |
||
245 | } |
||
246 | .nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv { |
||
247 | background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; |
||
248 | } |
||
249 | .nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent { |
||
250 | background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; |
||
251 | } |
||
252 | .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked { |
||
253 | |||
254 | background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; |
||
255 | } |
||
256 | .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { |
||
257 | background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; |
||
258 | } |
||
259 | .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { |
||
260 | background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; |
||
261 | } |
||
262 | .nihilo .dijitTabContainer .dijitTabContainerBottomStrip { |
||
263 | border: 1px solid #ccc; |
||
264 | background: #f2f2f2; |
||
265 | border-top: none; |
||
266 | padding-bottom: 2px; |
||
267 | } |
||
268 | .nihilo .dijitTabContainerBottom-spacer, |
||
269 | .nihilo .dijitTabContainerTop-spacer { |
||
270 | height: 2px; |
||
271 | border: 1px solid #ccc; |
||
272 | background: #f8f8f8; |
||
273 | } |
||
274 | .nihilo .dijitTabContainerTop-spacer { |
||
275 | margin-top: -1px; |
||
276 | } |
||
277 | .nihilo .dijitTabContainerBottom-spacer { |
||
278 | margin-bottom: -1px; |
||
279 | } |
||
280 | .nihilo .dijitTabContainerRight-tabs { |
||
281 | border-color: #ccc; |
||
282 | padding-top: 3px; |
||
283 | } |
||
284 | .nihilo .dijitTabContainerRight .dijitTabListWrapper { |
||
285 | padding-right: 3px; |
||
286 | } |
||
287 | .nihilo .dijitTabContainerRight-container { |
||
288 | border-right: none; |
||
289 | } |
||
290 | .nihilo .dijitTabContainerRight-tabs .dijitTab { |
||
291 | border-bottom: none; |
||
292 | border-left: 1px solid #ccc; |
||
293 | border-bottom: 1px solid #dedede !important; |
||
294 | } |
||
295 | .dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabInnerDiv { |
||
296 | border-bottom: solid #fff 1px; |
||
297 | } |
||
298 | .nihilo .dijitTabContainerRight-tabs .dijitTabChecked { |
||
299 | border-left-color: #f8f8f8; |
||
300 | } |
||
301 | .nihilo .dijitTabContainerRight-tabs .dijitTabChecked { |
||
302 | background: url("../images/tabRightChecked.gif") no-repeat left top !important; |
||
303 | } |
||
304 | .dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, |
||
305 | .dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv { |
||
306 | border-bottom: solid #efefef 1px; |
||
307 | } |
||
308 | .nihilo .dijitTabContainerRight-tabs .dijitTab { |
||
309 | background: url("../images/tabContainerSprite.gif") no-repeat left -350px; |
||
310 | } |
||
311 | .nihilo .dijitTabContainerRight-tabs .dijitTabHover .dijitTab { |
||
312 | background: url("../images/tabContainerSprite.gif") no-repeat left -200px; |
||
313 | } |
||
314 | .nihilo .dijitTabContainerRightStrip { |
||
315 | padding-right: 2px; |
||
316 | border: 1px solid #ccc; |
||
317 | border-left: none; |
||
318 | background: #f2f2f2; |
||
319 | } |
||
320 | .nihilo .dijitTabContainerLeft-tabs { |
||
321 | border-color: #ccc; |
||
322 | padding-top: 3px; |
||
323 | } |
||
324 | .nihilo .dijitTabContainerLeft-container { |
||
325 | border-left: none; |
||
326 | } |
||
327 | .nihilo .dijitTabContainerLeft-tabs .dijitTab { |
||
328 | border-right: 1px solid #ccc; |
||
329 | border-bottom: 1px solid #dedede; |
||
330 | } |
||
331 | .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked { |
||
332 | border-right: 1px solid #f8f8f8; |
||
333 | } |
||
334 | .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv { |
||
335 | background: url("../images/tabContainerSprite.gif") no-repeat right -350px; |
||
336 | } |
||
337 | .nihilo .dijitTabContainerLeft-tabs .dijitTabHover .dijitTabInnerDiv { |
||
338 | background: url("../images/tabContainerSprite.gif") no-repeat right -200px; |
||
339 | } |
||
340 | .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, |
||
341 | .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { |
||
342 | background: url("../images/tabLeftChecked.gif") no-repeat right top; |
||
343 | } |
||
344 | .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, |
||
345 | .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { |
||
346 | border-bottom: solid #efefef 1px; |
||
347 | } |
||
348 | .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv { |
||
349 | border-bottom: solid #fff 1px; |
||
350 | } |
||
351 | .nihilo .dijitTabContainerLeftStrip { |
||
352 | padding-left: 2px; |
||
353 | border: 1px solid #ccc; |
||
354 | border-right: none; |
||
355 | } |
||
356 | .nihilo .dijitTabContainerLeftStrip { |
||
357 | background: #f2f2f2; |
||
358 | } |
||
359 | .nihilo .dijitTabContainerLeft-tabs .dijitTab, |
||
360 | .nihilo .dijitTabContainerRight-tabs .dijitTab { |
||
361 | margin-right:auto; |
||
362 | margin-bottom:2px; |
||
363 | } |
||
364 | .nihilo .dijitTabContainerLeft-spacer, |
||
365 | .nihilo .dijitTabContainerRight-spacer { |
||
366 | width: 2px; |
||
367 | border: 1px solid #ccc; |
||
368 | background: #f8f8f8; |
||
369 | } |
||
370 | .nihilo .dijitTabContainerRight-spacer { |
||
371 | border-right: none; |
||
372 | } |
||
373 | .nihilo .dijitTabContainerRight-tabs { |
||
374 | padding-top: 3px; |
||
375 | height: 100%; |
||
376 | } |
||
377 | .nihilo .dijitTabContainerLeft-tabs { |
||
378 | height: 100%; |
||
379 | } |
||
380 | .nihilo .dijitTabContainerLeft-spacer { |
||
381 | border-left: none; |
||
382 | } |
||
383 | .nihilo .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs { |
||
384 | border-left: 0px solid #ccc; |
||
385 | border-top: 0px solid #ccc; |
||
386 | border-right: 0px solid #ccc; |
||
387 | padding-top: 0px; |
||
388 | padding-left: 0px; |
||
389 | } |
||
390 | .nihilo .dijitTabContainer .tabStripButton { |
||
391 | margin-right: 0px; |
||
392 | } |
||
393 | .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent { |
||
394 | padding: 5px 0 6px; |
||
395 | } |
||
396 | .dj_ie6 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent, |
||
397 | .dj_ie7 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent, |
||
398 | .dj_opera .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent { |
||
399 | padding-bottom: 7px; |
||
400 | } |
||
401 | .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent { |
||
402 | padding: 3px 0 5px; |
||
403 | } |
||
404 | .dj_ie6 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent, |
||
405 | .dj_ie7 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent, |
||
406 | .dj_opera .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent { |
||
407 | padding-top: 4px; |
||
408 | } |
||
409 | .nihilo .dijitTabStripIcon { |
||
410 | height: 14px; |
||
411 | width: 14px; |
||
412 | background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top; |
||
413 | } |
||
414 | .dj_ie6 .nihilo .dijitTabStripIcon { |
||
415 | background-image: url(../images/spriteRoundedIconsSmall.gif); |
||
416 | } |
||
417 | .nihilo .dijitTabStripSlideRightIcon { |
||
418 | background-position: -30px top; |
||
419 | } |
||
420 | .nihilo .dijitTabStripMenuIcon { |
||
421 | background-position: -15px top; |
||
422 | } |
||
423 | .nihilo .dijitTabContainerTopNone { |
||
424 | padding-top: 0px; |
||
425 | } |
||
426 | .nihilo .dijitTabContainer .tabStripButton-top { |
||
427 | margin-top: 1px; |
||
428 | } |
||
429 | .nihilo .dijitTabContainer .tabStripButton-bottom { |
||
430 | background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom; |
||
431 | border-bottom: medium none; |
||
432 | border-top: 1px solid #CCCCCC; |
||
433 | } |
||
434 | .nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv { |
||
435 | background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom; |
||
436 | } |
||
437 | .nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabContent { |
||
438 | background: transparent; |
||
439 | } |