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