stylesheets/lfs-xsl/lfs.css.new

   1 /*
   2 $LastChangedBy:barjo $
   3 $Date:2015-08-04 00:37:38 +0100 $
   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:      1.0em;
  12   padding:     0em;
  13   font-size:   1.1em;
  14   line-height: 1.25em;
  15   margin-top:  0em;
  16 }
  17
  18 /* Links */
  19 a:link {
  20   color:           #22b;
  21   font-weight:     bold;
  22   text-decoration: none;
  23 }
  24
  25 a.ulink:link {
  26   font-weight:     bold;
  27   color:           #55f;
  28   text-decoration: none;
  29 }
  30
  31 a:visited {
  32   color:           #7e4988 ! important;
  33   text-decoration: none;
  34 }
  35
  36 a:hover,
  37 a:focus {
  38   color:           #d30e08 ! important;
  39   text-decoration: underline;
  40 }
  41
  42 a:active {
  43   color:           #4183C4 ! important;
  44   text-decoration: none;
  45 }
  46
  47 div.navfooter a:link {
  48   color:           #2AAA42 !important;
  49 }
  50
  51 div.navfooter a:visited {
  52   color:           #2AAA42 ! important;
  53   text-decoration: none;
  54
  55 }
  56
  57 div.navfooter a:hover, div.navfooter a:focus {
  58   color:           #2AAA42 ! important;
  59   text-decoration: underline;
  60 }
  61
  62 div.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 */
  88 div.sect1,
  89 div.appendix,
  90 div.wrap,
  91 div.chapter,
  92 div.part,
  93 div.preface,
  94 div.toc,
  95 div.legalnotice,
  96 div.dedication,
  97 div.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
 162 div.index > div.index {
 163   margin: auto;
 164 }
 165
 166 div.important ul {
 167   padding-left:    1.5em;
 168   list-style-type: disc;
 169 }
 170
 171 div.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 */
 212 h1, h2, h3, h4, h5, h6, b, .strong {
 213   color:       #000; /* black */
 214   font-weight: bold;
 215   line-height: 1em;
 216 }
 217
 218 h1 {
 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
 243 h1.title sup {
 244   font-size: small;
 245 }
 246
 247 h2 {
 248   font-size:144%;
 249   border-bottom:1px solid #EEE;
 250   padding:.3em;
 251 }
 252
 253 .titlepage h2,
 254 div.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
 271 h3 {
 272   font-size:     120%;
 273   border-bottom: 1px solid #EEE;
 274   padding:       0.25em;
 275 }
 276
 277 h4 {
 278   font-size:     110%;
 279   border-bottom: 1px solid #EEE;
 280   padding:       0.2em;
 281 }
 282
 283 .titlepage h3,
 284 div.navheader  h3 {
 285   font-size:     120%;
 286   border-bottom: none;
 287   padding:       0.25em;
 288 }
 289
 290 .titlepage h4,
 291 div.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 */
 327 div.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
 340 div.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
 393 div.navheader h4 {
 394   margin-top:    0.4em;
 395   margin-bottom: 0em;
 396   text-align:    center;
 397 }
 398
 399 div.navheader h3 {
 400   margin-top:    0.2em;
 401   margin-bottom: 0em;
 402   text-align:    center;
 403 }
 404
 405 div.navfooter ul{
 406   position: relative;
 407   margin:   0px;
 408   padding:  0px;
 409   height:   0px;
 410   width:    0px;
 411 }
 412
 413 div.navheader ul li.prev,
 414 div.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 /*
 428 div.navheader ul li.next,
 429 div.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 */
 440 div.navheader ul li.next,
 441 div.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
 452 div.navheader ul li.prev p,
 453 div.navfooter ul li.prev p,
 454 div.navheader ul li.next p,
 455 div.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
 465 div.navheader ul li.home,
 466 div.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
 479 div.navheader ul li.up,
 480 div.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
 494 div.navheader ul li.up a,
 495 div.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
 502 div.navheader ul li.home a,
 503 div.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
 510 div.navheader ul li.prev a,
 511 div.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 /*
 521 div.navheader ul li.prev p span.xxx, span.xxx{
 522   color: red;
 523 }
 524
 525 div.navheader ul li.prev p {
 526   border: 1px solid blue;
 527 }
 528 */
 529 div.navheader ul li.next a,
 530 div.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 */
 837 div.toc ul,
 838 div.index ul,
 839 div.navheader ul,
 840 div.navfooter ul {
 841   list-style: none;
 842 }
 843
 844 li.preface,
 845 .part li.appendix {
 846   margin-left: 1em;
 847 }
 848
 849 div.toc h3 {
 850   margin: 1em 0em 0.3em 0em;
 851 }
 852
 853 li.appendix h3,
 854 li.glossary h3,
 855 li.index h3 {
 856   margin: 0.5em
 857 }
 858
 859 div.toc h4 {
 860   margin: 0.6em 0em 0.2em 0em;
 861 }
 862
 863 li.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 */
 934 div.admon img {
 935   padding-top: 10px;
 936   margin-left: 1.1em;
 937 }
 938
 939 div.admon h3 {
 940   display:       inline;
 941   margin-bottom: 50px;
 942   /*margin-left:   2em;*/
 943 }
 944
 945 div.admon p {
 946   margin-left:    0.5em;
 947   padding-bottom: 0.4em;
 948 }
 949
 950 div.admon pre {
 951   margin: 0.5em 3em;
 952 }
 953
 954 div.note,
 955 div.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
 965 div.important,
 966 div.warning,
 967 div.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
 977 div.important h3,
 978 div.warning h3,
 979 div.caution h3 {
 980   color: #900;
 981 }
 982
 983 div.important em,
 984 div.warning em,
 985 div.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,
1046 td p {
1047   margin:  0.25em;
1048   padding: 0px;
1049 }
1050
1051 /* variablelist as list */
1052 dl {
1053   padding-left: 1em
1054 }
1055
1056 dt {
1057   font-weight:bold;
1058   margin-left: 1em;
1059 }
1060
1061 dd {
1062   margin-bottom: 0.6em;
1063   margin-left:   1em;
1064 }
1065
1066 dd p {
1067   margin-top:     0px;
1068   margin-bottom:  0px;
1069   padding-top:    0px;
1070   padding-bottom: 0px;
1071 }
1072
1073 div.materials dt {
1074   display: list-item;
1075 }
1076
1077 div.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
1155 ul.compact {
1156   list-style: none;
1157 }
1158
1159 .blfs ul.compact {
1160   list-style: disc;
1161 }
1162
1163 ul.compact li {
1164   margin:  0px;
1165   padding: 0px;
1166 }
1167
1168 ul.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 */
1178 ol {
1179   list-style: decimal;
1180 }
1181
1182 ol ol {
1183   list-style: lower-alpha;
1184 }
1185
1186 ol ol ol {
1187   list-style: lower-roman;
1188 }
1189
1190 ol.compact li {
1191   margin:  0px;
1192   padding: 0px;
1193 }
1194
1195 ol.compact li p {
1196   padding: 0.3em;
1197   margin:  0px;
1198 }
1199
1200 /* Indented blocks */
1201 p,
1202 blockquote {
1203   padding-left:  1em;
1204   padding-right: 1em;
1205 }
1206
1207 /* Monospaced elements */
1208 tt,
1209 code,
1210 kbd,
1211 pre,
1212 .command {
1213   font-family: monospace;
1214 }
1215
1216 .systemitem {
1217   font-style: italic;
1218 }
1219
1220 pre {
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
1232 pre.screen {
1233   font-weight: normal;
1234 }
1235
1236 .literal,
1237 .prompt {
1238   font-weight: normal;
1239 }
1240
1241 /* Mixed tags */
1242 p.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 */
1254 p.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 }