chpwd.css: Make style match `distorted.org.uk' general house style.

Which is rather minimal, and hopefully not especially offensive.  (Note
that, in particular, it doesn't override the body text face or size.)

diff --git a/chpwd.css b/chpwd.css
index 1cf87a553c8986c2cde5b344c8ed7f47f8de0308..9710665a1602a4d3aa4d40943dadf26ca25ed0db 100644 (file)
--- a/chpwd.css
+++ b/chpwd.css
@@ -26,26 +26,39 @@
 
 /*----- General typesetting and layout -----------------------------------*/
 
+body {
+       background: white;
+       color: black;
+       margin: 1ex 2em;
+}
+
 h1 {
-       border-bottom: medium solid;
-       padding-bottom: 1ex;
+       border-bottom: thick solid;
+       padding: 8px 0;
+       margin-bottom: 24px;
 }
 
 h2 {
        border-top: thin solid;
        padding-top: 1ex;
-       margin-top: 4ex;
+       margin-top: 3ex;
 }
 
 h1 + h2, h2:first-child {
-       border-top-style: hidden;
+       border-top: none;
+       padding-top: 0;
        margin-top: inherit;
 }
 
+h1, h2 {
+       font-family: sans-serif;
+       font-weight: bold;
+}
+
 div.credits {
        border-top: thin solid;
-       padding-top: 0.5ex;
-       margin-top: 2ex;
+       padding-top: 1ex;
+       margin-top: 3.43px;
        text-align: right;
        font-size: small;
        font-style: italic;
@@ -58,6 +71,23 @@ div.warn {
        background: red;
 }
 
+a { text-decoration: none; }
+a:link { color: blue; }
+a:link:active, a:visited { color: darkblue; }
+a:link:hover, a:visited:hover { background: #ccc; }
+
+dl { display: block; }
+dt {
+       font-weight: bold;
+       width: 9em;
+       clear: left;
+       float: left;
+}
+dd {
+       margin: 1.5ex 0 1.5ex 10em;
+       display: block;
+}
+
 /*----- Form layout -------------------------------------------------------*/
 
 /* Common form validation styling. */