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