Some changes in the CSS code.

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

stylesheets/lfs.css

@@ -3,6 +3,7 @@ body {
   font-family: sans-serif;
   text-align: left;
   background: #fff;
+  color: #333;
   margin: 1em;
   padding: 0;
   font-size: 1em;
@@ -21,6 +22,7 @@ h1, h2, b, strong {
 }
 
 h3, h4, h5, h6 {
+  color: #222;
 }
 
 h1 { font-size: 173%; text-align: center; }
@@ -33,15 +35,16 @@ h5, h6 { font-size: 110%; font-style: italic; }
 /* Navigation */
 div.headertitles h4 {
   margin-bottom: 2px;
+  text-align: center;
 }
 
 div.headertitles h3 {
   margin-top: 2px;
+  text-align: center;
 }
 
 div.navheader, div.navfooter {
   background: #ecedef;
-  text-align: center;
   padding: 0.1em 1em;
   border-bottom: 1px solid #dbddec;
 }
@@ -53,7 +56,6 @@ div.navfooter {
 
 div.navheader ul, div.navfooter ul {
   padding: .2em;
-  text-align: center;
   position: relative;
   background: #dbddec;
 }
@@ -62,38 +64,35 @@ div.navheader ul li, div.navfooter ul li {
   display: inline;
 }
 
-div.navheader ul li.prev a, div.navfooter ul li.prev a {
-  position: absolute;
-  left: 0;
-  text-align: left;
-  padding: 0 .5em;
-}
-
-div.navheader ul li.prev p, div.navfooter ul li.prev p {
+div.navheader ul li.prev, div.navfooter ul li.prev {
   position: absolute;
+  display: block;
   left: 0;
   text-align: left;
-  padding: 0 .5em;
+  padding: 0.2em .5em;
+  margin: 0;
 }
 
-div.navheader ul li.next a, div.navfooter ul li.next a {
+div.navheader ul li.next, div.navfooter ul li.next {
   position: absolute;
+  display: block;
   right: 0;
   text-align: right;
-  padding: 0 .5em;
+  padding: 0.2em .5em;
+  margin: 0;
 }
 
+div.navheader ul li.prev p, div.navfooter ul li.prev p,
 div.navheader ul li.next p, div.navfooter ul li.next p {
-  position: absolute;
-  right: 0;
-  text-align: right;
-  padding: 0 .2em;
+  padding: 0;
+  margin: 1px 0px;
 }
 
 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;
+  margin: 0px auto;
   display: block;
   color: #dbddec;
 }
@@ -148,20 +147,22 @@ div.admonbody {
   margin: .5em;
 }
 
-/* Monospaced elements */
-tt, code, kbd, pre, .command {
-  font-family: monospace;
-  font-size: 1em;
+/* variablelist & segmentedlist */
+dl {
+  margin: 0;
+  padding: 0;
 }
 
-pre.screen {
-  background-color: #e5e5e5;
-  padding: .2em 2em;
-  margin: 0;
+dt {
   font-weight: bold;
+  margin: .33em 0 0 1em;
+  padding: 0;
 }
 
-/* variablelist & segmentedlist */
+dd  {
+  margin: 0 0 1em 3em;
+  padding: 0;
+}
 div.variablelist dd {
   margin-bottom: 1em;
 }
@@ -170,6 +171,10 @@ div.variablelist dd p {
   margin-top: 0px;
 }
 
+dl.materials dd {
+  margin-left: 0px;
+}
+
 div.segmentedlist {
   margin-top: 1em;
 }
@@ -178,24 +183,34 @@ div.segmentedlist p {
   margin: 0px auto;
 }
 
-dl.materials dd {
-  margin-left: 0px;
-}
-
 /* Indented blocks */
 p, ul, dl, code, blockquote {
   padding-left: 1em;
 }
 
+/* Monospaced elements */
+tt, code, kbd, pre, .command {
+  font-family: monospace;
+}
+
+pre.screen {
+  color: #101310;
+  background-color: #e5e5e5;
+  border: 1px solid #050505;
+  padding: .5em 1em;
+  margin: 0 2em;
+  font-weight: bold;
+}
+
 /* Sections */
 div.wrap h1 {
   background: #f5f6f7;
   padding: 0.5em 0 0.3em 0;
-  border-bottom: 0.1em solid #dbddec;
   margin: 0;
 }
 
 div.package {
+  background: #f5f6f7;
   border-bottom: 0.2em solid #dbddec;
   padding: 0 0.5em 0.3em 0.5em;
   margin: 0;
@@ -207,12 +222,14 @@ div.installation {
 }
 
 div.configuration {
+  background:   #fefefe;
   border-top: 0.2em solid #dbddec;
-  padding: 0.5em 0.5em 0.5em 0.5em;
+  padding: 0.5em;
   margin: 0.5em 0 .5em 0;
 }
 
 div.content {
+  background: #f5f6f7;
   border-top: 0.2em solid #dbddec;
   padding: 0.5em 0.5em 0.5em 0.5em;
   margin: 0.5em 0 .5em 0;
@@ -248,7 +265,7 @@ div.book h2.subtitle {
 div.authorgroup, div p.copyright, div.abstract {
   background: #f5f6f7;
   margin: 0px auto;
-  padding:  0 0.5em;
+  padding:  1em 0.5em;
 }
 
 hr {
@@ -256,4 +273,5 @@ hr {
   height: .3em;
   border: 0px;
   margin: 0px auto;
+  padding: 0;
 }