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