Doc: Added doc/global templates for building module documentation
[qt:qt3d.git] / doc / global / style / offline.css
1 body{
2 font: normal 400 14px/1.2 Arial;
3 margin-top:85px;
4 font-family: Arial, Helvetica;
5 color:#313131;
6 text-align:justify;
7 margin-left:5px;
8 margin-right:5px;
9 }
10
11 img{
12 -moz-box-shadow: 3px 3px 3px #ccc;
13 -webkit-box-shadow: 3px 3px 3px #ccc;
14 box-shadow: 3px 3px 3px #ccc;
15 border:#8E8D8D 2px solid;
16 margin-left:0px;
17 max-width: 800px;
18 height: auto
19 }
20
21 b{
22 font-weight:600;
23 }
24
25 .content{}
26
27 .descr{
28 margin-top:35px;
29 /*max-width: 75%;*/
30 margin-left:5px;
31 text-align:justify;
32 min-height:700px;
33 vertical-align:top;
34 }
35
36 .name{
37 max-width: 75%;
38 font-weight:100;
39 }
40
41 tt{
42 text-align:left;}
43
44 /*
45 -----------
46 links
47 -----------
48 */
49
50 a:link{
51 color: #2C418D;
52 text-decoration: none;
53 text-align:left;
54 }
55
56 a:hover{
57 color: #869CD1;
58 text-decoration:underline;
59 text-align:left;
60 }
61
62 a:visited{
63 color: #869CD1;
64 text-decoration: none;
65 text-align:left;
66 }
67
68 a:visited:hover{
69 text-decoration:underline;
70 text-align:left;
71 }
72
73 a[href*="http://"], a[href*="ftp://"],a[href*="https://"]
74 {
75 text-decoration: none;
76 background-image:url(../images/ico_out.png);
77 background-repeat:no-repeat;
78 background-position:left;
79 padding-left:20px;
80 text-align:left;
81 }
82
83 .flags{
84 text-decoration:none;
85 text-height:24px;
86 }
87
88 /*
89 -------------------------------
90 NOTE styles
91 -------------------------------
92 */
93 .notetitle, .tiptitle, .fastpathtitle{
94 font-weight:bold;
95 }
96
97 .attentiontitle,.cautiontitle,.dangertitle,.importanttitle,.remembertitle,.restrictiontitle{
98 font-weight:bold;
99 }
100
101 .note,.tip,.fastpath{
102 background: #F2F2F2 url(../images/ico_note.png);
103 background-repeat: no-repeat;
104 background-position: top left;
105 padding:5px;
106 padding-left:40px;
107 padding-bottom:10px;
108 border:#999 1px dotted;
109 color:#666666;
110 margin:5px;
111 }
112
113 .attention,.caution,.danger,.important,.remember,.restriction{
114 background: #F2F2F2 url(../images/ico_note_attention.png);
115 background-repeat:no-repeat;
116 background-position:top left;
117 padding:5px;
118 padding-left:40px;
119 padding-bottom:10px;
120 border:#999 1px dotted;
121 color:#666666;
122 margin:5px;
123 }
124
125 /*
126 -------------------------------
127 Top navigation
128 -------------------------------
129 */
130
131 .header{
132
133 height:1px;
134 padding:0px;
135 margin:0px;
136 }
137
138 .qtref{
139 display: block;
140 position: relative;
141 top: -76px;
142 height:15px;
143 z-index: 1;
144 font-size:11px;
145 padding-right:10px;
146 float:right;
147 }
148
149 .naviNextPrevious{
150 display: block;
151 position: relative;
152 text-align: right;
153 top: -53px;
154 float:right;
155 height:20px;
156 z-index:1;
157 padding-right:10px;
158 padding-top:2px;
159 vertical-align:top;
160 margin:0px;
161 }
162
163
164 .naviNextPrevious > a:first-child{
165 background-image:url(../images/btn_prev.png);
166 background-repeat:no-repeat;
167 background-position:left;
168 padding-left:20px;
169 height:20px;
170 padding-left:20px;
171 }
172
173 .naviNextPrevious > a:last-child{
174 background-image:url(../images/btn_next.png);
175 background-repeat:no-repeat;
176 background-position:right;
177 padding-right:20px;
178 height:20px;
179 margin-left:30px;
180 }
181
182 .breadcrumb{
183 display: block;
184 position: relative;
185 top:-20px;
186 /*border-top:2px solid #ffffff;*/
187 border-bottom: 1px solid #cecece;
188 background-color:#F2F2F2;
189 z-index:1;
190 height:20px;
191 padding:0px;
192 margin:0px;
193 padding-left:10px;
194 padding-top:2px;
195 margin-left:-5px;
196 margin-right:-5px;
197 }
198
199 .breadcrumb ul{
200  margin:0px;
201  padding:0px;
202 }
203
204 .breadcrumb ul li{
205 background-color:#F2F2F2;
206 list-style-type:none;
207 padding:0;
208 margin:0;
209 height:20px;
210 }
211
212 .breadcrumb li{
213 float:left;
214 }
215
216 .breadcrumb .first {
217 background:url(../images/home.png);
218 background-position:left;
219 background-repeat:no-repeat;
220 padding-left:20px;
221 }
222
223
224 .breadcrumb li a{
225 color:#2C418D;
226 display:block;
227 text-decoration:none;
228 background:url(../images/arrow.png);
229 background-repeat:no-repeat;
230 background-position:right;
231 padding-right:25px;
232 padding-left:10px;
233 }
234
235 .breadcrumb li a:hover{
236 color:#909090;
237 display:block;
238 text-decoration:none;
239 background:url(../images/arrow.png);
240 background-repeat:no-repeat;
241 background-position:right;
242 padding-right:20px;
243 padding-left:10px;
244 }
245
246
247 /* table of content
248 no display
249 */
250
251 /*
252 -----------
253 headers
254 -----------
255 */
256
257
258 @media screen{
259 .title{
260 color:#313131;
261 font-size: 18px;
262 font-weight: normal;
263 left: 0;
264 padding-bottom: 20px;
265 padding-left: 10px;
266 padding-top: 20px;
267 position: absolute;
268 right: 0;
269 top: 0;
270 background-color:#E6E6E6;
271 border-bottom: 1px #CCC solid;
272 border-top: 2px #CCC solid;
273 font-weight:bold;
274 margin-left:0px;
275 margin-right:0px;
276 }
277 }
278
279 h1 {
280 margin: 0;
281 }
282
283 h2, p.h2 {
284 font: 500 16px/1.2 Arial;
285 font-weight:100;
286 background-color:#F2F3F4;
287 padding:4px;
288 margin-bottom:30px;
289 margin-top:30px;
290 border-top:#E0E0DE 1px solid;
291 border-bottom: #E0E0DE 1px solid;
292 max-width: 99%;
293 }
294
295 h3{
296
297 font: 500 14px/1.2 Arial;
298 font-weight:100;
299 text-decoration:underline;
300 margin-bottom:30px;
301 margin-top:30px;
302 }
303
304 h3.fn,span.fn{
305 border-width: 1px;
306 border-style: solid;
307 border-color: #E6E6E6;
308 -moz-border-radius: 7px 7px 7px 7px;
309 -webkit-border-radius: 7px 7px 7px 7px;
310 border-radius: 7px 7px 7px 7px;
311 background-color: #F6F6F6;
312 word-spacing: 3px;
313 padding: 5px 5px;
314 text-decoration:none;
315 font-weight:bold;
316 max-width:75%;
317 font-size:14px;
318 margin:0px;
319 margin-top:30px;
320
321 }
322
323 .name{
324 color:#1A1A1A;
325 }
326 .type{
327 color:#808080;
328 }
329
330
331
332 @media print {
333 .title {
334 color:#0066CB;
335 font-family:Arial, Helvetica;
336 font-size: 32px;
337 font-weight: normal;
338 left: 0;
339 position: absolute;
340 right: 0;
341 top: 0;
342 }
343 }
344
345
346 /*
347 -----------------
348 table styles
349 -----------------
350 */
351 .table img {
352 border:none;
353 margin-left:0px;
354 -moz-box-shadow:0px 0px 0px #fff;
355 -webkit-box-shadow: 0px 0px 0px #fff;
356 box-shadow: 0px 0px 0px #fff;
357 }
358
359 /* table with border alternative colours*/
360
361  table,pre{
362 -moz-border-radius: 7px 7px 7px 7px;
363 -webkit-border-radius: 7px 7px 7px 7px;
364  border-radius: 7px 7px 7px 7px;
365 background-color: #F6F6F6;
366 border: 1px solid #E6E6E6;
367 border-collapse: separate;
368 font-size: 12px;
369 line-height: 1.2;
370 margin-bottom: 25px;
371 margin-left: 15px;
372 font-size: 12px;
373 line-height: 1.2;
374 margin-bottom: 25px;
375 margin-left: 15px;
376 }
377
378
379 table th{
380 text-align:left;
381 padding-left:20px;
382 }
383
384 table td {
385 padding: 3px 15px 3px 20px;
386 border-bottom:#CCC dotted 1px;
387 }
388 table p { margin:0px;}
389
390 table tr.even {
391 background-color: white;
392 color: #66666E;
393 }
394
395 table tr.odd {
396 background-color: #F6F6F6;
397 color: #66666E;
398 }
399
400
401 table thead {
402 text-align:left;
403 padding-left:20px;
404 background-color:#e1e0e0;
405 border-left:none;
406 border-right:none;
407 }
408
409 table thead th {
410 padding-top:5px;
411 padding-left:10px;
412 padding-bottom:5px;
413 border-bottom: 2px solid #D1D1D1;
414 padding-right:10px;
415 }
416
417
418 /* table bodless & white*/
419
420 .borderless {
421 border-radius: 0px 0px 0px 0px;
422 background-color: #fff;
423 border: 1px solid #fff;
424 }
425
426 .borderless tr {
427 background-color: #FFF;
428 color: #66666E;
429 }
430
431 .borderless td {
432 border:none;
433 border-bottom:#fff dotted 1px;
434 }
435
436 /*
437 -----------
438 List
439 -----------
440 */
441
442 ul{
443 padding-bottom:2px;
444 }
445
446 li {
447 margin-bottom: 10px;
448 padding-left: 8px;
449 list-style:outside;
450 list-style-type:square;
451 text-align:left;
452 }
453
454
455 ol{
456 margin:10px;
457 padding:0;
458 }
459
460 ol > li{
461 margin-left: 30px;
462 padding-left:8px;
463 list-style:decimal;
464 }
465
466 .centerAlign{
467 text-align: left;
468 }
469
470 .cpp{
471 display: block;
472 margin: 10;
473 overflow: hidden;
474 overflow-x: hidden;
475 overflow-y: hidden;
476 padding: 20px 0 20px 0;
477 }
478
479 .footer{
480 margin-top: 50px;
481 padding-left:5px;
482 margin-bottom: 10px;
483 font-size:10px;
484 border-top: 1px solid #999;
485 padding-top:11px;
486 }
487
488 .footerNavi{
489 width:auto;
490 text-align:right;
491 margin-top:50px;
492 z-index:1;
493 }
494
495 .memItemLeft{
496 padding-right: 3px;
497 }
498
499 .memItemRight{
500 padding: 3px 15px 3px 0;
501 }
502
503 .qml{
504 display: block;
505 margin: 10;
506 overflow: hidden;
507 overflow-x: hidden;
508 overflow-y: hidden;
509 padding: 20px 0 20px 0;
510 }
511
512 .qmldefault{
513 padding-left: 5px;
514 float: right;
515 color: red;
516 }
517
518 .qmlreadonly{
519 padding-left: 5px;
520 float: right;
521 color: #254117;
522 }
523
524 .rightAlign{
525 padding: 3px 5px 3px 10px;
526 text-align: right;
527 }
528
529 /*
530 -----------
531 Content table
532 -----------
533 */
534
535 @media print{
536 .toc {
537 float: right;
538 padding-bottom: 10px;
539 padding-top: 50px;
540 width: 100%;
541 background-image:url(../images/bgrContent.png);
542 background-position:top;
543 background-repeat:no-repeat;
544 }
545 }
546
547 @media screen{
548 .toc{
549 clear:both;
550 float:right;
551 vertical-align:top;
552 -moz-border-radius: 7px 7px 7px 7px;
553 -webkit-border-radius: 7px 7px 7px 7px;
554 border-radius: 7px 7px 7px 7px;
555  background:#FFF url(../images/bgrContent.png);
556 background-position:top;
557 background-repeat:repeat-x;
558 border: 1px solid #E6E6E6;
559 padding-left:5px;
560 padding-bottom:10px;
561 height: auto;
562 width: 200px;
563 text-align:left;
564 z-index:2;
565 margin-left:20px;
566 margin-right:20px;
567 margin-top:0px;
568 padding-top:0px;
569 }
570 }
571
572 .toc h3{
573 text-decoration:none;
574 }
575
576 .toc h3{font: 500 14px/1.2 Arial;
577 font-weight:100;
578 padding:0px;
579 margin:0px;
580 padding-top:5px;
581 padding-left:5px;
582 }
583
584
585 .toc ul{
586 width:160px;
587 padding-left:10px;
588 padding-right:5px;
589 padding-bottom:10px;
590 padding-top:10px;
591 }
592
593 .toc ul li{
594 margin-left:20px;
595 list-style-image:url(../images/blu_dot.png);
596 list-style:outside;
597
598 }
599
600
601 .toc ul li a:link{
602 color: #2C418D;
603 text-decoration: none;
604 }
605
606 .toc ul li a:hover{
607 color: #869CD1;
608 text-decoration:underline;
609
610 }
611
612 .toc ul li a:visited{
613 color: #869CD1;
614 font-weight: bold;
615 }
616
617 .level1{
618 border:none;}
619
620 .clearfix{
621 clear:both;}
622