xref: /haiku/docs/user/book.css (revision b55a57da7173b9af0432bd3e148d03f06161d036) 
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 */
11
12/*  This is the Doxygen standard (messy) CSS updated with Haiku stuff.
13    All tags which are lower case have custom CSS, all upper case tags are the original.
14    I did some reordering.
15    - nielx
16 */
17
18html {
19	margin: 0px;
20	padding: 0px;
21}
22
23body {
24	font-family: "DejaVu Sans",Arial,Helvetica,sans-serif;
25	background: white;
26	color: #333333;
27	font-size: 90%;
28	margin: 0px;
29	padding: 0px;
30}
31
32h1 {
33	font-size: 1.3em;
34	font-weight: normal;
35	color: #0c3762;
36	border-bottom: dotted thin #e0e0e0;
37}
38
39h2 {
40	font-size: 1.2em;
41	font-weight: normal;
42	color: #0c3762;
43	border-bottom: dotted thin #e0e0e0;
44	margin-top: 10px;
45}
46
47h3 {
48	font-size: 1.1em;
49	font-weight: normal;
50	color: #0c3762;
51	margin-top: 10px;
52}
53
54h4 {
55	font-size: 1.0em;
56	font-weight: lighter;
57	color: #0c3762;
58	margin-top: 10px;
59}
60
61p {
62	text-align: justify;
63	line-height: 1.3;
64}
65
66/* link colors and text decoration */
67
68a:link {
69	font-weight: bold;
70	text-decoration: none;
71	color: #dc3c01;
72}
73
74a:visited {
75	font-weight: bold;
76	text-decoration: none;
77	color: #892601;
78}
79
80a:hover, a:active {
81	text-decoration: underline;
82	color: #ff4500;
83}
84
85/* Some headers act as anchors, don't give them a hover effect */
86
87h1 a:hover, a:active {
88	text-decoration: none;
89	color: #0c3762;
90}
91
92h2 a:hover, a:active {
93	text-decoration: none;
94	color: #0c3762;
95}
96
97h3 a:hover, a:active {
98	text-decoration: none;
99	color: #0c3762;
100}
101
102h4 a:hover, a:active {
103	text-decoration: none;
104	color: #0c3762;
105}
106
107/* Custom Header */
108
109div.logo {
110	position: relative;
111	left: 0px;
112	top: 0px;
113	background: #efefef;
114}
115
116div.logo img {
117	margin-left: 20px;
118}
119
120div.title {
121	position: absolute;
122	top: 54px;
123	right: 40px;
124	font-size: 1.2em;
125}
126
127/* Navigation Tabs */
128div.tabs {
129	width: 100%;
130	background: #e0e0e0;
131}
132
133div.tabs ul {
134	margin: 0px;
135	padding-left: 10px;
136	list-style: none;
137}
138
139div.tabs li {
140	display: inline;
141	margin: 0px;
142	padding: 0px;
143	font-size: 0,8em;
144}
145
146div.tabs span {
147	display: inline;
148	padding: 5px 9px;
149	white-space: nowrap;
150}
151
152div.tabs li.current a {
153	color: black;
154	text-decoration: none;
155}
156
157/* Contents div */
158
159div.contents {
160	padding: 50px 40px;
161}
162
163/* Continue with the rest of the standard Doxygen stuff... */
164
165CAPTION { font-weight: bold }
166DIV.qindex {
167	width: 100%;
168	background-color: #e8eef2;
169	border: 1px solid #84b0c7;
170	text-align: center;
171	margin: 2px;
172	padding: 2px;
173	line-height: 140%;
174}
175DIV.nav {
176	width: 100%;
177	background-color: #e8eef2;
178	border: 1px solid #84b0c7;
179	text-align: center;
180	margin: 2px;
181	padding: 2px;
182	line-height: 140%;
183}
184DIV.navtab {
185       background-color: #e8eef2;
186       border: 1px solid #84b0c7;
187       text-align: center;
188       margin: 2px;
189       margin-right: 15px;
190       padding: 2px;
191}
192TD.navtab {
193       font-size: 70%;
194}
195A.qindex {
196       text-decoration: none;
197       font-weight: bold;
198       color: #1A419D;
199}
200A.qindex:visited {
201       text-decoration: none;
202       font-weight: bold;
203       color: #1A419D
204}
205A.qindex:hover {
206	text-decoration: none;
207	background-color: #ddddff;
208}
209A.qindexHL {
210	text-decoration: none;
211	font-weight: bold;
212	background-color: #6666cc;
213	color: #ffffff;
214	border: 1px double #9295C2;
215}
216A.qindexHL:hover {
217	text-decoration: none;
218	background-color: #6666cc;
219	color: #ffffff;
220}
221A.qindexHL:visited { text-decoration: none; background-color: #6666cc; color: #ffffff }
222A.elRef { font-weight: bold }
223A.code:link { text-decoration: none; font-weight: normal; color: #0000FF}
224A.code:visited { text-decoration: none; font-weight: normal; color: #0000FF}
225A.codeRef:link { font-weight: normal; color: #0000FF}
226A.codeRef:visited { font-weight: normal; color: #0000FF}
227DL.el { margin-left: -1cm }
228.fragment {
229       font-family: monospace, fixed;
230       font-size: 95%;
231}
232PRE.fragment {
233	border: 1px solid #CCCCCC;
234	background-color: #f5f5f5;
235	margin-top: 4px;
236	margin-bottom: 4px;
237	margin-left: 2px;
238	margin-right: 8px;
239	padding-left: 6px;
240	padding-right: 6px;
241	padding-top: 4px;
242	padding-bottom: 4px;
243}
244DIV.ah { background-color: black; font-weight: bold; color: #ffffff; margin-bottom: 3px; margin-top: 3px }
245
246DIV.groupHeader {
247       margin-left: 16px;
248       margin-top: 12px;
249       margin-bottom: 6px;
250       font-weight: bold;
251}
252DIV.groupText { margin-left: 16px; font-style: italic; font-size: 90% }
253
254TD.indexkey {
255	background-color: #e8eef2;
256	font-weight: bold;
257	padding-right  : 10px;
258	padding-top    : 2px;
259	padding-left   : 10px;
260	padding-bottom : 2px;
261	margin-left    : 0px;
262	margin-right   : 0px;
263	margin-top     : 2px;
264	margin-bottom  : 2px;
265	border: 1px solid #CCCCCC;
266}
267TD.indexvalue {
268	background-color: #e8eef2;
269	font-style: italic;
270	padding-right  : 10px;
271	padding-top    : 2px;
272	padding-left   : 10px;
273	padding-bottom : 2px;
274	margin-left    : 0px;
275	margin-right   : 0px;
276	margin-top     : 2px;
277	margin-bottom  : 2px;
278	border: 1px solid #CCCCCC;
279}
280TR.memlist {
281   background-color: #f0f0f0;
282}
283P.formulaDsp { text-align: center; }
284IMG.formulaDsp { }
285IMG.formulaInl { vertical-align: middle; }
286SPAN.keyword       { color: #008000 }
287SPAN.keywordtype   { color: #604020 }
288SPAN.keywordflow   { color: #e08000 }
289SPAN.comment       { color: #800000 }
290SPAN.preprocessor  { color: #806020 }
291SPAN.stringliteral { color: #002080 }
292SPAN.charliteral   { color: #008080 }
293.mdescLeft {
294       padding: 0px 8px 4px 8px;
295	font-size: 80%;
296	font-style: italic;
297	background-color: #FAFAFA;
298	border-top: 1px none #E0E0E0;
299	border-right: 1px none #E0E0E0;
300	border-bottom: 1px none #E0E0E0;
301	border-left: 1px none #E0E0E0;
302	margin: 0px;
303}
304.mdescRight {
305       padding: 0px 8px 4px 8px;
306	font-size: 80%;
307	font-style: italic;
308	background-color: #FAFAFA;
309	border-top: 1px none #E0E0E0;
310	border-right: 1px none #E0E0E0;
311	border-bottom: 1px none #E0E0E0;
312	border-left: 1px none #E0E0E0;
313	margin: 0px;
314}
315.memItemLeft {
316	padding: 1px 0px 0px 8px;
317	margin: 4px;
318	border-top-width: 1px;
319	border-right-width: 1px;
320	border-bottom-width: 1px;
321	border-left-width: 1px;
322	border-top-color: #E0E0E0;
323	border-right-color: #E0E0E0;
324	border-bottom-color: #E0E0E0;
325	border-left-color: #E0E0E0;
326	border-top-style: solid;
327	border-right-style: none;
328	border-bottom-style: none;
329	border-left-style: none;
330	background-color: #FAFAFA;
331	font-size: 80%;
332}
333.memItemRight {
334	padding: 1px 8px 0px 8px;
335	margin: 4px;
336	border-top-width: 1px;
337	border-right-width: 1px;
338	border-bottom-width: 1px;
339	border-left-width: 1px;
340	border-top-color: #E0E0E0;
341	border-right-color: #E0E0E0;
342	border-bottom-color: #E0E0E0;
343	border-left-color: #E0E0E0;
344	border-top-style: solid;
345	border-right-style: none;
346	border-bottom-style: none;
347	border-left-style: none;
348	background-color: #FAFAFA;
349	font-size: 80%;
350}
351.memTemplItemLeft {
352	padding: 1px 0px 0px 8px;
353	margin: 4px;
354	border-top-width: 1px;
355	border-right-width: 1px;
356	border-bottom-width: 1px;
357	border-left-width: 1px;
358	border-top-color: #E0E0E0;
359	border-right-color: #E0E0E0;
360	border-bottom-color: #E0E0E0;
361	border-left-color: #E0E0E0;
362	border-top-style: none;
363	border-right-style: none;
364	border-bottom-style: none;
365	border-left-style: none;
366	background-color: #FAFAFA;
367	font-size: 80%;
368}
369.memTemplItemRight {
370	padding: 1px 8px 0px 8px;
371	margin: 4px;
372	border-top-width: 1px;
373	border-right-width: 1px;
374	border-bottom-width: 1px;
375	border-left-width: 1px;
376	border-top-color: #E0E0E0;
377	border-right-color: #E0E0E0;
378	border-bottom-color: #E0E0E0;
379	border-left-color: #E0E0E0;
380	border-top-style: none;
381	border-right-style: none;
382	border-bottom-style: none;
383	border-left-style: none;
384	background-color: #FAFAFA;
385	font-size: 80%;
386}
387.memTemplParams {
388	padding: 1px 0px 0px 8px;
389	margin: 4px;
390	border-top-width: 1px;
391	border-right-width: 1px;
392	border-bottom-width: 1px;
393	border-left-width: 1px;
394	border-top-color: #E0E0E0;
395	border-right-color: #E0E0E0;
396	border-bottom-color: #E0E0E0;
397	border-left-color: #E0E0E0;
398	border-top-style: solid;
399	border-right-style: none;
400	border-bottom-style: none;
401	border-left-style: none;
402       color: #606060;
403	background-color: #FAFAFA;
404	font-size: 80%;
405}
406.search     { color: #003399;
407              font-weight: bold;
408}
409FORM.search {
410              margin-bottom: 0px;
411              margin-top: 0px;
412}
413INPUT.search { font-size: 75%;
414               color: #000080;
415               font-weight: normal;
416               background-color: #e8eef2;
417}
418TD.tiny      { font-size: 75%;
419}
420
421.dirtab { padding: 4px;
422          border-collapse: collapse;
423          border: 1px solid #84b0c7;
424}
425TH.dirtab { background: #e8eef2;
426            font-weight: bold;
427}
428HR { height: 1px;
429     border: none;
430     border-top: 1px solid black;
431}
432
433/* Style for detailed member documentation */
434.memtemplate {
435  font-size: 80%;
436  color: #606060;
437  font-weight: normal;
438}
439.memnav {
440  background-color: #e8eef2;
441  border: 1px solid #84b0c7;
442  text-align: center;
443  margin: 2px;
444  margin-right: 15px;
445  padding: 2px;
446}
447.memitem {
448  padding: 4px;
449  background-color: #eef3f5;
450  border-width: 1px;
451  border-style: solid;
452  border-color: #dedeee;
453  -moz-border-radius: 8px 8px 8px 8px;
454}
455.memname {
456  white-space: nowrap;
457  font-weight: bold;
458}
459.memdoc{
460  padding-left: 10px;
461}
462.memproto {
463  background-color: #d5e1e8;
464  width: 100%;
465  border-width: 1px;
466  border-style: solid;
467  border-color: #84b0c7;
468  font-weight: bold;
469  -moz-border-radius: 8px 8px 8px 8px;
470}
471.paramkey {
472  text-align: right;
473}
474.paramtype {
475  white-space: nowrap;
476}
477.paramname {
478  color: #602020;
479  font-style: italic;
480  white-space: nowrap;
481}
482/* End Styling for detailed member documentation */
483
484/* for the tree view */
485.ftvtree {
486	font-family: sans-serif;
487	margin:0.5em;
488}
489.directory { font-size: 9pt; font-weight: bold; }
490.directory h3 { margin: 0px; margin-top: 1em; font-size: 11pt; }
491.directory > h3 { margin-top: 0; }
492.directory p { margin: 0px; white-space: nowrap; }
493.directory div { display: none; margin: 0px; }
494.directory img { vertical-align: -30%; }
495