Improve wxWindow best size documentation, mention DoGetBestClientSize().
[wxWidgets.git] / docs / doxygen / custom_stylesheet.css
1 /*****************************************************************************
2 ** Name: custom_stylesheet.css
3 ** Purpose: The wxWidgets documentation CSS; a customized version of
4 ** the standard Doxygen CSS
5 ** Author: Doxygen team
6 ** RCS-ID: $Id$
7 ** Licence: wxWindows licence
8 *****************************************************************************/
9
10 body, table, div, p, dl {
11 font-family: Lucida Grande, Verdana, Geneva, Arial, sans-serif;
12 font-size: 13px;
13 line-height: 1.5;
14 }
15
16 /* @group Heading Levels */
17
18 h1 {
19 font-size: 150%;
20 }
21
22 .title {
23 font-size: 150%;
24 font-weight: bold;
25 margin: 10px 2px;
26 }
27
28 h2 {
29 font-size: 120%;
30 }
31
32 h3 {
33 font-size: 100%;
34 }
35
36 dt {
37 font-weight: bold;
38 }
39
40 div.multicol {
41 -moz-column-gap: 1em;
42 -webkit-column-gap: 1em;
43 -moz-column-count: 3;
44 -webkit-column-count: 3;
45 }
46
47 p.startli, p.startdd, p.starttd {
48 margin-top: 2px;
49 }
50
51 p.endli {
52 margin-bottom: 0px;
53 }
54
55 p.enddd {
56 margin-bottom: 4px;
57 }
58
59 p.endtd {
60 margin-bottom: 2px;
61 }
62
63 /* @end */
64
65 caption {
66 font-weight: bold;
67 }
68
69 span.legend {
70 font-size: 70%;
71 text-align: center;
72 }
73
74 h3.version {
75 font-size: 90%;
76 text-align: center;
77 }
78
79 div.qindex, div.navtab{
80 background-color: #EBEFF6;
81 border: 1px solid #A3B4D7;
82 text-align: center;
83 }
84
85 div.qindex, div.navpath {
86 width: 100%;
87 line-height: 140%;
88 }
89
90 div.navtab {
91 margin-right: 15px;
92 }
93
94 /* @group Link Styling */
95
96 a {
97 color: #3D578C;
98 font-weight: normal;
99 text-decoration: none;
100 }
101
102 .contents a:visited {
103 color: #4665A2;
104 }
105
106 a:hover {
107 text-decoration: underline;
108 }
109
110 a.qindex {
111 font-weight: bold;
112 }
113
114 a.qindexHL {
115 font-weight: bold;
116 background-color: #9CAFD4;
117 color: #ffffff;
118 border: 1px double #869DCA;
119 }
120
121 .contents a.qindexHL:visited {
122 color: #ffffff;
123 }
124
125 a.el {
126 font-weight: bold;
127 }
128
129 a.elRef {
130 }
131
132 a.code {
133 color: #4665A2;
134 }
135
136 a.codeRef {
137 color: #4665A2;
138 }
139
140 /* @end */
141
142 dl.el {
143 margin-left: -1cm;
144 }
145
146 .fragment {
147 font-family: monospace, fixed;
148 font-size: 105%;
149 }
150
151 pre.fragment {
152 border: 1px solid #C4CFE5;
153 background-color: #FBFCFD;
154 padding: 4px 6px;
155 margin: 4px 8px 4px 2px;
156 overflow: auto;
157 word-wrap: break-word;
158 font-size: 9pt;
159 line-height: 125%;
160 }
161
162 div.ah {
163 background-color: black;
164 font-weight: bold;
165 color: #ffffff;
166 margin-bottom: 3px;
167 margin-top: 3px;
168 padding: 0.2em;
169 border: solid thin #333;
170 border-radius: 0.5em;
171 -webkit-border-radius: .5em;
172 -moz-border-radius: .5em;
173 box-shadow: 2px 2px 3px #999;
174 -webkit-box-shadow: 2px 2px 3px #999;
175 -moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
176 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#000),color-stop(0.3, #444));
177 background-image: -moz-linear-gradient(center top, #eee 0%, #444 40%, #000);
178 }
179
180 div.groupHeader {
181 margin-left: 16px;
182 margin-top: 12px;
183 font-weight: bold;
184 }
185
186 div.groupText {
187 margin-left: 16px;
188 font-style: italic;
189 }
190
191 body {
192 background-color: white;
193 color: black;
194 margin: 0;
195 }
196
197 div.contents {
198 margin-top: 10px;
199 margin-left: 8px;
200 margin-right: 8px;
201 }
202
203 td.indexkey {
204 background-color: #EBEFF6;
205 font-weight: bold;
206 border: 1px solid #C4CFE5;
207 margin: 2px 0px 2px 0;
208 padding: 2px 10px;
209 white-space: nowrap;
210 vertical-align: top;
211 }
212
213 td.indexvalue {
214 background-color: #EBEFF6;
215 border: 1px solid #C4CFE5;
216 padding: 2px 10px;
217 margin: 2px 0px;
218 }
219
220 tr.memlist {
221 background-color: #EEF1F7;
222 }
223
224 p.formulaDsp {
225 text-align: center;
226 }
227
228 img.formulaDsp {
229
230 }
231
232 img.formulaInl {
233 vertical-align: middle;
234 }
235
236 div.center {
237 text-align: center;
238 margin-top: 0px;
239 margin-bottom: 0px;
240 padding: 0px;
241 }
242
243 div.center img {
244 border: 0px;
245 }
246
247 address.footer {
248 margin: 1em;
249 text-align: right;
250 }
251
252 img.footer {
253 border: 0px;
254 vertical-align: middle;
255 }
256
257 /* @group Code Colorization */
258
259 span.keyword {
260 color: #008000
261 }
262
263 span.keywordtype {
264 color: #604020
265 }
266
267 span.keywordflow {
268 color: #e08000
269 }
270
271 span.comment {
272 color: #800000
273 }
274
275 span.preprocessor {
276 color: #806020
277 }
278
279 span.stringliteral {
280 color: #002080
281 }
282
283 span.charliteral {
284 color: #008080
285 }
286
287 span.vhdldigit {
288 color: #ff00ff
289 }
290
291 span.vhdlchar {
292 color: #000000
293 }
294
295 span.vhdlkeyword {
296 color: #700070
297 }
298
299 span.vhdllogic {
300 color: #ff0000
301 }
302
303 /* @end */
304
305 /*
306 .search {
307 color: #003399;
308 font-weight: bold;
309 }
310
311 form.search {
312 margin-bottom: 0px;
313 margin-top: 0px;
314 }
315
316 input.search {
317 font-size: 75%;
318 color: #000080;
319 font-weight: normal;
320 background-color: #e8eef2;
321 }
322 */
323
324 td.tiny {
325 font-size: 75%;
326 }
327
328 .dirtab {
329 padding: 4px;
330 border-collapse: collapse;
331 border: 1px solid #A3B4D7;
332 }
333
334 th.dirtab {
335 background: #EBEFF6;
336 font-weight: bold;
337 }
338
339 hr {
340 height: 0px;
341 border: none;
342 border-top: 1px solid #4A6AAA;
343 }
344
345 hr.footer {
346 height: 1px;
347 margin: 2em 0em 0em 0em;
348 }
349
350 /* @group Member Descriptions */
351
352 table.memberdecls {
353 border-spacing: 0px;
354 padding: 0px;
355 }
356
357 .mdescLeft, .mdescRight,
358 .memItemLeft, .memItemRight,
359 .memTemplItemLeft, .memTemplItemRight, .memTemplParams {
360 background-color: #F9FAFC;
361 border: none;
362 margin: 4px;
363 padding: 1px 0 0 8px;
364 }
365
366 .mdescLeft, .mdescRight {
367 padding: 0px 8px 4px 8px;
368 color: #555;
369 }
370
371 .memItemLeft, .memItemRight, .memTemplParams {
372 border-top: 1px solid #C4CFE5;
373 }
374
375 .memItemLeft, .memTemplItemLeft {
376 white-space: nowrap;
377 }
378
379 .memItemRight {
380 width: 100%;
381 }
382
383 .memTemplParams {
384 color: #4665A2;
385 white-space: nowrap;
386 }
387
388 /* @end */
389
390 /* @group Member Details */
391
392 /* Styles for detailed member documentation */
393
394 .memtemplate {
395 font-size: 80%;
396 color: #4665A2;
397 font-weight: normal;
398 margin-left: 9px;
399 }
400
401 .memnav {
402 background-color: #EBEFF6;
403 border: 1px solid #A3B4D7;
404 text-align: center;
405 margin: 2px;
406 margin-right: 15px;
407 padding: 2px;
408 }
409
410 .mempage {
411 width: 100%;
412 }
413
414 .memitem {
415 padding: 0;
416 margin-bottom: 10px;
417 margin-right: 5px;
418 }
419
420 .memname {
421 white-space: nowrap;
422 font-weight: bold;
423 margin-left: 6px;
424 }
425
426 .memproto, dl.reflist dt {
427 border-top: 1px solid #A8B8D9;
428 border-left: 1px solid #A8B8D9;
429 border-right: 1px solid #A8B8D9;
430 padding: 6px 0px 6px 0px;
431 color: #253555;
432 font-weight: bold;
433 text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
434 /* opera specific markup */
435 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
436 border-top-right-radius: 8px;
437 border-top-left-radius: 8px;
438 /* firefox specific markup */
439 -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
440 -moz-border-radius-topright: 8px;
441 -moz-border-radius-topleft: 8px;
442 /* webkit specific markup */
443 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
444 -webkit-border-top-right-radius: 8px;
445 -webkit-border-top-left-radius: 8px;
446 background-image:url('nav_f.png');
447 background-repeat:repeat-x;
448 background-color: #CBDCFE;
449
450 }
451
452 .memdoc, dl.reflist dd {
453 border-bottom: 1px solid #A8B8D9;
454 border-left: 1px solid #A8B8D9;
455 border-right: 1px solid #A8B8D9;
456 padding: 2px 5px;
457 background-color: #FBFCFD;
458 border-top-width: 0;
459 /* opera specific markup */
460 border-bottom-left-radius: 8px;
461 border-bottom-right-radius: 8px;
462 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
463 /* firefox specific markup */
464 -moz-border-radius-bottomleft: 8px;
465 -moz-border-radius-bottomright: 8px;
466 -moz-box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 5px;
467 background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 60%, #F7F8FB 95%, #EEF1F7);
468 /* webkit specific markup */
469 -webkit-border-bottom-left-radius: 8px;
470 -webkit-border-bottom-right-radius: 8px;
471 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
472 background-image: -webkit-gradient(linear,center top,center bottom,from(#FFFFFF), color-stop(0.6,#FFFFFF), color-stop(0.60,#FFFFFF), color-stop(0.95,#F7F8FB), to(#EEF1F7));
473 }
474
475 dl.reflist dt {
476 padding: 5px;
477 }
478
479 dl.reflist dd {
480 margin: 0px 0px 10px 0px;
481 padding: 5px;
482 }
483
484 .paramkey {
485 text-align: right;
486 }
487
488 .paramtype {
489 white-space: nowrap;
490 }
491
492 .paramname {
493 color: #602020;
494 white-space: nowrap;
495 }
496 .paramname em {
497 font-style: normal;
498 }
499
500 .params, .retval, .exception, .tparams {
501 border-spacing: 6px 2px;
502 }
503
504 .params .paramname, .retval .paramname {
505 font-weight: bold;
506 vertical-align: top;
507 }
508
509 .params .paramtype {
510 font-style: italic;
511 vertical-align: top;
512 }
513
514 .params .paramdir {
515 font-family: "courier new",courier,monospace;
516 vertical-align: top;
517 }
518
519
520
521
522 /* @end */
523
524 /* @group Directory (tree) */
525
526 /* for the tree view */
527
528 .ftvtree {
529 font-family: sans-serif;
530 margin: 0px;
531 }
532
533 /* these are for tree view when used as main index */
534
535 .directory {
536 font-size: 9pt;
537 font-weight: bold;
538 margin: 5px;
539 }
540
541 .directory h3 {
542 margin: 0px;
543 margin-top: 1em;
544 font-size: 11pt;
545 }
546
547 /*
548 The following two styles can be used to replace the root node title
549 with an image of your choice. Simply uncomment the next two styles,
550 specify the name of your image and be sure to set 'height' to the
551 proper pixel height of your image.
552 */
553
554 /*
555 .directory h3.swap {
556 height: 61px;
557 background-repeat: no-repeat;
558 background-image: url("yourimage.gif");
559 }
560 .directory h3.swap span {
561 display: none;
562 }
563 */
564
565 .directory > h3 {
566 margin-top: 0;
567 }
568
569 .directory p {
570 margin: 0px;
571 white-space: nowrap;
572 }
573
574 .directory div {
575 display: none;
576 margin: 0px;
577 }
578
579 .directory img {
580 vertical-align: -30%;
581 }
582
583 /* these are for tree view when not used as main index */
584
585 .directory-alt {
586 font-size: 100%;
587 font-weight: bold;
588 }
589
590 .directory-alt h3 {
591 margin: 0px;
592 margin-top: 1em;
593 font-size: 11pt;
594 }
595
596 .directory-alt > h3 {
597 margin-top: 0;
598 }
599
600 .directory-alt p {
601 margin: 0px;
602 white-space: nowrap;
603 }
604
605 .directory-alt div {
606 display: none;
607 margin: 0px;
608 }
609
610 .directory-alt img {
611 vertical-align: -30%;
612 }
613
614 /* @end */
615
616 div.dynheader {
617 margin-top: 8px;
618 }
619
620 address {
621 font-style: normal;
622 color: #2A3D61;
623 }
624
625 table.doxtable {
626 border-collapse:collapse;
627 }
628
629 table.doxtable td, table.doxtable th {
630 border: 1px solid #2D4068;
631 padding: 3px 7px 2px;
632 }
633
634 table.doxtable th {
635 background-color: #374F7F;
636 color: #FFFFFF;
637 font-size: 110%;
638 padding-bottom: 4px;
639 padding-top: 5px;
640 text-align:left;
641 }
642
643 table.fieldtable {
644 width: 100%;
645 margin-bottom: 10px;
646 border: 1px solid #A8B8D9;
647 border-spacing: 0px;
648 -moz-border-radius: 4px;
649 -webkit-border-radius: 4px;
650 border-radius: 4px;
651 -moz-box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 2px;
652 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
653 box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
654 }
655
656 .fieldtable td, .fieldtable th {
657 padding: 3px 7px 2px;
658 }
659
660 .fieldtable td.fieldtype, .fieldtable td.fieldname {
661 white-space: nowrap;
662 border-right: 1px solid #A8B8D9;
663 border-bottom: 1px solid #A8B8D9;
664 vertical-align: top;
665 }
666
667 .fieldtable td.fielddoc {
668 border-bottom: 1px solid #A8B8D9;
669 width: 100%;
670 }
671
672 .fieldtable tr:last-child td {
673 border-bottom: none;
674 }
675
676 .fieldtable th {
677 background-image:url('nav_f.png');
678 background-repeat:repeat-x;
679 background-color: #E2E8F2;
680 font-size: 90%;
681 color: #253555;
682 padding-bottom: 4px;
683 padding-top: 5px;
684 text-align:left;
685 -moz-border-radius-topleft: 4px;
686 -moz-border-radius-topright: 4px;
687 -webkit-border-top-left-radius: 4px;
688 -webkit-border-top-right-radius: 4px;
689 border-top-left-radius: 4px;
690 border-top-right-radius: 4px;
691 border-bottom: 1px solid #A8B8D9;
692 }
693
694
695 .tabsearch {
696 top: 0px;
697 left: 10px;
698 height: 36px;
699 background-image: url('tab_b.png');
700 z-index: 101;
701 overflow: hidden;
702 font-size: 13px;
703 }
704
705 .navpath ul
706 {
707 font-size: 11px;
708 background-image:url('tab_b.png');
709 background-repeat:repeat-x;
710 height:30px;
711 line-height:30px;
712 color:#8AA0CC;
713 border:solid 1px #C2CDE4;
714 overflow:hidden;
715 margin:0px;
716 padding:0px;
717 }
718
719 .navpath li
720 {
721 list-style-type:none;
722 float:left;
723 padding-left:10px;
724 padding-right:15px;
725 background-image:url('bc_s.png');
726 background-repeat:no-repeat;
727 background-position:right;
728 color:#364D7C;
729 }
730
731 .navpath li.navelem a
732 {
733 height:32px;
734 display:block;
735 text-decoration: none;
736 outline: none;
737 }
738
739 .navpath li.navelem a:hover
740 {
741 color:#6884BD;
742 }
743
744 .navpath li.footer
745 {
746 list-style-type:none;
747 float:right;
748 padding-left:10px;
749 padding-right:15px;
750 background-image:none;
751 background-repeat:no-repeat;
752 background-position:right;
753 color:#364D7C;
754 font-size: 8pt;
755 }
756
757
758 div.summary
759 {
760 float: right;
761 font-size: 8pt;
762 padding-right: 5px;
763 width: 50%;
764 text-align: right;
765 }
766
767 div.summary a
768 {
769 white-space: nowrap;
770 }
771
772 div.ingroups
773 {
774 margin-left: 5px;
775 font-size: 8pt;
776 padding-left: 5px;
777 width: 50%;
778 text-align: left;
779 }
780
781 div.ingroups a
782 {
783 white-space: nowrap;
784 }
785
786 div.header
787 {
788 background-image:url('nav_h.png');
789 background-repeat:repeat-x;
790 background-color: #F9FAFC;
791 margin: 0px;
792 border-bottom: 1px solid #C4CFE5;
793 }
794
795 div.headertitle
796 {
797 padding: 5px 5px 5px 7px;
798 }
799
800 dl
801 {
802 padding: 0 0 0 10px;
803 }
804
805 dl.note, dl.warning, dl.attention, dl.pre, dl.post, dl.invariant, dl.deprecated, dl.todo, dl.test, dl.bug
806 {
807 border-left:4px solid;
808 padding: 0 0 0 6px;
809 }
810
811 dl.note
812 {
813 border-color: #D0C000;
814 }
815
816 dl.warning, dl.attention
817 {
818 border-color: #FF0000;
819 }
820
821 dl.pre, dl.post, dl.invariant
822 {
823 border-color: #00D000;
824 }
825
826 dl.deprecated
827 {
828 border-color: #505050;
829 }
830
831 dl.todo
832 {
833 border-color: #00C0E0;
834 }
835
836 dl.test
837 {
838 border-color: #3030E0;
839 }
840
841 dl.bug
842 {
843 border-color: #C08050;
844 }
845
846 #projectlogo
847 {
848 padding: 0.5em;
849 text-align: left;
850 vertical-align: bottom;
851 border-collapse: separate;
852 }
853
854 #projectlogo img
855 {
856 border: 0px none;
857 }
858
859 #projectname
860 {
861 font: 300% Tahoma, Arial,sans-serif;
862 margin: 0px;
863 padding: 2px 0px;
864 }
865
866 #projectbrief
867 {
868 font: 120% Tahoma, Arial,sans-serif;
869 margin: 0px;
870 padding: 0px;
871 }
872
873 #projectnumber
874 {
875 font: 120% Tahoma, Arial,sans-serif;
876 margin: 0px;
877 padding: 0.5em;
878 }
879
880 #titlearea
881 {
882 padding: 0px;
883 margin: 0px;
884 width: 100%;
885 border-bottom: 1px solid #5373B4;
886 }
887
888 .image
889 {
890 text-align: center;
891 }
892
893 .dotgraph
894 {
895 text-align: center;
896 }
897
898 .mscgraph
899 {
900 text-align: center;
901 }
902
903 .caption
904 {
905 font-weight: bold;
906 }
907
908 div.zoom
909 {
910 border: 1px solid #90A5CE;
911 }
912
913 dl.citelist {
914 margin-bottom:50px;
915 }
916
917 dl.citelist dt {
918 color:#334975;
919 float:left;
920 font-weight:bold;
921 margin-right:10px;
922 padding:5px;
923 }
924
925 dl.citelist dd {
926 margin:2px 0;
927 padding:5px 0;
928 }
929
930 @media print
931 {
932 #top { display: none; }
933 #side-nav { display: none; }
934 #nav-path { display: none; }
935 body { overflow:visible; }
936 h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
937 .summary { display: none; }
938 .memitem { page-break-inside: avoid; }
939 #doc-content
940 {
941 margin-left:0 !important;
942 height:auto !important;
943 width:auto !important;
944 overflow:inherit;
945 display:inline;
946 }
947 pre.fragment
948 {
949 overflow: visible;
950 text-wrap: unrestricted;
951 white-space: -moz-pre-wrap; /* Moz */
952 white-space: -pre-wrap; /* Opera 4-6 */
953 white-space: -o-pre-wrap; /* Opera 7 */
954 white-space: pre-wrap; /* CSS3 */
955 word-wrap: break-word; /* IE 5.5+ */
956 }
957 }
958
959
960
961
962 /*
963 wxWidgets docs specific styles
964 ==============================
965 */
966
967 img.logo {
968 float: right;
969 margin: 20px;
970 }
971
972 img.appearance {
973 margin: 20px;
974 }
975
976 table.appearance {
977 width: 100%;
978 text-align: center;
979 font-style: italic;
980 font-size: 90%;
981 /*font-weight: bold;*/
982 }
983
984 td.green { color: green; }
985 td.orange { color: #ff8000; }
986 td.red { color: red; }
987
988 span.literal {
989 text-decoration: none;
990 font-weight: bold;
991 font-family: monospace, fixed;
992 }
993
994 /* we make all the following <span> tags render the text just like
995 the standard Doxygen @remarks, @see tags do, to obtain a uniform
996 look and feel */
997 span.itemdef, span.lib, span.category, span.stdobj, span.styles,
998 span.events, span.flags, span.appearance, span.impl, span.avail {
999 font-weight: bold;
1000 line-height: 130%;
1001 }
1002
1003 span.style, span.event, span.flag {
1004 font-weight: bold;
1005 color: #880000;
1006 }
1007
1008 div.styleDesc, div.eventDesc, div.flagDesc {
1009 margin-left: 3%;
1010 margin-bottom: 1ex;
1011 }
1012
1013 div.eventHandler {
1014 margin: 1em;
1015 text-indent: 3%;
1016 }
1017
1018 div.eventHandler span {
1019 padding: 5px;
1020 background-color: #eeeeee;
1021 font-family: monospace, fixed;
1022 }
1023
1024 code {
1025 font-size: 110%;
1026 color: #444444;
1027 }