xref: /haiku/docs/user/book.css (revision 8a5fc3866a981b0b9cb7b6bd7c207c3bfe0ad460) 
1/*
2 * Copyright 2008-2013, 2020, 2023 Haiku, Inc. All rights reserved.
3 * Distributed under the terms of the MIT License.
4 *
5 * Authors:
6 *		François Revol, revol@free.fr
7 *		Stephan Aßmus, superstippi@gmx.de
8 *		Braden Ewing, brewin@gmail.com
9 *		Humdinger, humdingerb@gmail.com
10 *		John Scipione, jscipione@gmail.com
11 *		Niels Sascha Reedijk, niels.reedijk@gmail.com
12 *		Pascal R. G. Abresch <nep@packageloss.eu>
13 */
14
15/* color names provided by: https://chir.ag/projects/name-that-color */
16
17/*
18	This stylesheet is designed to override the base style sheet doxygen.css
19	for Doxygen 1.9.6.
20
21	Some principles:
22		* Normal fonts are "Noto Sans",Arial,sans-serif
23		* Fixed space fonts are "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
24		* No rounded corners (border-radius: 0;)
25		* No box shadows (box-shadow: 0;)
26		* A selection of specific colors for borders, links, and other visual elements
27*/
28
29/* don't use @media (prefers-color-scheme: light) here, so it runs correctly in browsers that don't
30   understand it and thus expect a light mode as is the default for html */
31:root {
32	color-scheme: light dark;
33
34	--CanvasBackground: Canvas;
35	--CanvasText: CanvasText;
36	--LinkText: #dc3c01; /* grenadier */
37	--VisitedLinkText: #892601; /* peru tan */
38	--TableBackground: #ff4500; /* vermilion */
39	--TableHeaderBackground: #e0e0e0;
40	--MenuColor: #24225e;
41	--ActiveLinkText: #ff4500; /* vermilion */
42	--HeaderText: #0c3762; /* madison */
43	--ButtonBackground: #e8e8e8;
44	--ButtonBorder: #c7c7c7;
45	--InfoBackground: #e4ffde;
46	--WarningBackground: #fffbc6;
47	--StopBackground: #ffeae6;
48	--SecondaryCanvas: #e0e0e0; /* alto */
49	--TertiaryCanvas: #f3f3f3; /* concrete */
50	--TertiaryCanvasText: #c0c0c0; /* silver */
51
52	--Blue: blue;
53}
54
55@media (prefers-color-scheme: dark) {
56	:root {
57		--LinkText: #f24000;
58		--VisitedLinkText: #bf3401;
59		--ActiveLinkText: #ff4500;
60		--HeaderText: #0b95c6;
61		--ButtonBorder: #666;
62		--InfoBackground: #0d2f3f;
63		--WarningBackground: #453b07;
64		--StopBackground: #4d0000;
65		--MenuColor: #5c57f2;
66		--TertiaryCanvasText: #c0c0c0;
67		--CanvasText: #DDD;
68		--ButtonBackground: #444;
69		--SecondaryCanvas: #222;
70		--TertiaryCanvas: #131313;
71		--Blue: #87cefa;
72	}
73
74	@media (prefers-contrast: more) {
75		:root {
76			--CanvasText: #EFEFEF;
77			--ButtonBackground: #222;
78			--SecondaryCanvas: #111;
79			--TertiaryCanvas: #080808;
80		}
81	}
82	@media (prefers-contrast: less) {
83		:root {
84			--CanvasText: #AAA;
85			--ButtonBackground: #444;
86		}
87	}
88}
89
90
91@media (forced-colors: active) {
92    :root {
93        /* Userguide specific */
94        /* "Normal values" */
95        --HeaderText: LinkText;
96        --CanvasBackground: Canvas;
97        --CanvasText: CanvasText;
98        --LinkText: LinkText;
99        --VisitedLinkText: VisitedText;
100        --ActiveLinkText: ActiveText;
101        --ButtonBackground: ButtonFace;
102        --ButtonBorder: ButtonBorder;
103        --InputBackground: Field;
104        --InputText: FieldText;
105        --HighlightBackground: Highlight;
106        --HighlightText: HighlightText;
107        --SelectedBackground: SelectedItem;
108        --SelectedText: SelectedItemText;
109        --MarkBackground: Mark;
110        --MarkText: MarkText;
111        --DisabledText: GrayText;
112    }
113}
114
115
116
117/* Override font selections */
118
119body, table, div, p, dl {
120	font: 400 14px/22px "Noto Sans",Arial,sans-serif;
121}
122
123p.reference, p.definition {
124	font: 400 14px/22px "Noto Sans",Arial,sans-serif;
125}
126
127pre.fragment {
128	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
129}
130
131div.line {
132	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
133	line-height: 1.4;
134}
135
136.overload {
137	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
138}
139
140.params .paramdir, .tparams .paramdir {
141	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
142}
143
144table.directory {
145    font: 400 14px "Noto Sans", Arial,sans-serif;
146}
147
148.navpath li.navelem a
149{
150	font-family: "Noto Sans", Arial, sans-serif;
151}
152
153div.toc li {
154	font: 10px/1.2 "Noto Sans", Arial,sans-serif;
155}
156
157div.toc h3 {
158	font: bold 12px/1.2 "Noto Sans", Arial,sans-serif;
159}
160
161#powerTip div {
162	font: 12px/16px "Noto Sans", Arial,sans-serif;
163}
164
165/* Remove rounded borders */
166div.ah, span.ah {
167	border-radius: 0;
168}
169
170.memtitle {
171	border-radius: 0;
172}
173
174.memproto, dl.reflist dt {
175	border-radius: 0;
176}
177
178.memdoc, dl.reflist dd {
179	border-radius: 0;
180}
181
182table.fieldtable {
183	border-radius: 0;
184}
185
186.fieldtable th {
187	border-radius: 0;
188}
189
190div.toc {
191	border-radius: 0;
192}
193
194#powerTip {
195	border-radius: 0;
196}
197
198/* Colors and headers */
199
200body {
201	color: var(--CanvasText);
202	background-color: var(--CanvasBackground);
203}
204
205h1, h2, h3, h4, h5, h6 {
206	color: var(--HeaderText);
207	margin-top: 1em;
208	margin-bottom: 1em;
209	margin-right: 0;
210}
211
212h1 {
213	font-size: 1.3em;
214	font-weight: bold;
215	border-bottom: dotted thin var(--TertiaryCanvasText);
216}
217
218h2 {
219	font-size: 1.3em;
220	font-weight: normal;
221	border-bottom: dotted thin var(--TertiaryCanvasText);
222}
223
224h3 {
225	font-size: 1.2em;
226	font-weight: normal;
227	border-bottom: dotted thin var(--TertiaryCanvasText);
228}
229
230h4 {
231	font-size: 1.1em;
232	font-weight: normal;
233}
234
235h5, h6 {
236	font-size: 1.0em;
237	font-weight: normal;
238}
239
240.title {
241	color: var(--HeaderText);
242	font-size: 1.3em;
243	font-weight: bold;
244	border-bottom: dotted thin var(--TertiaryCanvasText);
245	margin-top: 1em;
246	margin-bottom: 1em;
247}
248
249h2.groupheader, h2.memtitle {
250	font-size: 1.3em;
251	border: none;
252	border-bottom: dotted thin var(--TertiaryCanvasText);
253	color: var(--HeaderText);
254	margin-top: 1em;
255	padding: 0;
256	background: none;
257}
258
259.dirtab {
260	border: 1px solid #84b0c7; /* glacier */
261}
262
263th.dirtab {
264	background-color: var(--TertiaryCanvas);
265}
266
267/* Links */
268
269a:link {
270	font-weight: bold;
271	text-decoration: none;
272	color: var(--LinkText);
273}
274
275.contents a:visited {
276	font-weight: bold;
277	text-decoration: none;
278	color: var(--VisitedLinkText);
279}
280
281a:hover, a:active {
282	text-decoration: underline;
283	color: var(--ActiveLinkText);
284}
285
286/* Some headers act as anchors, don't give them a hover effect */
287
288h1 a:hover, a:active, h2 a:hover, a:active, h3 a:hover, a:active,
289h4 a:hover, a:active, h5 a:hover, a:active, h6 a:hover, a:active {
290	text-decoration: none;
291	color: var(--HeaderText);
292}
293
294/* Custom Header */
295
296#banner {
297	position: relative;
298	top: 0;
299	left: 0;
300	height: 84px;
301	background: var(--TertiaryCanvas);
302}
303
304#banner div.logo {
305	background: url('https://www.haiku-os.org/images/haiku_logo_black.png') no-repeat scroll 0 0 transparent;
306	min-width: 59em;
307	max-width: 70em;
308	height: 100%;
309	margin: 0 auto;
310}
311
312@media (prefers-color-scheme: dark) {
313    #banner div.logo {
314        background: url('/images/HaikuDark.svg') no-repeat scroll 6px 8px, url('/images/LeafDark.png') no-repeat scroll 10px 0;
315    }
316}
317
318#banner span.subtitle {
319	position: relative;
320	top: 48px;
321	left: 272px;
322	color: var(--CanvasText);
323	text-transform: uppercase;
324	letter-spacing: 3px;
325	font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
326	font-weight: normal;
327}
328
329input[type=text], input[type=password] {
330	font-size: inherit;
331	border-top: 1px solid #818181;
332	border-left: 1px solid #818181;
333	border-bottom: 1px solid #858585;
334	border-right: 1px solid #858585;
335	margin-top: 3px;
336	padding: 2px;
337	width: 200px;
338}
339
340div.header {
341	margin-top: 20px;
342	margin: 10px auto;
343	min-width: 59em;
344	max-width: 70em;
345	border: none;
346	background: none;
347}
348
349div.summary {
350	margin: 0 auto;
351	min-width: 59em;
352	max-width: 70em;
353
354	display: none;
355}
356
357div.headertitle {
358	min-width: 59em;
359	max-width: 70em;
360	padding: 0;
361}
362
363div.headertitle div.title {
364	color: var(--HeaderText);
365	font-size: 1.3em;
366	font-weight: bold;
367	border-bottom: dotted thin var(--TertiaryCanvasText);
368	margin-top: 1em;
369	margin-bottom: 1em;
370}
371
372.ingroups {
373	margin-top: 10px;
374}
375
376/* Make the "Since" member docs one line */
377
378dl.since {
379	margin-top: 1em;
380}
381
382dl.since dt {
383	display: inline;
384	padding-right: 0.5em;
385}
386
387dl.since dd {
388	display: inline;
389}
390
391
392/* Navigation Tabs (overrides tabs.css) */
393
394.sm-dox {
395	background: var(--SecondaryCanvas);
396	padding: 0;
397}
398
399@media (min-width: 768px) {
400	.sm-dox > li > a, .sm-dox > li > a:hover, .sm-dox > li > a:visited,
401	.sm-dox > li > a:link, .sm-dox > li > a:active {
402		padding: 0 12px 0 0;
403	}
404
405	.sm-dox > li > a.has-submenu {
406		padding-right: 24px;
407	}
408}
409
410.sm-dox a, .sm-dox ul a, .sm-dox a:visited, .sm-dox ul a:visited,
411.sm-dox a:link, .sm-dox ul a:link {
412	background-image: none;
413	color: var(--LinkText);
414	text-shadow: none;
415}
416
417.sm-dox a:hover, .sm-dox ul a:hover {
418	background-color: var(--SecondaryCanvas);
419	background-image: none;
420	color: var(--TableBackground);
421	text-decoration: underline;
422	text-shadow: none;
423}
424
425.sm-dox a:active, .sm-dox ul a:active {
426	color: var(--HeaderText);
427	text-decoration: none;
428	text-shadow: none;
429}
430
431.sm-dox a:focus, .sm-dox ul a:focus,
432.sm-dox a.highlighted, .sm-dox ul a.highlighted {
433	background-image: none;
434	color: var(--TableBackground);
435	text-shadow: none;
436}
437
438@media (min-width: 768px) {
439	.sm-dox a span.sub-arrow {
440		border-top-color: var(--LinkText);
441	}
442
443	.sm-dox ul a span.sub-arrow {
444		border-left-color: var(--LinkText);
445	}
446}
447
448.sm-dox span.scroll-up-arrow {
449	border-bottom-color: var(--LinkText);
450}
451
452.sm-dox span.scroll-down-arrow {
453	border-top-color: var(--LinkText);
454}
455
456@media (min-width: 768px) {
457	.sm-dox a:hover span.sub-arrow {
458		border-top-color: var(--TableBackground);
459	}
460
461	.sm-dox ul a:hover span.sub-arrow {
462		border-left-color: var(--TableBackground);
463	}
464}
465
466.sm-dox span.scroll-up-arrow {
467	border-bottom-color: var(--TableBackground);
468}
469
470.sm-dox span.scroll-down-arrow {
471	border-top-color: var(--TableBackground);
472}
473
474div#main-nav {
475	position: relative;
476	left: 0;
477	top: 0;
478	background: var(--SecondaryCanvas);
479	margin: 0;
480	padding: 0;
481}
482
483div#main-nav ul#main-menu {
484	margin: 0 auto;
485	list-style: none;
486	max-width: 70em;
487}
488
489div.navpath {
490	margin: 20px auto;
491	min-width: 59em;
492	max-width: 70em;
493}
494
495div.navpath ul {
496	display: none;
497}
498
499div.tabs ul.tablist li, div.tabs2 ul.tablist li, div.tabs3 ul.tablist li {
500	display: inline;
501	margin: 0px;
502	padding: 0px;
503	font-size: 0.8em;
504}
505
506div.tabs ul.tablist li span, div.tabs2 ul.tablist li span,
507	div.tabs3 ul.tablist li span {
508	display: inline;
509	padding-right: 9px;
510	white-space: nowrap;
511}
512
513div.tabs ul.tablist li li.current a, div.tabs2 ul.tablist li li.current a,
514	div.tabs3 ul.tablist li li.current a {
515	color: black;
516	text-decoration: none;
517}
518
519/* Standard table styling */
520
521table {
522	border-collapse: collapse;
523	border-spacing: 0;
524}
525
526td, th {
527	vertical-align: top;
528	text-align: left;
529	padding: 4px;
530}
531
532/* Contents & footer: center on page with a maximum width */
533
534div.contents, .footer {
535	line-height: 1.5;
536	margin: 10px auto;
537	min-width: 59em;
538	max-width: 70em;
539}
540
541/* Contents: Style the elements on the page */
542
543div.contents em, div.contents code, div.contents .mlabel {
544	font-weight: normal;
545	font-style: normal;
546}
547
548div.contents em {
549	color: var(--LinkText);
550}
551
552div.contents .mlabels-right {
553	vertical-align: middle;
554}
555
556
557div.contents code, span.mlabel {
558	color: var(--Blue);
559	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
560	font-weight: normal;
561	font-style: normal;
562	border:none;
563}
564
565div.title span.mlabel {
566	background-color: white;
567	font-size: 14.4px;
568}
569
570div.memproto span.mlabel {
571	background-color: var(--TertiaryCanvas);
572	font-size: 14.4px;
573}
574
575span.mlabel:before {
576	content: "[";
577}
578
579span.mlabel:after {
580	content: "]";
581}
582
583div.contents td {
584	line-height: 1.3;
585}
586
587div.contents td span.arrow {
588	cursor: pointer;
589}
590
591div.contents td.desc {
592	font-weight: normal;
593}
594
595div.contents div.dynheader {
596	color: var(--HeaderText);
597	font-size: 1.3em;
598	font-weight: normal;
599	border-bottom: dotted thin var(--TertiaryCanvasText);
600	margin-top: 1em;
601	margin-bottom: 1em;
602}
603
604div.contents div.dyncontent {
605	width: 100%;
606	border: 1px solid var(--TertiaryCanvasText);
607	overflow: auto;
608}
609
610div.contents div.dyncontent div.center {
611	text-align: center;
612	margin: 16px;
613}
614
615div.contents td.memSeparator {
616	display: none;
617}
618
619div.contents span.keycap, div.contents span.keysym {
620	-webkit-border-radius: 3px;
621	-khtml-border-radius: 3px;
622	-moz-border-radius: 3px;
623	border-radius: 3px;
624	border-color: var(--TertiaryCanvasText);
625	border-style: solid;
626	border-width: 1px;
627	padding: 0px 2px 0px 2px;
628	background-color: #e8e8e8; /* mercury */
629	font-family: serif;
630	font-variant: small-caps;
631}
632
633div.contents div.textblock {
634	margin-bottom: 20px;
635}
636
637div.contents hr {
638	display: none;
639}
640
641div.contents li {
642	line-height: 1.3;
643	margin-bottom: 10px;
644	margin-left: 20px;
645}
646
647div.contents dt {
648	margin-top: 16px;
649	margin-bottom: 8px;
650}
651
652div.image {
653	margin-top: 16px;
654	margin-bottom: 8px;
655}
656
657.icon {
658	font-weight: bold;
659	font-size: 12px;
660	height: 14px;
661	width: 16px;
662	display: inline-block;
663	background-color: #ff4500;
664	color: white;
665	text-align: center;
666	border-radius: 4px;
667	margin-left: 2px;
668	margin-right: 2px;
669}
670
671/* Entry markers */
672dl dt {
673	font-weight: bold;
674}
675dl dt::after {
676	content: ":";
677}
678
679/* The boxes from the userguide */
680dl.note, dl.remark, dl.warning, dl.attention {
681	border-style: solid;
682	border-width: 2px;
683	margin-top: 24px;
684	margin-bottom: 24px;
685	padding: 4px;
686	min-height: 48px;
687}
688
689dl.note dd, dl.remark dd, dl.warning dd, dl.attention dd {
690	font-size: 12px;
691}
692
693dl.note {
694	background: var(--SecondaryCanvas) url('https://www.haiku-os.org/images/alert_info_32.png') 15px 15px no-repeat;
695	border-color: #183cce;
696}
697
698dl.remark {
699	background: var(--TertiaryCanvas) url('https://www.haiku-os.org/images/alert_idea_32.png') 15px 15px no-repeat;
700	border-color: var(--TertiaryCanvasText);
701}
702
703dl.warning {
704	/* lemon chiffon */
705	background: var(--WarningBackground) url('https://www.haiku-os.org/images/alert_warning_32.png') 15px 15px no-repeat;
706	border-color: #eed300; /* gold */
707}
708
709dl.attention {
710	/* fair pink */
711	background: var(--StopBackground) url('https://www.haiku-os.org/images/alert_stop_32.png') 15px 15px no-repeat;
712	border-color: red;
713}
714
715dl.note dt, dl.remark dt, dl.warning dt, dl.attention dt {
716	display: none; /* don't display the Note: or Warning: header */
717}
718
719dl.note dd, dl.remark dd, dl.warning dd, dl.attention dd {
720	margin: 10px 10px 10px 60px;
721	color: var(--CanvasText); /* pseudo-bold */
722}
723
724/* For keyboard shortcuts and the like (also from userguide) */
725
726div.contents span.keycap {
727	-webkit-border-radius: 3px;
728	-khtml-border-radius: 3px;
729	-moz-border-radius: 3px;
730	border-radius: 3px;
731	border-color: var(--TertiaryCanvasText);
732	border-style: solid;
733	border-width: 1px;
734	padding: 0px 2px 0px 2px;
735	background-color: var(--ButtonBackground);
736	font-variant: small-caps;
737}
738
739/* Continue with the rest of the standard Doxygen stuff... */
740
741A.code:visited {
742	text-decoration: none;
743	font-weight: normal;
744	color: var(--Blue);
745}
746A.codeRef:link {
747	font-weight: normal;
748	color: var(--Blue);
749}
750A.codeRef:visited {
751	font-weight: normal;
752	color: var(--Blue);
753}
754dl.el {
755	margin-left: -1cm
756}
757
758/* Code blocks */
759div.fragment {
760	width: 99%;
761	background-color: var(--TertiaryCanvas);
762	border: 1px solid var(--TertiaryCanvasText);
763	padding: 4px;
764	color: black;
765	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
766	font-weight: normal;
767	font-style: normal;
768	font-size: 13px;
769	line-height: 1.3;
770}
771div.fragment pre.fragment a.code {
772	font-weight: bold;
773}
774div.ah {
775	background-color: black;
776	font-weight: bold;
777	color: white;
778	margin-bottom: 3px;
779	margin-top: 3px;
780}
781TD.indexkey {
782	background-color: var(--TertiaryCanvas);
783	border: 1px solid var(--TertiaryCanvasText);
784	font-weight: bold;
785	padding-right  : 10px;
786	padding-top    : 2px;
787	padding-left   : 10px;
788	padding-bottom : 2px;
789	margin-left    : 0px;
790	margin-right   : 0px;
791	margin-top     : 2px;
792	margin-bottom  : 2px;
793}
794TD.indexvalue {
795	background-color: var(--TertiaryCanvas);
796	border: 1px solid var(--TertiaryCanvasText);
797	font-style: italic;
798	padding-right  : 10px;
799	padding-top    : 2px;
800	padding-left   : 10px;
801	padding-bottom : 2px;
802	margin-left    : 0px;
803	margin-right   : 0px;
804	margin-top     : 2px;
805	margin-bottom  : 2px;
806}
807TR.memlist {
808   background-color: #f0f0f0; /* gallery */
809}
810
811
812/* member declaration table */
813
814table.memberdecls {
815	width: 100%;
816}
817
818table.memberdecls td.memItemLeft {
819	font-size: 13px;
820	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
821	white-space: nowrap;
822	text-align: right;
823	padding: 6px 0px 4px 8px;
824	margin: 4px;
825	vertical-align: top;
826	border-top: 1px solid var(--TertiaryCanvasText);
827	border-left: 1px solid var(--TertiaryCanvasText);
828	background-color: var(--TertiaryCanvas);
829}
830
831table.memberdecls td.memItemRight {
832	font-size: 13px;
833	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
834	padding: 6px 8px 4px 0px;
835	margin: 4px;
836	vertical-align: top;
837	border-top: 1px solid var(--TertiaryCanvasText);
838	border-right: 1px solid var(--TertiaryCanvasText);
839	background-color: var(--TertiaryCanvas);
840}
841
842table.memberdecls td.mdescLeft {
843	font-size: 13px;
844	line-height: 1.3;
845	padding: 1px 0px 4px 8px;
846	margin: 0px;
847	border-bottom: 1px solid var(--TertiaryCanvasText);
848	border-left: 1px solid var(--TertiaryCanvasText);
849	background-color: var(--TertiaryCanvas);
850}
851
852table.memberdecls td.mdescRight {
853	font-size: 13px;
854	line-height: 1.3;
855	padding: 1px 8px 4px 0px;
856	margin: 0px;
857	border-bottom: 1px solid var(--TertiaryCanvasText);
858	border-right: 1px solid var(--TertiaryCanvasText);
859	background-color: var(--TertiaryCanvas);
860}
861
862table.memberdecls td.mdescRight p {
863	margin: 0;
864	padding: 0;
865}
866
867table.memberdecls td.memTemplItemLeft {
868	font-size: 13px;
869	padding: 1px 0px 0px 8px;
870	margin: 0px;
871	text-align: right;
872	border-left: 1px solid var(--TertiaryCanvasText);
873	background-color: var(--TertiaryCanvas);
874}
875
876table.memberdecls td.memTemplItemRight {
877	font-size: 13px;
878	padding: 1px 8px 0px 0px;
879	margin: 0px;
880	border-right: 1px solid var(--TertiaryCanvasText);
881	background-color: var(--TertiaryCanvas);
882}
883
884table.memberdecls td.memTemplParams {
885	font-size: 13px;
886	padding: 1px 0px 0px 8px;
887	margin: 0px;
888	border-top: 1px solid var(--TertiaryCanvasText);
889	border-left: 1px solid var(--TertiaryCanvasText);
890	border-right: 1px solid var(--TertiaryCanvasText);
891	background-color: var(--TertiaryCanvas);
892}
893
894table.memberdecls td div.groupHeader, tr.inherit_header {
895	/* same as h3 */
896	color: var(--HeaderText);
897	margin-top: 0.5em;
898	margin-bottom: 0.5em;
899	font-size: 1.2em;
900	font-weight: normal;
901	border-bottom: dotted thin var(--TertiaryCanvasText);
902}
903tr.inherit_header {
904	cursor: pointer;
905}
906
907table.memberdecls td div.groupText {
908	font-size: 14.4px;
909}
910
911/* Style for detailed member documentation */
912
913div.memtemplate {
914	font-weight: normal;
915	font-style: normal;
916}
917
918div.memnav {
919	background-color: var(--TertiaryCanvas);
920	border: 1px solid var(--TertiaryCanvasText);
921	text-align: center;
922	margin: 2px;
923	margin-right: 15px;
924	padding: 2px;
925}
926
927/* member item */
928
929div.memitem {
930	margin-bottom: 20px;
931	width: 100%;
932	box-shadow: none;
933	transition: none;
934}
935
936div.memitem dl.info, div.memitem dl.note, div.memitem dl.attention,
937	div.memitem dl.warning,
938	div.memitem dl.stop, div.memitem dl.bug {
939	width: 99%;
940}
941
942/* member prototype */
943
944div.memproto {
945	padding: 4px;
946	background-color: var(--TertiaryCanvas);
947	border: 1px solid var(--TertiaryCanvasText);
948	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
949	box-shadow: none;
950	border-radius: 0;
951}
952
953div.memproto table {
954	font-size: 14.4px;
955}
956
957/* member table */
958
959div.memproto table.memname {
960	line-height: 1.3;
961	font-family: "Noto Sans Mono", Consolas, "Courier New", monospace, fixed;
962}
963
964div.memproto table.memname td.paramtype {
965	white-space: nowrap;
966}
967
968div.memproto table.memname td.paramkey {
969	text-align: right;
970}
971
972div.memproto table.memname td.paramname {
973	white-space: nowrap;
974}
975
976div.memproto table.memname td.memname {
977	white-space: nowrap;
978}
979
980/* member documentation */
981
982div.memdoc {
983	width: 100%;
984	border: none;
985	box-shadow: none;
986	background: none;
987}
988
989div.memdoc div.memproto {
990	margin-top: 2em;
991}
992
993div.memdoc table {
994	width: 100%;
995}
996
997div.memdoc table td {
998	vertical-align: middle;
999	padding: 8px;
1000	border: 1px solid var(--TertiaryCanvasText);
1001}
1002
1003div.memdoc td:first-child {
1004	width: 157px;
1005}
1006
1007div.memdoc dl dd table {
1008	width: 100%;
1009}
1010
1011div.memdoc dl dd table td {
1012	font-size: 14.4px;
1013	padding: 8px;
1014	border: 1px solid var(--TertiaryCanvasText);
1015}
1016
1017div.memdoc dl dd table td ul, table td ol {
1018	margin-top: 8px;
1019	margin-bottom: 8px;
1020}
1021
1022div.memdoc dl dd div.memdoc table.doxtable td {
1023    border: none;
1024}
1025
1026/* parameters table */
1027
1028div.memdoc dl dd table.params td.paramdir {
1029	vertical-align: top;
1030	color: black;
1031	width: 157px;
1032}
1033
1034div.memdoc dl dd table.params td.paramname {
1035	vertical-align: top;
1036	font-weight: normal;
1037	font-style: normal;
1038	color: var(--LinkText);
1039	width: 157px;
1040}
1041
1042/* return values table */
1043
1044div.memdoc dl dd table.retval td.paramname {
1045	vertical-align: top;
1046	color: var(--Blue);
1047	width: 157px;
1048}
1049
1050/* End Styling for detailed member documentation */
1051
1052/* Tree View on Directory Pages */
1053div.directory {
1054	border-top: 1px solid var(--TertiaryCanvasText);
1055	border-bottom: 1px solid var(--TertiaryCanvasText);
1056}
1057
1058.directory .levels span {
1059	color: var(--LinkText);
1060}
1061
1062/* Footer: color separator */
1063
1064hr.footer {
1065	height: 1px;
1066	border-top: 1px solid var(--TertiaryCanvasText);
1067}
1068
1069/* Search Box */
1070#MSearchSelectWindow {
1071	border: var(--TertiaryCanvasText);
1072	background-color: var(--TertiaryCanvas);
1073}
1074
1075#MSearchResultsWindow {
1076	width: 500px !important;
1077	height: 600px !important;
1078	border: var(--TertiaryCanvasText);
1079	background-color: var(--TertiaryCanvas);
1080}
1081
1082
1083.SRPage .SREntry{
1084	font-size: 1em !important;
1085}
1086
1087.SRScope {
1088	font-size: 0.9em !important;
1089}
1090
1091#NoMatches {
1092	font-size: 1.4em
1093}
1094
1095a.SelectItem {
1096	font-size: 1em;
1097}
1098