1/* The standard CSS for doxygen */
2
3/* @group Heading Levels */
4
5div.contents .textblock h1 {
6    text-align: left;
7    font-size: 20pt;
8    font-weight: normal;
9    margin-top: 1.5em;
10    padding: 0 0 0.4em 0;
11    border-bottom: 1px solid #999;
12    border-top-width: 0;
13    border-left-width: 0;
14    border-right-width: 0;
15    background-color: transparent;
16}
17
18h1.groupheader {
19    font-size: 150%;
20}
21
22.title {
23    font-size: 20pt;
24    font-weight: normal;
25    margin: 10px 2px;
26}
27
28dt {
29    font-weight: bold;
30}
31
32div.multicol {
33    -moz-column-gap: 1em;
34    -webkit-column-gap: 1em;
35    -moz-column-count: 3;
36    -webkit-column-count: 3;
37}
38
39p.startli, p.startdd, p.starttd {
40    margin-top: 2px;
41}
42
43p.endli {
44    margin-bottom: 0px;
45}
46
47p.enddd {
48    margin-bottom: 4px;
49}
50
51p.endtd {
52    margin-bottom: 2px;
53}
54
55/* @end */
56
57caption {
58    font-weight: bold;
59}
60
61span.legend {
62    font-size: 70%;
63    text-align: center;
64}
65
66h3.version {
67    font-size: 90%;
68    text-align: center;
69}
70
71div.qindex {
72    margin-bottom: 1em;
73}
74
75div.qindex, div.navtab{
76    background-color: #eee;
77    border: 1px solid #999;
78    text-align: center;
79}
80
81div.qindex, div.navpath {
82    width: 100%;
83    line-height: 140%;
84}
85
86div.navtab {
87    margin-right: 15px;
88}
89
90/* @group Link Styling */
91
92a.qindex {
93    font-weight: bold;
94}
95
96a.qindexHL {
97    font-weight: bold;
98    background-color: #9CAFD4;
99    color: #ffffff;
100    border: 1px double #869DCA;
101}
102
103/* @end */
104
105dl.el {
106    margin-left: -1cm;
107}
108
109a.el {
110    padding: 1px;
111    text-decoration: none;
112    color: #577E25;
113}
114
115a.el:hover {
116    text-decoration: underline;
117}
118
119pre.fragment {
120    /*border: 1px solid #C4CFE5;
121    background-color: #FBFCFD;
122    padding: 4px 6px;
123    margin: 4px 8px 4px 2px;
124    overflow: auto;
125    word-wrap: break-word;
126    font-size:  9pt;
127    line-height: 125%;
128    font-family: monospace, fixed;
129    font-size: 105%;*/
130    font-family: Consolas, "Liberation Mono", Courier, monospace;
131    font-size: 10pt;
132    padding: 0.5em 1em;
133    background-color: #f5f5f5;
134    border: 1px solid #bbb;
135    border-radius(5px);
136}
137
138div.fragment {
139    /*margin: 0 0 0 5px;
140    padding: 0.5em 1em;
141    font-family: Consolas, "Liberation Mono", Courier, monospace;
142    font-size: 10pt;
143    background-color: #eef7e3;
144    border-left: 3px solid #8DC841;
145    border-right: 0;
146    border-bottom: 0;*/
147
148    font-family: Consolas, "Liberation Mono", Courier, monospace;
149    font-size: 10pt;
150    padding: 0.5em 1em;
151    background-color: #f5f5f5;
152    border: 1px solid #bbb;
153    border-radius(5px);
154}
155
156div.line {
157    min-height: 13px;
158    text-wrap: unrestricted;
159    white-space: -moz-pre-wrap; /* Moz */
160    white-space: -pre-wrap;     /* Opera 4-6 */
161    white-space: -o-pre-wrap;   /* Opera 7 */
162    white-space: pre-wrap;      /* CSS3  */
163    word-wrap: break-word;      /* IE 5.5+ */
164    text-indent: -53px;
165    padding-left: 53px;
166    padding-bottom: 0px;
167    margin: 0px;
168    line-height: normal;
169}
170
171span.lineno {
172    padding-right: 4px;
173    text-align: right;
174    background-color: #E8E8E8;
175    white-space: pre;
176}
177
178div.ah {
179    width: 100%;
180    background-color: #eee;
181    font-weight: bold;
182    color: #000;
183    margin-bottom: 1px;
184    margin-top: 1px;
185    border: solid 1px #999;
186}
187
188div.groupHeader {
189    margin-left: 16px;
190    margin-top: 12px;
191    font-weight: bold;
192}
193
194div.groupText {
195    margin-left: 16px;
196    font-style: italic;
197}
198
199body {
200    background-color: white;
201    color: black;
202    margin: 0;
203}
204
205div.contents {
206    width: 950px;
207    margin: 0 auto;
208}
209
210td.indexkey {
211    background-color: #EBEFF6;
212    font-weight: bold;
213    border: 1px solid #C4CFE5;
214    margin: 2px 0px 2px 0;
215    padding: 2px 10px;
216    white-space: nowrap;
217    vertical-align: top;
218}
219
220td.indexvalue {
221    background-color: #EBEFF6;
222    border: 1px solid #C4CFE5;
223    padding: 2px 10px;
224    margin: 2px 0px;
225}
226
227tr.memlist {
228    background-color: #EEF1F7;
229}
230
231p.formulaDsp {
232    text-align: center;
233}
234
235img.formulaDsp {
236
237}
238
239img.formulaInl {
240    vertical-align: middle;
241}
242
243div.center {
244    text-align: center;
245    margin-top: 0px;
246    margin-bottom: 0px;
247    padding: 0px;
248}
249
250div.center img {
251    border: 0px;
252}
253
254address.footer {
255    text-align: right;
256    padding-right: 12px;
257}
258
259img.footer {
260    border: 0px;
261    vertical-align: middle;
262}
263
264/* @group Code Colorization */
265
266span.keyword {
267    color: #008000
268}
269
270span.keywordtype {
271    color: #604020
272}
273
274span.keywordflow {
275    color: #e08000
276}
277
278span.comment {
279    color: #800000
280}
281
282span.preprocessor {
283    color: #806020
284}
285
286span.stringliteral {
287    color: #002080
288}
289
290span.charliteral {
291    color: #008080
292}
293
294span.vhdldigit {
295    color: #ff00ff
296}
297
298span.vhdlchar {
299    color: #000000
300}
301
302span.vhdlkeyword {
303    color: #700070
304}
305
306span.vhdllogic {
307    color: #ff0000
308}
309
310blockquote {
311    background-color: #F7F8FB;
312    border-left: 2px solid #9CAFD4;
313    margin: 0 24px 0 4px;
314    padding: 0 12px 0 16px;
315}
316
317/* @end */
318
319td.tiny {
320    font-size: 75%;
321}
322
323.dirtab {
324    padding: 4px;
325    border-collapse: collapse;
326    border: 1px solid #A3B4D7;
327}
328
329th.dirtab {
330    background: #EBEFF6;
331    font-weight: bold;
332}
333
334hr {
335    display: none;
336    height: 0px;
337    border: none;
338    border-top: 1px solid #4A6AAA;
339}
340
341hr.footer {
342    height: 1px;
343}
344
345/* @group Member Descriptions */
346
347table.memberdecls {
348    border-spacing: 0px;
349    padding: 0px;
350}
351
352.memberdecls td, .fieldtable tr {
353    -webkit-transition-property: background-color, box-shadow;
354    -webkit-transition-duration: 0.5s;
355    -moz-transition-property: background-color, box-shadow;
356    -moz-transition-duration: 0.5s;
357    -ms-transition-property: background-color, box-shadow;
358    -ms-transition-duration: 0.5s;
359    -o-transition-property: background-color, box-shadow;
360    -o-transition-duration: 0.5s;
361    transition-property: background-color, box-shadow;
362    transition-duration: 0.5s;
363}
364
365.memberdecls td.glow, .fieldtable tr.glow {
366    background-color: cyan;
367    /*box-shadow: 0 0 15px cyan;*/
368}
369
370.mdescLeft, .mdescRight,
371.memItemLeft, .memItemRight,
372.memTemplItemLeft, .memTemplItemRight, .memTemplParams {
373    background-color: #F9FAFC;
374    border: none;
375    margin: 4px;
376    padding: 1px 0 0 8px;
377}
378
379.mdescLeft, .mdescRight {
380    padding: 0px 8px 4px 8px;
381    color: #555;
382}
383
384.memSeparator {
385    border-bottom: 1px solid #DEE4F0;
386    line-height: 1px;
387    margin: 0px;
388    padding: 0px;
389}
390
391.memItemLeft, .memTemplItemLeft {
392    white-space: nowrap;
393}
394
395.memItemRight {
396    width: 100%;
397}
398
399.memTemplParams {
400    color: #4665A2;
401    white-space: nowrap;
402    font-size: 80%;
403}
404
405/* @end */
406
407/* @group Member Details */
408
409/* Styles for detailed member documentation */
410
411.memtemplate {
412    font-size: 80%;
413    color: #4665A2;
414    font-weight: normal;
415    margin-left: 9px;
416}
417
418.memtitle {
419  display: none;
420}
421
422.memnav {
423    background-color: #EBEFF6;
424    border: 1px solid #A3B4D7;
425    text-align: center;
426    margin: 2px;
427    margin-right: 15px;
428    padding: 2px;
429}
430
431.mempage {
432    width: 100%;
433}
434
435.memitem {
436    padding: 0;
437    /*margin-bottom: 10px;*/
438    margin-right: 5px;
439    display: table !important;
440    width: 100%;
441}
442
443.memname {
444    font-weight: bold;
445    margin-left: 6px;
446}
447
448.memname td {
449    vertical-align: bottom;
450}
451
452.memproto, dl.reflist dt {
453    border-top: 1px solid #A8B8D9;
454    border-left: 1px solid #A8B8D9;
455    border-right: 1px solid #A8B8D9;
456    padding: 6px 0px 6px 0px;
457    color: #000;
458    font-weight: bold;
459    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
460    background-color: #eee;
461    border-top-right-radius: 4px;
462    border-top-left-radius: 4px;
463    -moz-border-radius-topright: 4px;
464    -moz-border-radius-topleft: 4px;
465    -webkit-border-top-right-radius: 4px;
466    -webkit-border-top-left-radius: 4px;
467
468}
469
470.memdoc, dl.reflist dd {
471    border: 1px solid #A8B8D9;
472    padding: 6px 10px 2px 10px;
473    background-color: #FBFCFD;
474    background-color: #FFFFFF;
475    border-bottom-left-radius: 4px;
476    border-bottom-right-radius: 4px;
477    -moz-border-radius-bottomleft: 4px;
478    -moz-border-radius-bottomright: 4px;
479    -webkit-border-bottom-left-radius: 4px;
480    -webkit-border-bottom-right-radius: 4px;
481}
482
483dl.reflist dt {
484    padding: 5px;
485}
486
487dl.reflist dd {
488    margin: 0px 0px 10px 0px;
489    padding: 5px;
490}
491
492.paramkey {
493    text-align: right;
494}
495
496.paramtype {
497    white-space: nowrap;
498}
499
500.paramname {
501    color: #602020;
502    white-space: nowrap;
503}
504.paramname em {
505    font-style: normal;
506}
507.paramname code {
508    line-height: 14px;
509}
510
511.params, .retval, .exception, .tparams {
512    margin-left: 0px;
513    padding-left: 0px;
514}
515
516.params .paramname, .retval .paramname {
517    font-weight: bold;
518    vertical-align: top;
519}
520
521.params .paramtype {
522    font-style: italic;
523    vertical-align: top;
524}
525
526.params .paramdir {
527    font-family: "courier new",courier,monospace;
528    vertical-align: top;
529}
530
531table.mlabels {
532    border-spacing: 0px;
533}
534
535td.mlabels-left {
536    width: 100%;
537    padding: 0px;
538}
539
540td.mlabels-right {
541    vertical-align: bottom;
542    padding: 0px;
543    white-space: nowrap;
544}
545
546span.mlabels {
547    margin-left: 8px;
548}
549
550span.mlabel {
551    background-color: #728DC1;
552    border-top:1px solid #5373B4;
553    border-left:1px solid #5373B4;
554    border-right:1px solid #C4CFE5;
555    border-bottom:1px solid #C4CFE5;
556    text-shadow: none;
557    color: white;
558    margin-right: 4px;
559    padding: 2px 3px;
560    border-radius: 3px;
561    font-size: 7pt;
562    white-space: nowrap;
563    vertical-align: middle;
564}
565
566
567
568/* @end */
569
570/* these are for tree view when not used as main index */
571
572div.directory {
573    margin: 10px 0px;
574    border-top: 1px solid #bbb;
575    width: 100%;
576}
577
578.directory table {
579    border-collapse:collapse;
580}
581
582.directory td {
583    margin: 0px;
584    padding: 0px;
585    vertical-align: top;
586}
587
588.directory td.entry {
589    white-space: nowrap;
590    padding: 5px 5px 5px 0;
591}
592
593.directory td.entry a {
594    outline:none;
595}
596
597.directory td.entry a img {
598    border: none;
599}
600
601.directory td.desc {
602    width: 100%;
603    padding-left: 6px;
604    padding-right: 6px;
605    padding-top: 3px;
606    /*border-left: 1px solid rgba(0,0,0,0.05);*/
607}
608
609.directory tr.even {
610    padding-left: 6px;
611    background-color: #F7F8FB;
612}
613
614.directory img {
615    vertical-align: -30%;
616}
617
618.directory .levels {
619    white-space: nowrap;
620    width: 100%;
621    text-align: right;
622    font-size: 9pt;
623}
624
625.directory .levels span {
626    cursor: pointer;
627    padding-left: 2px;
628    padding-right: 2px;
629    color: #3D578C;
630}
631
632div.dynheader {
633    margin-top: 8px;
634    -webkit-touch-callout: none;
635    -webkit-user-select: none;
636    -khtml-user-select: none;
637    -moz-user-select: none;
638    -ms-user-select: none;
639    user-select: none;
640}
641
642address {
643    font-style: normal;
644    color: #2A3D61;
645}
646
647table table {
648    width: 90%;
649}
650
651.memitem table table {
652    width: auto;
653}
654
655table.doxtable {
656    border-collapse:collapse;
657    margin-top: 4px;
658    margin-bottom: 4px;
659}
660
661table.doxtable td, table.doxtable th {
662    border: 1px solid #2D4068;
663    padding: 3px 7px 2px;
664}
665
666table.doxtable th {
667    background-color: #374F7F;
668    color: #FFFFFF;
669    font-size: 110%;
670    padding-bottom: 4px;
671    padding-top: 5px;
672}
673
674table.fieldtable {
675    width: 100%;
676    margin-bottom: 10px;
677    border: 1px solid #A8B8D9;
678    border-spacing: 0px;
679    -moz-border-radius: 4px;
680    -webkit-border-radius: 4px;
681    border-radius: 4px;
682}
683
684.fieldtable td, .fieldtable th {
685    padding: 3px 7px 2px;
686}
687
688.fieldtable td.fieldtype, .fieldtable td.fieldname {
689    white-space: nowrap;
690    border-right: 1px solid #A8B8D9;
691    border-bottom: 1px solid #A8B8D9;
692    vertical-align: top;
693}
694
695.fieldtable td.fielddoc {
696    border-bottom: 1px solid #A8B8D9;
697    width: 100%;
698}
699
700.fieldtable tr:last-child td {
701    border-bottom: none;
702}
703
704.fieldtable th {
705    background-color: #E2E8F2;
706    font-size: 90%;
707    color: #253555;
708    padding-bottom: 4px;
709    padding-top: 5px;
710    text-align:left;
711    -moz-border-radius-topleft: 4px;
712    -moz-border-radius-topright: 4px;
713    -webkit-border-top-left-radius: 4px;
714    -webkit-border-top-right-radius: 4px;
715    border-top-left-radius: 4px;
716    border-top-right-radius: 4px;
717    border-bottom: 1px solid #A8B8D9;
718}
719
720
721.tabsearch {
722    top: 0px;
723    left: 10px;
724    height: 36px;
725    z-index: 101;
726    overflow: hidden;
727    font-size: 13px;
728}
729
730.navpath {
731    display: none;
732}
733
734.navpath ul {
735    font-size: 11px;
736    height:30px;
737    line-height:30px;
738    color:#8AA0CC;
739    border:solid 1px #C2CDE4;
740    overflow:hidden;
741    margin:0px;
742    padding:0px;
743}
744
745.navpath li {
746    list-style-type:none;
747    float:left;
748    padding-left:10px;
749    padding-right:15px;
750    color:#364D7C;
751}
752
753.navpath li.navelem a {
754    height:32px;
755    display:block;
756    text-decoration: none;
757    outline: none;
758    color: #283A5D;
759    font-family: 'Lucida Grande',Geneva,Helvetica,Arial,sans-serif;
760    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
761    text-decoration: none;
762}
763
764.navpath li.navelem a:hover {
765    color:#6884BD;
766}
767
768.navpath li.footer {
769    list-style-type:none;
770    float:right;
771    padding-left:10px;
772    padding-right:15px;
773    background-image:none;
774    background-repeat:no-repeat;
775    background-position:right;
776    color:#364D7C;
777    font-size: 8pt;
778}
779
780
781div.summary {
782    font-size: 8pt;
783    padding-right: 5px;
784}
785
786div.summary a {
787    white-space: nowrap;
788    padding: 1px;
789    text-decoration: none;
790    color: #577E25;
791}
792
793div.summary a:hover {
794    text-decoration: underline;
795}
796
797div.ingroups {
798    font-size: 8pt;
799    width: 50%;
800    text-align: left;
801}
802
803div.ingroups a {
804    white-space: nowrap;
805}
806
807div.header {
808    width: 950px;
809    margin: 2em auto;
810    border-bottom: 1px solid #999;
811}
812
813dl {
814    padding: 0 0 0 10px;
815}
816
817/* dl.note, dl.warning, dl.attention, dl.pre, dl.post, dl.invariant, dl.deprecated, dl.todo, dl.test, dl.bug */
818dl.section {
819    margin-left: 0px;
820    padding-left: 0px;
821}
822
823dl.note {
824    margin-left:-7px;
825    padding-left: 3px;
826    border-left:4px solid;
827    border-color: #D0C000;
828}
829
830dl.warning, dl.attention {
831    margin-left:-7px;
832    padding-left: 3px;
833    border-left:4px solid;
834    border-color: #FF0000;
835}
836
837dl.pre, dl.post, dl.invariant {
838    margin-left:-7px;
839    padding-left: 3px;
840    border-left:4px solid;
841    border-color: #00D000;
842}
843
844dl.deprecated {
845    margin-left:-7px;
846    padding-left: 3px;
847    border-left:4px solid;
848    border-color: #505050;
849}
850
851dl.todo {
852    margin-left:-7px;
853    padding-left: 3px;
854    border-left:4px solid;
855    border-color: #00C0E0;
856}
857
858dl.test {
859    margin-left:-7px;
860    padding-left: 3px;
861    border-left:4px solid;
862    border-color: #3030E0;
863}
864
865dl.bug {
866    margin-left:-7px;
867    padding-left: 3px;
868    border-left:4px solid;
869    border-color: #C08050;
870}
871
872dl.section dd {
873    margin-bottom: 6px;
874}
875
876
877#projectlogo {
878    text-align: center;
879    vertical-align: bottom;
880    border-collapse: separate;
881}
882
883#projectlogo img {
884    border: 0px none;
885}
886
887#projectname {
888    font: 300% Tahoma, Arial,sans-serif;
889    margin: 0px;
890    padding: 2px 0px;
891}
892
893#projectbrief {
894    font: 120% Tahoma, Arial,sans-serif;
895    margin: 0px;
896    padding: 0px;
897}
898
899#projectnumber {
900    font: 50% Tahoma, Arial,sans-serif;
901    margin: 0px;
902    padding: 0px;
903}
904
905#titlearea {
906    padding: 0px;
907    margin: 0px;
908    width: 100%;
909    border-bottom: 1px solid #5373B4;
910}
911
912.image {
913    text-align: center;
914}
915
916.dotgraph {
917    text-align: center;
918}
919
920.mscgraph {
921    text-align: center;
922}
923
924.caption {
925    font-weight: bold;
926}
927
928div.zoom {
929    border: 1px solid #90A5CE;
930}
931
932dl.citelist {
933    margin-bottom:50px;
934}
935
936dl.citelist dt {
937    color:#334975;
938    float:left;
939    font-weight:bold;
940    margin-right:10px;
941    padding:5px;
942}
943
944dl.citelist dd {
945    margin:2px 0;
946    padding:5px 0;
947}
948
949div.toc {
950    padding: 14px 25px;
951    background-color: #F4F6FA;
952    border: 1px solid #D8DFEE;
953    border-radius: 7px 7px 7px 7px;
954    float: right;
955    height: auto;
956    margin: 0 20px 10px 10px;
957    width: 200px;
958}
959
960div.toc li {
961    font: 10px/1.2 Verdana,DejaVu Sans,Geneva,sans-serif;
962    margin-top: 5px;
963    padding-left: 10px;
964    padding-top: 2px;
965}
966
967div.toc h3 {
968    font: bold 12px/1.2 Arial,FreeSans,sans-serif;
969    color: #4665A2;
970    border-bottom: 0 none;
971    margin: 0;
972}
973
974div.toc ul {
975    list-style: none outside none;
976    border: medium none;
977    padding: 0px;
978}
979
980div.toc li.level1 {
981    margin-left: 0px;
982}
983
984div.toc li.level2 {
985    margin-left: 15px;
986}
987
988div.toc li.level3 {
989    margin-left: 30px;
990}
991
992div.toc li.level4 {
993    margin-left: 45px;
994}
995
996.inherit_header {
997    font-weight: bold;
998    color: gray;
999    cursor: pointer;
1000    -webkit-touch-callout: none;
1001    -webkit-user-select: none;
1002    -khtml-user-select: none;
1003    -moz-user-select: none;
1004    -ms-user-select: none;
1005    user-select: none;
1006}
1007
1008.inherit_header td {
1009    padding: 6px 0px 2px 5px;
1010}
1011
1012.inherit {
1013    display: none;
1014}
1015
1016tr.heading h2 {
1017    margin-top: 12px;
1018    margin-bottom: 4px;
1019}
1020
1021@media print {
1022    #top { display: none; }
1023    #side-nav { display: none; }
1024    #nav-path { display: none; }
1025    body { overflow:visible; }
1026    h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
1027    .summary { display: none; }
1028    .memitem { page-break-inside: avoid; }
1029
1030    #doc-content {
1031        margin-left:0 !important;
1032        height:auto !important;
1033        width:auto !important;
1034        overflow:inherit;
1035        display:inline;
1036    }
1037}
1038
1039/* tabs.css */
1040.tabs, .tabs2, .tabs3 {
1041    width: 100%;
1042    z-index: 101;
1043    font-size: 11pt;
1044    background-color: #EAF5DB;
1045    border-left: 1px solid #999;
1046    border-right: 1px solid #999;
1047    border-bottom: 1px solid #999;
1048    padding: 0;
1049    margin: 0;
1050}
1051
1052.tabs2 {
1053    font-size: 10pt;
1054}
1055.tabs3 {
1056    font-size: 9pt;
1057}
1058
1059#navrow1 .tablist, #navrow2 .tablist, #navrow3 .tablist, #navrow4 .tablist {
1060    margin: 0;
1061    padding: 0;
1062    display: table;
1063}
1064
1065.tablist li {
1066    float: left;
1067    display: table-cell;
1068    list-style: none;
1069}
1070
1071#navrow1 {
1072    border-top: 1px solid #999;
1073    margin-top: 2em;
1074}
1075
1076#navrow1 .tablist a, #navrow2 .tablist a, #navrow3 .tablist a, #navrow4 .tablist a {
1077    display: block;
1078    margin: 8px 0;
1079    padding: 0 8px;
1080    border-right: 1px solid #bbb;
1081}
1082
1083.tablist li {
1084    margin-bottom: 0 !important;
1085}
1086
1087.tablist li.current a {
1088    font-weight: bold;
1089}
1090
1091
1092
1093
1094
1095/* SFML css */
1096body {
1097    font-family: 'Ubuntu', 'Arial', sans-serif;
1098    line-height: 140%;
1099    margin: 0 0 2em 0;
1100    padding: 0;
1101}
1102
1103#banner-container {
1104    width: 100%;
1105    margin-top: 25px;
1106    border-top: 2px solid #999;
1107    border-bottom: 2px solid #999;
1108    background-color: rgb(140, 200, 65);
1109}
1110
1111#banner {
1112    width: 950px;
1113    height: 60px;
1114    line-height: 54px;
1115    margin: 0 auto;
1116    text-align: center;
1117}
1118
1119#banner #sfml {
1120    display: inline;
1121    vertical-align: top;
1122    margin-left: 15px;
1123    color: #fff;
1124    font-size: 50pt;
1125    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
1126}
1127
1128#footer-container {
1129    clear: both;
1130    width: 100%;
1131    margin-top: 50px;
1132    border-top: 1px solid #999;
1133}
1134
1135#footer {
1136    width: 950px;
1137    margin: 10px auto;
1138    text-align: center;
1139    font-size: 10pt;
1140    color: #555;
1141}
1142
1143#footer a {
1144    padding: 1px;
1145    text-decoration: none;
1146    color: rgb(70, 100, 30);
1147}
1148
1149#footer a:hover {
1150    text-decoration: underline;
1151}
1152
1153div.contents, #content {
1154    width: 950px;
1155    margin: 0 auto;
1156    padding: 0;
1157}
1158
1159div.contents h1 {
1160    color: #333;
1161    padding: 0.5em 0;
1162    margin-top: 30px;
1163    margin-bottom: 0;
1164    text-align: center;
1165    font-size: 26pt;
1166    font-weight: normal;
1167}
1168
1169div.contents h2 {
1170    font-size: 20pt;
1171    font-weight: normal;
1172    margin-top: 1.5em;
1173    padding-bottom: 0.4em;
1174    border-bottom: 1px solid #999;
1175}
1176
1177div.contents h3 {
1178    font-size: 16pt;
1179    font-weight: normal;
1180}
1181
1182div.contents p {
1183    color: #333;
1184    text-align: justify;
1185}
1186
1187div.contents a, #content a {
1188    padding: 1px;
1189    text-decoration: none;
1190    color: rgb(70, 100, 30);
1191}
1192
1193div.contents a:hover, #content a:hover {
1194    text-decoration: underline;
1195}
1196
1197div.contents code {
1198    font-size: 11pt;
1199    font-family: Consolas, "Liberation Mono", Courier, monospace;
1200}
1201
1202div.contents pre code {
1203    font-family: Consolas, "Liberation Mono", Courier, monospace;
1204    font-size: 10pt;
1205    padding: 0.5em 1em;
1206    background-color: #f5f5f5;
1207    border: 1px solid #bbb;
1208}
1209
1210div.contents ul {
1211    list-style-type: square;
1212    list-style-position: outside;
1213    margin: 0 0 0 1.5em;
1214    padding: 0;
1215}
1216
1217div.contents ul li {
1218    color: #333;
1219    margin: 0 0 0.3em 0;
1220}
1221
1222
1223.icon {
1224    font-family: Arial, Helvetica;
1225    font-weight: bold;
1226    font-size: 12px;
1227    height: 14px;
1228    width: 16px;
1229    display: inline-block;
1230    background-color: #8cc445;
1231    color: white;
1232    text-align: center;
1233    border-radius: 4px;
1234    margin-left: 2px;
1235    margin-right: 2px;
1236    line-height: normal;
1237}
1238
1239.icona {
1240    width: 24px;
1241    height: 22px;
1242    display: inline-block;
1243}
1244
1245.iconfopen {
1246    width: 24px;
1247    height: 18px;
1248    margin-bottom: 4px;
1249    background-image:url('ftv2folderopen.png');
1250    background-position: 0px -4px;
1251    background-repeat: repeat-y;
1252    vertical-align:top;
1253    display: inline-block;
1254}
1255
1256.iconfclosed {
1257    width: 24px;
1258    height: 18px;
1259    margin-bottom: 4px;
1260    background-image:url('ftv2folderclosed.png');
1261    background-position: 0px -4px;
1262    background-repeat: repeat-y;
1263    vertical-align:top;
1264    display: inline-block;
1265}
1266
1267.icondoc {
1268    width: 24px;
1269    height: 18px;
1270    margin-bottom: 4px;
1271    background-image:url('ftv2doc.png');
1272    background-position: 0px -4px;
1273    background-repeat: repeat-y;
1274    vertical-align:top;
1275    display: inline-block;
1276}
1277
1278/* tooltip related style info */
1279
1280.ttc {
1281    position: absolute;
1282    display: none;
1283}
1284
1285#powerTip {
1286    cursor: default;
1287    white-space: nowrap;
1288    background-color: white;
1289    border: 1px solid gray;
1290    border-radius: 4px 4px 4px 4px;
1291    box-shadow: 1px 1px 7px gray;
1292    display: none;
1293    font-size: smaller;
1294    max-width: 80%;
1295    opacity: 0.9;
1296    padding: 1ex 1em 1em;
1297    position: absolute;
1298    z-index: 2147483647;
1299}
1300
1301#powerTip div.ttdoc {
1302    color: grey;
1303    font-style: italic;
1304}
1305
1306#powerTip div.ttname a {
1307    font-weight: bold;
1308}
1309
1310#powerTip div.ttname {
1311    font-weight: bold;
1312}
1313
1314#powerTip div.ttdeci {
1315    color: #006318;
1316}
1317
1318#powerTip div {
1319    margin: 0px;
1320    padding: 0px;
1321    font: 12px/16px Roboto,sans-serif;
1322}
1323
1324#powerTip:before, #powerTip:after {
1325    content: "";
1326    position: absolute;
1327    margin: 0px;
1328}
1329
1330#powerTip.n:after,  #powerTip.n:before,
1331#powerTip.s:after,  #powerTip.s:before,
1332#powerTip.w:after,  #powerTip.w:before,
1333#powerTip.e:after,  #powerTip.e:before,
1334#powerTip.ne:after, #powerTip.ne:before,
1335#powerTip.se:after, #powerTip.se:before,
1336#powerTip.nw:after, #powerTip.nw:before,
1337#powerTip.sw:after, #powerTip.sw:before {
1338    border: solid transparent;
1339    content: " ";
1340    height: 0;
1341    width: 0;
1342    position: absolute;
1343}
1344
1345#powerTip.n:after,  #powerTip.s:after,
1346#powerTip.w:after,  #powerTip.e:after,
1347#powerTip.nw:after, #powerTip.ne:after,
1348#powerTip.sw:after, #powerTip.se:after {
1349    border-color: rgba(255, 255, 255, 0);
1350}
1351
1352#powerTip.n:before,  #powerTip.s:before,
1353#powerTip.w:before,  #powerTip.e:before,
1354#powerTip.nw:before, #powerTip.ne:before,
1355#powerTip.sw:before, #powerTip.se:before {
1356    border-color: rgba(128, 128, 128, 0);
1357}
1358
1359#powerTip.n:after,  #powerTip.n:before,
1360#powerTip.ne:after, #powerTip.ne:before,
1361#powerTip.nw:after, #powerTip.nw:before {
1362    top: 100%;
1363}
1364
1365#powerTip.n:after, #powerTip.ne:after, #powerTip.nw:after {
1366    border-top-color: #ffffff;
1367    border-width: 10px;
1368    margin: 0px -10px;
1369}
1370#powerTip.n:before {
1371    border-top-color: #808080;
1372    border-width: 11px;
1373    margin: 0px -11px;
1374}
1375#powerTip.n:after, #powerTip.n:before {
1376    left: 50%;
1377}
1378
1379#powerTip.nw:after, #powerTip.nw:before {
1380    right: 14px;
1381}
1382
1383#powerTip.ne:after, #powerTip.ne:before {
1384    left: 14px;
1385}
1386
1387#powerTip.s:after,  #powerTip.s:before,
1388#powerTip.se:after, #powerTip.se:before,
1389#powerTip.sw:after, #powerTip.sw:before {
1390    bottom: 100%;
1391}
1392
1393#powerTip.s:after, #powerTip.se:after, #powerTip.sw:after {
1394    border-bottom-color: #ffffff;
1395    border-width: 10px;
1396    margin: 0px -10px;
1397}
1398
1399#powerTip.s:before, #powerTip.se:before, #powerTip.sw:before {
1400    border-bottom-color: #808080;
1401    border-width: 11px;
1402    margin: 0px -11px;
1403}
1404
1405#powerTip.s:after, #powerTip.s:before {
1406    left: 50%;
1407}
1408
1409#powerTip.sw:after, #powerTip.sw:before {
1410    right: 14px;
1411}
1412
1413#powerTip.se:after, #powerTip.se:before {
1414    left: 14px;
1415}
1416
1417#powerTip.e:after, #powerTip.e:before {
1418    left: 100%;
1419}
1420#powerTip.e:after {
1421    border-left-color: #ffffff;
1422    border-width: 10px;
1423    top: 50%;
1424    margin-top: -10px;
1425}
1426#powerTip.e:before {
1427    border-left-color: #808080;
1428    border-width: 11px;
1429    top: 50%;
1430    margin-top: -11px;
1431}
1432
1433#powerTip.w:after, #powerTip.w:before {
1434    right: 100%;
1435}
1436#powerTip.w:after {
1437    border-right-color: #ffffff;
1438    border-width: 10px;
1439    top: 50%;
1440    margin-top: -10px;
1441}
1442#powerTip.w:before {
1443    border-right-color: #808080;
1444    border-width: 11px;
1445    top: 50%;
1446    margin-top: -11px;
1447}
1448.arrow {
1449    cursor: pointer;
1450}
1451