X-Git-Url: https://git.distorted.org.uk/~mdw/chopwood/blobdiff_plain/5b7c6334a8922d1fe49fb713d4432cbe667133f2..HEAD:/chpwd.css diff --git a/chpwd.css b/chpwd.css index 4b2a062..caa9375 100644 --- a/chpwd.css +++ b/chpwd.css @@ -26,32 +26,42 @@ /*----- General typesetting and layout -----------------------------------*/ +body { + background: white; + color: black; + margin: 1ex 2em; +} + h1 { - border-bottom-style: solid; - border-bottom-width: medium; - padding-bottom: 1ex; + border-bottom: thick solid; + padding: 8px 0; + margin-bottom: 24px; } h2 { - border-top-style: solid; - border-top-width: thin; - padding-top: 1ex; - margin-top: 4ex; + border-top: thin solid; + padding-top: 1ex; + margin-top: 3ex; } h1 + h2, h2:first-child { - border-top-style: hidden; - margin-top: inherit; + border-top: none; + padding-top: 0; + margin-top: inherit; +} + +h1, h2 { + font-family: sans-serif; + font-weight: bold; } div.credits { - border-top-style: solid; - border-top-width: thin; - padding-top: 0.5ex; - margin-top: 2ex; - text-align: right; - font-size: small; - font-style: italic; + border-top: thin solid; + padding-top: 1ex; + margin-top: 3.43ex; + text-align: right; + font-size: small; + font-style: italic; } div.warn { @@ -61,18 +71,39 @@ 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. */ .whinge { - font-size: smaller; - visibility: hidden; + font-size: smaller; + visibility: hidden; +} + +.login-whinge { + text-align: center; } .wrong { - color: red; - visibility: visible; + color: red; + visibility: visible; } /* Specific forms. */ @@ -82,26 +113,26 @@ td.label { text-align: right; } .expand { height: 100%; } div.expand-outer { position: relative; } div.expand-inner { - position: absolute; - width: 50%; - height: 100%; + position: absolute; + width: 50%; + height: 100%; } div.expand-reference { - margin-left: 50%; + margin-left: 50%; } table.expand { width: 95%; } table.expand, table.expand tbody, table.expand tr { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } table.expand td { padding: 0; } #acct-list { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } /*----- That's all, folks -------------------------------------------------*/