summaryrefslogtreecommitdiffstats
path: root/handbook/style.css
diff options
context:
space:
mode:
authorRichard Purdie <richard@openedhand.com>2008-02-26 11:31:34 +0000
committerRichard Purdie <richard@openedhand.com>2008-02-26 11:31:34 +0000
commit882e9cd2affb773eec8b1d387ab4e3b5cbdc0994 (patch)
treef023b2ce9abf3b894a81986e0a00e23d77b55e66 /handbook/style.css
parent7197110f46511492a48cd359b3ddf75b60ea47c8 (diff)
downloadpoky-882e9cd2affb773eec8b1d387ab4e3b5cbdc0994.tar.gz
Add Poky handbook
git-svn-id: https://svn.o-hand.com/repos/poky/trunk@3865 311d38ba-8fff-0310-9ca6-ca027cbcb966
Diffstat (limited to 'handbook/style.css')
-rw-r--r--handbook/style.css957
1 files changed, 957 insertions, 0 deletions
diff --git a/handbook/style.css b/handbook/style.css
new file mode 100644
index 0000000000..fb95694f9c
--- /dev/null
+++ b/handbook/style.css
@@ -0,0 +1,957 @@
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 0 3.0em 0;
68 padding: 0 0 0 0;
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: 256;
121 background-image: url("poky-beaver.png");
122 background-position: right top;
123 float: right;
124 margin-top: -256px;
125 padding-right: 50px;
126 margin-left: 50px;
127 text-align: right;
128 width: 200px;
129}
130
131h3.author {
132 margin: 0 0 0 0;
133 padding: 0 0 0 0;
134 font-weight: normal;
135 font-size: 100%;
136 clear: both;
137}
138
139.author tt.email {
140 font-size: 66%;
141}
142
143.titlepage hr {
144 width: 0;
145 clear: both;
146}
147
148.revhistory {
149 padding-top: 2em;
150 clear: both;
151}
152
153.toc,
154.list-of-tables,
155.list-of-examples,
156.list-of-figures {
157 padding: 1.33em 0em 2.5em 0em;
158}
159
160.toc p,
161.list-of-tables p,
162.list-of-figures p,
163.list-of-examples p {
164 padding: 0 0 0 0;
165 padding: 0em 0em 0.3em;
166 margin: 1.5em 0 0 0;
167}
168
169.toc p b,
170.list-of-tables p b,
171.list-of-figures p b,
172.list-of-examples p b{
173 font-size: 100.0%;
174 font-weight: bold;
175}
176
177.toc dl,
178.list-of-tables dl,
179.list-of-figures dl,
180.list-of-examples dl {
181 margin: 0 0 0.5em 0;
182 padding: 0 0 0 0;
183}
184
185.toc dt {
186 margin: 0 0 0 0;
187 padding: 0 0 0 0;
188}
189
190.toc dd {
191 margin: 0em 0em 0em 2.6em;
192 padding: 0 0 0 0;
193}
194
195div.glossary dl,
196div.variablelist dl {
197}
198
199.glossary dl dt,
200.variablelist dl dt,
201.variablelist dl dt span.term {
202 font-weight: normal;
203 width: 20em;
204 text-align: right;
205}
206
207.variablelist dl dt {
208 margin-top: 0.5em;
209}
210
211.glossary dl dd,
212.variablelist dl dd {
213 margin-top: -1em;
214 margin-left: 25.5em;
215}
216
217.glossary dd p,
218.variablelist dd p {
219 margin-top: 0em;
220 margin-bottom: 1em;
221}
222
223
224div.calloutlist table td {
225 padding: 0 0 0 0;
226 margin: 0 0 0 0;
227}
228
229div.calloutlist table td p {
230 margin-top: 0em;
231 margin-bottom: 1em;
232}
233
234div p.copyright {
235 text-align: left;
236}
237
238div.legalnotice p.legalnotice-title {
239 margin-bottom: 0;
240}
241
242p {
243 line-height: 1.5em;
244 margin-top: 0;
245
246}
247
248dl {
249 padding-top: 0em;
250}
251
252hr {
253 border: solid 1px;
254}
255
256
257.mediaobject,
258.mediaobjectco {
259 text-align: center;
260}
261
262img {
263 border: none;
264}
265
266.mediaobject img,
267.mediaobjectco img{
268 max-width: 36em;
269}
270
271ul {
272 padding: 0 0 0 1.5em;
273}
274
275ul li {
276 padding: 0 0 0 0;
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: 0;
301 padding: 0;
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: 0;
340 margin-top: 0;
341 font-size: 100%;
342 font-weight: normal;
343}
344
345.mediaobject .caption,
346.mediaobject .caption p {
347 text-align: left;
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 : 0 0 0 0;
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: 0;
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: 0;
441 top: 0;
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: 0;
469 border-right: 0;
470 border-top: 0;
471 width: 100%;
472}
473
474div.navfooter table {
475 border-left: 0;
476 border-right: 0;
477 border-bottom: 0;
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: 0 0 1em 0;
514 padding: 0 0 0 0;
515}
516
517.qandaset tr.answer td p {
518 margin: 0 0 1em 0;
519 padding: 0 0 0 0;
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
773div.preface .titlepage .title,
774div.colophon .title,
775div.chapter .titlepage .title {
776 background-image: url("images/title-bg.png");
777 background-position: bottom;
778 background-repeat: repeat-x;
779}
780
781div.section div.section .titlepage .title,
782div.sect2 .titlepage .title {
783 background: none;
784}
785
786
787h1.title {
788 background-color: transparent;
789 background-image: url("poky-handbook.png");
790 background-repeat: no-repeat;
791 height: 256;
792 text-indent: -9000px;
793 overflow:hidden;
794}
795
796h2.subtitle {
797 background-color: transparent;
798 text-indent: -9000px;
799 overflow:hidden;
800 width: 0;
801 display: none;
802}
803
804 /*************************************** /
805 / pippin.gimp.org specific alterations /
806/ ***************************************/
807
808/*
809div.heading, div.navheader {
810 color: #777;
811 font-size: 80%;
812 padding: 0;
813 margin: 0;
814 text-align: left;
815 position: absolute;
816 top: 0px;
817 left: 0px;
818 width: 100%;
819 height: 50px;
820 background: url('/gfx/heading_bg.png') transparent;
821 background-repeat: repeat-x;
822 background-attachment: fixed;
823 border: none;
824}
825
826div.heading a {
827 color: #444;
828}
829
830div.footing, div.navfooter {
831 border: none;
832 color: #ddd;
833 font-size: 80%;
834 text-align:right;
835
836 width: 100%;
837 padding-top: 10px;
838 position: absolute;
839 bottom: 0px;
840 left: 0px;
841
842 background: url('/gfx/footing_bg.png') transparent;
843}
844*/
845
846
847
848 /****************** /
849 / nasty ie tweaks /
850/ ******************/
851
852/*
853div.heading, div.navheader {
854 width:expression(document.body.clientWidth + "px");
855}
856
857div.footing, div.navfooter {
858 width:expression(document.body.clientWidth + "px");
859 margin-left:expression("-5em");
860}
861body {
862 padding:expression("4em 5em 0em 5em");
863}
864*/
865
866 /**************************************** /
867 / mozilla vendor specific css extensions /
868/ ****************************************/
869/*
870div.navfooter, div.footing{
871 -moz-opacity: 0.8;
872}
873
874div.figure,
875div.table,
876div.informalfigure,
877div.informaltable,
878div.informalexample,
879div.example,
880.tip,
881.warning,
882.caution,
883.note {
884 -moz-border-radius: 0.5em;
885}
886
887b.keycap,
888.keycap {
889 -moz-border-radius: 0.3em;
890}
891*/
892
893table tr td table tr td {
894 display: none;
895}
896
897
898hr {
899 display: none;
900}
901
902table {
903 border: 0;
904}
905
906 .photo {
907 float:right;
908 margin-left: 1.5em;
909 margin-bottom: 1.5em;
910 margin-top: 0em;
911 max-width: 17em;
912 border: 1px solid gray;
913 padding: 3px;
914 background: white;
915}
916 .seperator {
917 padding-top: 2em;
918 clear :both;
919 }
920
921 #validators {
922 margin-top: 5em;
923 text-align: right;
924 color: #777;
925 }
926 @media print {
927 body {
928 font-size: 8pt;
929 }
930 .noprint {
931 display: none;
932 }
933 }
934
935
936.tip,
937.note {
938 background: #91ae35;
939 color: #fff;
940 padding: 20px;
941 margin: 20px;
942}
943
944.tip h3,
945.note h3 {
946 padding: 0;
947 margin: 0;
948 font-size: 2em;
949 font-weight: bold;
950 color: #fff;
951}
952
953.tip a,
954.note a {
955 color: #fff;
956 text-decoration: underline;
957} \ No newline at end of file