-html,body {
- height: 100%;
+/*
+ Good layout ideas stolen from Debathena.
+ Hey, we use some different fonts (in style.css.)
+ And the background color is unmistakably different.
+ Some other things are tweaked too.
+*/
+
+/* This file contains screen-only layout declarations that won't be
+ used for printing. */
+
+/* Make <body /> show up as a centered white box with rounded border,
+ over the darker enclosing <html />. */
+html {
+ padding: .75em;
+ background: #09c;
+}
+body {
+ position: relative;
+ margin: 0 auto;
+ padding: 1.2em;
+ border: 1px solid black;
+ -moz-border-radius: .4em;
+ -webkit-border-radius: .4em;
+ border-radius: .4em;
+ background: #fff;
+}
+
+/* Limit the <body /> width for readability. */
+body {
+ max-width: 60em;
+}
+
+/* Increase line heights for better screen readability. */
+p, li, dt, dd, address {
+ line-height: 1.5em;
+}
+pre {
+ line-height: 1.25em;
}
-h1 {
- border-bottom: 1px dashed black;
- margin-top: 0;
- overflow: auto;
-}
-h1, h2, h3, h4, h5, h6 {
- font-family: "Trebuchet MS", Trebuchet, Sans, sans-serif;
- font-weight: bold;
- color: #529;
-}
-kbd, dt {
- font-weight: bold;
-}
+/*
+ Good style ideas stolen from Debathena.
+ Hey, we use some different fonts.
+ And the colors are unmistakably different.
+*/
+
+/* Basic fonts and sizes. */
html {
font-size: 87.5%;
}
body {
font-family: Tahoma, Sans, sans-serif;
}
+h1, h2, h3, h4, h5, h6 {
+ font-family: "Trebuchet MS", Trebuchet, Sans, sans-serif;
+ font-weight: bold;
+}
pre, code, samp, kbd, tt {
font-family: "Bitstream Vera Sans Mono", "Luxi Mono", "Courier New", monospace;
font-size: 100%;
}
-#logo {
- float: right;
- margin: -1em -1em 0 0;
-}
-#logo img {
- border: none;
-}
-p, li {
- line-height: 1.5em;
+
+/* Blue headings. */
+h1, h2, h3, h4, h5, h6 {
+ color: #13a;
}
-.long li, .long dd {
- margin-bottom: .5em;
+
+/* Dashed line under the header. */
+h1 {
+ border-bottom: 1px dashed black;
+ margin-top: 0;
+ overflow: auto;
}
+
pre {
background: #f6f6f6;
border: 1px solid #ddd;
padding: .125em;
- line-height: 1.25em;
-}
-.note {
- border: 1px solid #eea;
- background: #ffd;
- padding: .25em;
}
a:link, a:visited {
text-decoration: none;
a:link:hover, a:visited:hover {
text-decoration: underline;
}
-var {
- color: #090;
-}
-.index h1 tt {
- font-size: 83%;
-}
-.index table {
- border-collapse: collapse;
-}
-.index table td {
- padding: 0 0.5em;
-}
-.index table td a {
- font-family: "Bitstream Vera Sans Mono", "Luxi Mono", "Courier New", monospace;
-}
-
-#loadingnotice {
- padding: 2px;
- display: none;
- color: #FFFFFF;
- background: #CC2200;
- position: fixed;
- right: 10px;
- top: 5px;
-}
+/* Highlight error messages in bright red. */
.error {
color: #FF0000;
padding: 0.25em;
}
-
td.error {
border: 1px solid red;
-}
\ No newline at end of file
+}