summaryrefslogtreecommitdiffstats
path: root/documentation/kernel-manual/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'documentation/kernel-manual/style.css')
-rw-r--r--documentation/kernel-manual/style.css967
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
43body {
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
57h1,h2,h3,h4,h5,h6,h7 {
58 font-family: Arial, Sans;
59 color:#999999;
60 clear: both;
61}
62
63h1 {
64 font-size: 2em;
65 text-align: left;
66 padding: 0em 0em 0em 0em;
67 margin: 2em 0em 0em 0em;
68}
69
70h2.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
79h2 {
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
86h3.subtitle {
87 margin: 0em 0em 1em 0em;
88 padding: 0em 0em 0em 0em;
89 font-size: 142.14%;
90 text-align: right;
91}
92
93h3 {
94 margin: 1em 0em 0.5em 0em;
95 padding: 1em 0em 0em 0em;
96 font-size: 140%;
97 font-weight: normal;
98}
99
100h4 {
101 margin: 1em 0em 0.5em 0em;
102 padding: 1em 0em 0em 0em;
103 font-size: 120%;
104 font-weight: normal;
105}
106
107h5 {
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
114h6 {
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
134h3.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
198div.glossary dl,
199div.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
227div.calloutlist table td {
228 padding: 0em 0em 0em 0em;
229 margin: 0em 0em 0em 0em;
230}
231
232div.calloutlist table td p {
233 margin-top: 0em;
234 margin-bottom: 1em;
235}
236
237div p.copyright {
238 text-align: left;
239}
240
241div.legalnotice p.legalnotice-title {
242 margin-bottom: 0em;
243}
244
245p {
246 line-height: 1.5em;
247 margin-top: 0em;
248 color: black; font-size: 100%;
249
250}
251
252dl {
253 padding-top: 0em;
254}
255
256hr {
257 border: solid 1px;
258}
259
260
261.mediaobject,
262.mediaobjectco {
263 text-align: center;
264}
265
266img {
267 border: none;
268}
269
270ul {
271 padding: 0em 0em 0em 1.5em;
272}
273
274ul li {
275 padding: 0em 0em 0em 0em;
276}
277
278ul li p {
279 text-align: left;
280}
281
282table {
283 width :100%;
284}
285
286th {
287 padding: 0.25em;
288 text-align: left;
289 font-weight: normal;
290 vertical-align: top;
291}
292
293td {
294 padding: 0.25em;
295 vertical-align: top;
296}
297
298p a[id] {
299 margin: 0px;
300 padding: 0px;
301 display: inline;
302 background-image: none;
303}
304
305a {
306 text-decoration: underline;
307 color: #444;
308}
309
310pre {
311 overflow: auto;
312}
313
314a:hover {
315 text-decoration: underline;
316 /*font-weight: bold;*/
317}
318
319
320div.informalfigure,
321div.informalexample,
322div.informaltable,
323div.figure,
324div.table,
325div.example {
326 margin: 1em 0em;
327 padding: 1em;
328 page-break-inside: avoid;
329}
330
331
332div.informalfigure p.title b,
333div.informalexample p.title b,
334div.informaltable p.title b,
335div.figure p.title b,
336div.example p.title b,
337div.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
369span.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
422b.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
438div.navheader, div.heading{
439 position: absolute;
440 left: 0em;
441 top: 0em;
442 width: 100%;
443 background-color: #cdf;
444 width: 100%;
445}
446
447div.navfooter, div.footing{
448 position: fixed;
449 left: 0em;
450 bottom: 0em;
451 background-color: #eee;
452 width: 100%;
453}
454
455
456div.navheader td,
457div.navfooter td {
458 font-size: 66%;
459}
460
461div.navheader table th {
462 /*font-family: Georgia, Times, serif;*/
463 /*font-size: x-large;*/
464 font-size: 80%;
465}
466
467div.navheader table {
468 border-left: 0em;
469 border-right: 0em;
470 border-top: 0em;
471 width: 100%;
472}
473
474div.navfooter table {
475 border-left: 0em;
476 border-right: 0em;
477 border-bottom: 0em;
478 width: 100%;
479}
480
481div.navheader table td a,
482div.navfooter table td a {
483 color: #777;
484 text-decoration: none;
485}
486
487/* normal text in the footer */
488div.navfooter table td {
489 color: black;
490}
491
492div.navheader table td a:visited,
493div.navfooter table td a:visited {
494 color: #444;
495}
496
497
498/* links in header and footer */
499div.navheader table td a:hover,
500div.navfooter table td a:hover {
501 text-decoration: underline;
502 background-color: transparent;
503 color: #33a;
504}
505
506div.navheader hr,
507div.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/*
545h1 {
546 border: none;
547}
548
549h2 {
550 border-top: solid 0.2em;
551 border-bottom: solid 0.06em;
552}
553
554h3 {
555 border-top: 0em;
556 border-bottom: solid 0.06em;
557}
558
559h4 {
560 border: 0em;
561 border-bottom: solid 0.06em;
562}
563
564h5 {
565 border: 0em;
566}
567*/
568
569.programlisting {
570 border: solid 1px;
571}
572
573div.figure,
574div.table,
575div.informalfigure,
576div.informaltable,
577div.informalexample,
578div.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
606b.keycap,
607.keycap {
608 border: 1px solid;
609}
610
611
612div.navheader, div.heading{
613 border-bottom: 1px solid;
614}
615
616
617div.navfooter, div.footing{
618 border-top: 1px solid;
619}
620
621 /********* /
622 / colors /
623/ *********/
624
625body {
626 color: #333;
627 background: white;
628}
629
630a {
631 background: transparent;
632}
633
634a:hover {
635 background-color: #dedede;
636}
637
638
639h1,
640h2,
641h3,
642h4,
643h5,
644h6,
645h7,
646h8 {
647 background-color: transparent;
648}
649
650hr {
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
690div.figure,
691div.table,
692div.example,
693div.informalfigure,
694div.informaltable,
695div.informalexample {
696 border-color: #aaa;
697}
698
699pre.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
713b.keycap,
714.keycap {
715 background-color: #eee;
716 border-color: #999;
717}
718
719
720div.navheader {
721 border-color: black;
722}
723
724
725div.navfooter {
726 border-color: black;
727}
728
729
730 /*********** /
731 / graphics /
732/ ***********/
733
734/*
735body {
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*/
764h1,
765h2,
766h3,
767h4,
768h5,
769h6,
770h7{
771}
772
773/*
774Example of how to stick an image as part of the title.
775
776div.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
784div.preface .titlepage .title,
785div.colophon .title,
786div.chapter .titlepage .title,
787div.article .titlepage .title
788{
789}
790
791div.section div.section .titlepage .title,
792div.sect2 .titlepage .title {
793 background: none;
794}
795
796
797h1.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
806h2.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/*
819div.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
836div.heading a {
837 color: #444;
838}
839
840div.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/*
863div.heading, div.navheader {
864 width:expression(document.body.clientWidth + "px");
865}
866
867div.footing, div.navfooter {
868 width:expression(document.body.clientWidth + "px");
869 margin-left:expression("-5em");
870}
871body {
872 padding:expression("4em 5em 0em 5em");
873}
874*/
875
876 /**************************************** /
877 / mozilla vendor specific css extensions /
878/ ****************************************/
879/*
880div.navfooter, div.footing{
881 -moz-opacity: 0.8em;
882}
883
884div.figure,
885div.table,
886div.informalfigure,
887div.informaltable,
888div.informalexample,
889div.example,
890.tip,
891.warning,
892.caution,
893.note {
894 -moz-border-radius: 0.5em;
895}
896
897b.keycap,
898.keycap {
899 -moz-border-radius: 0.3em;
900}
901*/
902
903table tr td table tr td {
904 display: none;
905}
906
907
908hr {
909 display: none;
910}
911
912table {
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}