clean up CSS, and add blue border.

[invirt/packages/invirt-web.git] / code / static / style.css

diff --git a/code/static/style.css b/code/static/style.css
index f311640..685c06e 100644 (file)
--- a/code/static/style.css
+++ b/code/static/style.css
@@ -1,49 +1,41 @@
-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;
@@ -51,37 +43,12 @@ a:link, a:visited {
 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
+}