xref: /haiku/docs/user/book.css (revision 5e7964b0a929555415798dea3373db9ac4611caa) 
1/*
2 * Copyright 2008-2013 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 */
12
13/* color names provided by: https://chir.ag/projects/name-that-color */
14
15html {
16	overflow-x: hidden;
17	overflow-y: scroll;
18}
19
20body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,
21	p,blockquote,th,td {
22	margin: 0;
23	padding: 0;
24}
25
26body {
27	color: #333333; /* mine shaft */
28	background-color: white;
29	font-size: 14.4px;
30	font-family: "Noto Sans", Arial, sans-serif;
31}
32
33h1, h2, h3, h4, h5, h6 {
34	color: #0c3762; /* madison */
35	margin-top: 1em;
36	margin-bottom: 1em;
37}
38
39h1 {
40	font-size: 1.3em;
41	font-weight: bold;
42	border-bottom: dotted thin #c0c0c0; /* silver */
43}
44
45h2 {
46	font-size: 1.3em;
47	font-weight: normal;
48	border-bottom: dotted thin #c0c0c0; /* silver */
49}
50
51h3 {
52	font-size: 1.2em;
53	font-weight: normal;
54	border-bottom: dotted thin #c0c0c0; /* silver */
55}
56
57h4 {
58	font-size: 1.1em;
59	font-weight: normal;
60}
61
62h5, h6 {
63	font-size: 1.0em;
64	font-weight: normal;
65}
66
67p {
68	margin-top: 0.5em;
69	margin-bottom: 0.5em;
70}
71
72table {
73	border-collapse: collapse;
74	border-spacing: 0;
75}
76
77td, th {
78	vertical-align: top;
79	text-align: left;
80	padding: 4px;
81}
82
83caption {
84	text-align:left;
85}
86
87fieldset,img {
88	border: 0;
89}
90
91q:before,q:after {
92	content: '';
93}
94
95abbr,acronym {
96	border: 0;
97}
98
99a:link {
100	font-weight: bold;
101	text-decoration: none;
102	color: #dc3c01; /* grenadier */
103}
104
105a:visited {
106	font-weight: bold;
107	text-decoration: none;
108	color: #892601; /* peru tan */
109}
110
111a:hover, a:active {
112	text-decoration: underline;
113	color: #ff4500; /* vermilion */
114}
115
116dl.since {
117	margin-top: 1em;
118}
119
120dl.since dt {
121	display: inline;
122	padding-right: 0.5em;
123}
124
125dl.since dd {
126	display: inline;
127}
128
129
130/* Some headers act as anchors, don't give them a hover effect */
131
132h1 a:hover, a:active, h2 a:hover, a:active, h3 a:hover, a:active,
133h4 a:hover, a:active, h5 a:hover, a:active, h6 a:hover, a:active {
134	text-decoration: none;
135	color: #0c3762; /* madison */
136}
137
138/* Custom Header */
139
140#banner {
141	position: relative;
142	top: 0;
143	left: 0;
144	height: 84px;
145	background: #eeeeee; /* gallery */
146}
147
148#banner div.logo {
149	background: url('https://www.haiku-os.org/images/haiku_logo_black.png') no-repeat scroll 0 0 transparent;
150	min-width: 59em;
151	max-width: 70em;
152	height: 100%;
153	margin: 0 auto;
154}
155
156#banner span.subtitle {
157	position: relative;
158	top: 48px;
159	left: 272px;
160	color: #333333; /* mine shaft */
161	text-transform: uppercase;
162	letter-spacing: 3px;
163	font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
164	font-weight: normal;
165}
166
167#banner span.search {
168	position: relative;
169	top: 48px;
170	left: 600px;
171}
172
173input[type=text], input[type=password] {
174	font-size: inherit;
175	border-top: 1px solid #818181;
176	border-left: 1px solid #818181;
177	border-bottom: 1px solid #858585;
178	border-right: 1px solid #858585;
179	margin-top: 3px;
180	padding: 2px;
181	width: 200px;
182}
183
184div.header {
185	margin-top: 20px;
186	margin: 10px auto;
187	min-width: 59em;
188	max-width: 70em;
189}
190
191div.summary {
192	margin: 0 auto;
193	min-width: 59em;
194	max-width: 70em;
195
196	display: none;
197}
198
199div.headertitle {
200	min-width: 59em;
201	max-width: 70em;
202}
203
204div.headertitle div.title {
205	color: #0c3762; /* madison */
206	font-size: 1.3em;
207	font-weight: bold;
208	border-bottom: dotted thin #c0c0c0; /* silver */
209	margin-top: 1em;
210	margin-bottom: 1em;
211}
212
213.ingroups {
214	margin-top: 10px;
215}
216
217/* Navigation Tabs */
218
219div.tabs, div.tabs2, div.tabs3 {
220	position: relative;
221	left: 0;
222	top: 0;
223	background: #e0e0e0; /* alto */
224	margin: 0;
225	padding: 0;
226}
227
228div.tabs ul.tablist, div.tabs2 ul.tablist, div.tabs3 ul.tablist {
229	margin: 0 auto;
230	padding-top: 3px;
231	padding-bottom: 2px;
232	list-style: none;
233	min-width: 59em;
234	max-width: 70em;
235}
236
237div.navpath {
238	margin: 20px auto;
239	min-width: 59em;
240	max-width: 70em;
241}
242
243div.navpath ul {
244	display: none;
245}
246
247div.tabs ul.tablist li, div.tabs2 ul.tablist li, div.tabs3 ul.tablist li {
248	display: inline;
249	margin: 0px;
250	padding: 0px;
251	font-size: 0.8em;
252}
253
254div.tabs ul.tablist li span, div.tabs2 ul.tablist li span,
255	div.tabs3 ul.tablist li span {
256	display: inline;
257	padding-right: 9px;
258	white-space: nowrap;
259}
260
261div.tabs ul.tablist li li.current a, div.tabs2 ul.tablist li li.current a,
262	div.tabs3 ul.tablist li li.current a {
263	color: black;
264	text-decoration: none;
265}
266
267/* Contents div */
268
269div.contents, footer {
270	line-height: 1.5;
271	margin: 10px auto;
272	min-width: 59em;
273	max-width: 70em;
274}
275
276div.contents ul, div.contents ol {
277	line-height: 1.3;
278}
279
280div.contents em, div.contents code, div.contents .mlabel {
281	font-weight: normal;
282	font-style: normal;
283}
284
285div.contents em {
286	color: #dc3c01; /* grenadier */
287}
288
289div.contents .mlabels-right {
290	vertical-align: middle;
291}
292div.contents code, div.contents .mlabel {
293	color: blue;
294	font-family: "Deja Vu Mono", Consolas, "Courier New", monospace, fixed;
295	font-weight: normal;
296	font-style: normal;
297}
298div.contents .mlabel:before {
299	content: "[";
300}
301div.contents .mlabel:after {
302	content: "]";
303}
304
305div.contents td {
306	line-height: 1.3;
307}
308
309div.contents td span.arrow {
310	cursor: pointer;
311}
312
313div.contents td.desc {
314	font-weight: normal;
315}
316
317div.contents div.dynheader {
318	color: #0c3762; /* madison */
319	font-size: 1.3em;
320	font-weight: normal;
321	border-bottom: dotted thin #c0c0c0; /* silver */
322	margin-top: 1em;
323	margin-bottom: 1em;
324}
325
326div.contents div.dyncontent {
327	width: 100%;
328	border: 1px solid #c7c7c7; /* silver */
329	overflow: auto;
330}
331
332div.contents div.dyncontent div.center {
333	text-align: center;
334	margin: 16px;
335}
336
337div.contents td.memSeparator {
338	display: none;
339}
340
341div.contents span.keycap, div.contents span.keysym {
342	-webkit-border-radius: 3px;
343	-khtml-border-radius: 3px;
344	-moz-border-radius: 3px;
345	border-radius: 3px;
346	border-color: #c7c7c7; /* silver */
347	border-style: solid;
348	border-width: 1px;
349	padding: 0px 2px 0px 2px;
350	background-color: #e8e8e8; /* mercury */
351	font-family: serif;
352	font-variant: small-caps;
353}
354
355div.contents div.textblock {
356	margin-bottom: 20px;
357}
358
359div.contents hr {
360	display: none;
361}
362
363div.contents li {
364	line-height: 1.3;
365	margin-bottom: 10px;
366	margin-left: 20px;
367}
368
369div.contents dt {
370	margin-top: 16px;
371	margin-bottom: 8px;
372}
373
374.icon {
375	font-weight: bold;
376	font-size: 12px;
377	height: 14px;
378	width: 16px;
379	display: inline-block;
380	background-color: #ff4500;
381	color: white;
382	text-align: center;
383	border-radius: 4px;
384	margin-left: 2px;
385	margin-right: 2px;
386}
387
388/* Entry markers */
389dl dt {
390	font-weight: bold;
391}
392dl dt::after {
393	content: ":";
394}
395
396/* The boxes from the userguide */
397dl.note, dl.remark, dl.warning, dl.attention {
398	border-style: solid;
399	border-width: 2px;
400	margin-top: 24px;
401	margin-bottom: 24px;
402	padding: 4px;
403	min-height: 48px;
404}
405
406dl.note dd, dl.remark dd, dl.warning dd, dl.attention dd {
407	font-size: 12px;
408}
409
410dl.note {
411	background: #deebff url('https://www.haiku-os.org/images/alert_info_32.png') 15px 15px no-repeat;
412	border-color: #183cce;
413}
414
415dl.remark {
416	background: #f3f3f3 url('https://www.haiku-os.org/images/alert_idea_32.png') 15px 15px no-repeat;
417	border-color: #c0c0c0; /* silver */
418}
419
420dl.warning {
421	/* lemon chiffon */
422	background: #fffbc6 url('https://www.haiku-os.org/images/alert_warning_32.png') 15px 15px no-repeat;
423	border-color: #eed300; /* gold */
424}
425
426dl.attention {
427	/* fair pink */
428	background: #ffeae6 url('https://www.haiku-os.org/images/alert_stop_32.png') 15px 15px no-repeat;
429	border-color: red;
430}
431
432dl.note dt, dl.remark dt, dl.warning dt, dl.attention dt {
433	display: none; /* don't display the Note: or Warning: header */
434}
435
436dl.note dd, dl.remark dd, dl.warning dd, dl.attention dd {
437	margin: 10px 10px 10px 60px;
438	color: black; /* pseudo-bold */
439}
440
441
442/* For keyboard shortcuts and the like (also from userguide) */
443
444div.contents span.keycap {
445	-webkit-border-radius: 3px;
446	-khtml-border-radius: 3px;
447	-moz-border-radius: 3px;
448	border-radius: 3px;
449	border-color: #c7c7c7; /* silver */
450	border-style: solid;
451	border-width: 1px;
452	padding: 0px 2px 0px 2px;
453	background-color: #e8e8e8; /* mercury */
454	font-family: serif;
455	font-variant: small-caps;
456}
457
458
459/* Continue with the rest of the standard Doxygen stuff... */
460
461CAPTION { font-weight: bold }
462div.qindex {
463	width: 100%;
464	background-color: #f3f3f3; /* concrete */
465	border: 1px solid #c0c0c0; /* silver */
466	text-align: center;
467	margin: 2px;
468	padding: 2px;
469	line-height: 1.3;
470}
471div.nav {
472	width: 100%;
473	background-color: #f3f3f3; /* concrete */
474	border: 1px solid #c0c0c0; /* silver */
475	text-align: center;
476	margin: 2px;
477	padding: 2px;
478	line-height: 1.3;
479}
480div.navtab {
481	background-color: #f3f3f3; /* concrete */
482	border: 1px solid #c0c0c0; /* silver */
483	text-align: center;
484	margin: 2px;
485	margin-right: 15px;
486	padding: 2px;
487}
488TD.navtab {
489	;
490}
491A.qindex {
492	text-decoration: none;
493	font-weight: bold;
494	color: #1a419d; /* fun blue */
495}
496A.qindex:visited {
497	text-decoration: none;
498	font-weight: bold;
499	color: #1a419d; /* fun blue */
500}
501A.qindex:hover {
502	text-decoration: none;
503	background-color: #ddddff; /* fog */
504}
505A.qindexHL {
506	text-decoration: none;
507	font-weight: bold;
508	background-color: #6666cc; /* blue marguerite */
509	color: white;
510	border: 1px double #9295c2; /* bell blue */
511}
512A.qindexHL:hover {
513	text-decoration: none;
514	background-color: #6666cc; /* blue marguerite */
515	color: white;
516}
517A.qindexHL:visited {
518	text-decoration: none;
519	background-color: #6666cc; /* blue marguerite */
520	color: white;
521}
522A.elRef {
523	font-weight: bold
524}
525A.code:link {
526	text-decoration: none;
527	font-weight: normal;
528	color: blue;
529}
530A.code:visited {
531	text-decoration: none;
532	font-weight: normal;
533	color: blue;
534}
535A.codeRef:link {
536	font-weight: normal;
537	color: blue;
538}
539A.codeRef:visited {
540	font-weight: normal;
541	color: blue;
542}
543dl.el {
544	margin-left: -1cm
545}
546div.fragment {
547	white-space: pre;
548	width: 99%;
549	background-color: #f3f3f3; /* concrete */
550	border: 1px solid #c0c0c0; /* silver */
551	padding: 4px;
552	color: black;
553	font-family: "Deja Vu Mono", Consolas, "Courier New", monospace, fixed;
554	font-weight: normal;
555	font-style: normal;
556	font-size: 13px;
557	line-height: 1.3;
558}
559div.fragment pre.fragment a.code {
560	font-weight: bold;
561}
562div.ah {
563	background-color: black;
564	font-weight: bold;
565	color: white;
566	margin-bottom: 3px;
567	margin-top: 3px;
568}
569TD.indexkey {
570	background-color: #f3f3f3; /* concrete */
571	border: 1px solid #c0c0c0; /* silver */
572	font-weight: bold;
573	padding-right  : 10px;
574	padding-top    : 2px;
575	padding-left   : 10px;
576	padding-bottom : 2px;
577	margin-left    : 0px;
578	margin-right   : 0px;
579	margin-top     : 2px;
580	margin-bottom  : 2px;
581}
582TD.indexvalue {
583	background-color: #f3f3f3; /* concrete */
584	border: 1px solid #c0c0c0; /* silver */
585	font-style: italic;
586	padding-right  : 10px;
587	padding-top    : 2px;
588	padding-left   : 10px;
589	padding-bottom : 2px;
590	margin-left    : 0px;
591	margin-right   : 0px;
592	margin-top     : 2px;
593	margin-bottom  : 2px;
594}
595TR.memlist {
596   background-color: #f0f0f0; /* gallery */
597}
598P.formulaDsp { text-align: center; }
599IMG.formulaDsp { }
600IMG.formulaInl { vertical-align: middle; }
601SPAN.keyword       { color: #008000; /* japanese laurel */ }
602SPAN.keywordtype   { color: #5c5f05; /* antique bronze */ }
603SPAN.keywordflow   { color: #e08000; /* mango tango */ }
604SPAN.comment       { color: #008000; /* japanese laurel */ }
605SPAN.preprocessor  { color: #806020; /* kumera */ }
606SPAN.stringliteral { color: gray; }
607SPAN.charliteral   { color: #008080; /* teal */ }
608.search {
609	color: #003399; /* smalt */
610	font-weight: bold;
611}
612FORM.search {
613	margin-bottom: 0px;
614	margin-top: 0px;
615}
616INPUT.search {
617	color: #000080; /* navy blue */
618	font-weight: normal;
619	background-color: #f3f3f3; /* concrete */
620}
621TD.tiny { font-size: 75%; }
622.dirtab {
623	padding: 4px;
624	border-collapse: collapse;
625	border: 1px solid #84b0c7; /* glacier */
626}
627TH.dirtab {
628	background-color: #f3f3f3; /* concrete */
629	font-weight: bold;
630}
631
632/* member declaration table */
633
634table.memberdecls {
635	width: 100%;
636}
637
638table.memberdecls td.memItemLeft {
639	font-size: 13px;
640	font-family: "Deja Vu Mono", Consolas, "Courier New", monospace, fixed;
641	white-space: nowrap;
642	text-align: right;
643	padding: 6px 0px 4px 8px;
644	margin: 4px;
645	vertical-align: top;
646	border-top: 1px solid #c0c0c0; /* silver */
647	border-left: 1px solid #c0c0c0; /* silver */
648	background-color: #f3f3f3; /* concrete */
649}
650
651table.memberdecls td.memItemRight {
652	font-size: 13px;
653	font-family: "Deja Vu Mono", Consolas, "Courier New", monospace, fixed;
654	padding: 6px 8px 4px 0px;
655	margin: 4px;
656	vertical-align: top;
657	border-top: 1px solid #c0c0c0; /* silver */
658	border-right: 1px solid #c0c0c0; /* silver */
659	background-color: #f3f3f3; /* concrete */
660}
661
662table.memberdecls td.mdescLeft {
663	font-size: 13px;
664	line-height: 1.3;
665	padding: 1px 0px 4px 8px;
666	margin: 0px;
667	border-bottom: 1px solid #c0c0c0; /* silver */
668	border-left: 1px solid #c0c0c0; /* silver */
669	background-color: #f3f3f3; /* concrete */
670}
671
672table.memberdecls td.mdescRight {
673	font-size: 13px;
674	line-height: 1.3;
675	padding: 1px 8px 4px 0px;
676	margin: 0px;
677	border-bottom: 1px solid #c0c0c0; /* silver */
678	border-right: 1px solid #c0c0c0; /* silver */
679	background-color: #f3f3f3; /* concrete */
680}
681
682table.memberdecls td.mdescRight p {
683	margin: 0;
684	padding: 0;
685}
686
687table.memberdecls td.memTemplItemLeft {
688	font-size: 13px;
689	padding: 1px 0px 0px 8px;
690	margin: 0px;
691	text-align: right;
692	border-left: 1px solid #c0c0c0; /* silver */
693	background-color: #f3f3f3; /* concrete */
694}
695
696table.memberdecls td.memTemplItemRight {
697	font-size: 13px;
698	padding: 1px 8px 0px 0px;
699	margin: 0px;
700	border-right: 1px solid #c0c0c0; /* silver */
701	background-color: #f3f3f3; /* concrete */
702}
703
704table.memberdecls td.memTemplParams {
705	font-size: 13px;
706	padding: 1px 0px 0px 8px;
707	margin: 0px;
708	border-top: 1px solid #c0c0c0; /* silver */
709	border-left: 1px solid #c0c0c0; /* silver */
710	border-right: 1px solid #c0c0c0; /* silver */
711	background-color: #f3f3f3; /* concrete */
712}
713
714table.memberdecls td div.groupHeader, tr.inherit_header {
715	/* same as h3 */
716	color: #0c3762; /* madison */
717	margin-top: 0.5em;
718	margin-bottom: 0.5em;
719	font-size: 1.2em;
720	font-weight: normal;
721	border-bottom: dotted thin #c0c0c0; /* silver */
722}
723tr.inherit_header {
724	cursor: pointer;
725}
726
727table.memberdecls td div.groupText {
728	font-size: 14.4px;
729}
730
731/* Style for detailed member documentation */
732
733div.memtemplate {
734	font-weight: normal;
735	font-style: normal;
736}
737
738div.memnav {
739	background-color: #f3f3f3; /* concrete */
740	border: 1px solid #c0c0c0; /* silver */
741	text-align: center;
742	margin: 2px;
743	margin-right: 15px;
744	padding: 2px;
745}
746
747/* member item */
748
749div.memitem {
750	margin-bottom: 20px;
751	width: 100%;
752}
753
754div.memitem dl.info, div.memitem dl.note, div.memitem dl.attention,
755	div.memitem dl.warning,
756	div.memitem dl.stop, div.memitem dl.bug {
757	width: 99%;
758}
759
760/* member prototype */
761
762div.memproto {
763	padding: 4px;
764	background-color: #f3f3f3; /* concrete */
765	border: 1px solid #c0c0c0; /* silver */
766	font-family: "Deja Vu Mono", Consolas, "Courier New", monospace, fixed;
767}
768
769div.memproto table {
770	font-size: 14.4px;
771}
772
773/* member table */
774
775div.memproto table.memname {
776	line-height: 1.3;
777}
778
779div.memproto table.memname td.paramtype {
780	white-space: nowrap;
781}
782
783div.memproto table.memname td.paramkey {
784	text-align: right;
785}
786
787div.memproto table.memname td.paramname {
788	white-space: nowrap;
789}
790
791div.memproto table.memname td.memname {
792	white-space: nowrap;
793}
794
795/* member documetation */
796
797div.memdoc {
798	width: 100%;
799}
800
801div.memdoc div.memproto {
802	margin-top: 2em;
803}
804
805div.memdoc table {
806	width: 100%;
807}
808
809div.memdoc table td {
810	vertical-align: middle;
811	padding: 8px;
812	border: 1px solid #d5d5d5; /* silver */
813}
814
815div.memdoc td:first-child {
816	width: 157px;
817}
818
819div.memdoc dl dd table {
820	width: 100%;
821}
822
823div.memdoc dl dd table td {
824	font-size: 14.4px;
825	padding: 8px;
826	border: 1px solid #d5d5d5; /* silver */
827}
828
829div.memdoc dl dd table td ul, table td ol {
830	margin-top: 8px;
831	margin-bottom: 8px;
832}
833
834div.memdoc dl dd div.memdoc table.doxtable td {
835    border: none;
836}
837
838/* parameters table */
839
840div.memdoc dl dd table.params td.paramdir {
841	vertical-align: top;
842	color: black;
843	width: 157px;
844}
845
846div.memdoc dl dd table.params td.paramname {
847	vertical-align: top;
848	font-weight: normal;
849	font-style: normal;
850	color: #dc3c01; /* grenadier */
851	width: 157px;
852}
853
854/* return values table */
855
856div.memdoc dl dd table.retval td.paramname {
857	vertical-align: top;
858	color: blue;
859	width: 157px;
860}
861
862/* End Styling for detailed member documentation */
863
864/* for the tree view */
865.ftvtree {
866	font-family: sans-serif;
867	margin: 0.5em;
868}
869
870.directory { font-size: 14.4px; font-weight: bold; }
871.directory h3 { margin: 0px; margin-top: 1em; font-size: 11pt; }
872.directory > h3 { margin-top: 0; }
873.directory p { margin: 0px; white-space: nowrap; }
874.directory div { display: none; margin: 0px; }
875.directory img { vertical-align: -30%; }
876
877/* printer only pretty stuff */
878@media print {
879	/* suggest page orientation */
880	@page { size: portrait; }
881	.noprint {
882		display: none;
883	}
884
885	html {
886		background: #FFF;
887	}
888
889	/* hide header and nav bar */
890	#banner {
891		display:none;
892	}
893
894	div.tabs, div.tabs2, div.tabs3 {
895		display:none;
896	}
897
898	div.summary {
899		margin: 0px;
900		padding: 0px;
901	}
902
903	div.headertitle {
904		margin: 0px;
905		padding: 0px;
906	}
907
908	div.content {
909		margin: 0px;
910		padding: 0px;
911	}
912
913	/* some links we want to print the url along with (CSS2) */
914	a.printurl:after {
915		content: " <" attr(href) ">";
916		font-weight: normal;
917		font-size: small;
918	}
919
920	/* override for those we really don't want to print */
921	a.noprinturl:after {
922		content: "";
923	}
924
925	/* for acronyms we want their definitions inlined at print time */
926	acronym[title]:after {
927		font-size: small;
928		content: " (" attr(title) ")";
929		font-style: italic;
930	}
931
932	/* and not have mozilla dotted underline */
933	acronym {
934		border: none;
935	}
936
937	pre.terminal { /* Terminal output black on white */
938		background-color: #ffffff;
939		color: #000000;
940	}
941}
942