From d1215c4a85772ca21c4effd6a50103be157e7d08 Mon Sep 17 00:00:00 2001 From: Evan Prodromou Date: Wed, 11 Jun 2008 13:13:51 -0400 Subject: [PATCH] reformat for our theme layout darcs-hash:20080611171351-84dde-1064792078b90c754de06132e610c8575663afb1.gz --- theme/default/{layout.css => display.css} | 265 +++++++++++++++++++++- theme/default/html.css | 255 --------------------- theme/default/{ie.css => ie6.css} | 0 theme/default/print.css | 62 ----- 4 files changed, 257 insertions(+), 325 deletions(-) rename theme/default/{layout.css => display.css} (51%) delete mode 100644 theme/default/html.css rename theme/default/{ie.css => ie6.css} (100%) delete mode 100644 theme/default/print.css diff --git a/theme/default/layout.css b/theme/default/display.css similarity index 51% rename from theme/default/layout.css rename to theme/default/display.css index 050811c2ea..9db1cffedb 100644 --- a/theme/default/layout.css +++ b/theme/default/display.css @@ -1,10 +1,259 @@ /************************************************************** AUTHOR: Pat Heard (fullahead.org) - DATE: 2006.09.12 - PURPOSE: Controls the layout of the site and styles - the menus + DATE: 2006.09.12 + PURPOSE: Styles the html elements **************************************************************/ +/* Forces horizontal scrollbar on in Mozilla */ +html { + margin-bottom: 1px; +} + +html, +body { + height: 100%; +} + +body { + margin: 0; + padding: 0; + text-align: center; + + font: 400 0.8em georgia, serif; + line-height: 180%; + + background: url(body.jpg) repeat top left; + color: #6D6864; +} + +h1, h2, h3, h4, h5, h6, p, dl { + margin: 0; + padding: 10px 0; +} + +h1 { + clear: both; + font: 400 1.9em georgia, serif; + color: #532406; +} + +h2 { + clear: both; + font: 400 1.3em georgia, serif; + color: #61804E; +} + +h3 { + font: 700 1.1em georgia, serif; + color: #8F512A; +} + +h4 { + font: 400 0.9em georgia, serif; + text-transform: uppercase; +} + +a { + text-decoration: none; + color: #5E9040; + border-bottom: 1px solid #B8E78B; +} + + +a:visited { + background-color: #F1FFE3; +} + +a:hover { + color: #3C5D29; + background-color: #F1FFE3; + border-bottom: 1px solid #4A6E35; +} + + +ol { + margin: 10px 30px; + padding: 0 30px; + + font-size: 1.4em; + color: #532406; + background-color: #FFF; +} + +ol span { + font-size: 0.7em; + color: #6D6864; +} + +ul { + margin: 10px 30px; + padding: 0 30px 0 5px; + list-style: none; +} + +ul li { + padding-left: 25px; + background: url(bullet.gif) no-repeat; + background-position: 0 3px; +} + +acronym { + cursor: help; + border-bottom: 1px solid #DDD; +} + +blockquote { + margin: 10px 0; + background-color: #F1FFE3; + border-bottom: 1px solid #B8E78B; +} + +blockquote p { + margin: 0.4em 0.8em; +} + +del { + color: #AAA; +} + +code { + margin: 15px 0; + padding: 10px; + display: block; + overflow: auto; + + font: 400 1em courier, monospace; + line-height: 120%; + white-space: pre; + + background: #F4F4F4; + border-bottom: 1px solid #D3D3D3; +} + + + +/************************************************************** + Tables + **************************************************************/ + +table { + width: 100%; + margin-bottom: 10px; + + font-size: 1em; + border-collapse: collapse; +} + +table caption { + margin-top: 10px; + padding: 0 0 0.5em 3px; + + font: 400 0.8em georgia, sans-serif; + text-align: left; +} + +table th, +table td { + text-align: left; + vertical-align: top; + padding: 4px 7px !important; + padding: 6px 10px; +} + + +thead th { + background-color: #F1FFE3; + border-bottom: 1px solid #B8E78B; +} + +tbody tr.dark { + background-color: #F5F5F5; +} + +tbody td { + border-bottom: 1px solid #DDD; +} + +tbody tr:hover { + background-color: #FBFEDF; +} + +/************************************************************** + Form Elements + **************************************************************/ + +label { + float: left; + text-align: right; + width: 9em; + padding-right: 1em; + +} + + +input, +textarea, +select { + padding: 4px; + font: 400 1em georgia, sans-serif; + + color: #666; + background: #FFF; + border-width: 1px; + border-style: solid; + border-color: #888 #DDD #DDD #888; +} + + +input:focus, +textarea:focus, +select:focus { + padding: 3px; + color: #000; + background: #F1FFE3; + border-width: 2px; +} + +input.button { + padding: 1px 10px; + + font: 400 1em georgia, sans-serif; + cursor: pointer; + + color: #fff; + background: #508231; + border-width: 1px; + border-style: solid; + border-color: #B8E78B #2D5018 #2D5018 #B8E78B; +} + +.required { + cursor: help; + border-bottom: 1px solid #CCC; +} + + + +/************************************************************** + Images + **************************************************************/ + +img.floatRight { + margin: 5px 0px 10px 15px; +} + +img.floatLeft { + margin: 5px 15px 10px 0px; +} + +a img { + border: 4px solid #D5C9C2; +} + +a:hover img { + border: 4px solid #BAAAA1; +} + /************************************************************** #wrapper & #content: wrapper positions and sets the width on the content. The background is then applied to #content. @@ -24,12 +273,12 @@ height: 100%; min-height: 100%; - background: url(../image/content.gif) repeat-y top center; + background: url(content.gif) repeat-y top center; } #content[id] { height: auto; - background: url(../image/content.png) repeat-y top center; + background: url(content.png) repeat-y top center; } /************************************************************** @@ -38,7 +287,7 @@ #header { padding: 60px 0 2em 49px; - background: url(../image/header.jpg) no-repeat top center; + background: url(header.jpg) no-repeat top center; } /* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/ @@ -97,12 +346,12 @@ ul#menu li a:visited { ul#menu li a:hover { color: #2E5F0F; - background: url(../image/menu.gif) repeat-x bottom left; + background: url(menu.gif) repeat-x bottom left; } ul#menu li a.here { color: #512103; - background: url(../image/menu.gif) repeat-x bottom left; + background: url(menu.gif) repeat-x bottom left; } /* helper classes to control width of links in topbar */ diff --git a/theme/default/html.css b/theme/default/html.css deleted file mode 100644 index 10f0e89dc8..0000000000 --- a/theme/default/html.css +++ /dev/null @@ -1,255 +0,0 @@ -/************************************************************** - AUTHOR: Pat Heard (fullahead.org) - DATE: 2006.09.12 - PURPOSE: Styles the html elements - **************************************************************/ - -/* Forces horizontal scrollbar on in Mozilla */ -html { - margin-bottom: 1px; -} - -html, -body { - height: 100%; -} - -body { - margin: 0; - padding: 0; - text-align: center; - - font: 400 0.8em georgia, serif; - line-height: 180%; - - background: url(../image/body.jpg) repeat top left; - color: #6D6864; -} - -h1, h2, h3, h4, h5, h6, p, dl { - margin: 0; - padding: 10px 0; -} - -h1 { - clear: both; - font: 400 1.9em georgia, serif; - color: #532406; -} - -h2 { - clear: both; - font: 400 1.3em georgia, serif; - color: #61804E; -} - -h3 { - font: 700 1.1em georgia, serif; - color: #8F512A; -} - -h4 { - font: 400 0.9em georgia, serif; - text-transform: uppercase; -} - -a { - text-decoration: none; - color: #5E9040; - border-bottom: 1px solid #B8E78B; -} - - -a:visited { - background-color: #F1FFE3; -} - -a:hover { - color: #3C5D29; - background-color: #F1FFE3; - border-bottom: 1px solid #4A6E35; -} - - -ol { - margin: 10px 30px; - padding: 0 30px; - - font-size: 1.4em; - color: #532406; - background-color: #FFF; -} - -ol span { - font-size: 0.7em; - color: #6D6864; -} - -ul { - margin: 10px 30px; - padding: 0 30px 0 5px; - list-style: none; -} - -ul li { - padding-left: 25px; - background: url(../image/bullet.gif) no-repeat; - background-position: 0 3px; -} - -acronym { - cursor: help; - border-bottom: 1px solid #DDD; -} - -blockquote { - margin: 10px 0; - background-color: #F1FFE3; - border-bottom: 1px solid #B8E78B; -} - -blockquote p { - margin: 0.4em 0.8em; -} - -del { - color: #AAA; -} - -code { - margin: 15px 0; - padding: 10px; - display: block; - overflow: auto; - - font: 400 1em courier, monospace; - line-height: 120%; - white-space: pre; - - background: #F4F4F4; - border-bottom: 1px solid #D3D3D3; -} - - - -/************************************************************** - Tables - **************************************************************/ - -table { - width: 100%; - margin-bottom: 10px; - - font-size: 1em; - border-collapse: collapse; -} - -table caption { - margin-top: 10px; - padding: 0 0 0.5em 3px; - - font: 400 0.8em georgia, sans-serif; - text-align: left; -} - -table th, -table td { - text-align: left; - vertical-align: top; - padding: 4px 7px !important; - padding: 6px 10px; -} - - -thead th { - background-color: #F1FFE3; - border-bottom: 1px solid #B8E78B; -} - -tbody tr.dark { - background-color: #F5F5F5; -} - -tbody td { - border-bottom: 1px solid #DDD; -} - -tbody tr:hover { - background-color: #FBFEDF; -} - -/************************************************************** - Form Elements - **************************************************************/ - -label { - float: left; - text-align: right; - width: 9em; - padding-right: 1em; - -} - - -input, -textarea, -select { - padding: 4px; - font: 400 1em georgia, sans-serif; - - color: #666; - background: #FFF; - border-width: 1px; - border-style: solid; - border-color: #888 #DDD #DDD #888; -} - - -input:focus, -textarea:focus, -select:focus { - padding: 3px; - color: #000; - background: #F1FFE3; - border-width: 2px; -} - -input.button { - padding: 1px 10px; - - font: 400 1em georgia, sans-serif; - cursor: pointer; - - color: #fff; - background: #508231; - border-width: 1px; - border-style: solid; - border-color: #B8E78B #2D5018 #2D5018 #B8E78B; -} - -.required { - cursor: help; - border-bottom: 1px solid #CCC; -} - - - -/************************************************************** - Images - **************************************************************/ - -img.floatRight { - margin: 5px 0px 10px 15px; -} - -img.floatLeft { - margin: 5px 15px 10px 0px; -} - -a img { - border: 4px solid #D5C9C2; -} - -a:hover img { - border: 4px solid #BAAAA1; -} diff --git a/theme/default/ie.css b/theme/default/ie6.css similarity index 100% rename from theme/default/ie.css rename to theme/default/ie6.css diff --git a/theme/default/print.css b/theme/default/print.css deleted file mode 100644 index 133bdd381d..0000000000 --- a/theme/default/print.css +++ /dev/null @@ -1,62 +0,0 @@ -/************************************************************** - AUTHOR: Pat Heard (fullahead.org) - DATE: 2006.09.12 - PURPOSE: Styles the page for print. Techniques adopted from - http://www.alistapart.com/articles/goingtoprint/ - **************************************************************/ - -body { - font: 400 12pt verdana, arial, sans-serif; - color: #000; - background: #FFF; -} - -h1 { - margin-top: 30px; - font-size: 18pt; - border-bottom: 1px solid #999; -} - -h2 { - font-size: 16pt; -} - -h3 { - font-size: 14pt; -} - -h4, h5, h6 { - font-size: 12pt; -} - -acronym { - border: 0; -} - -a { - color: #00F; -} - -/* Prints the URL after a link in CSS2 supporting browsers */ -a:link:after, -a:visited:after { - content: " (" attr(href) ") "; - font-size: 90%; -} - - -/* Don't display these elements since they're not useful on paper */ -#header, -#menu, -.footer { - display: none; -} - -#content { - width: auto; - margin: 0 8%; - padding: 0; -} - - -