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