source: stylesheets/lfs-xsl/lfs.css@ a34eeb7

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.0 7.1 7.2 7.3 7.4 7.5 7.5-systemd 7.6 7.6-systemd 7.7 7.7-systemd 7.8 7.8-systemd 7.9 7.9-systemd 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 a34eeb7 was c9af9c6, checked in by Bruce Dubbs <bdubbs@…>, 16 years ago

Tweak the appearance of notes in the book's html

git-svn-id: http://svn.linuxfromscratch.org/LFS/trunk/BOOK@8682 4aa44e1e-78dd-0310-a6d2-fbcd4c07a689

  • Property mode set to 100644
File size: 7.9 KB
Line 
1/*
2$LastChangedBy$
3$Date$
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: 1em;
12 padding: 0;
13 font-size: 1em;
14 line-height: 1.2em
15}
16
17
18/* Links */
19a:link { color: #22b; }
20a.ulink:link { font-weight: bold; color: #55f; }
21a:visited { color: #7e4988 ! important; }
22a:hover, a:focus { color: #d30e08 ! important; }
23a:active { color: #6b77b1 ! important;}
24
25
26/* Book titlepage */
27.book .titlepage {
28 background: #f5f6f7;
29 margin: 0px auto;
30 padding: 0 1em;
31}
32
33.book hr {
34 background: #dbddec;
35 height: .3em;
36 border: 0px;
37 margin: 0 -1em;
38 padding: 0;
39}
40
41div.dedication {
42 padding-left: 1em;
43}
44
45
46/* Sections */
47div.sect1, div.appendix {
48 padding-left: .3em;
49}
50
51.package, .kernel, .installation, .commands, .testing, .configuration, .content {
52 padding: 0 .5em .2em 0;
53 margin: 0;
54}
55
56.lfs .package {
57 background: #f5f6f7;
58 border-bottom: 0.2em solid #dbddec;
59 padding-top: .1em;
60 margin-top: 0;
61}
62
63.lfs .configuration {
64 background: #fefefe;
65 border-top: 0.2em solid #dbddec;
66}
67
68.lfs .content {
69 background: #f5f6f7;
70 border-top: 0.2em solid #dbddec;
71 padding-bottom: .1em;
72 margin-bottom: 0;
73}
74
75
76/* Headers */
77h1, h2, h3, h4, h5, h6, b, .strong {
78 color: #000;
79 font-weight: bold;
80 line-height: 1em;
81}
82
83h1 {
84 font-size: 173%;
85 text-align: center;
86}
87
88.book h1 {
89 margin: 0;
90 padding: 0.4em;
91}
92
93.preface h1, .part h1, .chapter h1, .appendix h1, .index h1, .sect1 h1 {
94 background: #f5f6f7;
95 border-bottom: .1em solid #dbddec;
96 margin-bottom: 1em;
97 margin-top: 0;
98 padding: .4em;
99}
100
101.sect1 h1, .appendix h1 {
102 margin-left: -.2em;
103}
104
105.wrap h1 {
106 background: #f5f6f7;
107 margin: 0;
108 padding: .4em;
109}
110
111h1.title sup {
112 font-size: small;
113}
114
115h2 {
116 font-size: 144%;
117}
118
119.book h2.subtitle {
120 text-align: center;
121 background: #dbddec;
122 margin: 0;
123 padding: 0.2em;
124}
125
126.appendix h2 {
127 font-size: 133%;
128 margin-top: .8em;
129 margin-bottom: 0.2em;
130}
131
132h3 {
133 font-size: 120%;
134}
135
136h4 {
137 font-size: 110%;
138}
139
140.package h4, h5, h6 {
141 font-size: 100%;
142 font-style: italic;
143}
144
145
146/* Navigation */
147div.navheader, div.navfooter {
148 background: #ecedef;
149 margin: 0;
150 padding: 0.1em .5em;
151}
152
153div.navheader {
154 border-bottom: 1px solid #dbddec;
155}
156
157div.navfooter {
158 border-top: 1px solid #dbddec;
159}
160
161div.navheader h4 {
162 margin-top: .4em;
163 margin-bottom: 0;
164 text-align: center;
165}
166
167div.navheader h3 {
168 margin-top: .2em;
169 margin-bottom: 0;
170 text-align: center;
171}
172
173div.navheader ul, div.navfooter ul {
174 padding: .2em .5em .5em 0;
175 margin: .5em 0;
176 position: relative;
177 background: #dbddec;
178}
179
180div.navheader ul li, div.navfooter ul li {
181 display: inline;
182 width: 40%;
183}
184
185div.navheader ul li.prev, div.navfooter ul li.prev {
186 position: absolute;
187 display: block;
188 left: 0;
189 text-align: left;
190 padding: 0.2em 1em;
191 margin-left: 6px;
192}
193
194div.navheader ul li.next, div.navfooter ul li.next {
195 position: absolute;
196 display: block;
197 text-align: right;
198 right: 5px;
199 padding: 0.2em 0.5em;
200 margin-right: 7px;
201}
202
203div.navheader ul li.prev p, div.navfooter ul li.prev p,
204div.navheader ul li.next p, div.navfooter ul li.next p {
205 padding: 0;
206 margin: 1px 0px;
207}
208
209div.navheader ul li.home, div.navheader ul li.up,
210div.navfooter ul li.home, div.navfooter ul li.up {
211 text-align: center;
212 padding: 0;
213 margin: 0px auto;
214 display: block;
215 color: #dbddec;
216}
217
218
219/* TOC */
220div.toc ul, div.index ul, div.navheader ul, div.navfooter ul {
221 list-style: none;
222}
223
224div.toc {
225 padding-left: 1em;
226}
227
228li.preface, .part li.appendix {
229 margin-left: 1em;
230}
231
232div.toc h3 {
233 margin: 1em 0 .3em 0;
234}
235
236li.appendix h3, li.glossary h3, li.index h3 {
237 margin: .5em
238}
239
240div.toc h4 {
241 margin: .6em 0 .2em 0;
242}
243
244li.chapter h4 a {
245 display: block;
246 margin-bottom: .4em
247}
248
249.dummy {
250 display: block;
251 font-weight: bold;
252 font-size: 110%;
253 margin: .6em 0 .2em 0;
254}
255
256
257/* Index */
258.item {
259 float: left;
260 margin-right: 1em
261}
262
263.secitem {
264 font-weight: normal;
265 float: left;
266 margin-right: 1em
267}
268
269.indexref {
270 display: block;
271}
272
273.item + .indexref {
274 margin-left: 20em;
275}
276
277.secitem + .indexref {
278 margin-left: 19em;
279}
280
281
282/* Admonitions */
283div.admon img {
284 padding: .3em;
285}
286
287div.admon h3 {
288 display: inline;
289 margin-left: 2em;
290}
291
292div.admon p {
293 margin-left: .5em;
294 padding-bottom: .4em;
295}
296
297div.admon pre {
298 margin: 0.5em 3em;
299}
300
301div.note, div.tip {
302 background-color: #fffff6;
303 border: 2px solid #dbddec;
304 width: 90%;
305 margin: .5em auto;
306}
307
308div.important, div.warning, div.caution {
309 background-color: #fffff6;
310 border: medium solid #400;
311 width: 90%;
312 margin: .5em auto;
313 color: #600;
314}
315
316div.important h3, div.warning h3, div.caution h3 {
317 color: #900;
318}
319
320div.important em, div.warning em, div.caution em {
321 color: #000;
322 font-weight: bold;
323}
324
325
326/* table */
327.table p.title {
328 text-align: center;
329 margin-top: 0;
330 margin-bottom: .3em;
331}
332
333.table table {
334 margin-left: auto;
335 margin-right: auto;
336}
337
338.table table th, .table table td {
339 padding: 0.2em 2em 0.2em 2em;
340 text-align: left;
341}
342
343.revhistory {
344 padding-left: 1em;
345}
346
347.revhistory th {
348 line-height: 2em;
349 text-align: left;
350}
351
352.revhistory td {
353 padding-right: 1em;
354}
355
356
357/* variablelist as table */
358.variablelist table {
359 width: auto;
360 margin: 0 1em 0 1em;
361}
362
363.variablelist td {
364 vertical-align: top;
365}
366
367.variablelist td span, td p {
368 margin: 0.25em;
369}
370
371
372/* variablelist as list */
373dl {
374 padding-left: 1em
375}
376
377dt {
378 font-weight: bold;
379 margin-left: 1em;
380}
381
382dd {
383 margin-bottom: .6em;
384 margin-left: 1em;
385}
386
387dd p {
388 margin-top: 0;
389 margin-bottom: 0;
390 padding-top: 0;
391 padding-bottom: 0;
392}
393
394div.materials dt {
395 display: list-item;
396}
397
398div.materials dd {
399 margin-left: 0;
400 padding-left: 0;
401}
402
403
404/* segmentedlist */
405.appendix .segmentedlist {
406 padding-left: 1em;
407}
408
409.package .seg {
410 margin-bottom: 0em;
411 margin-top: 0em;
412 clear: left;
413}
414
415.content .seg {
416 margin-bottom: .4em;
417 margin-top: .4em;
418 clear: left;
419}
420
421.segtitle {
422 float: left;
423}
424
425.package .segbody, .appendix .segbody {
426 display: block;
427 padding-left: 14em;
428}
429
430.content .segbody {
431 display: block;
432 padding-left: 12em;
433}
434
435
436/* itemizedlist */
437ul {
438 padding-left: 1em
439}
440
441.itemizedlist ul {
442 margin-left: 1em
443}
444
445.itemizedlist li ul {
446 margin-bottom: 1.2em;
447}
448
449.itemizedlist li ul li p {
450 margin-top: .5em;
451 margin-bottom: .5em;
452}
453
454.itemizedlist li ul li:first-child p:first-child {
455 margin-top: -.6em;
456}
457
458ul.compact {
459 list-style: none;
460}
461
462.blfs ul.compact {
463 list-style: disc;
464}
465
466ul.compact li {
467 margin: 0em;
468 padding: 0em;
469}
470
471ul.compact li p {
472 padding: 0.3em;
473 margin: 0em;
474}
475
476.blfs ul.compact li p {
477 background-color: #f0fff0;
478}
479
480/* orderedlist */
481ol {
482 list-style: decimal;
483}
484
485ol ol {
486 list-style: lower-alpha;
487}
488
489ol ol ol {
490 list-style: lower-roman;
491}
492
493ol.compact li {
494 margin: 0em;
495 padding: 0em;
496}
497
498ol.compact li p {
499 padding: 0.3em;
500 margin: 0em;
501}
502
503
504/* Indented blocks */
505p, blockquote {
506 padding-left: 1em;
507 padding-right: 1em;
508}
509
510
511/* Monospaced elements */
512tt, code, kbd, pre, .command {
513 font-family: monospace;
514}
515
516.systemitem {
517 font-style: italic;
518}
519
520pre {
521 background-color: #e5e5e5;
522 border: 1px solid #050505;
523 padding: .5em 1em;
524 margin: 0 2em .5em 2em;
525 font-weight: bold;
526}
527
528pre.userinput {
529 color: #101310;
530}
531
532pre.root {
533 color: #101310;
534 border: 1px solid #11a;
535}
536
537pre.screen {
538 color: #000;
539 background-color: #e9e9e9;
540 font-weight: normal;
541}
542
543.literal, .prompt {
544 font-weight: normal;
545}
546
547
548/* Mixed tags */
549p.usernotes {
550 margin-left: -1em;
551 font-size: small;
552 font-weight: bold;
553 font-style: italic;
554}
555
556.underlined {
557 text-decoration: underline;
558}
559
560
561/* Last edited info */
562p.updated {
563 font-size: small;
564 font-weight: bold;
565 font-style: italic;
566}
567
568
569/* Special colored blocks */
570 /* OrangeRed4 */
571.feature-ssp {
572 color: #8B2500;
573}
574
575 /* RoyalBlue3 */
576.feature-aslr {
577 color: #3A5FCD;
578}
579
580 /* NavyBlue */
581.feature-pax {
582 color: #000080;
583}
584
585 /* VioletRed */
586.feature-hardened_tmp {
587 color: #d02090;
588}
589
590 /* PaleTurquoise4 */
591.feature-warnings {
592 color: #668b8b;
593}
594
595 /* RosyBrown */
596.feature-misc {
597 color: #bc8f8f;
598}
599
600 /* Sienna*/
601.feature-blowfish {
602 color: #8E6B23
603}
Note: See TracBrowser for help on using the repository browser.