stylesheets/lfs-xsl/lfs.css

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