From 92b752596b70b8f01c935dd9b0d8be63070261c2 Mon Sep 17 00:00:00 2001 From: Greg Price Date: Wed, 16 Apr 2008 21:21:29 -0400 Subject: [PATCH] clean up CSS, and add blue border. 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 | 40 +++++++++++++++++++-- code/static/style.css | 81 +++++++++++++----------------------------- code/templates/skeleton.tmpl | 1 - 3 files changed, 62 insertions(+), 60 deletions(-) diff --git a/code/static/layout.css b/code/static/layout.css index e5cc071..459cc9f 100644 --- a/code/static/layout.css +++ b/code/static/layout.css @@ -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 show up as a centered white box with rounded border, + over the darker enclosing . */ +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 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; } diff --git a/code/static/style.css b/code/static/style.css index f311640..685c06e 100644 --- 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 +} diff --git a/code/templates/skeleton.tmpl b/code/templates/skeleton.tmpl index fa15575..fa056c9 100644 --- a/code/templates/skeleton.tmpl +++ b/code/templates/skeleton.tmpl @@ -56,7 +56,6 @@ function helppopup(name){ #end if -

#if $varExists('result') $result -- 1.7.9.5