source: stylesheets/lfs-xsl/lfs.css.new@ 5c3f304a

10.0 10.0-rc1 10.1 10.1-rc1 11.0 11.0-rc1 11.0-rc2 11.0-rc3 11.1 11.1-rc1 11.2 11.2-rc1 11.3 11.3-rc1 12.0 12.0-rc1 12.1 12.1-rc1 7.8 7.9 8.0 8.1 8.2 8.3 8.4 9.0 9.1 arm bdubbs/gcc13 ml-11.0 multilib renodr/libudev-from-systemd s6-init trunk xry111/arm64 xry111/arm64-12.0 xry111/clfs-ng xry111/lfs-next xry111/loongarch xry111/loongarch-12.0 xry111/loongarch-12.1 xry111/mips64el xry111/pip3 xry111/rust-wip-20221008 xry111/update-glibc
Last change on this file since 5c3f304a was 5c3f304a, checked in by Bruce Dubbs <bdubbs@…>, 9 years ago

Adding some new png files to supoprt alternate css
Fix css validation for media='print' stylesheet
Add alternate css file

NO VISIBLE CHANGES FOR USERS

git-svn-id: ​http://svn.linuxfromscratch.org/LFS/trunk/BOOK@10934 4aa44e1e-78dd-0310-a6d2-fbcd4c07a689
  • Property mode set to 100644
