1body {
2    font: normal 400 14px/1.2 Arial;
3    margin-top: 85px;
4    font-family: Arial, Helvetica;
5    text-align: left;
6    margin-left: 5px;
7    margin-right: 5px;
8    background-color: #fff;
9}
10
11p {
12    line-height: 20px
13}
14
15img {
16    margin-left: 0px;
17    max-width: 800px;
18    height: auto;
19}
20
21.content .border img {
22    box-shadow:3px 3px 8px 3px rgba(200,200,200,0.5)
23}
24
25.content .border .player {
26    box-shadow:3px 3px 8px 3px rgba(200,200,200,0.5)
27}
28
29.content .indexboxcont li {
30     font: normal bold 13px/1 Verdana
31 }
32
33.content .normallist li {
34     font: normal 13px/1 Verdana
35 }
36
37.descr {
38    margin-top: 35px;
39    margin-bottom: 45px;
40    margin-left: 5px;
41    text-align: left;
42    vertical-align: top;
43}
44
45.name {
46    max-width: 75%;
47    font-weight: 100;
48}
49
50tt {
51    text-align: left
52}
53
54/*
55-----------
56links
57-----------
58*/
59
60a:link {
61    color: #007330;
62    text-decoration: none;
63    text-align: left;
64}
65
66a.qa-mark:target:before {
67    content: "***";
68    color: #ff0000;
69}
70
71a:hover {
72    color: #44a51c;
73    text-align: left;
74}
75
76a:visited {
77    color: #007330;
78    text-align: left;
79}
80
81a:visited:hover {
82    color: #44a51c;
83    text-align: left;
84}
85
86/*
87-----------
88offline viewing: HTML links display an icon
89-----------
90*/
91
92a[href*="http://"], a[href*="ftp://"], a[href*="https://"] {
93    text-decoration: none;
94    background-image: url(../images/ico_out.png);
95    background-repeat: no-repeat;
96    background-position: left;
97    padding-left: 20px;
98    text-align: left;
99}
100
101.flags {
102    text-decoration: none;
103    text-height: 24px;
104}
105
106.flags:target {
107    background-color: #FFFFD6;
108}
109
110/*
111-------------------------------
112NOTE styles
113-------------------------------
114*/
115
116.notetitle, .tiptitle, .fastpathtitle {
117    font-weight: bold
118}
119
120.attentiontitle, .cautiontitle, .dangertitle, .importanttitle, .remembertitle, .restrictiontitle {
121    font-weight: bold
122}
123
124.note, .tip, .fastpath {
125    background: #F2F2F2 url(../images/ico_note.png);
126    background-repeat: no-repeat;
127    background-position: top left;
128    padding: 5px;
129    padding-left: 40px;
130    padding-bottom: 10px;
131    border: #999 1px dotted;
132    color: #666666;
133    margin: 5px;
134}
135
136.attention, .caution, .danger, .important, .remember, .restriction {
137    background: #F2F2F2 url(../images/ico_note_attention.png);
138    background-repeat: no-repeat;
139    background-position: top left;
140    padding: 5px;
141    padding-left: 40px;
142    padding-bottom: 10px;
143    border: #999 1px dotted;
144    color: #666666;
145    margin: 5px;
146}
147
148/*
149-------------------------------
150Top navigation
151-------------------------------
152*/
153
154.qtref {
155    display: block;
156    position: relative;
157    height: 15px;
158    z-index: 1;
159    font-size: 11px;
160    padding-right: 10px;
161    float: right;
162}
163
164.naviNextPrevious {
165    clear: both;
166    display: block;
167    position: relative;
168    text-align: right;
169    top: -47px;
170    float: right;
171    height: 20px;
172    z-index: 1;
173    padding-right: 10px;
174    padding-top: 2px;
175    vertical-align: top;
176    margin: 0px;
177}
178
179.naviNextPrevious > a:first-child {
180     background-image: url(../images/btn_prev.png);
181     background-repeat: no-repeat;
182     background-position: left;
183     padding-left: 20px;
184     height: 20px;
185     padding-left: 20px;
186 }
187
188.naviNextPrevious > a:last-child {
189     background-image: url(../images/btn_next.png);
190     background-repeat: no-repeat;
191     background-position: right;
192     padding-right: 20px;
193     height: 20px;
194     margin-left: 30px;
195 }
196
197.naviSeparator { display: none }
198/*
199-----------
200footer and license
201-----------
202*/
203
204.footer {
205    text-align: left;
206    padding-top: 45px;
207    padding-left: 5px;
208    margin-top: 45px;
209    margin-bottom: 45px;
210    font-size: 10px;
211    border-top: 1px solid #999;
212}
213
214.footer p {
215    line-height: 14px;
216    font-size: 11px;
217    padding: 0;
218    margin: 0;
219}
220
221.footer a[href*="http://"], a[href*="ftp://"], a[href*="https://"] {
222    font-weight: bold;
223}
224
225.footerNavi {
226    width: auto;
227    text-align: right;
228    margin-top: 50px;
229    z-index: 1;
230}
231
232.navigationbar {
233    display: block;
234    position: relative;
235    top: -20px;
236    border-top: 1px solid #cecece;
237    border-bottom: 1px solid #cecece;
238    background-color: #F2F2F2;
239    z-index: 1;
240    height: 20px;
241    padding-left: 7px;
242    margin: 0px;
243    padding-top: 2px;
244    margin-left: -5px;
245    margin-right: -5px;
246}
247
248.navigationbar .first {
249     background: url(../images/home.png);
250     background-position: left;
251     background-repeat: no-repeat;
252     padding-left: 20px;
253 }
254
255.navigationbar ul {
256     margin: 0px;
257     padding: 0px;
258 }
259
260  .navigationbar ul li {
261      list-style-type: none;
262      padding-top: 2px;
263      padding-left: 4px;
264      margin: 0;
265      height: 20px;
266  }
267
268.navigationbar li {
269     float: left
270 }
271
272  .navigationbar li a, .navigationbar td a {
273      display: block;
274      text-decoration: none;
275      background: url(../images/arrow_bc.png);
276      background-repeat: no-repeat;
277      background-position: right;
278      padding-right: 17px;
279  }
280
281table.buildversion {
282      float: right;
283      margin-top: -18px !important;
284}
285
286.navigationbar table {
287      border-radius: 0;
288      border: 0 none;
289      background-color: #F2F2F2;
290      margin: 0;
291}
292
293.navigationbar table td {
294    padding: 0;
295    border: 0 none;
296}
297
298#buildversion {
299    font-style: italic;
300    font-size: small;
301    float: right;
302    margin-right: 5px;
303}
304
305/*
306
307/* table of content
308no display
309*/
310
311/*
312-----------
313headers
314-----------
315*/
316
317@media screen {
318    .title {
319        color: #313131;
320        font-size: 24px;
321        font-weight: normal;
322        left: 0;
323        padding-bottom: 20px;
324        padding-left: 10px;
325        padding-top: 20px;
326        position: absolute;
327        right: 0;
328        top: 0;
329        background-color: #E6E6E6;
330        border-bottom: 1px #CCC solid;
331        border-top: 2px #CCC solid;
332        font-weight: bold;
333        margin-left: 0px;
334        margin-right: 0px;
335    }
336    .subtitle, .small-subtitle {
337        display: block;
338        clear: left;
339    }
340}
341
342h1 {
343    margin: 0
344}
345
346h2, p.h2 {
347    font: 500 16px/1.2 Arial;
348    font-weight: 100;
349    background-color: #F2F3F4;
350    padding: 4px;
351    margin-bottom: 30px;
352    margin-top: 30px;
353    border-top: #E0E0DE 1px solid;
354    border-bottom: #E0E0DE 1px solid;
355    max-width: 99%;
356}
357
358h2:target {
359    background-color: #F2F3D4;
360}
361
362h3 {
363    font: 500 14px/1.2 Arial;
364    font-weight: 100;
365    text-decoration: underline;
366    margin-bottom: 30px;
367    margin-top: 30px;
368}
369
370h3.fn, span.fn {
371    border-width: 1px;
372    border-style: solid;
373    border-color: #E6E6E6;
374    -moz-border-radius: 7px 7px 7px 7px;
375    -webkit-border-radius: 7px 7px 7px 7px;
376    border-radius: 7px 7px 7px 7px;
377    background-color: #F6F6F6;
378    word-spacing: 3px;
379    padding: 5px 5px;
380    text-decoration: none;
381    font-weight: bold;
382    max-width: 75%;
383    font-size: 14px;
384    margin: 0px;
385    margin-top: 45px;
386}
387h3.fn code {
388    float: right;
389}
390h3.fn:target {
391    background-color: #F6F6D6;
392}
393
394.name {
395    color: #1A1A1A
396}
397
398.type {
399    color: #808080
400}
401
402@media print {
403    .title {
404        color: #0066CB;
405        font-family: Arial, Helvetica;
406        font-size: 32px;
407        font-weight: normal;
408        left: 0;
409        position: absolute;
410        right: 0;
411        top: 0;
412    }
413}
414
415/*
416-----------------
417table styles
418-----------------
419*/
420
421.table img {
422    border: none;
423    margin-left: 0px;
424    -moz-box-shadow: 0px 0px 0px #fff;
425    -webkit-box-shadow: 0px 0px 0px #fff;
426    box-shadow: 0px 0px 0px #fff;
427}
428
429/* table with border alternative colours*/
430
431table, pre, .LegaleseLeft {
432    -moz-border-radius: 7px 7px 7px 7px;
433    -webkit-border-radius: 7px 7px 7px 7px;
434    border-radius: 7px 7px 7px 7px;
435    background-color: #F6F6F6;
436    border: 1px solid #E6E6E6;
437    border-collapse: separate;
438    margin-bottom: 25px;
439    margin-left: 15px;
440    font-size: 12px;
441    line-height: 1.2;
442}
443
444 table tr.even {
445     background-color: white;
446     color: #66666E;
447 }
448
449 table tr.odd {
450     background-color: #F6F6F6;
451     color: #66666E;
452 }
453
454 table tr:target {
455     background-color: #F6F6D6;
456 }
457
458 table thead {
459     text-align: left;
460     padding-left: 20px;
461     background-color: #e1e0e0;
462     border-left: none;
463     border-right: none;
464 }
465
466  table thead th {
467      padding-top: 5px;
468      padding-left: 10px;
469      padding-bottom: 5px;
470      border-bottom: 2px solid #D1D1D1;
471      padding-right: 10px;
472  }
473
474 table th {
475     text-align: left;
476     padding-left: 20px;
477 }
478
479 table td {
480     padding: 3px 15px 3px 20px;
481     border-bottom: #CCC dotted 1px;
482 }
483
484 table p {
485     margin: 0px
486 }
487
488.LegaleseLeft {
489    font-family: monospace;
490    white-space: pre-wrap;
491}
492/* table bodless & white*/
493
494.borderless {
495    border-radius: 0px 0px 0px 0px;
496    background-color: #fff;
497    border: 1px solid #fff;
498}
499
500.borderless tr {
501     background-color: #FFF;
502     color: #66666E;
503 }
504
505.borderless td {
506     border: none;
507     border-bottom: #fff dotted 1px;
508 }
509
510/*
511-----------
512List
513-----------
514*/
515
516ul {
517    margin-top: 10px;
518}
519
520li {
521    margin-bottom: 10px;
522    padding-left: 8px;
523    list-style: outside;
524    text-align: left;
525}
526
527 ul > li {
528    list-style-type: square;
529 }
530
531ol {
532    margin: 10px;
533    padding: 0;
534}
535
536ol.A > li {
537    list-style-type: upper-alpha;
538}
539
540ol.a > li{
541    list-style-type: lower-alpha;
542}
543
544 ol > li {
545     margin-left: 30px;
546     padding-left: 8px;
547     list-style: decimal;
548 }
549
550.centerAlign {
551    text-align: left
552}
553
554.cpp, .LegaleseLeft {
555    display: block;
556    margin: 10px;
557    overflow: auto;
558    padding: 20px 20px 20px 20px;
559}
560
561.js {
562    display: block;
563    margin: 10px;
564    overflow: auto;
565    padding: 20px 20px 20px 20px;
566}
567
568.memItemLeft {
569    padding-right: 3px
570}
571
572.memItemRight {
573    padding: 3px 15px 3px 0
574}
575
576.qml {
577    display: block;
578    margin: 10px;
579    overflow: auto;
580    padding: 20px 20px 20px 20px;
581}
582
583.qmldefault {
584    padding-left: 5px;
585    float: right;
586    color: red;
587}
588
589.qmlreadonly {
590    padding-left: 5px;
591    float: right;
592    color: #254117;
593}
594
595.rightAlign {
596    padding: 3px 5px 3px 10px;
597    text-align: right;
598}
599
600.qmldoc {
601    margin-left: 15px
602}
603
604.flowList {
605  padding: 25px
606}
607.flowList dd {
608  display: inline-block;
609  margin-left: 10px;
610  width: 255px;
611  line-height: 1.15em;
612  overflow-x: hidden;
613  text-overflow: ellipsis
614}
615.alphaChar {
616  font-size: 2em;
617  position: relative
618}
619/*
620-----------
621Content table
622-----------
623*/
624
625@media print {
626    .toc {
627        float: right;
628        clear: right;
629        padding-bottom: 10px;
630        padding-top: 50px;
631        width: 100%;
632        background-image: url(../images/bgrContent.png);
633        background-position: top;
634        background-repeat: no-repeat;
635    }
636}
637
638@media screen {
639    .toc {
640        float: right;
641        clear: right;
642        vertical-align: top;
643        -moz-border-radius: 7px 7px 7px 7px;
644        -webkit-border-radius: 7px 7px 7px 7px;
645        border-radius: 7px 7px 7px 7px;
646        background: #FFF url('../images/bgrContent.png');
647        background-position: top;
648        background-repeat: repeat-x;
649        border: 1px solid #E6E6E6;
650        padding-left: 5px;
651        padding-bottom: 10px;
652        height: auto;
653        width: 200px;
654        text-align: left;
655        margin-left: 20px;
656    }
657}
658
659
660.toc h3 {
661    text-decoration: none
662}
663
664.toc h3 {
665    font: 500 14px/1.2 Arial;
666    font-weight: 100;
667    padding: 0px;
668    margin: 0px;
669    padding-top: 5px;
670    padding-left: 5px;
671}
672
673.toc ul {
674    padding-left: 10px;
675    padding-right: 5px;
676}
677
678.toc ul li {
679     margin-left: 15px;
680     list-style-image: url(../images/bullet_dn.png);
681     marker-offset: 0px;
682     margin-bottom: 8px;
683     padding-left: 0px;
684 }
685
686.toc .level1 {
687    border: none
688}
689
690.toc .level2 {
691    border: none;
692    margin-left: 25px;
693}
694
695.level3 {
696    border: none;
697    margin-left: 30px;
698}
699
700.clearfix {
701    clear: both
702}
703
704/*
705-----------
706Landing page
707-----------
708*/
709
710.col-group {
711    white-space: nowrap;
712    vertical-align: top;
713}
714
715
716.landing h2 {
717    background-color: transparent;
718    border: none;
719    margin-bottom: 0px;
720    font-size: 18px;
721}
722
723.landing a, .landing li {
724    font-size: 13px;
725    font-weight: bold !important;
726}
727
728.col-1 {
729    display: inline-block;
730    white-space: normal;
731    width: 70%;
732    height: 100%;
733    float: left;
734}
735
736.col-2 {
737    display: inline-block;
738    white-space: normal;
739    width: 20%;
740    margin-left: 5%;
741    position: relative;
742    top: -20px;
743}
744
745.col-1 h1 {
746     margin: 20px 0 0 0;
747 }
748
749.col-1 h2 {
750    font-size: 18px;
751    font-weight: bold !important;
752}
753
754.landingicons {
755    display: inline-block;
756    width: 100%;
757}
758
759.icons1of3 {
760    display: inline-block;
761    width: 33.3333%;
762    float: left;
763}
764
765.icons1of3 h2, .doc-column h2 {
766    font-size: 15px;
767    margin: 0px;
768    padding: 0px;
769}
770
771div.multi-column {
772    position: relative;
773}
774
775div.multi-column div {
776    display: -moz-inline-box;
777    display: inline-block;
778    vertical-align: top;
779    margin-top: 1em;
780    margin-right: 4em;
781    width: 24em;
782}
783