source: stylesheets/lfs.css@ bab5592

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 12.2 12.2-rc1 6.1 6.1.1 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/loongarch-12.2 xry111/mips64el xry111/multilib xry111/pip3 xry111/rust-wip-20221008 xry111/update-glibc
Last change on this file since bab5592 was bab5592, checked in by Manuel Canales Esparcia <manuel@…>, 20 years ago

Testing a new way to render the Short Description sections.

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

  • Property mode set to 100644
File size: 5.9 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
[9fd2b20]28h1 { font-size: 173%; text-align: center; }
29h2 { font-size: 144%; padding-top: 0.2em; margin-top: 0.3em; }
[e7392f2]30h2.subtitle { text-align: center; }
[9fd2b20]31h3 { font-size: 120%; }
[e7392f2]32h4 { font-size: 110%;}
33h5, h6 { font-size: 110%; font-style: italic; }
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
[20ab0e9]175/* variablelist & segmentedlist */
176dl {
177 margin: 0;
178 padding: 0;
[287ea55]179}
180
[20ab0e9]181dt {
[b711e1d]182 display: list-item;
[e7392f2]183 font-weight: bold;
[20ab0e9]184 margin: .33em 0 0 1em;
185 padding: 0;
[287ea55]186}
187
[4e166f4]188dd {
189 margin: 0 0 1em 3em;
190 padding: 0;
191}
192
[bab5592]193dd {
194 margin: 0 0 1em 3em;
195 padding: 0;
196}
197
198/*testing stuff*/
199table {
200 width: 98%;
201 margin-left: 1em;
202}
203
204td {
205 vertical-align: top;
206}
207
208td span, td p {
209 margin: 0.3em;
210}
211/* */
212
[b711e1d]213div.content dt {
214 list-style: none;
[4e166f4]215 margin: 0;
216 float: left;
217 width: 20em;
[b711e1d]218}
219
[4e166f4]220div.content dd {
221 margin: 0;
222 padding-left: 20em;
[20ab0e9]223}
[e4311f2d]224
[e7392f2]225div.variablelist dd {
226 margin-bottom: 1em;
[287ea55]227}
[c755815f]228
[e7392f2]229div.variablelist dd p {
230 margin-top: 0px;
231}
232
[20ab0e9]233dl.materials dd {
234 margin-left: 0px;
235}
236
[e7392f2]237div.segmentedlist {
238 margin-top: 1em;
239}
240
[4e166f4]241div.package div.segmentedlist {
242 margin-bottom: 0em;
243 margin-top: 0em;
244}
245
[e7392f2]246div.segmentedlist p {
247 margin: 0px auto;
248}
249
[96b9a72]250div.package span.segtitle {
251 display: block;
252 float: left;
[4e166f4]253 width: 24em;
[96b9a72]254}
255
256div.package span.seg {
257 display: block;
[4e166f4]258 padding-left: 24em;
[96b9a72]259}
260
261div.content span.segtitle {
262 display: block;
263 float: left;
[4e166f4]264 width: 12em;
[96b9a72]265}
266
267div.content span.seg {
268 display: block;
[4e166f4]269 padding-left: 12em;
[96b9a72]270}
271
272div.seg {
273 clear: left;
274}
[4e166f4]275
276div.content div.seg {
277 margin-bottom: 1em;
278}
[96b9a72]279
[1cbea46]280/* itemizedlist */
281
282div.itemizedlist {
283 margin-left: 1em;
284}
285
[e7392f2]286/* Indented blocks */
287p, ul, dl, code, blockquote {
288 padding-left: 1em;
289}
290
[20ab0e9]291/* Monospaced elements */
292tt, code, kbd, pre, .command {
293 font-family: monospace;
294}
295
[55851d6]296pre.userinput {
[20ab0e9]297 color: #101310;
298 background-color: #e5e5e5;
299 border: 1px solid #050505;
300 padding: .5em 1em;
301 margin: 0 2em;
302 font-weight: bold;
303}
304
[f7bd105]305.literal {
306 font-weight: normal;
307}
308
[55851d6]309pre.screen {
[574b0ea]310 color: #000;
[55851d6]311 background-color: #e9e9e9;
312 border: 1px solid #050505;
313 padding: .5em 1em;
314 margin: 0 2em;
315}
316
[e7392f2]317/* Sections */
318div.wrap h1 {
319 background: #f5f6f7;
[e4311f2d]320 padding: 1em 0 0.5em 0;
[bc37722c]321 margin: 0px auto;
[e7392f2]322}
323
324div.package {
[20ab0e9]325 background: #f5f6f7;
[9fd2b20]326 border-bottom: 0.2em solid #dbddec;
[e4311f2d]327 padding: 0.5em 0.5em 0.3em 0.5em;
[bc37722c]328 margin: 0px auto;
[e7392f2]329}
330
331div.installation {
[9fd2b20]332 padding: 0 0.5em 0.3em 0.5em;
333 margin: 0.5em 0 0.5em 0;
334}
335
336div.configuration {
[20ab0e9]337 background: #fefefe;
[9fd2b20]338 border-top: 0.2em solid #dbddec;
[20ab0e9]339 padding: 0.5em;
[9fd2b20]340 margin: 0.5em 0 .5em 0;
[e7392f2]341}
342
343div.content {
[20ab0e9]344 background: #f5f6f7;
[9fd2b20]345 border-top: 0.2em solid #dbddec;
[e4311f2d]346 padding: 0.5em 0.5em 1em 0.5em;
[9fd2b20]347 margin: 0.5em 0 .5em 0;
[c755815f]348}
[e7392f2]349
350div.installation h2, div.content h2 {
[9fd2b20]351 padding-top: 0.3em;
[e7392f2]352 margin: 0;
353}
354
[f7bd105]355div.book, div.preface, div.part, div.chapter, div.sect1, div.appendix, div.index {
[e7392f2]356 padding-bottom: 0.5em;
357}
358
[f7bd105]359div.preface h1, div.part h1, div.chapter h1, div.sect1 h1, div.appendix h1, div.index h1 {
[e7392f2]360 background: #f5f6f7;
361 border-bottom: .1em solid #dbddec;
362 margin: 0px auto;
363 padding: .5em;
364}
365
366div.book h1 {
367 background: #f5f6f7;
368 margin: 0px auto;
369 padding: 0.5em;
370}
371
372div.book h2.subtitle {
373 background: #dbddec;
374 margin: 0px auto;
375 padding: 0.2em;
376}
377div.authorgroup, div p.copyright, div.abstract {
378 background: #f5f6f7;
379 margin: 0px auto;
[20ab0e9]380 padding: 1em 0.5em;
[e7392f2]381}
382
383hr {
384 background: #dbddec;
385 height: .3em;
386 border: 0px;
387 margin: 0px auto;
[20ab0e9]388 padding: 0;
[d0eda1b]389}
Note: See TracBrowser for help on using the repository browser.