File size: 22.6 KB
Line 
1/*
2$LastChangedBy:barjo $
3$Date:2015-08-04 00:37:38 +0100 $
4*/
5/* Global settings */
6body {
7 font-family: verdana, tahoma, helvetica, arial, sans-serif;
8 text-align: left;
9 background: #fff;
10 color: #222;
11 margin: 1.0em;
12 padding: 0em;
13 font-size: 1.1em;
14 line-height: 1.25em;
15 margin-top: 0em;
16}
17
18/* Links */
19a:link {
20 color: #22b;
21 font-weight: bold;
22 text-decoration: none;
23}
24
25a.ulink:link {
26 font-weight: bold;
27 color: #55f;
28 text-decoration: none;
29}
30
31a:visited {
32 color: #7e4988 ! important;
33 text-decoration: none;
34}
35
36a:hover,
37a:focus {
38 color: #d30e08 ! important;
39 text-decoration: underline;
40}
41
42a:active {
43 color: #4183C4 ! important;
44 text-decoration: none;
45}
46
47div.navfooter a:link {
48 color: #2AAA42 !important;
49}
50
51div.navfooter a:visited {
52 color: #2AAA42 ! important;
53 text-decoration: none;
54
55}
56
57div.navfooter a:hover, div.navfooter a:focus {
58 color: #2AAA42 ! important;
59 text-decoration: underline;
60}
61
62div.navfooter a:active {
63 color: #2AAA42 ! important;
64 text-decoration: none;
65}
66
67/* Book titlepage */
68
69.book .titlepage {
70 text-align: center;
71 width: 92%;
72 /*max-width: 900px;*/
73 /*max-width: 100ex;*/
74 background: #dbddec;
75 margin: 0px auto;
76 padding: 0px 1em;
77}
78
79.book hr {
80 background: #dbddec;
81 height: 2px;
82 border: 0px;
83 margin: 0px;
84 padding: 0px;
85}
86
87/* Sections */
88div.sect1,
89div.appendix,
90div.wrap,
91div.chapter,
92div.part,
93div.preface,
94div.toc,
95div.legalnotice,
96div.dedication,
97div.index,
98.book .titlepage {
99 padding-left: 0.3em;
100 /*max-width: 900px;*/
101 /*max-width: 100ex;*/
102 /*margin: 0px auto;*/
103 margin-left: 170px;
104}
105
106@media(max-width:1220px) and (min-height:550px){
107 div.sect1,
108 div.appendix,
109 div.wrap,
110 div.chapter,
111 div.part,
112 div.preface,
113 div.legalnotice,
114 div.dedication,
115 div.index,
116 .book .titlepage,
117 .book .toc {
118 /*margin: 0 auto;*/
119 margin-left: 170px;
120 }
121}
122/* end media */
123
124@media(max-width:1050px),
125 (max-width:1050px) and (min-width:800px) and (max-height:550px){
126
127 div.sect1,
128 div.appendix,
129 div.wrap,
130 div.chapter,
131 div.part,
132 div.preface,
133 div.legalnotice,
134 div.dedication,
135 div.index,
136 .book .titlepage,
137 .book .toc {
138 margin-left: 120px;
139 }
140}
141/* end media */
142
143@media(max-width:550px),
144 (max-width:800px) and (max-height:550px){
145 div.sect1,
146 div.appendix,
147 div.wrap,
148 div.chapter,
149 div.part,
150 div.preface,
151 div.legalnotice,
152 div.dedication,
153 div.index,
154 .book .titlepage,
155 .book .toc {
156 margin: auto;
157 margin-left: 7vmin;
158 }
159}
160/* end media */
161
162div.index > div.index {
163 margin: auto;
164}
165
166div.important ul {
167 padding-left: 1.5em;
168 list-style-type: disc;
169}
170
171div.important ul li p {
172 margin: 0em;
173 padding: 0em 0.6em;
174}
175
176.package,
177.kernel,
178.installation,
179.commands,
180.testing,
181.configuration,
182.content {
183 padding: 0em 0.5em 0.2em 0em;
184 margin: 0em;
185}
186
187.lfs .package {
188 margin: 1em;
189 padding: 0.2em 0.5em 0.75em 1.5em;
190 box-shadow: 0em 0em 6px rgba(0,0,0,.5);
191 border-radius: 4px;
192 position: relative;
193 line-height: 1.4em;
194}
195
196.lfs .configuration {
197 background: #fefefe;
198 border-top: 0.2em solid #dbddec;
199}
200
201.lfs .content {
202 margin: 1em;
203 padding: 0.2em 0.5em 0.75em 1em;
204 box-shadow: 0em 0em 6px rgba(0,0,0,.5);
205 border-left: 0.5em solid #444;
206 border-radius: 4px;
207 position: relative;
208 line-height: 1.4em;
209}
210
211/* Headers */
212h1, h2, h3, h4, h5, h6, b, .strong {
213 color: #000; /* black */
214 font-weight: bold;
215 line-height: 1em;
216}
217
218h1 {
219 font-size: 173%;
220 text-align: left;
221}
222
223.book h1 {
224 text-align: center;
225 margin: 0em;
226 padding: 0.7em;
227}
228
229.preface h1,
230.part h1,
231.chapter h1,
232.appendix h1,
233.index h1,
234.sect1 h1,
235.wrap h1 {
236 background: none; /*#f5f6f7;*/
237 border-bottom: 1px solid #EEE; /*1em solid #dbddec;*/
238 margin-bottom: 1em;
239 margin-top: 0px;
240 padding: 0.4em;
241}
242
243h1.title sup {
244 font-size: small;
245}
246
247h2 {
248 font-size:144%;
249 border-bottom:1px solid #EEE;
250 padding:.3em;
251}
252
253.titlepage h2,
254div.navheader h2 {
255 font-size: 120%;
256 border-bottom: none;
257 padding: 0.25em;
258}
259
260.book h2.subtitle {
261 margin: 0pt;
262 padding: 0.2em;
263}
264
265.appendix h2 {
266 font-size: 133%;
267 margin-top: 0.8em;
268 margin-bottom: 0.2em;
269}
270
271h3 {
272 font-size: 120%;
273 border-bottom: 1px solid #EEE;
274 padding: 0.25em;
275}
276
277h4 {
278 font-size: 110%;
279 border-bottom: 1px solid #EEE;
280 padding: 0.2em;
281}
282
283.titlepage h3,
284div.navheader h3 {
285 font-size: 120%;
286 border-bottom: none;
287 padding: 0.25em;
288}
289
290.titlepage h4,
291div.navheader h4 {
292 font-size: 110%;
293 border-bottom: none;
294 padding: 0.2em;
295}
296
297@media(max-width:550px){
298 .titlepage h2,
299 div.navheader h2 {
300 font-size: 4.7vmin;
301 border-bottom: none;
302 padding: 0.25em;
303 }
304
305 .titlepage h3,
306 div.navheader h3 {
307 font-size: 4.5vmin;
308 border-bottom: none;
309 padding: 0.25em;
310 }
311
312 .titlepage h4,
313 div.navheader h4 {
314 font-size: 4.3vmin;
315 border-bottom: none;
316 padding: 0.2em;
317 }
318}
319/* End media */
320
321.package h4, h5, h6 {
322 font-size: 100%;
323 font-style: italic;
324}
325
326/* Navigation */
327div.navheader {
328 background: #dbddec;
329 padding: 0.1em 0.5em;
330 /*margin: 0em auto;*/
331 margin-left: 170px;
332 /* border-bottom: 2px solid #dbddec; */
333 width: 100%;
334 /*max-width: 900px;*/
335 /*max-width: 100ex;*/
336 max-height: 85px;
337 z-index: 1000;
338}
339
340div.navheader ul {
341 display:none;
342}
343
344@media(min-width:550px) and (min-height:550px),
345 (min-width:1220px) and (min-height:550px){
346 div.navfooter{
347 top: 0px;
348 position: fixed;
349 background: rgb(255, 255, 255) url("../images/tux.png") no-repeat scroll 5px 5px;
350 display: block;
351 height: 100px;
352 width: 100px;
353 }
354}
355/* End media */
356
357@media(max-width:1220px) and (min-height:550px){
358 div.navheader {
359 border-bottom: 1px solid #dbddec;
360 /*max-width: 900px;*/
361 /*max-width: 100ex;*/
362 max-height: 150px;
363 z-index: 1000;
364 min-height: 50px;
365 height: auto;
366 width: auto;
367 margin: 0px auto;
368 }
369}
370/* End media */
371
372@media(max-width:1050px),
373 (max-width:1050px) and (min-width:800px) and (max-height:550px){
374 div.navheader{
375 margin-left: 120px;
376 height: auto;
377 width: auto;
378 }
379}
380/* End media */
381
382@media(max-width:550px),
383 (max-width:800px) and (max-height:550px){
384 div.navheader{
385 height: auto;
386 width: auto;
387 /*margin-left: 0px;*/
388 margin-left: 120px;
389 }
390}
391/* End media */
392
393div.navheader h4 {
394 margin-top: 0.4em;
395 margin-bottom: 0em;
396 text-align: center;
397}
398
399div.navheader h3 {
400 margin-top: 0.2em;
401 margin-bottom: 0em;
402 text-align: center;
403}
404
405div.navfooter ul{
406 position: relative;
407 margin: 0px;
408 padding: 0px;
409 height: 0px;
410 width: 0px;
411}
412
413div.navheader ul li.prev,
414div.navfooter ul li.prev {
415 position: fixed;
416 display: block;
417 left: 0px;
418 text-align: left;
419 padding: 0.2em 1em;
420 margin-left: 6px;
421 top: 50%;
422 max-width: 170px;
423 /*height: 270px;*/
424 /*border: 1px solid red;*/
425 /*padding-bottom: 3em;*/
426}
427/*
428div.navheader ul li.next,
429div.navfooter ul li.next {
430 position: fixed;
431 display: block;
432 text-align: right;
433 right: 5px;
434 padding: 0.2em 1em;
435 margin-right: 7px;
436 top: 50%;
437 max-width: 170px;
438}
439*/
440div.navheader ul li.next,
441div.navfooter ul li.next {
442 position: fixed;
443 display: block;
444 text-align: left;
445 left: 0px;
446 padding: 0.2em 1em;
447 margin-left: 6px;
448 top: 75%;
449 max-width: 170px;
450}
451
452div.navheader ul li.prev p,
453div.navfooter ul li.prev p,
454div.navheader ul li.next p,
455div.navfooter ul li.next p {
456 padding: 0em;
457 padding-bottom: 3em;
458 margin: 1px 0px;
459 max-width: 170px;
460 font-size: 90%;
461 color: blue;
462 font-weight: bold;
463}
464
465div.navheader ul li.home,
466div.navfooter ul li.home {
467 position: fixed;
468 text-align: left;
469 left: 0px;
470 padding: 0.2em 1em;
471 margin: 0px auto;
472 display: block;
473 color: #dbddec;
474 top: 115px;
475 margin-left: 6px;
476 max-width: 200px;
477}
478
479div.navheader ul li.up,
480div.navfooter ul li.up {
481 position: fixed;
482 text-align: left;
483 left: 0px;
484 padding: 0.2em 1em;
485 margin: 0px auto;
486 display: block;
487 color: #dbddec;
488 top: 75px;
489 margin-left: 6px;
490 max-width: 200px;
491 /*border: 1px solid black;*/
492}
493
494div.navheader ul li.up a,
495div.navfooter ul li.up a {
496 display: block;
497 padding: 10px 5px 10px 28px;
498 background: url(../images/chevron-top.png) no-repeat left center;
499 background-size: 20px 20px;
500}
501
502div.navheader ul li.home a,
503div.navfooter ul li.home a {
504 display: block;
505 padding: 10px 5px 10px 28px;
506 background: url(../images/grid-three-up.png) no-repeat left center;
507 background-size: 20px 20px;
508}
509
510div.navheader ul li.prev a,
511div.navfooter ul li.prev a {
512 display: block;
513 padding: 10px 5px 10px 35px;
514 background: url(../images/chevron-left.png) no-repeat left center;
515 background-size: 28px 28px;
516 /*border: 1px solid green;
517 margin: 2px;*/
518}
519
520/*
521div.navheader ul li.prev p span.xxx, span.xxx{
522 color: red;
523}
524
525div.navheader ul li.prev p {
526 border: 1px solid blue;
527}
528*/
529div.navheader ul li.next a,
530div.navfooter ul li.next a{
531 display: block;
532 padding: 10px 35px 10px 5px;
533 background: url(../images/chevron-right.png) no-repeat right center;
534 background-size: 28px 28px;
535}
536
537@media(max-width:1220px) and (min-height:550px){
538 div.navheader ul li,
539 div.navfooter ul li{
540 width: 120px;
541 }
542
543 div.navheader ul li.prev p,
544 div.navheader ul li.next p,
545 div.navfooter ul li.prev p,
546 div.navfooter ul li.next p{
547 text-align: center;
548 /*border: 1px solid blue;
549 margin: 2px;*/
550 height: 7.5vh; /* 7.5% ov viewport height */
551 overflow: hidden;
552 }
553/*
554 div.navheader ul li.prev p:after,
555 div.navheader ul li.next p:after,
556 div.navfooter ul li.prev p:after,
557 div.navfooter ul li.next p:after{
558 content: "";
559 text-align: right;
560 position: absolute;
561 bottom: 0px;
562 right: 0px;
563 width: 100%;
564 height: 2.8em;
565
566 background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1) 100%);
567
568 }
569*/
570 div.navheader ul li.prev,
571 div.navfooter ul li.prev {
572 position: fixed;
573 display: block;
574 left: 0px;
575 top: 40vh; /* 55% of viewport height */
576 padding: 0px;
577 margin: 0px;
578 }
579
580 div.navheader ul li.prev a,
581 div.navfooter ul li.prev a{
582 display: block;
583 text-align: center;
584 left: 0px;
585 padding: 10vh 0px 0px 0px;
586 background: url(../images/chevron-left.png) no-repeat center 5vh;
587 background-size: 25px 25px;
588 }
589
590 div.navheader ul li.next,
591 div.navfooter ul li.next {
592 position: fixed;
593 display: block;
594 left: 0px;
595 top: 62vh;
596 padding: 0px;
597 margin: 0px;
598 }
599
600 div.navheader ul li.next a,
601 div.navfooter ul li.next a {
602 display: block;
603 text-align: center;
604 left: 0px;
605 padding: 10vh 0px 0px 0px;
606 background: url(../images/chevron-right.png) no-repeat center 5vh;
607 background-size: 25px 25px;
608 }
609
610 div.navheader ul li.home,
611 div.navheader ul li.up,
612 div.navfooter ul li.home,
613 div.navfooter ul li.up {
614 position: fixed;
615 padding: 0px;
616 display: block;
617 color: #dbddec;
618 left: 0px;
619 margin: 0px;
620 }
621
622 div.navheader ul li.home,
623 div.navfooter ul li.home{
624 top:25vh;
625 }
626
627 div.navheader ul li.up,
628 div.navfooter ul li.up{
629 top:10vh;
630 }
631
632 div.navheader ul li.home a,
633 div.navfooter ul li.home a{
634 display: block;
635 text-align: center;
636 left: 0px;
637 padding: 10vh 0px 0px 0px;
638 background: url(../images/grid-three-up.png) no-repeat center 5vh;
639 background-size: 25px 25px;
640 }
641
642 div.navheader ul li.up a,
643 div.navfooter ul li.up a{
644 display: block;
645 text-align: center;
646 left: 0px;
647 padding: 10vh 0px 0px 0px;
648 background: url(../images/chevron-top.png) no-repeat center 5vh;
649 background-size: 25px 25px;
650 }
651}
652/* End media */
653
654@media(max-width:1220px) and (max-height:550px) and (min-width:800px),
655 (min-width:1220px) and (max-height:350px){
656 div.navheader ul li.prev p,
657 div.navfooter ul li.prev p,
658 div.navheader ul li.next p,
659 div.navfooter ul li.next p
660 {
661 display: none;
662 }
663
664 div.navheader ul li.prev,
665 div.navfooter ul li.prev {
666 max-width: 120px;
667 position: fixed;
668 display: block;
669 top: 45vmin; /* smaller of 60% viewport height, width */
670 padding: 0px;
671 margin-left: 10px;
672 font-size: 90%;
673 }
674
675 div.navheader ul li.next,
676 div.navfooter ul li.next {
677 max-width: 120px;
678 position: fixed;
679 display: block;
680 left: 0;
681 top: 80vmin;
682 padding: 0px;
683 margin-left: 10px;
684 font-size: 90%;
685 }
686
687 div.navheader ul li.prev a,
688 div.navfooter ul li.prev a {
689 background-size: 20px 20px;
690 }
691
692 div.navheader ul li.next a,
693 div.navfooter ul li.next a{
694 display: block;
695 padding: 10px 5px 10px 35px;
696 background: url(../images/chevron-right.png) no-repeat left center;
697 background-size: 20px 20px;
698 text-align: left;
699 }
700
701 div.navheader ul li.home,
702 div.navheader ul li.up,
703 div.navfooter ul li.home,
704 div.navfooter ul li.up {
705 max-width: 120px;
706 position: fixed;
707 padding: 0px;
708 margin-left: 10px;
709 display: block;
710 color: #dbddec;
711 font-size: 90%;
712 }
713
714 div.navheader ul li.home,
715 div.navfooter ul li.home{
716 top: 35vmin;
717 }
718
719 div.navheader ul li.up,
720 div.navfooter ul li.up{
721 top: 10vmin;
722 }
723
724 div.navheader ul li.home a,
725 div.navfooter ul li.home a,
726 div.navheader ul li.up a,
727 div.navfooter ul li.up a{
728 padding: 10px 5px 10px 35px;
729 }
730}
731/* End media */
732
733@media(max-width:550px),
734 (max-width:800px) and (max-height:550px){
735 div.navheader ul li.prev p,
736 div.navfooter ul li.prev p,
737 div.navheader ul li.next p,
738 div.navfooter ul li.next p {
739 display: none;
740 }
741
742 div.navheader ul li.prev,
743 div.navfooter ul li.prev {
744 position: fixed;
745 display: block;
746 left: 0px;
747 top: 60vmin;
748 padding: 0px;
749 margin: 0px;
750 }
751
752 div.navheader ul li.prev a,
753 div.navfooter ul li.prev a{
754 display: block;
755 width: 0px;
756 left: 0px;
757 padding: 5vmin 0 5vmin 8vmin;
758 text-indent: 15vmin;
759 height: 10vmin;
760 background: url(../images/chevron-left.png) no-repeat center center;
761 background-size: 6vmin 6vmin;
762 overflow: hidden;
763 }
764
765 div.navheader ul li.next,
766 div.navfooter ul li.next {
767 position: fixed;
768 display: block;
769 left: 0px;
770 top: 80vmin;
771 padding: 0px;
772 margin: 0px;
773 }
774
775 div.navheader ul li.next a,
776 div.navfooter ul li.next a{
777 display: block;
778 width: 0px;
779 left: 0px;
780 padding: 5vmin 0px 5vmin 8vmin;
781 text-indent: 15vmin;
782 height: 10vmin;
783 background: url(../images/chevron-right.png) no-repeat center center;
784 background-size: 6vmin 6vmin;
785 overflow: hidden;
786 }
787
788 div.navheader ul li.home,
789 div.navheader ul li.up,
790 div.navfooter ul li.home,
791 div.navfooter ul li.up {
792 position: fixed;
793 padding: 0px;
794 margin: 0px;
795 display: block;
796 color: #dbddec;
797 left: 0px;
798 }
799
800 div.navheader ul li.home,
801 div.navfooter ul li.home{
802 top: 40vmin;
803 }
804
805 div.navheader ul li.up,
806 div.navfooter ul li.up{
807 top: 20vmin;
808 }
809
810 div.navheader ul li.home a,
811 div.navfooter ul li.home a{
812 display: block;
813 width: 0px;
814 padding: 5vmin 0px 5vmin 8vmin;
815 text-indent: 15vmin;
816 height: 10vmin;
817 background: url(../images/grid-three-up.png) no-repeat center center;
818 background-size: 6vmin 6vmin;
819 overflow: hidden;
820 }
821
822 div.navheader ul li.up a,
823 div.navfooter ul li.up a{
824 display: block;
825 width: 0px;
826 padding: 5vmin 0px 5vmin 8vmin;
827 text-indent: 15vmin;
828 height: 10vmin;
829 background: url(../images/chevron-top.png) no-repeat center center;
830 background-size: 6vmin 6vmin;
831 overflow: hidden;
832 }
833}
834/* End media */
835
836/* TOC */
837div.toc ul,
838div.index ul,
839div.navheader ul,
840div.navfooter ul {
841 list-style: none;
842}
843
844li.preface,
845.part li.appendix {
846 margin-left: 1em;
847}
848
849div.toc h3 {
850 margin: 1em 0em 0.3em 0em;
851}
852
853li.appendix h3,
854li.glossary h3,
855li.index h3 {
856 margin: 0.5em
857}
858
859div.toc h4 {
860 margin: 0.6em 0em 0.2em 0em;
861}
862
863li.chapter h4 a {
864 display: block;
865 margin-bottom: 0.4em
866}
867
868.dummy {
869 display: block;
870 font-weight: bold;
871 font-size: 110%;
872 margin: 0.6em 0em 0.2em 0em;
873}
874
875/* Index */
876.index ul li {
877 margin: 5px 0em;
878}
879
880.index ul li ul li{
881 margin: 0em;
882}
883
884.item {
885 float: left;
886 margin-right: 1em
887}
888
889.secitem {
890 font-weight: normal;
891 float: left;
892 margin-right: 1em
893}
894
895.indexref {
896 display: block;
897}
898
899.item + .indexref {
900 margin-left: 16em;
901}
902
903.secitem + .indexref {
904 margin-left: 15em;
905}
906
907@media(max-width:600px){
908 .item {
909 display: block;
910 width: 100%;
911 }
912
913 .secitem {
914 display: block;
915 width: 100%;
916 margin-left: 1em;
917 }
918
919 .item + .indexref {
920 display: inline-block;
921 padding-left: 0px;
922 margin-left: 1em;
923 }
924
925 .secitem + .indexref {
926 display: inline-block;
927 padding-left: 0px;
928 margin-left: 2em;
929 }
930}
931/* End media */
932
933/* Admonitions */
934div.admon img {
935 padding-top: 10px;
936 margin-left: 1.1em;
937}
938
939div.admon h3 {
940 display: inline;
941 margin-bottom: 50px;
942 /*margin-left: 2em;*/
943}
944
945div.admon p {
946 margin-left: 0.5em;
947 padding-bottom: 0.4em;
948}
949
950div.admon pre {
951 margin: 0.5em 3em;
952}
953
954div.note,
955div.tip {
956 margin: 1em;
957 padding: 0.2em 0.5em 0.75em 0.75em;
958 box-shadow: 0px 0px 6px rgba(0,0,0,.5);
959 border-left: 0.5em solid #F9FF00;
960 border-radius: 4px;
961 position: relative;
962 line-height: 1.4em;
963}
964
965div.important,
966div.warning,
967div.caution {
968 margin: 1em;
969 padding: 0.2em 0.5em 0.75em 0.75em;
970 box-shadow: 0px 0px 6px rgba(0,0,0,.5);
971 border-left: 0.5em solid #dc322f;
972 border-radius: 4px;
973 position: relative;
974 line-height: 1.4em;
975}
976
977div.important h3,
978div.warning h3,
979div.caution h3 {
980 color: #900;
981}
982
983div.important em,
984div.warning em,
985div.caution em {
986 color: #000;
987 font-weight: bold;
988}
989
990/* table */
991.table p.title {
992 text-align: center;
993 margin-top: 0px;
994 margin-bottom: 0.3em;
995}
996
997.table table {
998 margin-left: auto;
999 margin-right: auto;
1000}
1001
1002.table table th,
1003.table table td {
1004 padding: 0.2em 2em 0.2em 2em;
1005 text-align: left;
1006}
1007
1008.revhistory {
1009 padding-left: 1em;
1010}
1011
1012.revhistory th {
1013 line-height: 2em;
1014 text-align: left;
1015}
1016
1017.revhistory td {
1018 padding-right: 1em;
1019}
1020
1021/* variablelist as table */
1022.variablelist table {
1023 width: auto;
1024 margin: 0em 1em 0em 1em;
1025}
1026
1027.variablelist td {
1028 vertical-align: top;
1029 min-width: 100px;
1030 padding: 0px;
1031}
1032
1033@media(max-width:700px){
1034 .variablelist td {
1035 display: inline-block;
1036 width: 100%;
1037 }
1038
1039 .variablelist td:nth-child(2) p{
1040 margin-left: 2em;
1041 }
1042}
1043/* End media */
1044
1045.variablelist td span,
1046td p {
1047 margin: 0.25em;
1048 padding: 0px;
1049}
1050
1051/* variablelist as list */
1052dl {
1053 padding-left: 1em
1054}
1055
1056dt {
1057 font-weight:bold;
1058 margin-left: 1em;
1059}
1060
1061dd {
1062 margin-bottom: 0.6em;
1063 margin-left: 1em;
1064}
1065
1066dd p {
1067 margin-top: 0px;
1068 margin-bottom: 0px;
1069 padding-top: 0px;
1070 padding-bottom: 0px;
1071}
1072
1073div.materials dt {
1074 display: list-item;
1075}
1076
1077div.materials dd {
1078 margin-left: 0px;
1079 padding-left: 0px;
1080}
1081
1082/* segmentedlist */
1083.appendix .segmentedlist {
1084 padding-left: 1em;
1085}
1086
1087.package .seg {
1088 margin-bottom: 0px;
1089 margin-top: 0px;
1090 clear: left;
1091}
1092
1093.content .seg {
1094 margin-bottom: 0.4em;
1095 margin-top: 0.4em;
1096 clear: left;
1097}
1098
1099.segtitle {
1100 float: left;
1101 padding-right: 1em;
1102}
1103
1104.package .segbody, .appendix .segbody {
1105 display: block;
1106 padding-left: 14em;
1107}
1108
1109.content .segbody {
1110 display: block;
1111 padding-left: 12em;
1112}
1113
1114@media(max-width:700px){
1115 .segtitle {
1116 display: block;
1117 width: 100%;
1118 }
1119
1120 .package .segbody, .content .segbody {
1121 display: inline-block;
1122 padding-left: 0px;
1123 margin-left: 1em;
1124 }
1125}
1126/* End media */
1127
1128/* itemizedlist */
1129.itemizedlist ul {
1130 margin-left: 1em;
1131}
1132
1133.itemizedlist li p {
1134 margin: 5px 0;
1135}
1136
1137.itemizedlist li p:first-child {
1138 padding-left: 3px;
1139 margin-top: 15px;
1140}
1141
1142.itemizedlist li ul {
1143 margin-bottom: 1.2em;
1144}
1145
1146.itemizedlist li ul li p {
1147 margin-top: 0.5em;
1148 margin-bottom: 0.5em;
1149}
1150
1151.itemizedlist li ul li:first-child p:first-child {
1152 margin-top: -0.6em;
1153}
1154
1155ul.compact {
1156 list-style: none;
1157}
1158
1159.blfs ul.compact {
1160 list-style: disc;
1161}
1162
1163ul.compact li {
1164 margin: 0px;
1165 padding: 0px;
1166}
1167
1168ul.compact li p {
1169 padding: 0.3em;
1170 margin: 0px;
1171}
1172
1173.blfs ul.compact li p {
1174 background-color: #f0fff0;
1175}
1176
1177/* orderedlist */
1178ol {
1179 list-style: decimal;
1180}
1181
1182ol ol {
1183 list-style: lower-alpha;
1184}
1185
1186ol ol ol {
1187 list-style: lower-roman;
1188}
1189
1190ol.compact li {
1191 margin: 0px;
1192 padding: 0px;
1193}
1194
1195ol.compact li p {
1196 padding: 0.3em;
1197 margin: 0px;
1198}
1199
1200/* Indented blocks */
1201p,
1202blockquote {
1203 padding-left: 1em;
1204 padding-right: 1em;
1205}
1206
1207/* Monospaced elements */
1208tt,
1209code,
1210kbd,
1211pre,
1212.command {
1213 font-family: monospace;
1214}
1215
1216.systemitem {
1217 font-style: italic;
1218}
1219
1220pre {
1221 background-color: #e9e9e9;
1222 color: #333;
1223 margin: 1em;
1224 padding: 0.2em 0.5em 0.5em 2em;
1225 border-radius: 4px;
1226 position: relative;
1227 line-height: 1.2em;
1228 overflow: auto;
1229 font-weight: bold;
1230}
1231
1232pre.screen {
1233 font-weight: normal;
1234}
1235
1236.literal,
1237.prompt {
1238 font-weight: normal;
1239}
1240
1241/* Mixed tags */
1242p.usernotes {
1243 margin-left: -1em;
1244 font-size: small;
1245 font-weight: bold;
1246 font-style: italic;
1247}
1248
1249.underlined {
1250 text-decoration: underline;
1251}
1252
1253/* Last edited info */
1254p.updated {
1255 font-size: small;
1256 font-weight: bold;
1257 font-style: italic;
1258}
1259
1260/* Special colored blocks */
1261 /* OrangeRed4 */
1262.feature-ssp {
1263 color: #8B2500;
1264}
1265
1266 /* RoyalBlue3 */
1267.feature-aslr {
1268 color: #3A5FCD;
1269}
1270
1271 /* NavyBlue */
1272.feature-pax {
1273 color: #000080;
1274}
1275
1276 /* VioletRed */
1277.feature-hardened_tmp {
1278 color: #d02090;
1279}
1280
1281 /* PaleTurquoise4 */
1282.feature-warnings {
1283 color: #668b8b;
1284}
1285
1286 /* RosyBrown */
1287.feature-misc {
1288 color: #bc8f8f;
1289}
1290
1291 /* Sienna*/
1292.feature-blowfish {
1293 color: #8E6B23
1294}
Note: See TracBrowser for help on using the repository browser.