summaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
authorEvan Prodromou <evan@prodromou.name>2008-06-11 13:13:51 -0400
committerEvan Prodromou <evan@prodromou.name>2008-06-11 13:13:51 -0400
commitd1215c4a85772ca21c4effd6a50103be157e7d08 (patch)
treee6027698d029e12ff3f648106595c6cb8b94327c /theme
parent7db9174dbc4a8361797cd909eb703bf5c42be971 (diff)
reformat for our theme layout
darcs-hash:20080611171351-84dde-1064792078b90c754de06132e610c8575663afb1.gz
Diffstat (limited to 'theme')
-rw-r--r--theme/default/display.css (renamed from theme/default/layout.css)265
-rw-r--r--theme/default/html.css255
-rw-r--r--theme/default/ie6.css (renamed from theme/default/ie.css)0
-rw-r--r--theme/default/print.css62
4 files changed, 257 insertions, 325 deletions
diff --git a/theme/default/layout.css b/theme/default/display.css
index 050811c2e..9db1cffed 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 10f0e89dc..000000000
--- 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
index fbbf56f88..fbbf56f88 100644
--- a/theme/default/ie.css
+++ b/theme/default/ie6.css
diff --git a/theme/default/print.css b/theme/default/print.css
deleted file mode 100644
index 133bdd381..000000000
--- 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;
-}
-
-
-