New CSS code, thanks to Jeroem.

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

1 files changed, 185 insertions, 72 deletions

diff --git a/stylesheets/lfs.css b/stylesheets/lfs.css
index ad39f4cc4..c27098a54 100644
--- a/stylesheets/lfs.css
+++ b/stylesheets/lfs.css
@@ -1,132 +1,245 @@
+/* Global settings */
 body {
-  font-weight: normal;
-  font-size: medium;
-  font-family: verdana, tahoma, helvetica, arial, sans-serif;
+  font-family: sans-serif;
   text-align: left;
+  background: #fff;
+  color: #333;
+  margin: 1em;
+  padding: 0;
+  font-size: 1em;
+  line-height: 1.2em
 }
 
-.toc ul, .index ul,.navheader ul, .navfooter ul {
-	list-style: none;
+a:link { color: #22b; }
+a:visited { color: #7e4988; }
+a:hover, a:focus { color: #d30e08; }
+a:active { color: #6b77b1;}
+
+/* Headers */
+h1, h2, b, strong {
+  color: #000;
+  font-weight: bold;
 }
 
-.navheader, .navfooter {
-  font-size: smaller;
-  text-align: center;
+h3, h4, h5, h6 {
+  color: #222;
 }
 
-.headerlinks {
-  border-bottom : solid 2px green;
-  padding-bottom: 0.5em;
+h1 { font-size: 200%; text-align: center; }
+h2 { font-size: 170%; padding-top: 0; margin-top: 0.5em; }
+h2.subtitle { text-align: center; }
+h3 { font-size: 140%; }
+h4 { font-size: 110%;}
+h5, h6 { font-size: 110%; font-style: italic; }
+
+/* Navigation */
+div.headertitles h4 {
+  margin-bottom: 0px auto;
 }
 
-.navfooter {
-  border-top : solid 2px green;
-  padding-top: 0.5em;
-  margin-top: 0.5em;
+div.headertitles h3 {
+  margin-top: 0px auto;
 }
 
-.prev {
-   float     : left;
-   text-align: left;
+div.navheader, div.navfooter {
+  background: #ecedef;
+  text-align: center;
+  padding: 0.2em 1em;
+  border-bottom: 1px solid #dbddec;
 }
 
-.next {
-   float     : right;
-   text-align: right;
-   padding-right: 2em;
+div.navfooter {
+  border-bottom: 0;
+  border-top: 1px solid #dbddec;
 }
 
-.up, .home {
-   width  : 10em;
-   margin: 0px auto;
+div.navheader ul, div.navfooter ul {
+  padding: .3em;
+  text-align: center;
+  position: relative;
+  background: #dbddec;
 }
 
-li.preface {
-	margin-left: 2.5em;
+div.navheader ul li, div.navfooter ul li {
+  display: inline;
 }
 
-div.book div.titlepage h1.title {
-    font-weight: bold;
-    font-size: xx-large;
-    text-align: center;
+div.navheader ul li.prev a, div.navfooter ul li.prev a {
+  position: absolute;
+  left: 0;
+  text-align: left;
+  padding: 0 .5em;
 }
 
-div.book div.titlepage h2.subtitle {
-    font-weight: bold;
-    font-size: x-large;
-    text-align: center;
+div.navheader ul li.next a, div.navfooter ul li.next a {
+  position: absolute;
+  right: 0;
+  text-align: right;
+  padding: 0 .5em;
+  background: #dbddec;
 }
 
-div.book div.titlepage h3.author {
-    font-size: large;
+div.navheader ul li.home, div.navheader ul li.up,
+div.navfooter ul li.home, div.navfooter ul li.up {
+  padding: 0;
+  margin: 0;
+  display: block;
 }
 
-div.book div.dedication div.titlepage h2.title {
-    font-weight: normal;
-    font-size: x-large;
+/* TOC & Index*/
+
+div.toc ul, div.index ul, div.navheader ul, div.navfooter ul {
+  list-style: none;
 }
 
-div.chapter div.titlepage h2.title {
-    font-weight: bold;
-    font-size: x-large;
-    text-align: left;
+div.toc, div.dedication {
+  padding-left: 1em;
 }
 
-div.sect1 div.titlepage h2.title {
-    font-weight: bold;
-    font-size: x-large;
-    text-align: left;
+li.preface {
+  margin-left: 1em;
 }
 
-tt {
-    font-family: courier, monospace;
+div.toc ul li h3, div.toc ul li h4 {
+  margin: .4em;
 }
 
-pre.screen {
-    color: black;
-    background-color: #dddddd;
+.item {
+    width: 15em;
+    float: left;
 }
 
-pre.synopsis {
-    color: black;
-    background-color: #dddddd;
+.secitem {
+    font-weight: normal;
+    width: 14em;
+    float: left;
 }
 
+/* Admonitions */
 div.admonition {
   border: medium solid;
   width: 90%;
   margin: .5em auto;
 }
 
+div.admonhead img {
+  padding: .3em;
+}
+
 div.admonhead h3 {
-	display: inline;
-	margin-left: 1.5em;
+  display: inline;
+  margin-left: 1.5em;
 }
 
 div.admonbody {
-	margin: .5em;
+  margin: .5em;
 }
 
-.command {
-    font-family: courier, monospace;
+/* Monospaced elements */
+tt, code, kbd, pre, .command {
+  font-family: monospace;
+  font-size: 1em;
 }
 
-.item {
-    width: 15em;
-    float: left;
+pre.screen {
+  color: #600;
+  background-color: #ffffe0;
+  border: 1px solid #eeeed0;
+  padding: .5em 2em;
+  margin: 0;
+  font-weight: bold;
 }
 
-.secitem {
-    font-weight: normal;
-    width: 12.5em;
-    float: left;
+/* variablelist & segmentedlist */
+div.variablelist dd {
+  margin-bottom: 1em;
 }
 
-.materials dd {
-	margin-bottom: 1em;
+div.variablelist dd p {
+  margin-top: 0px;
+}
+
+div.segmentedlist {
+  margin-top: 1em;
+}
+
+div.segmentedlist p {
+  margin: 0px auto;
+}
+
+dl.materials dd {
   margin-left: 0px auto;
 }
 
-.materials dd p {
-	margin-top: 0px auto;
+/* Indented blocks */
+p, ul, dl, code, blockquote {
+  padding-left: 1em;
+}
+
+/* Sections */
+div.wrap h1 {
+  background: #f5f6f7;
+  padding: 0.8em 0 0.5em 0;
+  margin: 0;
+}
+
+div.package {
+  background: #f5f6f7;
+  border-bottom: .3em solid #dbddec;
+  padding: 0 0.5em 1em 0.5em;
+  margin: 0;
+}
+
+div.installation {
+  background:   #fefefe;
+  padding: 0 0.5em 0.5em 0.5em;
+  margin: .5em 0 .5em 0;
+}
+
+div.content {
+  background: #f5f6f7;
+  border-top: .3em solid #dbddec;
+  padding: 1em 0.5em 0.5em 0.5em;
+  margin: .5em 0 .5em 0;
 }
+
+div.installation h2, div.content h2 {
+  padding-top: 0.4em;
+  margin: 0;
+}
+
+div.book, div.preface, div.part, div.chapter, div.sect1, div.index {
+  background:   #fefefe;
+  padding-bottom: 0.5em;
+}
+
+div.preface h1, div.part h1, div.chapter h1, div.sect1 h1, div.index h1 {
+  background: #f5f6f7;
+  border-bottom: .1em solid #dbddec;
+  margin: 0px auto;
+  padding: .5em;
+}
+
+div.book h1 {
+  background: #f5f6f7;
+  margin: 0px auto;
+  padding: 0.5em;
+}
+
+div.book h2.subtitle {
+  background: #dbddec;
+  margin: 0px auto;
+  padding: 0.2em;
+}
+div.authorgroup, div p.copyright, div.abstract {
+  background: #f5f6f7;
+  margin: 0px auto;
+  padding:  0 0.5em;
+}
+
+hr {
+  background: #dbddec;
+  height: .3em;
+  border: 0px;
+  margin: 0px auto;
+}
\ No newline at end of file