clean up CSS, and add blue border.
authorGreg Price <price@mit.edu>
Thu, 17 Apr 2008 01:21:29 +0000 (21:21 -0400)
committerGreg Price <price@mit.edu>
Thu, 17 Apr 2008 01:21:29 +0000 (21:21 -0400)
More targeted changes to the style will follow.

The border style is taken from Debathena, but the color changed;
the heading color is also changed to blue from purple.

svn path=/trunk/packages/sipb-xen-www/; revision=415

code/static/layout.css
code/static/style.css
code/templates/skeleton.tmpl

index e5cc071..459cc9f 100644 (file)
@@ -1,3 +1,39 @@
-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;
 }
index f311640..685c06e 100644 (file)
@@ -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
+}
index fa15575..fa056c9 100644 (file)
@@ -56,7 +56,6 @@ function helppopup(name){
 #end if
 </div>
 
-<div id="loadingnotice" class="loadingnotice">LOADING</div>
 <div id="result" class="result">
 #if $varExists('result')
 $result