source: stylesheets/lfs.css@ 96dd095c

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 6.3 6.4 6.5 6.6 6.7 6.8 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 96dd095c was bb79f90, checked in by Manuel Canales Esparcia <manuel@…>, 18 years ago

Look fix for HTML output.

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

  • Property mode set to 100644
File size: 6.5 KB
RevLine 
[e7392f2]1/* Global settings */
[287ea55]2body {
[e7392f2]3 font-family: sans-serif;
[287ea55]4 text-align: left;
[e7392f2]5 background: #fff;
[20ab0e9]6 color: #333;
[e7392f2]7 margin: 1em;
8 padding: 0;
9 font-size: 1em;
10 line-height: 1.2em
[287ea55]11}
12
[e7392f2]13a:link { color: #22b; }
14a:visited { color: #7e4988; }
15a:hover, a:focus { color: #d30e08; }
16a:active { color: #6b77b1;}
17
18/* Headers */
19h1, h2, b, strong {
20 color: #000;
21 font-weight: bold;
[ded6ddd]22}
23
[e7392f2]24h3, h4, h5, h6 {
[20ab0e9]25 color: #222;
[ded6ddd]26}
27
[915fa50]28h1 { font-size: 173%; text-align: center; line-height: 1.2em; }
29h2 { font-size: 144%; padding-top: 0.2em; margin-top: 0.3em; line-height: 1.2em; }
30h2.subtitle { text-align: center; line-height: 1.2em; }
31h3 { font-size: 120%; line-height: 1.2em; }
32h4 { font-size: 110%; line-height: 1.2em; }
33h5, h6 { font-size: 110%; font-style: italic; line-height: 1.2em; }
[e7392f2]34
35/* Navigation */
36div.headertitles h4 {
[9fd2b20]37 margin-bottom: 2px;
[20ab0e9]38 text-align: center;
[ded6ddd]39}
40
[e7392f2]41div.headertitles h3 {
[9fd2b20]42 margin-top: 2px;
[20ab0e9]43 text-align: center;
[ded6ddd]44}
45
[e7392f2]46div.navheader, div.navfooter {
47 background: #ecedef;
[9fd2b20]48 padding: 0.1em 1em;
[e7392f2]49 border-bottom: 1px solid #dbddec;
[287ea55]50}
51
[e7392f2]52div.navfooter {
53 border-bottom: 0;
54 border-top: 1px solid #dbddec;
[287ea55]55}
56
[e7392f2]57div.navheader ul, div.navfooter ul {
[bc37722c]58 padding: .2em .5em .5em 0;
59 margin-left: 0px;
60 margin-right: 2px;
[e7392f2]61 position: relative;
62 background: #dbddec;
[287ea55]63}
64
[e7392f2]65div.navheader ul li, div.navfooter ul li {
66 display: inline;
[21a98945]67 width: 40%;
[287ea55]68}
69
[20ab0e9]70div.navheader ul li.prev, div.navfooter ul li.prev {
[9fd2b20]71 position: absolute;
[20ab0e9]72 display: block;
[9fd2b20]73 left: 0;
74 text-align: left;
[bc37722c]75 padding: 0.2em 1em;
76 margin-left: 6px;
[9fd2b20]77}
78
[20ab0e9]79div.navheader ul li.next, div.navfooter ul li.next {
[e7392f2]80 position: absolute;
[20ab0e9]81 display: block;
[e7392f2]82 text-align: right;
[bc37722c]83 right: 5px;
84 padding: 0.2em 0.5em;
85 margin-right: 7px;
[9fd2b20]86}
87
[20ab0e9]88div.navheader ul li.prev p, div.navfooter ul li.prev p,
[9fd2b20]89div.navheader ul li.next p, div.navfooter ul li.next p {
[20ab0e9]90 padding: 0;
91 margin: 1px 0px;
[287ea55]92}
93
[e7392f2]94div.navheader ul li.home, div.navheader ul li.up,
95div.navfooter ul li.home, div.navfooter ul li.up {
[20ab0e9]96 text-align: center;
[e7392f2]97 padding: 0;
[20ab0e9]98 margin: 0px auto;
[e7392f2]99 display: block;
[9fd2b20]100 color: #dbddec;
[287ea55]101}
102
[e7392f2]103/* TOC & Index*/
104
105div.toc ul, div.index ul, div.navheader ul, div.navfooter ul {
106 list-style: none;
[287ea55]107}
108
[e7392f2]109div.toc, div.dedication {
110 padding-left: 1em;
[287ea55]111}
112
[f7bd105]113li.preface, li.appendix {
[e7392f2]114 margin-left: 1em;
[287ea55]115}
116
[e7392f2]117div.toc ul li h3, div.toc ul li h4 {
118 margin: .4em;
[287ea55]119}
120
[e7392f2]121.item {
[21a98945]122 width: 17em;
[e7392f2]123 float: left;
[287ea55]124}
125
[e7392f2]126.secitem {
127 font-weight: normal;
[21a98945]128 width: 16em;
[e7392f2]129 float: left;
[287ea55]130}
131
[e7392f2]132/* Admonitions */
[e4311f2d]133div.note, div.tip {
[9fd2b20]134 background-color: #fffff6;
[e4311f2d]135 border: 2px solid #dbddec;
[ded6ddd]136 width: 90%;
137 margin: .5em auto;
[287ea55]138}
139
[e4311f2d]140div.important, div.warning, div.caution {
141 background-color: #fffff6;
142 border: medium solid #400;
143 width: 90%;
144 margin: 1.5em auto;
145 color: #600;
146 font-size: larger;
147}
148
149div.important h3, div.warning h3, div.caution h3 {
150 color: #900;
151}
152
[e7392f2]153div.admonhead img {
154 padding: .3em;
155}
156
[ded6ddd]157div.admonhead h3 {
[e7392f2]158 display: inline;
159 margin-left: 1.5em;
[287ea55]160}
161
[ded6ddd]162div.admonbody {
[e7392f2]163 margin: .5em;
[287ea55]164}
165
[e4311f2d]166div.important em, div.warning em, div.caution em {
167 color: #000;
168 font-weight: bold;
169}
170
171div.important tt, div.warning tt, div.caution tt {
172 font-weight: bold;
173}
174
[bb79f90]175div.important tt.literal, div.warning tt.literal, div.caution tt.literal {
176 font-weight: normal;
177}
178
[20ab0e9]179/* variablelist & segmentedlist */
180dl {
181 margin: 0;
182 padding: 0;
[287ea55]183}
184
[20ab0e9]185dt {
[b711e1d]186 display: list-item;
[e7392f2]187 font-weight: bold;
[20ab0e9]188 margin: .33em 0 0 1em;
189 padding: 0;
[287ea55]190}
191
[4e166f4]192dd {
193 margin: 0 0 1em 3em;
194 padding: 0;
195}
196
[bab5592]197table {
[915fa50]198 width: auto;
[bab5592]199 margin-left: 1em;
200}
201
202td {
203 vertical-align: top;
204}
205
206td span, td p {
207 margin: 0.3em;
208}
[e4311f2d]209
[68bcfc7]210span.term {
211 display: block;
212}
213
[e7392f2]214div.variablelist dd {
215 margin-bottom: 1em;
[287ea55]216}
[c755815f]217
[e7392f2]218div.variablelist dd p {
219 margin-top: 0px;
[f6abc2a]220 margin-bottom: 0px;
221 padding-top: 0px;
222 padding-bottom: 0px;
[e7392f2]223}
224
[7b7c3d8]225div.materials dd {
[20ab0e9]226 margin-left: 0px;
227}
228
[1360952]229div.package div.seg {
[4e166f4]230 margin-bottom: 0em;
231 margin-top: 0em;
[1360952]232 clear: left;
[e7392f2]233}
234
[72d7e28]235div.package span.segtitle, div.appendix span.segtitle {
[96b9a72]236 float: left;
237}
238
[72d7e28]239div.package span.seg, div.appendix span.seg {
[96b9a72]240 display: block;
[45992ae]241 padding-left: 14em;
[96b9a72]242}
[915fa50]243
[72d7e28]244div.appendix div.segmentedlist {
245 padding-left: 1em;
246}
247
[c26f264]248div.appendix h2 {
249 font-size: 133%;
250 margin-top: 1em;
251 margin-bottom: 0.2em;
252}
253
[1360952]254div.content div.seg {
255 margin-bottom: 1em;
256 margin-top: 1em;
257 clear: left;
258}
[96b9a72]259
260div.content span.segtitle {
261 float: left;
262}
263
264div.content span.seg {
265 display: block;
[4e166f4]266 padding-left: 12em;
[96b9a72]267}
268
[1cbea46]269/* itemizedlist */
270
271div.itemizedlist {
272 margin-left: 1em;
273}
274
[fd8b059]275ul[compact="compact"] {
276 list-style: none;
277}
278
279ul[compact="compact"] li {
[5e858e7]280 margin: 0em;
281 padding: 0em;
[fd8b059]282}
283
[bf5724b]284ul[compact="compact"] li p {
285 padding: 0.3em;
286 margin: 0em;
287}
288
[cf7142a]289/*table */
290
291div.table {
292 text-align: center;
293}
294
295div.table table {
296 margin-left: auto;
297 margin-right: auto;
298 text-align: center;
299}
300
301div.table table th, div.table table td {
302 padding: 0.2em 2em 0.2em 2em;
303}
304
[e7392f2]305/* Indented blocks */
306p, ul, dl, code, blockquote {
307 padding-left: 1em;
308}
309
[20ab0e9]310/* Monospaced elements */
311tt, code, kbd, pre, .command {
312 font-family: monospace;
313}
314
[3467c02f]315tt.systemitem {
316 font-style: italic;
317}
318
[55851d6]319pre.userinput {
[20ab0e9]320 color: #101310;
321 background-color: #e5e5e5;
322 border: 1px solid #050505;
323 padding: .5em 1em;
324 margin: 0 2em;
325 font-weight: bold;
326}
327
[f7bd105]328.literal {
329 font-weight: normal;
330}
331
[55851d6]332pre.screen {
[574b0ea]333 color: #000;
[55851d6]334 background-color: #e9e9e9;
335 border: 1px solid #050505;
336 padding: .5em 1em;
337 margin: 0 2em;
338}
339
[e7392f2]340/* Sections */
341div.wrap h1 {
342 background: #f5f6f7;
[e4311f2d]343 padding: 1em 0 0.5em 0;
[bc37722c]344 margin: 0px auto;
[e7392f2]345}
346
347div.package {
[20ab0e9]348 background: #f5f6f7;
[9fd2b20]349 border-bottom: 0.2em solid #dbddec;
[e4311f2d]350 padding: 0.5em 0.5em 0.3em 0.5em;
[bc37722c]351 margin: 0px auto;
[e7392f2]352}
353
354div.installation {
[9fd2b20]355 padding: 0 0.5em 0.3em 0.5em;
356 margin: 0.5em 0 0.5em 0;
357}
358
359div.configuration {
[20ab0e9]360 background: #fefefe;
[9fd2b20]361 border-top: 0.2em solid #dbddec;
[20ab0e9]362 padding: 0.5em;
[9fd2b20]363 margin: 0.5em 0 .5em 0;
[e7392f2]364}
365
366div.content {
[20ab0e9]367 background: #f5f6f7;
[9fd2b20]368 border-top: 0.2em solid #dbddec;
[e4311f2d]369 padding: 0.5em 0.5em 1em 0.5em;
[9fd2b20]370 margin: 0.5em 0 .5em 0;
[c755815f]371}
[e7392f2]372
373div.installation h2, div.content h2 {
[9fd2b20]374 padding-top: 0.3em;
[e7392f2]375 margin: 0;
376}
377
[f7bd105]378div.book, div.preface, div.part, div.chapter, div.sect1, div.appendix, div.index {
[e7392f2]379 padding-bottom: 0.5em;
380}
381
[f7bd105]382div.preface h1, div.part h1, div.chapter h1, div.sect1 h1, div.appendix h1, div.index h1 {
[e7392f2]383 background: #f5f6f7;
384 border-bottom: .1em solid #dbddec;
385 margin: 0px auto;
386 padding: .5em;
387}
388
389div.book h1 {
390 background: #f5f6f7;
391 margin: 0px auto;
392 padding: 0.5em;
393}
394
395div.book h2.subtitle {
396 background: #dbddec;
397 margin: 0px auto;
398 padding: 0.2em;
399}
400div.authorgroup, div p.copyright, div.abstract {
401 background: #f5f6f7;
402 margin: 0px auto;
[20ab0e9]403 padding: 1em 0.5em;
[e7392f2]404}
405
406hr {
407 background: #dbddec;
408 height: .3em;
409 border: 0px;
410 margin: 0px auto;
[20ab0e9]411 padding: 0;
[d0eda1b]412}
Note: See TracBrowser for help on using the repository browser.