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