doc: first pass at making html manual look decent
[charm.git] / doc / manual.css
index 8fde3e440de9057262cf1b5f7af9a802678ec3e2..194b7036fc8582888f1c8c87e3d49243f229ed50 100644 (file)
@@ -16,18 +16,18 @@ BIG.HUGE            { font-size : larger   }
 BIG.XHUGE              { font-size : xx-large }
 
 /* heading styles */
-H1             { color: navy }
-H2             { color: white; background: navy; padding: 8pt; text-align: center; letter-spacing: 5; word-spacing: 3 }
-H3             { color: white; background: navy; padding: 5pt; padding-top: 10pt; letter-spacing: 2; word-spacing: 1 }
-H4             { color: black; background: lightyellow; padding: 3pt  }
+H1             { color: navy; margin: 2px auto; text-align:center; }
+H2             { color: navy; padding: 8pt; }
+H3             { padding: 5pt; }
+H4             { padding: 3pt  }
 H5             {  }
-H1 a   { color: navy  }
-H2 a   { color: white  }
-H3 a   { color: white  }
-H4 a   { color: black  }
+H1 a   { color: navy;  }
+H2 a   { color: navy;  }
+H3 a   { color: black;  }
+H4 a   { color: black;  }
 H1 a:hover     { color: navy  }
-H2 a:hover     { color: white  }
-H3 a:hover     { color: white  }
+H2 a:hover     { color: navy  }
+H3 a:hover     { color: black  }
 H4 a:hover     { color: black  }
 
 
@@ -46,15 +46,26 @@ body {
                padding:30px;
                width: 900px;
                -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
-               border: 2px solid #333333;
+               box-shadow: 0px 2px #aaa;
+               border: 1px solid #ccc;
+               font-family: Puritan, Verdana, Helvetica sans-serif;
 }
 
-DIV.ManualTitle        { background: navy; padding: 3pt; text-align: center; color: lightyellow; font-size: x-large; font-weight: bold  }
+DIV.ManualTitle        { padding: 3pt; text-align: center; font-size: x-large; font-weight: bold  }
 DIV.center             {   }
 SPAN.tt                {   }
 SPAN.sc                {   }
 DIV.alltt              { background: lightgray; padding: 3pt; padding-left: 15pt; padding-right: 15pt; margin: 10pt; display: table }
-DIV.navigation         { text-align: center  }
+
+div.navigation {
+               text-align: center;
+               margin: 15px;
+               border-bottom: 1px #555555 solid;
+               -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
+               -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
+               background: url(navbarbkgd.png) repeat;
+}
+
 DIV.small              {   }
 SPAN.bf                {   }
 PRE.preform            {   }