diff options
author | Scott Rifenbark <scott.m.rifenbark@intel.com> | 2010-11-24 08:31:55 -0800 |
---|---|---|
committer | Saul Wold <Saul.Wold@intel.com> | 2010-12-10 22:01:07 -0800 |
commit | 000f052765577826907ff1e3f758bab3a0724d74 (patch) | |
tree | d24d2bcb667aae24a63be1b5184ef2f29580d60b /documentation/kernel-manual/style.css | |
parent | aa583453935a13618f0068fdf8d6d3205725ec54 (diff) | |
download | poky-000f052765577826907ff1e3f758bab3a0724d74.tar.gz |
documentation/kerenl-manual: New directory and files for kernel manual.
This is the first draft of the Yocto Project Kernel manual. The
manual consists of two sections: concepts and a practical section that
has examples. It is based of Bruce Ashfield's kernel theory paper.
This first draft has been re-written and organized through the
concepts section. The remainder was just placed in as-is due to
time constraints for getting some kernel documentation up on the website.
The manual still needs scrubbing and organization in the latter half.
Signed-off-by: Scott Rifenbark <scott.m.rifenbark@intel.com>
Diffstat (limited to 'documentation/kernel-manual/style.css')
-rw-r--r-- | documentation/kernel-manual/style.css | 967 |
1 files changed, 967 insertions, 0 deletions
diff --git a/documentation/kernel-manual/style.css b/documentation/kernel-manual/style.css new file mode 100644 index 0000000000..d100b69fc9 --- /dev/null +++ b/documentation/kernel-manual/style.css | |||
@@ -0,0 +1,967 @@ | |||
1 | /* | ||
2 | Generic XHTML / DocBook XHTML CSS Stylesheet. | ||
3 | |||
4 | Browser wrangling and typographic design by | ||
5 | Oyvind Kolas / pippin@gimp.org | ||
6 | |||
7 | Customised for Poky by | ||
8 | Matthew Allum / mallum@o-hand.com | ||
9 | |||
10 | Thanks to: | ||
11 | Liam R. E. Quin | ||
12 | William Skaggs | ||
13 | Jakub Steiner | ||
14 | |||
15 | Structure | ||
16 | --------- | ||
17 | |||
18 | The stylesheet is divided into the following sections: | ||
19 | |||
20 | Positioning | ||
21 | Margins, paddings, width, font-size, clearing. | ||
22 | Decorations | ||
23 | Borders, style | ||
24 | Colors | ||
25 | Colors | ||
26 | Graphics | ||
27 | Graphical backgrounds | ||
28 | Nasty IE tweaks | ||
29 | Workarounds needed to make it work in internet explorer, | ||
30 | currently makes the stylesheet non validating, but up until | ||
31 | this point it is validating. | ||
32 | Mozilla extensions | ||
33 | Transparency for footer | ||
34 | Rounded corners on boxes | ||
35 | |||
36 | */ | ||
37 | |||
38 | |||
39 | /*************** / | ||
40 | / Positioning / | ||
41 | / ***************/ | ||
42 | |||
43 | body { | ||
44 | font-family: Verdana, Sans, sans-serif; | ||
45 | |||
46 | min-width: 640px; | ||
47 | width: 80%; | ||
48 | margin: 0em auto; | ||
49 | padding: 2em 5em 5em 5em; | ||
50 | color: #333; | ||
51 | } | ||
52 | |||
53 | .reviewer { | ||
54 | color: red; | ||
55 | } | ||
56 | |||
57 | h1,h2,h3,h4,h5,h6,h7 { | ||
58 | font-family: Arial, Sans; | ||
59 | color:#999999; | ||
60 | clear: both; | ||
61 | } | ||
62 | |||
63 | h1 { | ||
64 | font-size: 2em; | ||
65 | text-align: left; | ||
66 | padding: 0em 0em 0em 0em; | ||
67 | margin: 2em 0em 0em 0em; | ||
68 | } | ||
69 | |||
70 | h2.subtitle { | ||
71 | margin: 0.10em 0em 3.0em 0em; | ||
72 | padding: 0em 0em 0em 0em; | ||
73 | font-size: 1.8em; | ||
74 | padding-left: 20%; | ||
75 | font-weight: normal; | ||
76 | font-style: italic; | ||
77 | } | ||
78 | |||
79 | h2 { | ||
80 | margin: 2em 0em 0.66em 0em; | ||
81 | padding: 0.5em 0em 0em 0em; | ||
82 | font-size: 1.5em; | ||
83 | font-weight: normal; | ||
84 | } | ||
85 | |||
86 | h3.subtitle { | ||
87 | margin: 0em 0em 1em 0em; | ||
88 | padding: 0em 0em 0em 0em; | ||
89 | font-size: 142.14%; | ||
90 | text-align: right; | ||
91 | } | ||
92 | |||
93 | h3 { | ||
94 | margin: 1em 0em 0.5em 0em; | ||
95 | padding: 1em 0em 0em 0em; | ||
96 | font-size: 140%; | ||
97 | font-weight: normal; | ||
98 | } | ||
99 | |||
100 | h4 { | ||
101 | margin: 1em 0em 0.5em 0em; | ||
102 | padding: 1em 0em 0em 0em; | ||
103 | font-size: 120%; | ||
104 | font-weight: normal; | ||
105 | } | ||
106 | |||
107 | h5 { | ||
108 | margin: 1em 0em 0.5em 0em; | ||
109 | padding: 1em 0em 0em 0em; | ||
110 | font-size: 110.000%; | ||
111 | border-bottom: 1px solid black; | ||
112 | } | ||
113 | |||
114 | h6 { | ||
115 | margin: 1em 0em 0em 0em; | ||
116 | padding: 1em 0em 0em 0em; | ||
117 | font-size: 100%; | ||
118 | font-weight: bold; | ||
119 | } | ||
120 | |||
121 | .authorgroup { | ||
122 | background-color: transparent; | ||
123 | background-repeat: no-repeat; | ||
124 | padding-top: 256px; | ||
125 | background-image: url("../figures/yocto-project-bw.png"); | ||
126 | background-position: top; | ||
127 | margin-top: -256px; | ||
128 | padding-right: 50px; | ||
129 | margin-left: 50px; | ||
130 | text-align: center; | ||
131 | width: 600px; | ||
132 | } | ||
133 | |||
134 | h3.author { | ||
135 | margin: 0em 0me 0em 0em; | ||
136 | padding: 0em 0em 0em 0em; | ||
137 | font-weight: normal; | ||
138 | font-size: 100%; | ||
139 | clear: both; | ||
140 | } | ||
141 | |||
142 | .author tt.email { | ||
143 | font-size: 66%; | ||
144 | } | ||
145 | |||
146 | .titlepage hr { | ||
147 | width: 0em; | ||
148 | clear: both; | ||
149 | } | ||
150 | |||
151 | .revhistory { | ||
152 | padding-top: 2em; | ||
153 | clear: both; | ||
154 | } | ||
155 | |||
156 | .toc, | ||
157 | .list-of-tables, | ||
158 | .list-of-examples, | ||
159 | .list-of-figures { | ||
160 | padding: 1.33em 0em 2.5em 0em; | ||
161 | } | ||
162 | |||
163 | .toc p, | ||
164 | .list-of-tables p, | ||
165 | .list-of-figures p, | ||
166 | .list-of-examples p { | ||
167 | padding: 0em 0em 0em 0em; | ||
168 | padding: 0em 0em 0.3em; | ||
169 | margin: 1.5em 0em 0em 0em; | ||
170 | } | ||
171 | |||
172 | .toc p b, | ||
173 | .list-of-tables p b, | ||
174 | .list-of-figures p b, | ||
175 | .list-of-examples p b{ | ||
176 | font-size: 100.0%; | ||
177 | font-weight: bold; | ||
178 | } | ||
179 | |||
180 | .toc dl, | ||
181 | .list-of-tables dl, | ||
182 | .list-of-figures dl, | ||
183 | .list-of-examples dl { | ||
184 | margin: 0em 0em 0.5em 0em; | ||
185 | padding: 0em 0em 0em 0em; | ||
186 | } | ||
187 | |||
188 | .toc dt { | ||
189 | margin: 0em 0em 0em 0em; | ||
190 | padding: 0em 0em 0em 0em; | ||
191 | } | ||
192 | |||
193 | .toc dd { | ||
194 | margin: 0em 0em 0em 2.6em; | ||
195 | padding: 0em 0em 0em 0em; | ||
196 | } | ||
197 | |||
198 | div.glossary dl, | ||
199 | div.variablelist dl { | ||
200 | } | ||
201 | |||
202 | .glossary dl dt, | ||
203 | .variablelist dl dt, | ||
204 | .variablelist dl dt span.term { | ||
205 | font-weight: normal; | ||
206 | width: 20em; | ||
207 | text-align: right; | ||
208 | } | ||
209 | |||
210 | .variablelist dl dt { | ||
211 | margin-top: 0.5em; | ||
212 | } | ||
213 | |||
214 | .glossary dl dd, | ||
215 | .variablelist dl dd { | ||
216 | margin-top: -1em; | ||
217 | margin-left: 25.5em; | ||
218 | } | ||
219 | |||
220 | .glossary dd p, | ||
221 | .variablelist dd p { | ||
222 | margin-top: 0em; | ||
223 | margin-bottom: 1em; | ||
224 | } | ||
225 | |||
226 | |||
227 | div.calloutlist table td { | ||
228 | padding: 0em 0em 0em 0em; | ||
229 | margin: 0em 0em 0em 0em; | ||
230 | } | ||
231 | |||
232 | div.calloutlist table td p { | ||
233 | margin-top: 0em; | ||
234 | margin-bottom: 1em; | ||
235 | } | ||
236 | |||
237 | div p.copyright { | ||
238 | text-align: left; | ||
239 | } | ||
240 | |||
241 | div.legalnotice p.legalnotice-title { | ||
242 | margin-bottom: 0em; | ||
243 | } | ||
244 | |||
245 | p { | ||
246 | line-height: 1.5em; | ||
247 | margin-top: 0em; | ||
248 | color: black; font-size: 100%; | ||
249 | |||
250 | } | ||
251 | |||
252 | dl { | ||
253 | padding-top: 0em; | ||
254 | } | ||
255 | |||
256 | hr { | ||
257 | border: solid 1px; | ||
258 | } | ||
259 | |||
260 | |||
261 | .mediaobject, | ||
262 | .mediaobjectco { | ||
263 | text-align: center; | ||
264 | } | ||
265 | |||
266 | img { | ||
267 | border: none; | ||
268 | } | ||
269 | |||
270 | ul { | ||
271 | padding: 0em 0em 0em 1.5em; | ||
272 | } | ||
273 | |||
274 | ul li { | ||
275 | padding: 0em 0em 0em 0em; | ||
276 | } | ||
277 | |||
278 | ul li p { | ||
279 | text-align: left; | ||
280 | } | ||
281 | |||
282 | table { | ||
283 | width :100%; | ||
284 | } | ||
285 | |||
286 | th { | ||
287 | padding: 0.25em; | ||
288 | text-align: left; | ||
289 | font-weight: normal; | ||
290 | vertical-align: top; | ||
291 | } | ||
292 | |||
293 | td { | ||
294 | padding: 0.25em; | ||
295 | vertical-align: top; | ||
296 | } | ||
297 | |||
298 | p a[id] { | ||
299 | margin: 0px; | ||
300 | padding: 0px; | ||
301 | display: inline; | ||
302 | background-image: none; | ||
303 | } | ||
304 | |||
305 | a { | ||
306 | text-decoration: underline; | ||
307 | color: #444; | ||
308 | } | ||
309 | |||
310 | pre { | ||
311 | overflow: auto; | ||
312 | } | ||
313 | |||
314 | a:hover { | ||
315 | text-decoration: underline; | ||
316 | /*font-weight: bold;*/ | ||
317 | } | ||
318 | |||
319 | |||
320 | div.informalfigure, | ||
321 | div.informalexample, | ||
322 | div.informaltable, | ||
323 | div.figure, | ||
324 | div.table, | ||
325 | div.example { | ||
326 | margin: 1em 0em; | ||
327 | padding: 1em; | ||
328 | page-break-inside: avoid; | ||
329 | } | ||
330 | |||
331 | |||
332 | div.informalfigure p.title b, | ||
333 | div.informalexample p.title b, | ||
334 | div.informaltable p.title b, | ||
335 | div.figure p.title b, | ||
336 | div.example p.title b, | ||
337 | div.table p.title b{ | ||
338 | padding-top: 0em; | ||
339 | margin-top: 0em; | ||
340 | font-size: 100%; | ||
341 | font-weight: normal; | ||
342 | } | ||
343 | |||
344 | .mediaobject .caption, | ||
345 | .mediaobject .caption p { | ||
346 | text-align: center; | ||
347 | font-size: 80%; | ||
348 | padding-top: 0.5em; | ||
349 | padding-bottom: 0.5em; | ||
350 | } | ||
351 | |||
352 | .epigraph { | ||
353 | padding-left: 55%; | ||
354 | margin-bottom: 1em; | ||
355 | } | ||
356 | |||
357 | .epigraph p { | ||
358 | text-align: left; | ||
359 | } | ||
360 | |||
361 | .epigraph .quote { | ||
362 | font-style: italic; | ||
363 | } | ||
364 | .epigraph .attribution { | ||
365 | font-style: normal; | ||
366 | text-align: right; | ||
367 | } | ||
368 | |||
369 | span.application { | ||
370 | font-style: italic; | ||
371 | } | ||
372 | |||
373 | .programlisting { | ||
374 | font-family: monospace; | ||
375 | font-size: 80%; | ||
376 | white-space: pre; | ||
377 | margin: 1.33em 0em; | ||
378 | padding: 1.33em; | ||
379 | } | ||
380 | |||
381 | .tip, | ||
382 | .warning, | ||
383 | .caution, | ||
384 | .note { | ||
385 | margin-top: 1em; | ||
386 | margin-bottom: 1em; | ||
387 | |||
388 | } | ||
389 | |||
390 | /* force full width of table within div */ | ||
391 | .tip table, | ||
392 | .warning table, | ||
393 | .caution table, | ||
394 | .note table { | ||
395 | border: none; | ||
396 | width: 100%; | ||
397 | } | ||
398 | |||
399 | |||
400 | .tip table th, | ||
401 | .warning table th, | ||
402 | .caution table th, | ||
403 | .note table th { | ||
404 | padding: 0.8em 0.0em 0.0em 0.0em; | ||
405 | margin : 0em 0em 0em 0em; | ||
406 | } | ||
407 | |||
408 | .tip p, | ||
409 | .warning p, | ||
410 | .caution p, | ||
411 | .note p { | ||
412 | margin-top: 0.5em; | ||
413 | margin-bottom: 0.5em; | ||
414 | padding-right: 1em; | ||
415 | text-align: left; | ||
416 | } | ||
417 | |||
418 | .acronym { | ||
419 | text-transform: uppercase; | ||
420 | } | ||
421 | |||
422 | b.keycap, | ||
423 | .keycap { | ||
424 | padding: 0.09em 0.3em; | ||
425 | margin: 0em; | ||
426 | } | ||
427 | |||
428 | .itemizedlist li { | ||
429 | clear: none; | ||
430 | } | ||
431 | |||
432 | .filename { | ||
433 | font-size: medium; | ||
434 | font-family: Courier, monospace; | ||
435 | } | ||
436 | |||
437 | |||
438 | div.navheader, div.heading{ | ||
439 | position: absolute; | ||
440 | left: 0em; | ||
441 | top: 0em; | ||
442 | width: 100%; | ||
443 | background-color: #cdf; | ||
444 | width: 100%; | ||
445 | } | ||
446 | |||
447 | div.navfooter, div.footing{ | ||
448 | position: fixed; | ||
449 | left: 0em; | ||
450 | bottom: 0em; | ||
451 | background-color: #eee; | ||
452 | width: 100%; | ||
453 | } | ||
454 | |||
455 | |||
456 | div.navheader td, | ||
457 | div.navfooter td { | ||
458 | font-size: 66%; | ||
459 | } | ||
460 | |||
461 | div.navheader table th { | ||
462 | /*font-family: Georgia, Times, serif;*/ | ||
463 | /*font-size: x-large;*/ | ||
464 | font-size: 80%; | ||
465 | } | ||
466 | |||
467 | div.navheader table { | ||
468 | border-left: 0em; | ||
469 | border-right: 0em; | ||
470 | border-top: 0em; | ||
471 | width: 100%; | ||
472 | } | ||
473 | |||
474 | div.navfooter table { | ||
475 | border-left: 0em; | ||
476 | border-right: 0em; | ||
477 | border-bottom: 0em; | ||
478 | width: 100%; | ||
479 | } | ||
480 | |||
481 | div.navheader table td a, | ||
482 | div.navfooter table td a { | ||
483 | color: #777; | ||
484 | text-decoration: none; | ||
485 | } | ||
486 | |||
487 | /* normal text in the footer */ | ||
488 | div.navfooter table td { | ||
489 | color: black; | ||
490 | } | ||
491 | |||
492 | div.navheader table td a:visited, | ||
493 | div.navfooter table td a:visited { | ||
494 | color: #444; | ||
495 | } | ||
496 | |||
497 | |||
498 | /* links in header and footer */ | ||
499 | div.navheader table td a:hover, | ||
500 | div.navfooter table td a:hover { | ||
501 | text-decoration: underline; | ||
502 | background-color: transparent; | ||
503 | color: #33a; | ||
504 | } | ||
505 | |||
506 | div.navheader hr, | ||
507 | div.navfooter hr { | ||
508 | display: none; | ||
509 | } | ||
510 | |||
511 | |||
512 | .qandaset tr.question td p { | ||
513 | margin: 0em 0em 1em 0em; | ||
514 | padding: 0em 0em 0em 0em; | ||
515 | } | ||
516 | |||
517 | .qandaset tr.answer td p { | ||
518 | margin: 0em 0em 1em 0em; | ||
519 | padding: 0em 0em 0em 0em; | ||
520 | } | ||
521 | .answer td { | ||
522 | padding-bottom: 1.5em; | ||
523 | } | ||
524 | |||
525 | .emphasis { | ||
526 | font-weight: bold; | ||
527 | } | ||
528 | |||
529 | |||
530 | /************* / | ||
531 | / decorations / | ||
532 | / *************/ | ||
533 | |||
534 | .titlepage { | ||
535 | } | ||
536 | |||
537 | .part .title { | ||
538 | } | ||
539 | |||
540 | .subtitle { | ||
541 | border: none; | ||
542 | } | ||
543 | |||
544 | /* | ||
545 | h1 { | ||
546 | border: none; | ||
547 | } | ||
548 | |||
549 | h2 { | ||
550 | border-top: solid 0.2em; | ||
551 | border-bottom: solid 0.06em; | ||
552 | } | ||
553 | |||
554 | h3 { | ||
555 | border-top: 0em; | ||
556 | border-bottom: solid 0.06em; | ||
557 | } | ||
558 | |||
559 | h4 { | ||
560 | border: 0em; | ||
561 | border-bottom: solid 0.06em; | ||
562 | } | ||
563 | |||
564 | h5 { | ||
565 | border: 0em; | ||
566 | } | ||
567 | */ | ||
568 | |||
569 | .programlisting { | ||
570 | border: solid 1px; | ||
571 | } | ||
572 | |||
573 | div.figure, | ||
574 | div.table, | ||
575 | div.informalfigure, | ||
576 | div.informaltable, | ||
577 | div.informalexample, | ||
578 | div.example { | ||
579 | border: 1px solid; | ||
580 | } | ||
581 | |||
582 | |||
583 | |||
584 | .tip, | ||
585 | .warning, | ||
586 | .caution, | ||
587 | .note { | ||
588 | border: 1px solid; | ||
589 | } | ||
590 | |||
591 | .tip table th, | ||
592 | .warning table th, | ||
593 | .caution table th, | ||
594 | .note table th { | ||
595 | border-bottom: 1px solid; | ||
596 | } | ||
597 | |||
598 | .question td { | ||
599 | border-top: 1px solid black; | ||
600 | } | ||
601 | |||
602 | .answer { | ||
603 | } | ||
604 | |||
605 | |||
606 | b.keycap, | ||
607 | .keycap { | ||
608 | border: 1px solid; | ||
609 | } | ||
610 | |||
611 | |||
612 | div.navheader, div.heading{ | ||
613 | border-bottom: 1px solid; | ||
614 | } | ||
615 | |||
616 | |||
617 | div.navfooter, div.footing{ | ||
618 | border-top: 1px solid; | ||
619 | } | ||
620 | |||
621 | /********* / | ||
622 | / colors / | ||
623 | / *********/ | ||
624 | |||
625 | body { | ||
626 | color: #333; | ||
627 | background: white; | ||
628 | } | ||
629 | |||
630 | a { | ||
631 | background: transparent; | ||
632 | } | ||
633 | |||
634 | a:hover { | ||
635 | background-color: #dedede; | ||
636 | } | ||
637 | |||
638 | |||
639 | h1, | ||
640 | h2, | ||
641 | h3, | ||
642 | h4, | ||
643 | h5, | ||
644 | h6, | ||
645 | h7, | ||
646 | h8 { | ||
647 | background-color: transparent; | ||
648 | } | ||
649 | |||
650 | hr { | ||
651 | border-color: #aaa; | ||
652 | } | ||
653 | |||
654 | |||
655 | .tip, .warning, .caution, .note { | ||
656 | border-color: #aaa; | ||
657 | } | ||
658 | |||
659 | |||
660 | .tip table th, | ||
661 | .warning table th, | ||
662 | .caution table th, | ||
663 | .note table th { | ||
664 | border-bottom-color: #aaa; | ||
665 | } | ||
666 | |||
667 | |||
668 | .warning { | ||
669 | background-color: #fea; | ||
670 | } | ||
671 | |||
672 | .caution { | ||
673 | background-color: #fea; | ||
674 | } | ||
675 | |||
676 | .tip { | ||
677 | background-color: #eff; | ||
678 | } | ||
679 | |||
680 | .note { | ||
681 | background-color: #dfc; | ||
682 | } | ||
683 | |||
684 | .glossary dl dt, | ||
685 | .variablelist dl dt, | ||
686 | .variablelist dl dt span.term { | ||
687 | color: #044; | ||
688 | } | ||
689 | |||
690 | div.figure, | ||
691 | div.table, | ||
692 | div.example, | ||
693 | div.informalfigure, | ||
694 | div.informaltable, | ||
695 | div.informalexample { | ||
696 | border-color: #aaa; | ||
697 | } | ||
698 | |||
699 | pre.programlisting { | ||
700 | color: black; | ||
701 | background-color: #fff; | ||
702 | border-color: #aaa; | ||
703 | border-width: 2px; | ||
704 | } | ||
705 | |||
706 | .guimenu, | ||
707 | .guilabel, | ||
708 | .guimenuitem { | ||
709 | background-color: #eee; | ||
710 | } | ||
711 | |||
712 | |||
713 | b.keycap, | ||
714 | .keycap { | ||
715 | background-color: #eee; | ||
716 | border-color: #999; | ||
717 | } | ||
718 | |||
719 | |||
720 | div.navheader { | ||
721 | border-color: black; | ||
722 | } | ||
723 | |||
724 | |||
725 | div.navfooter { | ||
726 | border-color: black; | ||
727 | } | ||
728 | |||
729 | |||
730 | /*********** / | ||
731 | / graphics / | ||
732 | / ***********/ | ||
733 | |||
734 | /* | ||
735 | body { | ||
736 | background-image: url("images/body_bg.jpg"); | ||
737 | background-attachment: fixed; | ||
738 | } | ||
739 | |||
740 | .navheader, | ||
741 | .note, | ||
742 | .tip { | ||
743 | background-image: url("images/note_bg.jpg"); | ||
744 | background-attachment: fixed; | ||
745 | } | ||
746 | |||
747 | .warning, | ||
748 | .caution { | ||
749 | background-image: url("images/warning_bg.jpg"); | ||
750 | background-attachment: fixed; | ||
751 | } | ||
752 | |||
753 | .figure, | ||
754 | .informalfigure, | ||
755 | .example, | ||
756 | .informalexample, | ||
757 | .table, | ||
758 | .informaltable { | ||
759 | background-image: url("images/figure_bg.jpg"); | ||
760 | background-attachment: fixed; | ||
761 | } | ||
762 | |||
763 | */ | ||
764 | h1, | ||
765 | h2, | ||
766 | h3, | ||
767 | h4, | ||
768 | h5, | ||
769 | h6, | ||
770 | h7{ | ||
771 | } | ||
772 | |||
773 | /* | ||
774 | Example of how to stick an image as part of the title. | ||
775 | |||
776 | div.article .titlepage .title | ||
777 | { | ||
778 | background-image: url("figures/white-on-black.png"); | ||
779 | background-position: center; | ||
780 | background-repeat: repeat-x; | ||
781 | } | ||
782 | */ | ||
783 | |||
784 | div.preface .titlepage .title, | ||
785 | div.colophon .title, | ||
786 | div.chapter .titlepage .title, | ||
787 | div.article .titlepage .title | ||
788 | { | ||
789 | } | ||
790 | |||
791 | div.section div.section .titlepage .title, | ||
792 | div.sect2 .titlepage .title { | ||
793 | background: none; | ||
794 | } | ||
795 | |||
796 | |||
797 | h1.title { | ||
798 | background-color: transparent; | ||
799 | background-image: url("figures/yocto-project-bw.png"); | ||
800 | background-repeat: no-repeat; | ||
801 | height: 256px; | ||
802 | text-indent: -9000px; | ||
803 | overflow:hidden; | ||
804 | } | ||
805 | |||
806 | h2.subtitle { | ||
807 | background-color: transparent; | ||
808 | text-indent: -9000px; | ||
809 | overflow:hidden; | ||
810 | width: 0px; | ||
811 | display: none; | ||
812 | } | ||
813 | |||
814 | /*************************************** / | ||
815 | / pippin.gimp.org specific alterations / | ||
816 | / ***************************************/ | ||
817 | |||
818 | /* | ||
819 | div.heading, div.navheader { | ||
820 | color: #777; | ||
821 | font-size: 80%; | ||
822 | padding: 0; | ||
823 | margin: 0; | ||
824 | text-align: left; | ||
825 | position: absolute; | ||
826 | top: 0px; | ||
827 | left: 0px; | ||
828 | width: 100%; | ||
829 | height: 50px; | ||
830 | background: url('/gfx/heading_bg.png') transparent; | ||
831 | background-repeat: repeat-x; | ||
832 | background-attachment: fixed; | ||
833 | border: none; | ||
834 | } | ||
835 | |||
836 | div.heading a { | ||
837 | color: #444; | ||
838 | } | ||
839 | |||
840 | div.footing, div.navfooter { | ||
841 | border: none; | ||
842 | color: #ddd; | ||
843 | font-size: 80%; | ||
844 | text-align:right; | ||
845 | |||
846 | width: 100%; | ||
847 | padding-top: 10px; | ||
848 | position: absolute; | ||
849 | bottom: 0px; | ||
850 | left: 0px; | ||
851 | |||
852 | background: url('/gfx/footing_bg.png') transparent; | ||
853 | } | ||
854 | */ | ||
855 | |||
856 | |||
857 | |||
858 | /****************** / | ||
859 | / nasty ie tweaks / | ||
860 | / ******************/ | ||
861 | |||
862 | /* | ||
863 | div.heading, div.navheader { | ||
864 | width:expression(document.body.clientWidth + "px"); | ||
865 | } | ||
866 | |||
867 | div.footing, div.navfooter { | ||
868 | width:expression(document.body.clientWidth + "px"); | ||
869 | margin-left:expression("-5em"); | ||
870 | } | ||
871 | body { | ||
872 | padding:expression("4em 5em 0em 5em"); | ||
873 | } | ||
874 | */ | ||
875 | |||
876 | /**************************************** / | ||
877 | / mozilla vendor specific css extensions / | ||
878 | / ****************************************/ | ||
879 | /* | ||
880 | div.navfooter, div.footing{ | ||
881 | -moz-opacity: 0.8em; | ||
882 | } | ||
883 | |||
884 | div.figure, | ||
885 | div.table, | ||
886 | div.informalfigure, | ||
887 | div.informaltable, | ||
888 | div.informalexample, | ||
889 | div.example, | ||
890 | .tip, | ||
891 | .warning, | ||
892 | .caution, | ||
893 | .note { | ||
894 | -moz-border-radius: 0.5em; | ||
895 | } | ||
896 | |||
897 | b.keycap, | ||
898 | .keycap { | ||
899 | -moz-border-radius: 0.3em; | ||
900 | } | ||
901 | */ | ||
902 | |||
903 | table tr td table tr td { | ||
904 | display: none; | ||
905 | } | ||
906 | |||
907 | |||
908 | hr { | ||
909 | display: none; | ||
910 | } | ||
911 | |||
912 | table { | ||
913 | border: 0em; | ||
914 | } | ||
915 | |||
916 | .photo { | ||
917 | float: right; | ||
918 | margin-left: 1.5em; | ||
919 | margin-bottom: 1.5em; | ||
920 | margin-top: 0em; | ||
921 | max-width: 17em; | ||
922 | border: 1px solid gray; | ||
923 | padding: 3px; | ||
924 | background: white; | ||
925 | } | ||
926 | .seperator { | ||
927 | padding-top: 2em; | ||
928 | clear: both; | ||
929 | } | ||
930 | |||
931 | #validators { | ||
932 | margin-top: 5em; | ||
933 | text-align: right; | ||
934 | color: #777; | ||
935 | } | ||
936 | @media print { | ||
937 | body { | ||
938 | font-size: 8pt; | ||
939 | } | ||
940 | .noprint { | ||
941 | display: none; | ||
942 | } | ||
943 | } | ||
944 | |||
945 | |||
946 | .tip, | ||
947 | .note { | ||
948 | background: #91ae35; | ||
949 | color: #fff; | ||
950 | padding: 20px; | ||
951 | margin: 20px; | ||
952 | } | ||
953 | |||
954 | .tip h3, | ||
955 | .note h3 { | ||
956 | padding: 0em; | ||
957 | margin: 0em; | ||
958 | font-size: 2em; | ||
959 | font-weight: bold; | ||
960 | color: #fff; | ||
961 | } | ||
962 | |||
963 | .tip a, | ||
964 | .note a { | ||
965 | color: #fff; | ||
966 | text-decoration: underline; | ||
967 | } | ||