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