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