xref: /haiku/docs/user/book.css (revision 7a74a5df454197933bc6e80a542102362ee98703) 
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	padding: 4px;
81	font-size: 14.4px;
82}
83
84caption {
85	text-align:left;
86}
87
88fieldset,img {
89	border: 0;
90}
91
92q:before,q:after {
93	content: '';
94}
95
96abbr,acronym {
97	border: 0;
98}
99
100a:link {
101	font-weight: bold;
102	text-decoration: none;
103	color: #dc3c01; /* grenadier */
104}
105
106a:visited {
107	font-weight: bold;
108	text-decoration: none;
109	color: #892601; /* peru tan */
110}
111
112a:hover, a:active {
113	text-decoration: underline;
114	color: #ff4500; /* vermilion */
115}
116
117
118/* Some headers act as anchors, don't give them a hover effect */
119
120h1 a:hover, a:active, h2 a:hover, a:active, h3 a:hover, a:active,
121h4 a:hover, a:active, h5 a:hover, a:active, h6 a:hover, a:active {
122	text-decoration: none;
123	color: #0c3762; /* madison */
124}
125
126/* Custom Header */
127
128#banner {
129	position: relative;
130	top: 0;
131	left: 0;
132	height: 84px;
133	background: #eeeeee; /* gallery */
134}
135
136#banner div.logo {
137	background: url('http://api.haiku-os.org/logo.png') no-repeat scroll 0 0 transparent;
138	width: 59em;
139	height: 100%;
140	margin: 0 auto;
141}
142
143#banner span.subtitle {
144	position: relative;
145	top: 54px;
146	left: 272px;
147	color: #333333; /* mine shaft */
148	text-transform: uppercase;
149	letter-spacing: 3px;
150	font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
151	font-weight: normal;
152}
153
154div.header {
155	margin-top: 20px;
156	margin: 10px auto;
157	width: 59em;
158}
159
160div.summary {
161	margin: 0 auto;
162	width: 59em;
163
164	display: none;
165}
166
167div.headertitle {
168	margin: 0 auto;
169	width: 59em;
170}
171
172div.headertitle div.title {
173	color: #0c3762; /* madison */
174	font-size: 1.2em;
175	font-weight: bold;
176	margin-top: 0.5em;
177	margin-bottom: 0.5em;
178}
179
180.ingroups {
181	margin-top: 10px;
182}
183
184/* Navigation Tabs */
185
186div.tabs, div.tabs2, div.tabs3 {
187	position: relative;
188	left: 0;
189	top: 0;
190	background: #e0e0e0; /* alto */
191	margin: 0;
192	padding: 0;
193}
194
195div.tabs ul.tablist, div.tabs2 ul.tablist, div.tabs3 ul.tablist {
196	margin: 0 auto;
197	padding-top: 3px;
198	padding-bottom: 2px;
199	list-style: none;
200	width: 59em;
201}
202
203div.navpath {
204	margin: 20px auto;
205	width: 59em;
206}
207
208div.navpath ul {
209	list-style: none;
210}
211
212div.navpath ul li {
213	padding-top: 3px;
214	padding-bottom: 2px;
215}
216
217div.tabs ul.tablist {
218}
219
220div.tabs2 ul.tablist {
221}
222
223div.tabs3 ul.tablist {
224}
225
226div.tabs ul.tablist li, div.tabs2 ul.tablist li, div.tabs3 ul.tablist li {
227	display: inline;
228	margin: 0px;
229	padding: 0px;
230	font-size: 0.8em;
231}
232
233div.tabs ul.tablist li span, div.tabs2 ul.tablist li span,
234	div.tabs3 ul.tablist li span {
235	display: inline;
236	padding-right: 9px;
237	white-space: nowrap;
238}
239
240div.tabs ul.tablist li li.current a, div.tabs2 ul.tablist li li.current a,
241	div.tabs3 ul.tablist li li.current a {
242	color: black;
243	text-decoration: none;
244}
245
246/* Contents div */
247
248div.contents {
249	line-height: 1.5;
250	margin: 10px auto;
251	width: 59em;
252}
253
254div.contents ul, div.contents ol {
255	font-size: 14.4px;
256	line-height: 1.3;
257}
258
259div.contents em, div.contents code {
260	font-weight: normal;
261	font-style: normal;
262}
263
264div.contents code {
265	color: blue;
266}
267
268div.contents td {
269	line-height: 1.3;
270}
271
272div.contents code {
273	color: blue;
274	font-family: "Deja Vu Mono", Courier, "Courier New", monospace, fixed;
275	font-weight: normal;
276	font-style: normal;
277}
278
279div.contents div.dynheader {
280	margin-bottom: 16px;
281}
282
283div.contents span.keycap, div.contents span.keysym {
284	-webkit-border-radius: 3px;
285	-khtml-border-radius: 3px;
286	-moz-border-radius: 3px;
287	border-radius: 3px;
288	border-color: #c7c7c7; /* silver */
289	border-style: solid;
290	border-width: 1px;
291	padding: 0px 2px 0px 2px;
292	background-color: #e8e8e8; /* mercury */
293	font-family: serif;
294	font-variant: small-caps;
295}
296
297div.contents div.textblock {
298	width: 95%;
299	margin-bottom: 20px;
300}
301
302div.contents hr {
303	display: none;
304}
305
306div.contents ol,ul {
307	list-style: none;
308}
309
310div.contents li {
311	margin-bottom: 10px;
312	margin-left: 20px;
313}
314
315div.contents dd {
316	font-size: 14.4px;
317}
318
319div.contents dt {
320	margin-top: 16px;
321	margin-bottom: 8px;
322}
323
324/* The boxes from the userguide */
325dl.note, dl.remark, dl.warning, dl.attention {
326	width: 100%;
327	border-style: solid;
328	border-width: 2px;
329	margin-top: 24px;
330	margin-bottom: 24px;
331	padding: 4px;
332	min-height: 64px;
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: 0.9em;
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	font-size: 13px;
689}
690
691div.memproto table {
692	font-size: 13px;
693}
694
695/* member table */
696
697div.memproto table.memname {
698	line-height: 1.3;
699}
700
701div.memproto table.memname td.paramtype {
702	white-space: nowrap;
703}
704
705div.memproto table.memname td.paramkey {
706	text-align: right;
707}
708
709div.memproto table.memname td.paramname {
710	white-space: nowrap;
711}
712
713div.memproto table.memname td.memname {
714	white-space: nowrap;
715}
716
717/* member documetation */
718
719div.memdoc {
720	width: 100%;
721}
722
723div.memdoc div.memproto {
724	margin-top: 2em;
725}
726
727div.memdoc table {
728	width: 100%;
729}
730
731div.memdoc table td {
732	vertical-align: middle;
733	padding: 8px;
734	border: 1px solid #d5d5d5; /* silver */
735}
736
737div.memdoc td:first-child {
738	width: 157px;
739}
740
741div.memdoc dl dd table {
742	width: 100%;
743}
744
745div.memdoc dl dd table td {
746	font-size: 14.4px;
747	padding: 8px;
748	border: 1px solid #d5d5d5; /* silver */
749}
750
751div.memdoc dl dd table td ul, table td ol {
752	margin-top: 8px;
753	margin-bottom: 8px;
754}
755
756div.memdoc dl dd div.memdoc table.doxtable td {
757    border: none;
758}
759
760/* parameters table */
761
762div.memdoc dl dd table.params td.paramdir {
763	vertical-align: top;
764	color: black;
765	width: 157px;
766}
767
768div.memdoc dl dd table.params td.paramname {
769	vertical-align: top;
770	font-weight: normal;
771	font-style: normal;
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