mirror of
https://github.com/Zeckmathederg/glfs.git
synced 2025-02-03 06:27:16 +08:00
abe6504ede
images/glfs-logo.png now properly appears at the top of the page in div .book .titlepage. Looks nice but has a small spacing issue. Not major so it can stay.
653 lines
9.1 KiB
CSS
653 lines
9.1 KiB
CSS
/* Global settings */
|
|
body {
|
|
font-family: verdana, tahoma, helvetica, arial, sans-serif;
|
|
text-align: left;
|
|
background: #fff;
|
|
color: #222;
|
|
margin: 1em;
|
|
padding: 0;
|
|
font-size: 1em;
|
|
line-height: 1.2em
|
|
}
|
|
|
|
|
|
/* Links */
|
|
a:link { color: #22b; }
|
|
a.ulink:link { font-weight: bold; color: #55f; }
|
|
a:visited { color: #7e4988 ! important; }
|
|
a:hover, a:focus { color: #d30e08 ! important; }
|
|
a:active { color: #6b77b1 ! important;}
|
|
|
|
|
|
/* Book titlepage */
|
|
.book .titlepage {
|
|
background: #f5f6f7;
|
|
margin: 0px auto;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
.book .titlepage img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.book hr {
|
|
background: #dbddec;
|
|
height: .3em;
|
|
border: 0px;
|
|
margin: 0 -1em;
|
|
padding: 0;
|
|
}
|
|
|
|
div.dedication {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
/* Section titles */
|
|
h1.sect1, h1.preface, h1.part, h1.chapter, h1.appendix, .glossary h1, .index h1 {
|
|
background: #f5f6f7;
|
|
border-bottom: .1em solid #dbddec;
|
|
margin-bottom:1em;
|
|
margin-top: 0;
|
|
padding: .4em;
|
|
}
|
|
|
|
/* Scrolling parts
|
|
The header is taller for sect1 and chapter pages than on the
|
|
other pages. Since we want a fix box, it's top has to be calculated
|
|
by trial and errors to fit below the static header fox.*/
|
|
|
|
div.sect1, div.chapter {
|
|
top: 11.9em;
|
|
}
|
|
div.appendix, div.preface, div.part, div.glossdiv, .index div.index {
|
|
top: 10.4em;
|
|
}
|
|
div.sect1, div.appendix, div.preface, div.part, div.chapter, div.glossdiv, .index div.index {
|
|
padding-left: .3em;
|
|
overflow:auto;
|
|
height: auto;
|
|
position: fixed;
|
|
left:1em;
|
|
right:1em;
|
|
bottom: 1em;
|
|
border-bottom: 1em solid #dbddec;
|
|
}
|
|
|
|
.package, .kernel, .installation, .commands, .testing, .configuration, .content {
|
|
padding: 0 .5em .2em 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.lfs .package {
|
|
background: #f5f6f7;
|
|
border-bottom: 0.2em solid #dbddec;
|
|
padding-top: .1em;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.lfs .configuration {
|
|
background: #fefefe;
|
|
border-top: 0.2em solid #dbddec;
|
|
}
|
|
|
|
.lfs .content {
|
|
background: #f5f6f7;
|
|
border-top: 0.2em solid #dbddec;
|
|
padding-bottom: .1em;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Headers */
|
|
h1, h2, h3, h4, h5, h6, b, .strong {
|
|
color: #000;
|
|
font-weight: bold;
|
|
line-height: 1em;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 173%;
|
|
text-align: center;
|
|
}
|
|
|
|
.book h1 {
|
|
margin: 0;
|
|
padding: 0.4em;
|
|
}
|
|
|
|
.wrap h1 {
|
|
background: #f5f6f7;
|
|
margin: 0;
|
|
padding: .4em;
|
|
}
|
|
|
|
h1.title sup {
|
|
font-size: small;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 144%;
|
|
}
|
|
|
|
.book h2.subtitle {
|
|
text-align: center;
|
|
background: #dbddec;
|
|
margin: 0;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.appendix h2 {
|
|
font-size: 133%;
|
|
margin-top: .8em;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 120%;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 110%;
|
|
}
|
|
|
|
.package h4, h5, h6 {
|
|
font-size: 100%;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
/* Navigation */
|
|
div.navheader, div.navfooter {
|
|
background: #ecedef;
|
|
margin: 0;
|
|
padding: 0.1em .5em;
|
|
}
|
|
|
|
div.navheader {
|
|
border-bottom: .1em solid #dbddec;
|
|
}
|
|
|
|
/* no need for a footer now that the header is always visible */
|
|
div.navfooter {
|
|
display:none;
|
|
}
|
|
|
|
/* Except for the forst page (TOC), where the bottom is the only
|
|
place where navigation is displayed. */
|
|
|
|
div.book + div.navfooter {
|
|
display:block
|
|
}
|
|
|
|
div.navheader h4 {
|
|
margin-top: .4em;
|
|
margin-bottom: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
div.navheader h3 {
|
|
margin-top: .2em;
|
|
margin-bottom: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
div.navheader ul, div.navfooter ul {
|
|
padding: .2em .5em .5em .5em; /*top right bottom left*/
|
|
margin: .5em 0;
|
|
position: relative;
|
|
background: #dbddec;
|
|
}
|
|
|
|
div.navheader ul li, div.navfooter ul li {
|
|
display: inline;
|
|
width: 40%;
|
|
}
|
|
|
|
div.navheader ul li.prev, div.navfooter ul li.prev {
|
|
position: absolute;
|
|
display: block;
|
|
left: 0;
|
|
text-align: left;
|
|
padding: 0.2em 1em;
|
|
margin-left: .4em;
|
|
}
|
|
|
|
div.navheader ul li.next, div.navfooter ul li.next {
|
|
position: absolute;
|
|
display: block;
|
|
text-align: right;
|
|
right: 0;
|
|
padding: 0.2em 1em;
|
|
margin-right: .4em;
|
|
}
|
|
|
|
div.navheader ul li.prev p, div.navfooter ul li.prev p,
|
|
div.navheader ul li.next p, div.navfooter ul li.next p {
|
|
padding: 0;
|
|
margin: .1em 0;
|
|
}
|
|
|
|
div.navheader ul li.home, div.navheader ul li.up,
|
|
div.navfooter ul li.home, div.navfooter ul li.up {
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
display: block;
|
|
color: #dbddec;
|
|
}
|
|
|
|
|
|
/* TOC */
|
|
div.toc ul, div.index ul, div.navheader ul, div.navfooter ul {
|
|
list-style: none;
|
|
}
|
|
|
|
div.toc {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
li.preface, .part li.appendix {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
div.toc h3 {
|
|
margin: 1em 0 .3em 0;
|
|
}
|
|
|
|
li.appendix h3, li.glossary h3, li.index h3 {
|
|
margin: .5em
|
|
}
|
|
|
|
div.toc h4 {
|
|
margin: .6em 0 .2em 0;
|
|
}
|
|
|
|
li.chapter h4 a {
|
|
display: block;
|
|
margin-bottom: .4em
|
|
}
|
|
|
|
.dummy {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 110%;
|
|
margin: .6em 0 .2em 0;
|
|
}
|
|
|
|
span.blue {
|
|
color: #2ac;
|
|
}
|
|
|
|
/* Index */
|
|
.item {
|
|
float: left;
|
|
margin-right: 1em
|
|
}
|
|
|
|
.secitem {
|
|
font-weight: normal;
|
|
float: left;
|
|
margin-right: 1em
|
|
}
|
|
|
|
.indexref {
|
|
display: block;
|
|
}
|
|
|
|
.item + .indexref {
|
|
margin-left: 22em;
|
|
}
|
|
|
|
.secitem + .indexref {
|
|
margin-left: 19em;
|
|
}
|
|
|
|
|
|
/* Admonitions */
|
|
div.admon img {
|
|
padding: .3em;
|
|
max-height: 25px;
|
|
max-width: 25px;
|
|
}
|
|
|
|
div.admon h3 {
|
|
display: inline;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
div.admon p {
|
|
margin-left: .5em;
|
|
}
|
|
|
|
div.admon pre {
|
|
margin: 0.5em 3em;
|
|
}
|
|
|
|
div.note, div.tip {
|
|
background-color: #c4daff;
|
|
border: 2px solid #2c3d71;
|
|
border-radius: 10px;
|
|
color: #1c2d61;
|
|
width: 90%;
|
|
margin: .5em auto;
|
|
}
|
|
|
|
div.note h3, div.tip h3 {
|
|
color: #1c2d61;
|
|
}
|
|
|
|
div.note em, div.tip em {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.important, div.warning, div.caution {
|
|
background-color: #f39595;
|
|
border: medium solid #500;
|
|
border-radius: 10px;
|
|
width: 90%;
|
|
margin: .5em auto;
|
|
color: #500;
|
|
}
|
|
|
|
div.important h3, div.warning h3, div.caution h3 {
|
|
color: #500;
|
|
}
|
|
|
|
div.important em, div.warning em, div.caution em {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.simplelist {
|
|
margin-left: 5em;
|
|
}
|
|
|
|
/* table */
|
|
.table p.title {
|
|
text-align: center;
|
|
margin-top: 0;
|
|
margin-bottom: .3em;
|
|
}
|
|
|
|
.table table, .informaltable {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.table table th, .table table td {
|
|
padding: 0.2em 2em 0.2em 2em;
|
|
text-align: left;
|
|
}
|
|
|
|
.revhistory {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.revhistory th {
|
|
line-height: 2em;
|
|
text-align: left;
|
|
}
|
|
|
|
.revhistory td {
|
|
padding-right: 1em;
|
|
}
|
|
|
|
|
|
/* variablelist as table */
|
|
.variablelist table {
|
|
width: auto;
|
|
margin: 0 1em 0 1em;
|
|
}
|
|
|
|
.variablelist td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.variablelist td span, td p {
|
|
margin: 0.25em;
|
|
}
|
|
|
|
|
|
/* variablelist as list */
|
|
dl {
|
|
padding-left: 1em
|
|
}
|
|
|
|
dt {
|
|
font-weight: bold;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
dd {
|
|
margin-bottom: .6em;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
dd p {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
div.materials dt {
|
|
display: list-item;
|
|
}
|
|
|
|
div.materials dd {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
|
|
/* segmentedlist */
|
|
.appendix .segmentedlist {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.package .seg {
|
|
margin-bottom: 0em;
|
|
margin-top: 0em;
|
|
clear: left;
|
|
}
|
|
|
|
.content .seg {
|
|
margin-bottom: .4em;
|
|
margin-top: .4em;
|
|
clear: left;
|
|
}
|
|
|
|
.segtitle {
|
|
float: left;
|
|
}
|
|
|
|
.package .segbody, .appendix .segbody {
|
|
display: block;
|
|
padding-left: 14em;
|
|
}
|
|
|
|
.content .segbody {
|
|
display: block;
|
|
padding-left: 12em;
|
|
}
|
|
|
|
|
|
/* itemizedlist */
|
|
ul {
|
|
padding-left: 1em
|
|
}
|
|
|
|
.itemizedlist ul {
|
|
margin-left: 1em
|
|
}
|
|
|
|
.itemizedlist li ul {
|
|
margin-bottom: 1.2em;
|
|
}
|
|
|
|
.itemizedlist li ul li p {
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
.itemizedlist li ul li:first-child p:first-child {
|
|
margin-top: -.6em;
|
|
}
|
|
|
|
ul.compact {
|
|
list-style: none;
|
|
}
|
|
|
|
.blfs ul.compact {
|
|
list-style: disc;
|
|
}
|
|
|
|
ul.compact li {
|
|
margin: 0.3em;
|
|
padding: 0em;
|
|
}
|
|
|
|
ul.compact li p {
|
|
padding: 0.3em;
|
|
margin: 0em;
|
|
}
|
|
|
|
.blfs ul.compact li p {
|
|
background-color: #f0fff0;
|
|
border: 2px solid #606660;
|
|
border-radius: 10px;
|
|
color: #303330;
|
|
}
|
|
|
|
/* orderedlist */
|
|
ol {
|
|
list-style: decimal;
|
|
}
|
|
|
|
ol ol {
|
|
list-style: lower-alpha;
|
|
}
|
|
|
|
ol ol ol {
|
|
list-style: lower-roman;
|
|
}
|
|
|
|
ol.compact li {
|
|
margin: 0em;
|
|
padding: 0em;
|
|
}
|
|
|
|
ol.compact li p {
|
|
padding: 0.3em;
|
|
margin: 0em;
|
|
}
|
|
|
|
|
|
/* Indented blocks */
|
|
p, blockquote {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
|
|
/* Monospaced elements */
|
|
tt, code, kbd, pre, .command {
|
|
font-family: monospace;
|
|
}
|
|
|
|
.systemitem {
|
|
font-style: italic;
|
|
}
|
|
|
|
code.systemitem {
|
|
font-weight: bold;
|
|
}
|
|
|
|
pre {
|
|
background-color: #e5e5e5;
|
|
border: 1px solid #050505;
|
|
padding: .5em 1em;
|
|
margin: 0 2em .5em 2em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
pre.userinput {
|
|
color: #101310;
|
|
}
|
|
|
|
pre.root {
|
|
color: #101310;
|
|
border: 1px solid #11a;
|
|
}
|
|
|
|
pre.screen {
|
|
color: #000;
|
|
background-color: #e9e9e9;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.literal, .prompt {
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/* Mixed tags */
|
|
p.usernotes {
|
|
margin-left: -1em;
|
|
font-size: small;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.underlined {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
/* Last edited info */
|
|
p.updated {
|
|
font-size: small;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
/* Special colored blocks */
|
|
/* OrangeRed4 */
|
|
.feature-ssp {
|
|
color: #8B2500;
|
|
}
|
|
|
|
/* RoyalBlue3 */
|
|
.feature-aslr {
|
|
color: #3A5FCD;
|
|
}
|
|
|
|
/* NavyBlue */
|
|
.feature-pax {
|
|
color: #000080;
|
|
}
|
|
|
|
/* VioletRed */
|
|
.feature-hardened_tmp {
|
|
color: #d02090;
|
|
}
|
|
|
|
/* PaleTurquoise4 */
|
|
.feature-warnings {
|
|
color: #668b8b;
|
|
}
|
|
|
|
/* RosyBrown */
|
|
.feature-misc {
|
|
color: #bc8f8f;
|
|
}
|
|
|
|
/* Sienna*/
|
|
.feature-blowfish {
|
|
color: #8E6B23
|
|
}
|