xref: /haiku/docs/user/book.css (revision c90684742e7361651849be4116d0e5de3a817194)
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/* The boxes from the userguide */
164/* Rounded corner boxes */
165/* Common declarations */
166.info, .stop, .warning {
167	-webkit-border-radius: 10px;
168	-khtml-border-radius: 10px;
169	-moz-border-radius: 10px;
170	border-radius: 10px;
171	border-style: dotted;
172	border-width: thin;
173	border-color: #dcdcdc;
174	padding: 10px 15px 10px 80px;
175	margin-bottom: 15px;
176	margin-top: 15px;
177	min-height: 42px;
178}
179.info {
180	background: #e4ffde url(images/alert_info_32.png) 15px 15px no-repeat;
181}
182.warning {
183	background: #fffbc6 url(images/alert_warning_32.png) 15px 15px no-repeat;
184}
185.stop {
186	background: #ffeae6 url(images/alert_stop_32.png) 15px 15px no-repeat;
187}
188
189/* Continue with the rest of the standard Doxygen stuff... */
190
191CAPTION { font-weight: bold }
192DIV.qindex {
193	width: 100%;
194	background-color: #e8eef2;
195	border: 1px solid #84b0c7;
196	text-align: center;
197	margin: 2px;
198	padding: 2px;
199	line-height: 140%;
200}
201DIV.nav {
202	width: 100%;
203	background-color: #e8eef2;
204	border: 1px solid #84b0c7;
205	text-align: center;
206	margin: 2px;
207	padding: 2px;
208	line-height: 140%;
209}
210DIV.navtab {
211       background-color: #e8eef2;
212       border: 1px solid #84b0c7;
213       text-align: center;
214       margin: 2px;
215       margin-right: 15px;
216       padding: 2px;
217}
218TD.navtab {
219       font-size: 70%;
220}
221A.qindex {
222       text-decoration: none;
223       font-weight: bold;
224       color: #1A419D;
225}
226A.qindex:visited {
227       text-decoration: none;
228       font-weight: bold;
229       color: #1A419D
230}
231A.qindex:hover {
232	text-decoration: none;
233	background-color: #ddddff;
234}
235A.qindexHL {
236	text-decoration: none;
237	font-weight: bold;
238	background-color: #6666cc;
239	color: #ffffff;
240	border: 1px double #9295C2;
241}
242A.qindexHL:hover {
243	text-decoration: none;
244	background-color: #6666cc;
245	color: #ffffff;
246}
247A.qindexHL:visited { text-decoration: none; background-color: #6666cc; color: #ffffff }
248A.elRef { font-weight: bold }
249A.code:link { text-decoration: none; font-weight: normal; color: #0000FF}
250A.code:visited { text-decoration: none; font-weight: normal; color: #0000FF}
251A.codeRef:link { font-weight: normal; color: #0000FF}
252A.codeRef:visited { font-weight: normal; color: #0000FF}
253DL.el { margin-left: -1cm }
254.fragment {
255       font-family: monospace, fixed;
256       font-size: 95%;
257}
258PRE.fragment {
259	border: 1px solid #CCCCCC;
260	background-color: #f5f5f5;
261	margin-top: 4px;
262	margin-bottom: 4px;
263	margin-left: 2px;
264	margin-right: 8px;
265	padding-left: 6px;
266	padding-right: 6px;
267	padding-top: 4px;
268	padding-bottom: 4px;
269}
270DIV.ah { background-color: black; font-weight: bold; color: #ffffff; margin-bottom: 3px; margin-top: 3px }
271
272DIV.groupHeader {
273       margin-left: 16px;
274       margin-top: 12px;
275       margin-bottom: 6px;
276       font-weight: bold;
277}
278DIV.groupText { margin-left: 16px; font-style: italic; font-size: 90% }
279
280TD.indexkey {
281	background-color: #e8eef2;
282	font-weight: bold;
283	padding-right  : 10px;
284	padding-top    : 2px;
285	padding-left   : 10px;
286	padding-bottom : 2px;
287	margin-left    : 0px;
288	margin-right   : 0px;
289	margin-top     : 2px;
290	margin-bottom  : 2px;
291	border: 1px solid #CCCCCC;
292}
293TD.indexvalue {
294	background-color: #e8eef2;
295	font-style: italic;
296	padding-right  : 10px;
297	padding-top    : 2px;
298	padding-left   : 10px;
299	padding-bottom : 2px;
300	margin-left    : 0px;
301	margin-right   : 0px;
302	margin-top     : 2px;
303	margin-bottom  : 2px;
304	border: 1px solid #CCCCCC;
305}
306TR.memlist {
307   background-color: #f0f0f0;
308}
309P.formulaDsp { text-align: center; }
310IMG.formulaDsp { }
311IMG.formulaInl { vertical-align: middle; }
312SPAN.keyword       { color: #008000 }
313SPAN.keywordtype   { color: #604020 }
314SPAN.keywordflow   { color: #e08000 }
315SPAN.comment       { color: #800000 }
316SPAN.preprocessor  { color: #806020 }
317SPAN.stringliteral { color: #002080 }
318SPAN.charliteral   { color: #008080 }
319.mdescLeft {
320       padding: 0px 8px 4px 8px;
321	font-size: 80%;
322	font-style: italic;
323	background-color: #FAFAFA;
324	border-top: 1px none #E0E0E0;
325	border-right: 1px none #E0E0E0;
326	border-bottom: 1px none #E0E0E0;
327	border-left: 1px none #E0E0E0;
328	margin: 0px;
329}
330.mdescRight {
331       padding: 0px 8px 4px 8px;
332	font-size: 80%;
333	font-style: italic;
334	background-color: #FAFAFA;
335	border-top: 1px none #E0E0E0;
336	border-right: 1px none #E0E0E0;
337	border-bottom: 1px none #E0E0E0;
338	border-left: 1px none #E0E0E0;
339	margin: 0px;
340}
341.memItemLeft {
342	padding: 1px 0px 0px 8px;
343	margin: 4px;
344	border-top-width: 1px;
345	border-right-width: 1px;
346	border-bottom-width: 1px;
347	border-left-width: 1px;
348	border-top-color: #E0E0E0;
349	border-right-color: #E0E0E0;
350	border-bottom-color: #E0E0E0;
351	border-left-color: #E0E0E0;
352	border-top-style: solid;
353	border-right-style: none;
354	border-bottom-style: none;
355	border-left-style: none;
356	background-color: #FAFAFA;
357	font-size: 80%;
358}
359.memItemRight {
360	padding: 1px 8px 0px 8px;
361	margin: 4px;
362	border-top-width: 1px;
363	border-right-width: 1px;
364	border-bottom-width: 1px;
365	border-left-width: 1px;
366	border-top-color: #E0E0E0;
367	border-right-color: #E0E0E0;
368	border-bottom-color: #E0E0E0;
369	border-left-color: #E0E0E0;
370	border-top-style: solid;
371	border-right-style: none;
372	border-bottom-style: none;
373	border-left-style: none;
374	background-color: #FAFAFA;
375	font-size: 80%;
376}
377.memTemplItemLeft {
378	padding: 1px 0px 0px 8px;
379	margin: 4px;
380	border-top-width: 1px;
381	border-right-width: 1px;
382	border-bottom-width: 1px;
383	border-left-width: 1px;
384	border-top-color: #E0E0E0;
385	border-right-color: #E0E0E0;
386	border-bottom-color: #E0E0E0;
387	border-left-color: #E0E0E0;
388	border-top-style: none;
389	border-right-style: none;
390	border-bottom-style: none;
391	border-left-style: none;
392	background-color: #FAFAFA;
393	font-size: 80%;
394}
395.memTemplItemRight {
396	padding: 1px 8px 0px 8px;
397	margin: 4px;
398	border-top-width: 1px;
399	border-right-width: 1px;
400	border-bottom-width: 1px;
401	border-left-width: 1px;
402	border-top-color: #E0E0E0;
403	border-right-color: #E0E0E0;
404	border-bottom-color: #E0E0E0;
405	border-left-color: #E0E0E0;
406	border-top-style: none;
407	border-right-style: none;
408	border-bottom-style: none;
409	border-left-style: none;
410	background-color: #FAFAFA;
411	font-size: 80%;
412}
413.memTemplParams {
414	padding: 1px 0px 0px 8px;
415	margin: 4px;
416	border-top-width: 1px;
417	border-right-width: 1px;
418	border-bottom-width: 1px;
419	border-left-width: 1px;
420	border-top-color: #E0E0E0;
421	border-right-color: #E0E0E0;
422	border-bottom-color: #E0E0E0;
423	border-left-color: #E0E0E0;
424	border-top-style: solid;
425	border-right-style: none;
426	border-bottom-style: none;
427	border-left-style: none;
428       color: #606060;
429	background-color: #FAFAFA;
430	font-size: 80%;
431}
432.search     { color: #003399;
433              font-weight: bold;
434}
435FORM.search {
436              margin-bottom: 0px;
437              margin-top: 0px;
438}
439INPUT.search { font-size: 75%;
440               color: #000080;
441               font-weight: normal;
442               background-color: #e8eef2;
443}
444TD.tiny      { font-size: 75%;
445}
446
447.dirtab { padding: 4px;
448          border-collapse: collapse;
449          border: 1px solid #84b0c7;
450}
451TH.dirtab { background: #e8eef2;
452            font-weight: bold;
453}
454HR { height: 1px;
455     border: none;
456     border-top: 1px solid black;
457}
458
459/* Style for detailed member documentation */
460.memtemplate {
461  font-size: 80%;
462  color: #606060;
463  font-weight: normal;
464}
465.memnav {
466  background-color: #e8eef2;
467  border: 1px solid #84b0c7;
468  text-align: center;
469  margin: 2px;
470  margin-right: 15px;
471  padding: 2px;
472}
473.memitem {
474  padding: 4px;
475  background-color: #eef3f5;
476  border-width: 1px;
477  border-style: solid;
478  border-color: #dedeee;
479  -moz-border-radius: 8px 8px 8px 8px;
480}
481.memname {
482  white-space: nowrap;
483  font-weight: bold;
484}
485.memdoc{
486  padding-left: 10px;
487}
488.memproto {
489  background-color: #d5e1e8;
490  width: 100%;
491  border-width: 1px;
492  border-style: solid;
493  border-color: #84b0c7;
494  font-weight: bold;
495  -moz-border-radius: 8px 8px 8px 8px;
496}
497.paramkey {
498  text-align: right;
499}
500.paramtype {
501  white-space: nowrap;
502}
503.paramname {
504  color: #602020;
505  font-style: italic;
506  white-space: nowrap;
507}
508/* End Styling for detailed member documentation */
509
510/* for the tree view */
511.ftvtree {
512	font-family: sans-serif;
513	margin:0.5em;
514}
515.directory { font-size: 9pt; font-weight: bold; }
516.directory h3 { margin: 0px; margin-top: 1em; font-size: 11pt; }
517.directory > h3 { margin-top: 0; }
518.directory p { margin: 0px; white-space: nowrap; }
519.directory div { display: none; margin: 0px; }
520.directory img { vertical-align: -30%; }
521