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