##// END OF EJS Templates
Set reasonable background color for docs toolbar...
Heikkinen Miikka -
r2421:dd657ad6287a
parent child
Show More
@@ -1,713 +1,713
1 @media screen
1 @media screen
2 {
2 {
3
3
4 .qchart
4 .qchart
5 {
5 {
6 width:1000px;
6 width:1000px;
7 margin-left: auto;
7 margin-left: auto;
8 margin-right: auto;
8 margin-right: auto;
9 margin-top: 50px;
9 margin-top: 50px;
10 max-width:100%;
10 max-width:100%;
11 overflow-x: auto;
11 overflow-x: auto;
12 }
12 }
13
13
14 .qchart img
14 .qchart img
15 {
15 {
16 float:left;
16 float:left;
17 }
17 }
18
18
19 .qchart table
19 .qchart table
20 {
20 {
21 width:1000px;
21 width:1000px;
22 margin-top: 50px;
22 margin-top: 50px;
23 max-width:100%;
23 max-width:100%;
24 }
24 }
25
25
26 /* basic elements */
26 /* basic elements */
27 html
27 html
28 {
28 {
29 color: #000000;
29 color: #000000;
30 min-width: 1000px;
30 min-width: 1000px;
31 background: #FFFFFF;
31 background: #FFFFFF;
32 }
32 }
33 table
33 table
34 {
34 {
35 border-collapse: collapse;
35 border-collapse: collapse;
36 border-spacing: 0;
36 border-spacing: 0;
37 }
37 }
38 fieldset, img
38 fieldset, img
39 {
39 {
40 border: 0;
40 border: 0;
41 max-width:100%;
41 max-width:100%;
42 }
42 }
43 address, caption, cite, code, dfn, em, strong, th, var, optgroup
43 address, caption, cite, code, dfn, em, strong, th, var, optgroup
44 {
44 {
45 font-style: inherit;
45 font-style: inherit;
46 font-weight: inherit;
46 font-weight: inherit;
47 }
47 }
48 del, ins
48 del, ins
49 {
49 {
50 text-decoration: none;
50 text-decoration: none;
51 }
51 }
52 li
52 li
53 {
53 {
54 list-style: none;
54 list-style: none;
55 }
55 }
56 ol li
56 ol li
57 {
57 {
58 list-style: decimal;
58 list-style: decimal;
59 }
59 }
60 caption, th
60 caption, th
61 {
61 {
62 text-align: left;
62 text-align: left;
63 }
63 }
64 h1, h2, h3, h4, h5, h6
64 h1, h2, h3, h4, h5, h6
65 {
65 {
66 font-size: 100%;
66 font-size: 100%;
67 }
67 }
68 q:before, q:after
68 q:before, q:after
69 {
69 {
70 content: '';
70 content: '';
71 }
71 }
72 abbr, acronym
72 abbr, acronym
73 {
73 {
74 border: 0;
74 border: 0;
75 font-variant: normal;
75 font-variant: normal;
76 }
76 }
77 sup, sub
77 sup, sub
78 {
78 {
79 vertical-align: baseline;
79 vertical-align: baseline;
80 }
80 }
81 tt, .qmlreadonly span, .qmldefault span
81 tt, .qmlreadonly span, .qmldefault span
82 {
82 {
83 word-spacing:0.5em;
83 word-spacing:0.5em;
84 }
84 }
85 legend
85 legend
86 {
86 {
87 color: #000000;
87 color: #000000;
88 }
88 }
89 strong
89 strong
90 {
90 {
91 font-weight: bold;
91 font-weight: bold;
92 }
92 }
93 em
93 em
94 {
94 {
95 font-style: italic;
95 font-style: italic;
96 }
96 }
97
97
98 body
98 body
99 {
99 {
100 margin-left: 0.5em;
100 margin-left: 0.5em;
101 margin-right: 0.5em;
101 margin-right: 0.5em;
102 }
102 }
103 a
103 a
104 {
104 {
105 color: #00732F;
105 color: #00732F;
106 text-decoration: none;
106 text-decoration: none;
107 }
107 }
108 hr
108 hr
109 {
109 {
110 background-color: #E6E6E6;
110 background-color: #E6E6E6;
111 border: 1px solid #E6E6E6;
111 border: 1px solid #E6E6E6;
112 height: 1px;
112 height: 1px;
113 width: 100%;
113 width: 100%;
114 text-align: left;
114 text-align: left;
115 margin: 1.5em 0 1.5em 0;
115 margin: 1.5em 0 1.5em 0;
116 }
116 }
117
117
118 pre
118 pre
119 {
119 {
120 border: 1px solid #DDDDDD;
120 border: 1px solid #DDDDDD;
121 -moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
121 -moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
122 -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em;
122 -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em;
123 border-radius: 0.7em 0.7em 0.7em 0.7em;
123 border-radius: 0.7em 0.7em 0.7em 0.7em;
124 margin: 0 1.5em 1em 1em;
124 margin: 0 1.5em 1em 1em;
125 padding: 1em 1em 1em 1em;
125 padding: 1em 1em 1em 1em;
126 overflow-x: auto;
126 overflow-x: auto;
127 }
127 }
128 table, pre
128 table, pre
129 {
129 {
130 -moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
130 -moz-border-radius: 0.7em 0.7em 0.7em 0.7em;
131 -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em;
131 -webkit-border-radius: 0.7em 0.7em 0.7em 0.7em;
132 border-radius: 0.7em 0.7em 0.7em 0.7em;
132 border-radius: 0.7em 0.7em 0.7em 0.7em;
133 background-color: #F6F6F6;
133 background-color: #F6F6F6;
134 border: 1px solid #E6E6E6;
134 border: 1px solid #E6E6E6;
135 border-collapse: separate;
135 border-collapse: separate;
136 margin-bottom: 2.5em;
136 margin-bottom: 2.5em;
137 }
137 }
138 pre {
138 pre {
139 font-size: 90%;
139 font-size: 90%;
140 display: block;
140 display: block;
141 overflow:hidden;
141 overflow:hidden;
142 }
142 }
143 thead
143 thead
144 {
144 {
145 margin-top: 0.5em;
145 margin-top: 0.5em;
146 font-weight: bold
146 font-weight: bold
147 }
147 }
148 th
148 th
149 {
149 {
150 padding: 0.5em 1.5em 0.5em 1.5em;
150 padding: 0.5em 1.5em 0.5em 1.5em;
151 background-color: #E1E1E1;
151 background-color: #E1E1E1;
152 border-left: 1px solid #E6E6E6;
152 border-left: 1px solid #E6E6E6;
153 }
153 }
154 td
154 td
155 {
155 {
156 padding: 0.25em 1.5em 0.25em 2em;
156 padding: 0.25em 1.5em 0.25em 2em;
157 }
157 }
158
158
159 td.rightAlign
159 td.rightAlign
160 {
160 {
161 padding: 0.25em 0.5em 0.25em 1em;
161 padding: 0.25em 0.5em 0.25em 1em;
162 }
162 }
163 table tr.odd
163 table tr.odd
164 {
164 {
165 border-left: 1px solid #E6E6E6;
165 border-left: 1px solid #E6E6E6;
166 background-color: #F6F6F6;
166 background-color: #F6F6F6;
167 color: #66666E;
167 color: #66666E;
168 }
168 }
169 table tr.even
169 table tr.even
170 {
170 {
171 border-left: 1px solid #E6E6E6;
171 border-left: 1px solid #E6E6E6;
172 background-color: #ffffff;
172 background-color: #ffffff;
173 color: #66666E;
173 color: #66666E;
174 }
174 }
175
175
176 div.float-left
176 div.float-left
177 {
177 {
178 float: left; margin-right: 2em
178 float: left; margin-right: 2em
179 }
179 }
180 div.float-right
180 div.float-right
181 {
181 {
182 float: right; margin-left: 2em
182 float: right; margin-left: 2em
183 }
183 }
184
184
185 span.comment
185 span.comment
186 {
186 {
187 color: #008B00;
187 color: #008B00;
188 font-style: italic
188 font-style: italic
189 }
189 }
190 span.string, span.char
190 span.string, span.char
191 {
191 {
192 color: #000084;
192 color: #000084;
193 }
193 }
194 span.number
194 span.number
195 {
195 {
196 color: #a46200;
196 color: #a46200;
197 }
197 }
198 span.operator
198 span.operator
199 {
199 {
200 color: #202020;
200 color: #202020;
201 }
201 }
202 span.keyword
202 span.keyword
203 {
203 {
204 color: #840000;
204 color: #840000;
205 }
205 }
206 span.name
206 span.name
207 {
207 {
208 color: black
208 color: black
209 }
209 }
210 span.type
210 span.type
211 {
211 {
212 font-weight: bold
212 font-weight: bold
213 }
213 }
214 span.type a:visited
214 span.type a:visited
215 {
215 {
216 color: #0F5300;
216 color: #0F5300;
217 }
217 }
218 span.preprocessor
218 span.preprocessor
219 {
219 {
220 color: #404040
220 color: #404040
221 }
221 }
222 /* end basic elements */
222 /* end basic elements */
223
223
224 /* font style elements */
224 /* font style elements */
225 .heading
225 .heading
226 {
226 {
227 font-weight: bold;
227 font-weight: bold;
228 font-size: 125%;
228 font-size: 125%;
229 }
229 }
230 .subtitle
230 .subtitle
231 {
231 {
232 font-size: 110%
232 font-size: 110%
233 }
233 }
234 .small-subtitle
234 .small-subtitle
235 {
235 {
236 font-size: 100%
236 font-size: 100%
237 }
237 }
238 .red
238 .red
239 {
239 {
240 color:red;
240 color:red;
241 }
241 }
242 /* end font style elements */
242 /* end font style elements */
243
243
244 /* global settings*/
244 /* global settings*/
245 .header, .footer
245 .header, .footer
246 {
246 {
247 display: block;
247 display: block;
248 clear: both;
248 clear: both;
249 overflow: hidden;
249 overflow: hidden;
250 }
250 }
251 /* end global settings*/
251 /* end global settings*/
252
252
253 /* header elements */
253 /* header elements */
254 .header .qtref
254 .header .qtref
255 {
255 {
256 color: #00732F;
256 color: #00732F;
257 font-weight: bold;
257 font-weight: bold;
258 font-size: 100%;
258 font-size: 100%;
259 text-align: center;
259 text-align: center;
260 }
260 }
261
261
262 .header .content
262 .header .content
263 {
263 {
264 /* margin-bottom: 0.5em*/
264 /* margin-bottom: 0.5em*/
265 }
265 }
266
266
267 .header .content img
267 .header .content img
268 {
268 {
269 display: block;
269 display: block;
270 margin-left: auto;
270 margin-left: auto;
271 margin-right: auto;
271 margin-right: auto;
272 width: 100px;
272 width: 100px;
273 }
273 }
274
274
275 .naviNextPrevious
275 .naviNextPrevious
276 {
276 {
277 display: none
277 display: none
278 }
278 }
279 .header .breadcrumb
279 .header .breadcrumb
280 {
280 {
281 font-size: 100%;
281 font-size: 100%;
282 padding: 0.5em 0 0.5em 1em;
282 padding: 0.5em 0 0.5em 1em;
283 margin: 0;
283 margin: 0;
284 /*background-color: #393735;*/
284 /*background-color: #393735;*/
285 font-weight: bold;
285 font-weight: bold;
286 background: #ffffff url(../images/bg.png) repeat-x;
286 background: #7FBA2E url(../images/bg.png) repeat-x;
287 height: 20px;
287 height: 20px;
288 border-bottom: 1px solid #d1d1d1;
288 border-bottom: 1px solid #d1d1d1;
289 }
289 }
290
290
291 .header .breadcrumb ul
291 .header .breadcrumb ul
292 {
292 {
293 margin: 0;
293 margin: 0;
294 padding: 0;
294 padding: 0;
295 }
295 }
296
296
297 .header .content
297 .header .content
298 {
298 {
299 word-wrap: break-word;
299 word-wrap: break-word;
300 }
300 }
301
301
302 .header .breadcrumb ul li
302 .header .breadcrumb ul li
303 {
303 {
304 float: left;
304 float: left;
305 /*background: url(../images/breadcrumb.png) no-repeat 0 3px;*/
305 /*background: url(../images/breadcrumb.png) no-repeat 0 3px;*/
306 padding-left: 1.5em;
306 padding-left: 1.5em;
307 margin-left: 1.5em;
307 margin-left: 1.5em;
308 }
308 }
309
309
310 .header .breadcrumb ul li.last
310 .header .breadcrumb ul li.last
311 {
311 {
312 font-weight: normal;
312 font-weight: normal;
313 }
313 }
314
314
315 .header .breadcrumb ul li a
315 .header .breadcrumb ul li a
316 {
316 {
317 color: #ffffff;
317 color: #ffffff;
318 }
318 }
319
319
320 .header .breadcrumb ul li a:hover
320 .header .breadcrumb ul li a:hover
321 {
321 {
322 color: #00732F;
322 color: #00732F;
323 text-decoration: none;
323 text-decoration: none;
324 }
324 }
325
325
326 .header .breadcrumb ul li.first
326 .header .breadcrumb ul li.first
327 {
327 {
328 background-image: none;
328 background-image: none;
329 padding-left: 0;
329 padding-left: 0;
330 margin-left: 0;
330 margin-left: 0;
331 }
331 }
332
332
333 .header .content ol li {
333 .header .content ol li {
334 background: none;
334 background: none;
335 margin-bottom: 1.0em;
335 margin-bottom: 1.0em;
336 margin-left: 1.2em;
336 margin-left: 1.2em;
337 padding-left: 0
337 padding-left: 0
338 }
338 }
339
339
340 .header .content li
340 .header .content li
341 {
341 {
342 background: url(../images/bullet_sq.png) no-repeat 0 5px;
342 background: url(../images/bullet_sq.png) no-repeat 0 5px;
343 margin-bottom: 1em;
343 margin-bottom: 1em;
344 padding-left: 1.2em;
344 padding-left: 1.2em;
345 }
345 }
346
346
347 /* end header elements */
347 /* end header elements */
348
348
349 /* content elements */
349 /* content elements */
350 .content h1
350 .content h1
351 {
351 {
352 font-weight: bold;
352 font-weight: bold;
353 font-size: 150%
353 font-size: 150%
354 }
354 }
355
355
356 .content h2
356 .content h2
357 {
357 {
358 font-weight: bold;
358 font-weight: bold;
359 font-size: 135%;
359 font-size: 135%;
360 width: 100%;
360 width: 100%;
361 }
361 }
362 .content h3
362 .content h3
363 {
363 {
364 font-weight: bold;
364 font-weight: bold;
365 font-size: 120%;
365 font-size: 120%;
366 width: 100%;
366 width: 100%;
367 }
367 }
368 .content table p
368 .content table p
369 {
369 {
370 margin: 0
370 margin: 0
371 }
371 }
372 .content ul
372 .content ul
373 {
373 {
374 padding-left: 2.5em;
374 padding-left: 2.5em;
375 }
375 }
376 .content li
376 .content li
377 {
377 {
378 padding-top: 0.25em;
378 padding-top: 0.25em;
379 padding-bottom: 0.25em;
379 padding-bottom: 0.25em;
380 }
380 }
381 .content ul img {
381 .content ul img {
382 vertical-align: middle;
382 vertical-align: middle;
383 }
383 }
384
384
385 .content a:visited
385 .content a:visited
386 {
386 {
387 color: #4c0033;
387 color: #4c0033;
388 text-decoration: none;
388 text-decoration: none;
389 }
389 }
390
390
391 .content a:visited:hover
391 .content a:visited:hover
392 {
392 {
393 color: #4c0033;
393 color: #4c0033;
394 text-decoration: underline;
394 text-decoration: underline;
395 }
395 }
396
396
397 a:hover
397 a:hover
398 {
398 {
399 color: #4c0033;
399 color: #4c0033;
400 text-decoration: underline;
400 text-decoration: underline;
401 }
401 }
402 descr p a
402 descr p a
403 {
403 {
404 text-decoration: underline;
404 text-decoration: underline;
405 }
405 }
406
406
407 .descr p a:visited
407 .descr p a:visited
408 {
408 {
409 text-decoration: underline;
409 text-decoration: underline;
410 }
410 }
411
411
412 .alphaChar{
412 .alphaChar{
413 width:95%;
413 width:95%;
414 background-color:#F6F6F6;
414 background-color:#F6F6F6;
415 border:1px solid #E6E6E6;
415 border:1px solid #E6E6E6;
416 -moz-border-radius: 7px 7px 7px 7px;
416 -moz-border-radius: 7px 7px 7px 7px;
417 border-radius: 7px 7px 7px 7px;
417 border-radius: 7px 7px 7px 7px;
418 -webkit-border-radius: 7px 7px 7px 7px;
418 -webkit-border-radius: 7px 7px 7px 7px;
419 font-size:12pt;
419 font-size:12pt;
420 padding-left:10px;
420 padding-left:10px;
421 margin-top:10px;
421 margin-top:10px;
422 margin-bottom:10px;
422 margin-bottom:10px;
423 }
423 }
424 .flowList{
424 .flowList{
425 /*vertical-align:top;*/
425 /*vertical-align:top;*/
426 /*margin:20px auto;*/
426 /*margin:20px auto;*/
427
427
428 column-count:3;
428 column-count:3;
429 -webkit-column-count:3;
429 -webkit-column-count:3;
430 -moz-column-count:3;
430 -moz-column-count:3;
431 /*
431 /*
432 column-width:100%;
432 column-width:100%;
433 -webkit-column-width:200px;
433 -webkit-column-width:200px;
434 -col-column-width:200px;
434 -col-column-width:200px;
435 */
435 */
436 column-gap:41px;
436 column-gap:41px;
437 -webkit-column-gap:41px;
437 -webkit-column-gap:41px;
438 -moz-column-gap:41px;
438 -moz-column-gap:41px;
439
439
440 column-rule: 1px dashed #ccc;
440 column-rule: 1px dashed #ccc;
441 -webkit-column-rule: 1px dashed #ccc;
441 -webkit-column-rule: 1px dashed #ccc;
442 -moz-column-rule: 1px dashed #ccc;
442 -moz-column-rule: 1px dashed #ccc;
443 }
443 }
444
444
445 .flowList dl{
445 .flowList dl{
446 }
446 }
447 .flowList dd{
447 .flowList dd{
448 /*display:inline-block;*/
448 /*display:inline-block;*/
449 margin-left:10px;
449 margin-left:10px;
450 min-width:250px;
450 min-width:250px;
451 line-height: 1.5;
451 line-height: 1.5;
452 min-width:100%;
452 min-width:100%;
453 min-height:15px;
453 min-height:15px;
454 }
454 }
455
455
456 .flowList dd a{
456 .flowList dd a{
457 }
457 }
458
458
459 .content .flowList p{
459 .content .flowList p{
460 padding:0px;
460 padding:0px;
461 }
461 }
462
462
463 .content .alignedsummary
463 .content .alignedsummary
464 {
464 {
465 margin: 15px;
465 margin: 15px;
466 }
466 }
467
467
468
468
469 .qmltype
469 .qmltype
470 {
470 {
471 text-align: center;
471 text-align: center;
472 font-size: 120%;
472 font-size: 120%;
473 }
473 }
474 .qmlreadonly
474 .qmlreadonly
475 {
475 {
476 padding-left: 5px;
476 padding-left: 5px;
477 float: right;
477 float: right;
478 color: #254117;
478 color: #254117;
479 }
479 }
480
480
481 .qmldefault
481 .qmldefault
482 {
482 {
483 padding-left: 5px;
483 padding-left: 5px;
484 float: right;
484 float: right;
485 color: red;
485 color: red;
486 }
486 }
487
487
488 .qmldoc
488 .qmldoc
489 {
489 {
490 }
490 }
491
491
492 .generic .alphaChar{
492 .generic .alphaChar{
493 margin-top:5px;
493 margin-top:5px;
494 }
494 }
495
495
496 .generic .odd .alphaChar{
496 .generic .odd .alphaChar{
497 background-color: #F6F6F6;
497 background-color: #F6F6F6;
498 }
498 }
499
499
500 .generic .even .alphaChar{
500 .generic .even .alphaChar{
501 background-color: #FFFFFF;
501 background-color: #FFFFFF;
502 }
502 }
503
503
504 .memItemRight{
504 .memItemRight{
505 padding: 0.25em 1.5em 0.25em 0;
505 padding: 0.25em 1.5em 0.25em 0;
506 }
506 }
507 .highlightedCode
507 .highlightedCode
508 {
508 {
509 margin: 1.0em;
509 margin: 1.0em;
510 }
510 }
511 .annotated td {
511 .annotated td {
512 padding: 0.25em 0.5em 0.25em 0.5em;
512 padding: 0.25em 0.5em 0.25em 0.5em;
513 }
513 }
514
514
515 .header .content .toc ul
515 .header .content .toc ul
516 {
516 {
517 padding-left: 0px;
517 padding-left: 0px;
518 }
518 }
519
519
520 .content .toc h3 {
520 .content .toc h3 {
521 border-bottom: 0px;
521 border-bottom: 0px;
522 margin-top: 10px;
522 margin-top: 10px;
523 }
523 }
524
524
525 .content .toc h3 a:hover {
525 .content .toc h3 a:hover {
526 color: #00732F;
526 color: #00732F;
527 text-decoration: none;
527 text-decoration: none;
528 }
528 }
529
529
530 .content .toc .level2
530 .content .toc .level2
531 {
531 {
532 margin-left: 1.5em;
532 margin-left: 1.5em;
533 }
533 }
534
534
535 .content .toc .level3
535 .content .toc .level3
536 {
536 {
537 margin-left: 3.0em;
537 margin-left: 3.0em;
538 }
538 }
539
539
540 .content ul li
540 .content ul li
541 {
541 {
542 background: url(../images/bullet_sq.png) no-repeat 0 0.7em;
542 background: url(../images/bullet_sq.png) no-repeat 0 0.7em;
543 padding-left: 1em
543 padding-left: 1em
544 }
544 }
545
545
546 .content .toc li
546 .content .toc li
547 {
547 {
548 background: url(../images/bullet_dn.png) no-repeat 0 5px;
548 background: url(../images/bullet_dn.png) no-repeat 0 5px;
549 padding-left: 1em
549 padding-left: 1em
550 }
550 }
551
551
552 .relpage
552 .relpage
553 {
553 {
554 -moz-border-radius: 7px 7px 7px 7px;
554 -moz-border-radius: 7px 7px 7px 7px;
555 -webkit-border-radius: 7px 7px 7px 7px;
555 -webkit-border-radius: 7px 7px 7px 7px;
556 border-radius: 7px 7px 7px 7px;
556 border-radius: 7px 7px 7px 7px;
557 border: 1px solid #DDDDDD;
557 border: 1px solid #DDDDDD;
558 padding: 25px 25px;
558 padding: 25px 25px;
559 clear: both;
559 clear: both;
560 }
560 }
561 .relpage ul
561 .relpage ul
562 {
562 {
563 float: none;
563 float: none;
564 padding: 1.5em;
564 padding: 1.5em;
565 }
565 }
566
566
567 h3.fn, span.fn
567 h3.fn, span.fn
568 {
568 {
569 -moz-border-radius:7px 7px 7px 7px;
569 -moz-border-radius:7px 7px 7px 7px;
570 -webkit-border-radius:7px 7px 7px 7px;
570 -webkit-border-radius:7px 7px 7px 7px;
571 border-radius:7px 7px 7px 7px;
571 border-radius:7px 7px 7px 7px;
572 background-color: #F6F6F6;
572 background-color: #F6F6F6;
573 border-width: 1px;
573 border-width: 1px;
574 border-style: solid;
574 border-style: solid;
575 border-color: #E6E6E6;
575 border-color: #E6E6E6;
576 font-weight: bold;
576 font-weight: bold;
577 word-spacing:3px;
577 word-spacing:3px;
578 padding:3px 5px;
578 padding:3px 5px;
579 }
579 }
580
580
581 .functionIndex {
581 .functionIndex {
582 font-size:12pt;
582 font-size:12pt;
583 word-spacing:10px;
583 word-spacing:10px;
584 margin-bottom:10px;
584 margin-bottom:10px;
585 background-color: #F6F6F6;
585 background-color: #F6F6F6;
586 border-width: 1px;
586 border-width: 1px;
587 border-style: solid;
587 border-style: solid;
588 border-color: #E6E6E6;
588 border-color: #E6E6E6;
589 -moz-border-radius: 7px 7px 7px 7px;
589 -moz-border-radius: 7px 7px 7px 7px;
590 -webkit-border-radius: 7px 7px 7px 7px;
590 -webkit-border-radius: 7px 7px 7px 7px;
591 border-radius: 7px 7px 7px 7px;
591 border-radius: 7px 7px 7px 7px;
592 width:100%;
592 width:100%;
593 }
593 }
594
594
595 .centerAlign
595 .centerAlign
596 {
596 {
597 text-align:center;
597 text-align:center;
598 }
598 }
599
599
600 .rightAlign
600 .rightAlign
601 {
601 {
602 text-align:right;
602 text-align:right;
603 }
603 }
604
604
605 .leftAlign
605 .leftAlign
606 {
606 {
607 text-align:left;
607 text-align:left;
608 }
608 }
609
609
610 .topAlign{
610 .topAlign{
611 vertical-align:top
611 vertical-align:top
612 }
612 }
613
613
614 .functionIndex a{
614 .functionIndex a{
615 display:inline-block;
615 display:inline-block;
616 }
616 }
617
617
618 /* end content elements */
618 /* end content elements */
619 /* footer elements */
619 /* footer elements */
620
620
621 .footer
621 .footer
622 {
622 {
623 color: #393735;
623 color: #393735;
624 font-size: 0.75em;
624 font-size: 0.75em;
625 text-align: center;
625 text-align: center;
626 padding-top: 1.5em;
626 padding-top: 1.5em;
627 padding-bottom: 1em;
627 padding-bottom: 1em;
628 background-color: #E6E7E8;
628 background-color: #E6E7E8;
629 margin: 0;
629 margin: 0;
630 }
630 }
631 .footer p
631 .footer p
632 {
632 {
633 margin: 0.25em
633 margin: 0.25em
634 }
634 }
635 .small
635 .small
636 {
636 {
637 font-size: 0.5em;
637 font-size: 0.5em;
638 }
638 }
639 /* end footer elements */
639 /* end footer elements */
640
640
641 .item {
641 .item {
642 float: left;
642 float: left;
643 position: relative;
643 position: relative;
644 width: 100%;
644 width: 100%;
645 overflow: hidden;
645 overflow: hidden;
646 }
646 }
647
647
648
648
649 .item .primary {
649 .item .primary {
650 margin-right: 220px;
650 margin-right: 220px;
651 position: relative;
651 position: relative;
652 }
652 }
653
653
654 .item hr {
654 .item hr {
655 margin-left: -220px;
655 margin-left: -220px;
656 }
656 }
657
657
658 .item .secondary {
658 .item .secondary {
659 float: right;
659 float: right;
660 width: 200px;
660 width: 200px;
661 position: relative;
661 position: relative;
662 }
662 }
663
663
664 .item .cols {
664 .item .cols {
665 clear: both;
665 clear: both;
666 display: block;
666 display: block;
667 }
667 }
668
668
669 .item .cols .col {
669 .item .cols .col {
670 float: left;
670 float: left;
671 margin-left: 1.5%;
671 margin-left: 1.5%;
672 }
672 }
673
673
674 .item .cols .col.first {
674 .item .cols .col.first {
675 margin-left: 0;
675 margin-left: 0;
676 }
676 }
677
677
678 .item .cols.two .col {
678 .item .cols.two .col {
679 width: 45%;
679 width: 45%;
680 }
680 }
681
681
682 .item .box {
682 .item .box {
683 margin: 0 0 10px 0;
683 margin: 0 0 10px 0;
684 }
684 }
685
685
686 .item .box h3 {
686 .item .box h3 {
687 margin: 0 0 10px 0;
687 margin: 0 0 10px 0;
688 }
688 }
689
689
690 .cols.unclear {
690 .cols.unclear {
691 clear:none;
691 clear:none;
692 }
692 }
693 }
693 }
694
694
695 /* end of screen media */
695 /* end of screen media */
696
696
697 /* start of print media */
697 /* start of print media */
698
698
699 @media print
699 @media print
700 {
700 {
701 input, textarea, .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft, #feedbackBox, #blurpage, .toc, .breadcrumb, .toolbar, .floatingResult
701 input, textarea, .header, .footer, .toolbar, .feedback, .wrapper .hd, .wrapper .bd .sidebar, .wrapper .ft, #feedbackBox, #blurpage, .toc, .breadcrumb, .toolbar, .floatingResult
702 {
702 {
703 display: none;
703 display: none;
704 background: none;
704 background: none;
705 }
705 }
706 .content
706 .content
707 {
707 {
708 background: none;
708 background: none;
709 display: block;
709 display: block;
710 width: 100%; margin: 0; float: none;
710 width: 100%; margin: 0; float: none;
711 }
711 }
712 }
712 }
713 /* end of print media */
713 /* end of print media */
General Comments 0
You need to be logged in to leave comments. Login now