|
1 @media screen |
|
2 { |
|
3 html |
|
4 { |
|
5 color: #000000; |
|
6 background: #FFFFFF; |
|
7 } |
|
8 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td |
|
9 { |
|
10 margin: 0; |
|
11 padding: 0; |
|
12 } |
|
13 table |
|
14 { |
|
15 border-collapse: collapse; |
|
16 border-spacing: 0; |
|
17 } |
|
18 fieldset, img |
|
19 { |
|
20 border: 0; |
|
21 } |
|
22 address, caption, cite, code, dfn, em, strong, th, var, optgroup |
|
23 { |
|
24 font-style: inherit; |
|
25 font-weight: inherit; |
|
26 } |
|
27 del, ins |
|
28 { |
|
29 text-decoration: none; |
|
30 } |
|
31 li |
|
32 { |
|
33 list-style: none; |
|
34 } |
|
35 caption, th |
|
36 { |
|
37 text-align: left; |
|
38 } |
|
39 h1, h2, h3, h4, h5, h6 |
|
40 { |
|
41 font-size: 100%; |
|
42 font-weight: normal; |
|
43 } |
|
44 q:before, q:after |
|
45 { |
|
46 content: ''; |
|
47 } |
|
48 abbr, acronym |
|
49 { |
|
50 border: 0; |
|
51 font-variant: normal; |
|
52 } |
|
53 sup |
|
54 { |
|
55 vertical-align: baseline; |
|
56 } |
|
57 sub |
|
58 { |
|
59 vertical-align: baseline; |
|
60 } |
|
61 .heading |
|
62 { |
|
63 font: normal 600 16px/1.0 Arial; |
|
64 padding-bottom: 15px; |
|
65 } |
|
66 .subtitle |
|
67 { |
|
68 font-size: 13px; |
|
69 } |
|
70 .small-subtitle |
|
71 { |
|
72 font-size: 13px; |
|
73 } |
|
74 legend |
|
75 { |
|
76 color: #000000; |
|
77 } |
|
78 input, button, textarea, select, optgroup, option |
|
79 { |
|
80 font-family: inherit; |
|
81 font-size: inherit; |
|
82 font-style: inherit; |
|
83 font-weight: inherit; |
|
84 } |
|
85 input, button, textarea, select |
|
86 { |
|
87 font-size: 100%; |
|
88 } |
|
89 html |
|
90 { |
|
91 background-color: #e5e5e5; |
|
92 } |
|
93 body |
|
94 { |
|
95 background: #e6e7e8 url(../images/page_bg.png) repeat-x 0 0; |
|
96 font: normal 13px/1.2 Verdana; |
|
97 color: #363534; |
|
98 } |
|
99 strong |
|
100 { |
|
101 font-weight: bold; |
|
102 } |
|
103 em |
|
104 { |
|
105 font-style: italic; |
|
106 } |
|
107 a |
|
108 { |
|
109 color: #00732f; |
|
110 text-decoration: none; |
|
111 } |
|
112 .header, .footer, .wrapper |
|
113 { |
|
114 min-width: 600px; |
|
115 max-width: 1500px; |
|
116 margin: 0 30px; |
|
117 } |
|
118 .wrapper |
|
119 { |
|
120 background: url(../images/bg_r.png) repeat-y 100% 0; |
|
121 } |
|
122 .wrapper .hd |
|
123 { |
|
124 padding-left: 216px; |
|
125 height: 15px; |
|
126 background: url(../images/page.png) no-repeat 0 0; |
|
127 overflow: hidden; |
|
128 } |
|
129 .offline .wrapper .hd |
|
130 { |
|
131 background: url(../images/page.png) no-repeat 0 -15px; |
|
132 } |
|
133 .wrapper .hd span |
|
134 { |
|
135 height: 15px; |
|
136 display: block; |
|
137 overflow: hidden; |
|
138 background: url(../images/page.png) no-repeat 100% -30px; |
|
139 } |
|
140 .wrapper .bd |
|
141 { |
|
142 background: url(../images/bg_l.png) repeat-y 0 0; |
|
143 position: relative; |
|
144 } |
|
145 .offline .wrapper .bd |
|
146 { |
|
147 background: url(../images/bg_l_blank.png) repeat-y 0 0; |
|
148 } |
|
149 .wrapper .ft |
|
150 { |
|
151 padding-left: 216px; |
|
152 height: 15px; |
|
153 background: url(../images/page.png) no-repeat 0 -75px; |
|
154 overflow: hidden; |
|
155 } |
|
156 .offline .wrapper .ft |
|
157 { |
|
158 background: url(../images/page.png) no-repeat 0 -90px; |
|
159 } |
|
160 .wrapper .ft span |
|
161 { |
|
162 height: 15px; |
|
163 display: block; |
|
164 background: url(../images/page.png) no-repeat 100% -60px; |
|
165 overflow: hidden; |
|
166 } |
|
167 .header, .footer |
|
168 { |
|
169 display: block; |
|
170 clear: both; |
|
171 overflow: hidden; |
|
172 } |
|
173 .header |
|
174 { |
|
175 height: 115px; |
|
176 position: relative; |
|
177 } |
|
178 .header .icon |
|
179 { |
|
180 position: absolute; |
|
181 top: 13px; |
|
182 left: 0; |
|
183 } |
|
184 .header .qtref |
|
185 { |
|
186 position: absolute; |
|
187 top: 28px; |
|
188 left: 88px; |
|
189 width: 302px; |
|
190 height: 22px; |
|
191 } |
|
192 .header .qtref span |
|
193 { |
|
194 display: block; |
|
195 width: 302px; |
|
196 height: 22px; |
|
197 text-indent: -999em; |
|
198 background: url(../images/sprites-combined.png) no-repeat -78px -235px; |
|
199 } |
|
200 |
|
201 .sidebar |
|
202 { |
|
203 float: left; |
|
204 margin-left: 5px; |
|
205 width: 200px; |
|
206 font-size: 11px; |
|
207 } |
|
208 |
|
209 .offline .sidebar, .offline .feedback, .offline .t_button |
|
210 { |
|
211 display: none; |
|
212 } |
|
213 |
|
214 .sidebar .searchlabel |
|
215 { |
|
216 padding: 0 0 2px 17px; |
|
217 font: normal bold 11px/1.2 Verdana; |
|
218 } |
|
219 |
|
220 .sidebar .search |
|
221 { |
|
222 padding: 0 15px 0 16px; |
|
223 } |
|
224 |
|
225 .sidebar .search form |
|
226 { |
|
227 background: url(../images/sprites-combined.png) no-repeat -6px -348px; |
|
228 height:21px; |
|
229 padding:2px 0 0 5px; |
|
230 width:167px; |
|
231 } |
|
232 |
|
233 .sidebar .search form input#pageType |
|
234 { |
|
235 width: 158px; |
|
236 height: 19px; |
|
237 padding: 0; |
|
238 border: none; |
|
239 outline: none; |
|
240 font: 13px/1.2 Verdana; |
|
241 } |
|
242 |
|
243 .sidebar .box |
|
244 { |
|
245 padding: 17px 15px 5px 16px; |
|
246 } |
|
247 |
|
248 .sidebar .box .first |
|
249 { |
|
250 background-image: none; |
|
251 } |
|
252 |
|
253 .sidebar .box h2 |
|
254 { |
|
255 font: normal 18px/1.2 Arial; |
|
256 padding: 0; |
|
257 min-height: 32px; |
|
258 } |
|
259 .sidebar .box h2 span |
|
260 { |
|
261 overflow: hidden; |
|
262 display: inline-block; |
|
263 } |
|
264 .sidebar .box#lookup h2 |
|
265 { |
|
266 background-image: none; |
|
267 } |
|
268 .sidebar #lookup.box h2 span |
|
269 { |
|
270 background: url(../images/sprites-combined.png) no-repeat -6px -311px; |
|
271 width: 27px; |
|
272 height: 35px; |
|
273 margin-right: 13px; |
|
274 } |
|
275 .sidebar .box#topics h2 |
|
276 { |
|
277 background-image: none; |
|
278 } |
|
279 .sidebar #topics.box h2 span |
|
280 { |
|
281 background: url(../images/sprites-combined.png) no-repeat -94px -311px; |
|
282 width: 27px; |
|
283 height: 32px; |
|
284 margin-right: 13px; |
|
285 } |
|
286 .sidebar .box#examples h2 |
|
287 { |
|
288 background-image: none; |
|
289 } |
|
290 .sidebar #examples.box h2 span |
|
291 { |
|
292 background: url(../images/sprites-combined.png) no-repeat -48px -311px; |
|
293 width: 30px; |
|
294 height: 31px; |
|
295 margin-right: 9px; |
|
296 } |
|
297 |
|
298 .sidebar .box .list |
|
299 { |
|
300 display: block; |
|
301 } |
|
302 .sidebar .box .live |
|
303 { |
|
304 display: none; |
|
305 height: 100px; |
|
306 overflow: auto; |
|
307 } |
|
308 .list li a:hover, .live li a:hover |
|
309 { |
|
310 text-decoration: underline; |
|
311 } |
|
312 .sidebar .box ul |
|
313 { |
|
314 } |
|
315 .sidebar .box ul li |
|
316 { |
|
317 padding-left: 12px; |
|
318 background: url(../images/bullet_gt.png) no-repeat 0 5px; |
|
319 margin-bottom: 15px; |
|
320 } |
|
321 .sidebar .bottombar |
|
322 { |
|
323 background: url(../images/box_bg.png) repeat-x 0 bottom; |
|
324 } |
|
325 .wrap |
|
326 { |
|
327 margin: 0 5px 0 208px; |
|
328 overflow: visible; |
|
329 } |
|
330 .offline .wrap |
|
331 { |
|
332 margin: 0 5px 0 5px; |
|
333 } |
|
334 .wrap .toolbar |
|
335 { |
|
336 background-color: #fafafa; |
|
337 border-bottom: 1px solid #d1d1d1; |
|
338 height: 20px; |
|
339 position: relative; |
|
340 } |
|
341 .wrap .toolbar .toolblock |
|
342 { |
|
343 position: absolute; |
|
344 } |
|
345 .wrap .toolbar .breadcrumb |
|
346 { |
|
347 font-size: 11px; |
|
348 line-height: 1; |
|
349 padding: 0 0 10px 21px; |
|
350 height: 10px; |
|
351 } |
|
352 .wrap .toolbar .toolbuttons |
|
353 { |
|
354 padding: 0 0 10px 21px; |
|
355 right: 5px; |
|
356 vertical-align: middle; |
|
357 overflow: hidden; |
|
358 } |
|
359 .wrap .toolbar .toolbuttons .active |
|
360 { |
|
361 color: #00732F; |
|
362 } |
|
363 .wrap .toolbar .toolbuttons ul |
|
364 { |
|
365 float: right; |
|
366 } |
|
367 .wrap .toolbar .toolbuttons li |
|
368 { |
|
369 float: left; |
|
370 text-indent: -10px; |
|
371 margin-top: -5px; |
|
372 margin-right: 15px; |
|
373 font-weight: bold; |
|
374 color: #B0ADAB; |
|
375 } |
|
376 |
|
377 .toolbuttons #print |
|
378 { |
|
379 border-left: 1px solid #c5c4c4; |
|
380 margin-top: 0; |
|
381 padding-left: 7px; |
|
382 text-indent: 0; |
|
383 } |
|
384 .toolbuttons #print a |
|
385 { |
|
386 width: 16px; |
|
387 height: 16px; |
|
388 } |
|
389 |
|
390 .toolbuttons #print a span |
|
391 { |
|
392 width: 16px; |
|
393 height: 16px; |
|
394 text-indent: -999em; |
|
395 display: block; |
|
396 overflow: hidden; |
|
397 background: url(../images/sprites-combined.png) no-repeat -137px -311px; |
|
398 } |
|
399 |
|
400 .toolbuttons #smallA |
|
401 { |
|
402 font-size: 10pt; |
|
403 } |
|
404 .toolbuttons #medA |
|
405 { |
|
406 font-size: 12pt; |
|
407 } |
|
408 .toolbuttons #bigA |
|
409 { |
|
410 font-size: 14pt; |
|
411 margin-right: 7px; |
|
412 } |
|
413 |
|
414 #smallA:hover, #medA:hover, #bigA:hover |
|
415 { |
|
416 color: #00732F; |
|
417 } |
|
418 |
|
419 .offline .wrap .breadcrumb |
|
420 { |
|
421 } |
|
422 |
|
423 .wrap .breadcrumb ul |
|
424 { |
|
425 } |
|
426 .wrap .breadcrumb ul li |
|
427 { |
|
428 float: left; |
|
429 background: url(../images/breadcrumb.png) no-repeat 0 3px; |
|
430 padding-left: 15px; |
|
431 margin-left: 15px; |
|
432 font-weight: bold; |
|
433 } |
|
434 .wrap .breadcrumb ul li.last |
|
435 { |
|
436 font-weight: normal; |
|
437 } |
|
438 .wrap .breadcrumb ul li a |
|
439 { |
|
440 color: #363534; |
|
441 } |
|
442 .wrap .breadcrumb ul li.first |
|
443 { |
|
444 background-image: none; |
|
445 padding-left: 0; |
|
446 margin-left: 0; |
|
447 } |
|
448 .wrap .content |
|
449 { |
|
450 padding: 30px; |
|
451 } |
|
452 |
|
453 .wrap .content li |
|
454 { |
|
455 padding-left: 12px; |
|
456 background: url(../images/bullet_sq.png) no-repeat 0 5px; |
|
457 font: normal 400 10pt/1 Verdana; |
|
458 color: #44a51c; |
|
459 margin-bottom: 10px; |
|
460 } |
|
461 .content li:hover |
|
462 { |
|
463 text-decoration: underline; |
|
464 } |
|
465 |
|
466 .offline .wrap .content |
|
467 { |
|
468 padding-top: 15px; |
|
469 } |
|
470 |
|
471 .wrap .content h1 |
|
472 { |
|
473 font: 600 18px/1.2 Arial; |
|
474 } |
|
475 .wrap .content h2 |
|
476 { |
|
477 font: 600 16px/1.2 Arial; |
|
478 } |
|
479 .wrap .content h3 |
|
480 { |
|
481 font: 600 14px/1.2 Arial; |
|
482 } |
|
483 .wrap .content p |
|
484 { |
|
485 line-height: 20px; |
|
486 padding: 10px 5px 10px 5px; |
|
487 } |
|
488 .wrap .content ul |
|
489 { |
|
490 padding-left: 25px; |
|
491 } |
|
492 a:hover |
|
493 { |
|
494 color: #4c0033; |
|
495 text-decoration: underline; |
|
496 } |
|
497 .content a:visited |
|
498 { |
|
499 color: #4c0033; |
|
500 text-decoration: none; |
|
501 } |
|
502 .footer |
|
503 { |
|
504 min-height: 100px; |
|
505 color: #797775; |
|
506 font: normal 9px/1 Verdana; |
|
507 text-align: center; |
|
508 padding-top: 40px; |
|
509 background-color: #E6E7E8; |
|
510 margin: 0; |
|
511 } |
|
512 .feedback |
|
513 { |
|
514 float: none; |
|
515 position: absolute; |
|
516 right: 15px; |
|
517 bottom: 10px; |
|
518 font: normal 8px/1 Verdana; |
|
519 color: #B0ADAB; |
|
520 } |
|
521 .feedback:hover |
|
522 { |
|
523 float: right; |
|
524 font: normal 8px/1 Verdana; |
|
525 color: #00732F; |
|
526 text-decoration: underline; |
|
527 } |
|
528 .header:after, .footer:after, .breadcrumb:after, .wrap .content:after, .group:after |
|
529 { |
|
530 content: "."; |
|
531 display: block; |
|
532 height: 0; |
|
533 clear: both; |
|
534 visibility: hidden; |
|
535 } |
|
536 #nav-topright |
|
537 { |
|
538 height: 70px; |
|
539 } |
|
540 |
|
541 #nav-topright ul |
|
542 { |
|
543 list-style-type: none; |
|
544 float: right; |
|
545 width: 370px; |
|
546 margin-top: 11px; |
|
547 } |
|
548 |
|
549 #nav-topright li |
|
550 { |
|
551 display: inline-block; |
|
552 margin-right: 20px; |
|
553 float: left; |
|
554 } |
|
555 |
|
556 #nav-topright li.nav-topright-last |
|
557 { |
|
558 margin-right: 0; |
|
559 } |
|
560 |
|
561 #nav-topright li a |
|
562 { |
|
563 background: transparent url(../images/sprites-combined.png) no-repeat; |
|
564 height: 18px; |
|
565 display: block; |
|
566 overflow: hidden; |
|
567 text-indent: -9999px; |
|
568 } |
|
569 |
|
570 #nav-topright li.nav-topright-home a |
|
571 { |
|
572 width: 65px; |
|
573 background-position: -2px -91px; |
|
574 } |
|
575 |
|
576 #nav-topright li.nav-topright-home a:hover |
|
577 { |
|
578 background-position: -2px -117px; |
|
579 } |
|
580 |
|
581 |
|
582 #nav-topright li.nav-topright-dev a |
|
583 { |
|
584 width: 30px; |
|
585 background-position: -76px -91px; |
|
586 } |
|
587 |
|
588 #nav-topright li.nav-topright-dev a:hover |
|
589 { |
|
590 background-position: -76px -117px; |
|
591 } |
|
592 |
|
593 |
|
594 #nav-topright li.nav-topright-labs a |
|
595 { |
|
596 width: 40px; |
|
597 background-position: -114px -91px; |
|
598 } |
|
599 |
|
600 #nav-topright li.nav-topright-labs a:hover |
|
601 { |
|
602 background-position: -114px -117px; |
|
603 } |
|
604 |
|
605 #nav-topright li.nav-topright-doc a |
|
606 { |
|
607 width: 32px; |
|
608 background-position: -162px -91px; |
|
609 } |
|
610 |
|
611 #nav-topright li.nav-topright-doc a:hover, #nav-topright li.nav-topright-doc-active a |
|
612 { |
|
613 background-position: -162px -117px; |
|
614 } |
|
615 |
|
616 #nav-topright li.nav-topright-blog a |
|
617 { |
|
618 width: 40px; |
|
619 background-position: -203px -91px; |
|
620 } |
|
621 |
|
622 #nav-topright li.nav-topright-blog a:hover, #nav-topright li.nav-topright-blog-active a |
|
623 { |
|
624 background-position: -203px -117px; |
|
625 } |
|
626 |
|
627 #nav-topright li.nav-topright-shop a |
|
628 { |
|
629 width: 40px; |
|
630 background-position: -252px -91px; |
|
631 } |
|
632 |
|
633 #nav-topright li.nav-topright-shop a:hover, #nav-topright li.nav-topright-shop-active a |
|
634 { |
|
635 background-position: -252px -117px; |
|
636 } |
|
637 |
|
638 #nav-logo |
|
639 { |
|
640 background: transparent url(../images/sprites-combined.png ) no-repeat 0 -225px; |
|
641 left: -3px; |
|
642 position: absolute; |
|
643 width: 75px; |
|
644 height: 75px; |
|
645 top: 13px; |
|
646 } |
|
647 #nav-logo a |
|
648 { |
|
649 width: 75px; |
|
650 height: 75px; |
|
651 display: block; |
|
652 text-indent: -9999px; |
|
653 overflow: hidden; |
|
654 } |
|
655 |
|
656 |
|
657 .shortCut-topleft-inactive |
|
658 { |
|
659 padding-left: 3px; |
|
660 background: transparent url( ../images/sprites-combined.png) no-repeat 0px -58px; |
|
661 height: 20px; |
|
662 width: 47px; |
|
663 } |
|
664 .shortCut-topleft-inactive span |
|
665 { |
|
666 font-variant: normal; |
|
667 } |
|
668 #shortCut |
|
669 { |
|
670 padding-top: 10px; |
|
671 font-weight: bolder; |
|
672 color: #b0adab; |
|
673 } |
|
674 #shortCut ul |
|
675 { |
|
676 list-style-type: none; |
|
677 float: left; |
|
678 width: 347px; |
|
679 margin-left: 100px; |
|
680 } |
|
681 #shortCut li |
|
682 { |
|
683 display: inline-block; |
|
684 margin-right: 25px; |
|
685 float: left; |
|
686 white-space: nowrap; |
|
687 } |
|
688 #shortCut li a |
|
689 { |
|
690 color: #b0adab; |
|
691 } |
|
692 #shortCut li a:hover |
|
693 { |
|
694 color: #44a51c; |
|
695 } |
|
696 |
|
697 hr |
|
698 { |
|
699 background-color: #E6E6E6; |
|
700 border: 1px solid #E6E6E6; |
|
701 height: 1px; |
|
702 width: 100%; |
|
703 text-align: left; |
|
704 margin: 15px 0px 15px 0px; |
|
705 } |
|
706 |
|
707 .content .alignedsummary |
|
708 { |
|
709 margin: 15px; |
|
710 } |
|
711 pre |
|
712 { |
|
713 border: 1px solid #DDDDDD; |
|
714 margin: 0 20px 10px 10px; |
|
715 padding: 20px 15px 20px 20px; |
|
716 overflow-x: auto; |
|
717 } |
|
718 table, pre |
|
719 { |
|
720 -moz-border-radius: 7px 7px 7px 7px; |
|
721 background-color: #F6F6F6; |
|
722 border: 1px solid #E6E6E6; |
|
723 border-collapse: separate; |
|
724 font-size: 11px; |
|
725 /*min-width: 395px;*/ |
|
726 margin-bottom: 25px; |
|
727 display: inline-block; |
|
728 } |
|
729 thead |
|
730 { |
|
731 margin-top: 5px; |
|
732 } |
|
733 th |
|
734 { |
|
735 padding: 3px 15px 3px 15px; |
|
736 } |
|
737 td |
|
738 { |
|
739 padding: 3px 15px 3px 20px; |
|
740 } |
|
741 table tr.odd |
|
742 { |
|
743 border-left: 1px solid #E6E6E6; |
|
744 background-color: #F6F6F6; |
|
745 color: #66666E; |
|
746 } |
|
747 table tr.even |
|
748 { |
|
749 border-left: 1px solid #E6E6E6; |
|
750 background-color: #ffffff; |
|
751 color: #66666E; |
|
752 } |
|
753 table tr.odd:hover |
|
754 { |
|
755 background-color: #E6E6E6; |
|
756 } |
|
757 table tr.even:hover |
|
758 { |
|
759 background-color: #E6E6E6; |
|
760 } |
|
761 |
|
762 span.comment |
|
763 { |
|
764 color: #8B0000; |
|
765 font-style: italic; |
|
766 } |
|
767 span.string, span.char |
|
768 { |
|
769 color: #254117; |
|
770 } |
|
771 |
|
772 .qmltype |
|
773 { |
|
774 text-align: center; |
|
775 font-size: 160%; |
|
776 } |
|
777 .qmlreadonly |
|
778 { |
|
779 float: right; |
|
780 color: #254117; |
|
781 } |
|
782 |
|
783 .qmldefault |
|
784 { |
|
785 float: right; |
|
786 color: red; |
|
787 } |
|
788 |
|
789 .qmldoc |
|
790 { |
|
791 } |
|
792 |
|
793 *.qmlitem p |
|
794 { |
|
795 } |
|
796 |
|
797 #feedbackBox |
|
798 { |
|
799 display: none; |
|
800 -moz-border-radius: 7px 7px 7px 7px; |
|
801 border: 1px solid #DDDDDD; |
|
802 position: fixed; |
|
803 top: 100px; |
|
804 left: 33%; |
|
805 height: 190px; |
|
806 width: 400px; |
|
807 padding: 5px; |
|
808 background-color: #e6e7e8; |
|
809 z-index: 4; |
|
810 } |
|
811 #feedcloseX a |
|
812 { |
|
813 display: inline; |
|
814 padding: 5px 5px 0 0; |
|
815 margin-bottom: 3px; |
|
816 color: #363534; |
|
817 font-weight: 600; |
|
818 float: right; |
|
819 text-decoration: none; |
|
820 } |
|
821 |
|
822 #feedbox |
|
823 { |
|
824 display: inline; |
|
825 width: 370px; |
|
826 height: 120px; |
|
827 margin: 0px 25px 10px 15px; |
|
828 } |
|
829 #feedsubmit |
|
830 { |
|
831 display: inline; |
|
832 float: right; |
|
833 margin: 4px 32px 0 0; |
|
834 } |
|
835 #blurpage |
|
836 { |
|
837 display: none; |
|
838 position: fixed; |
|
839 float: none; |
|
840 top: 0px; |
|
841 left: 0px; |
|
842 right: 0px; |
|
843 bottom: 0px; |
|
844 background: transparent url(../images/feedbackground.png) 0 0; |
|
845 z-index: 3; |
|
846 } |
|
847 .toc |
|
848 { |
|
849 float: right; |
|
850 -moz-border-radius: 7px 7px 7px 7px; |
|
851 background-color: #F6F6F6; |
|
852 border: 1px solid #DDDDDD; |
|
853 margin: 0 20px 10px 10px; |
|
854 padding: 20px 15px 20px 20px; |
|
855 height: auto; |
|
856 width: 200px; |
|
857 } |
|
858 |
|
859 .toc h3 |
|
860 { |
|
861 font: 600 12px/1.2 Arial; |
|
862 } |
|
863 |
|
864 .wrap .content .toc ul |
|
865 { |
|
866 padding-left: 0px; |
|
867 } |
|
868 |
|
869 |
|
870 .wrap .content .toc .level2 |
|
871 { |
|
872 margin-left: 15px; |
|
873 } |
|
874 |
|
875 .content .toc li |
|
876 { |
|
877 font: normal 10px/1.2 Verdana; |
|
878 background: url(../images/bullet_dn.png) no-repeat 0 5px; |
|
879 } |
|
880 |
|
881 .relpage |
|
882 { |
|
883 -moz-border-radius: 7px 7px 7px 7px; |
|
884 border: 1px solid #DDDDDD; |
|
885 padding: 25px 25px; |
|
886 clear: both; |
|
887 } |
|
888 .relpage ul |
|
889 { |
|
890 float: none; |
|
891 padding: 15px; |
|
892 } |
|
893 .content .relpage li |
|
894 { |
|
895 font: normal 11px/1.2 Verdana; |
|
896 } |
|
897 h3.fn, span.fn |
|
898 { |
|
899 background-color: #F6F6F6; |
|
900 border-width: 1px; |
|
901 border-style: solid; |
|
902 border-color: #E6E6E6; |
|
903 font-weight: bold; |
|
904 } |
|
905 |
|
906 |
|
907 /* start index box */ |
|
908 .indexbox |
|
909 { |
|
910 width: 100%; |
|
911 display:inline-block; |
|
912 } |
|
913 |
|
914 .indexboxcont |
|
915 { |
|
916 display: block; |
|
917 /* overflow: hidden;*/ |
|
918 } |
|
919 |
|
920 .indexboxbar |
|
921 { |
|
922 background: transparent url(../images/horBar.png ) repeat-x left bottom; |
|
923 margin-bottom: 25px; |
|
924 /* background-image: none; |
|
925 border-bottom: 1px solid #e2e2e2;*/ |
|
926 } |
|
927 |
|
928 .indexboxcont .section |
|
929 { |
|
930 display: inline-block; |
|
931 width: 49%; |
|
932 *width:42%; |
|
933 _width:42%; |
|
934 padding:0 2% 0 1%; |
|
935 vertical-align:top; |
|
936 |
|
937 } |
|
938 |
|
939 .indexboxcont .indexIcon |
|
940 { |
|
941 width: 11%; |
|
942 *width:18%; |
|
943 _width:18%; |
|
944 overflow:hidden; |
|
945 |
|
946 } |
|
947 .indexboxcont .section p |
|
948 { |
|
949 padding-top: 20px; |
|
950 padding-bottom: 20px; |
|
951 } |
|
952 .indexboxcont .sectionlist |
|
953 { |
|
954 display: inline-block; |
|
955 width: 33%; |
|
956 padding: 0; |
|
957 } |
|
958 .indexboxcont .sectionlist ul |
|
959 { |
|
960 margin-bottom: 20px; |
|
961 } |
|
962 |
|
963 .indexboxcont .sectionlist ul li |
|
964 { |
|
965 line-height: 12px; |
|
966 } |
|
967 |
|
968 .content .indexboxcont li |
|
969 { |
|
970 font: normal 600 13px/1 Verdana; |
|
971 } |
|
972 |
|
973 .indexbox a:hover, .indexbox a:visited:hover |
|
974 { |
|
975 color: #4c0033; |
|
976 text-decoration: underline; |
|
977 } |
|
978 |
|
979 .indexbox a:visited |
|
980 { |
|
981 color: #00732f; |
|
982 text-decoration: none; |
|
983 } |
|
984 |
|
985 .indexboxcont:after |
|
986 { |
|
987 content: "."; |
|
988 display: block; |
|
989 height: 0; |
|
990 clear: both; |
|
991 visibility: hidden; |
|
992 } |
|
993 |
|
994 .indexbox .indexIcon span |
|
995 { |
|
996 display: block; |
|
997 } |
|
998 |
|
999 .indexbox.guide .indexIcon span |
|
1000 { |
|
1001 width: 96px; |
|
1002 height: 137px; |
|
1003 background: url(../images/sprites-combined.png) no-repeat -5px -376px; |
|
1004 padding: 0; |
|
1005 } |
|
1006 |
|
1007 .indexbox.tools .indexIcon span |
|
1008 { |
|
1009 width: 115px; |
|
1010 height: 137px; |
|
1011 background: url(../images/sprites-combined.png) no-repeat -111px -376px; |
|
1012 padding: 0; |
|
1013 } |
|
1014 |
|
1015 .lastcol |
|
1016 { |
|
1017 display: inline-block; |
|
1018 vertical-align: top; |
|
1019 padding: 0; |
|
1020 max-width: 25%; |
|
1021 } |
|
1022 |
|
1023 .tricol .lastcol |
|
1024 { |
|
1025 margin-left: -6px; |
|
1026 } |
|
1027 /* end indexbox */ |
|
1028 } |
|
1029 /* end of screen media */ |
|
1030 |
|
1031 /* start of print media */ |
|
1032 |
|
1033 @media print |
|
1034 { |
|
1035 input, textarea, .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft |
|
1036 { |
|
1037 display: none; |
|
1038 background: none; |
|
1039 } |
|
1040 .content |
|
1041 { |
|
1042 position: absolute; |
|
1043 top: 0px; |
|
1044 left: 0px; |
|
1045 background: none; |
|
1046 display: block; |
|
1047 } |
|
1048 } |
|
1049 /* end of print media */ |