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