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