summaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
Diffstat (limited to 'theme')
-rw-r--r--theme/default/image/body.jpgbin0 -> 46459 bytes
-rw-r--r--theme/default/image/bullet.gifbin0 -> 74 bytes
-rw-r--r--theme/default/image/content.gifbin0 -> 67 bytes
-rw-r--r--theme/default/image/content.pngbin0 -> 178 bytes
-rw-r--r--theme/default/image/header.jpgbin0 -> 8208 bytes
-rw-r--r--theme/default/image/menu.gifbin0 -> 264 bytes
-rw-r--r--theme/default/image/tn_inside.jpgbin0 -> 2520 bytes
-rw-r--r--theme/default/image/tn_stream.jpgbin0 -> 3031 bytes
-rw-r--r--theme/default/style/html.css255
-rw-r--r--theme/default/style/ie.css11
-rw-r--r--theme/default/style/layout.css329
-rw-r--r--theme/default/style/print.css62
12 files changed, 657 insertions, 0 deletions
diff --git a/theme/default/image/body.jpg b/theme/default/image/body.jpg
new file mode 100644
index 000000000..5abc2e0b0
--- /dev/null
+++ b/theme/default/image/body.jpg
Binary files differ
diff --git a/theme/default/image/bullet.gif b/theme/default/image/bullet.gif
new file mode 100644
index 000000000..d46280997
--- /dev/null
+++ b/theme/default/image/bullet.gif
Binary files differ
diff --git a/theme/default/image/content.gif b/theme/default/image/content.gif
new file mode 100644
index 000000000..6194921a3
--- /dev/null
+++ b/theme/default/image/content.gif
Binary files differ
diff --git a/theme/default/image/content.png b/theme/default/image/content.png
new file mode 100644
index 000000000..73d9b5317
--- /dev/null
+++ b/theme/default/image/content.png
Binary files differ
diff --git a/theme/default/image/header.jpg b/theme/default/image/header.jpg
new file mode 100644
index 000000000..7d1c5b604
--- /dev/null
+++ b/theme/default/image/header.jpg
Binary files differ
diff --git a/theme/default/image/menu.gif b/theme/default/image/menu.gif
new file mode 100644
index 000000000..c6f13925c
--- /dev/null
+++ b/theme/default/image/menu.gif
Binary files differ
diff --git a/theme/default/image/tn_inside.jpg b/theme/default/image/tn_inside.jpg
new file mode 100644
index 000000000..a6a14012f
--- /dev/null
+++ b/theme/default/image/tn_inside.jpg
Binary files differ
diff --git a/theme/default/image/tn_stream.jpg b/theme/default/image/tn_stream.jpg
new file mode 100644
index 000000000..2f8fde049
--- /dev/null
+++ b/theme/default/image/tn_stream.jpg
Binary files differ
diff --git a/theme/default/style/html.css b/theme/default/style/html.css
new file mode 100644
index 000000000..a00d53127
--- /dev/null
+++ b/theme/default/style/html.css
@@ -0,0 +1,255 @@
+/**************************************************************
+ 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(../img/bg/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(../img/bg/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/style/ie.css b/theme/default/style/ie.css
new file mode 100644
index 000000000..fbbf56f88
--- /dev/null
+++ b/theme/default/style/ie.css
@@ -0,0 +1,11 @@
+/**************************************************************
+ AUTHOR: Pat Heard (fullahead.org)
+ DATE: 2006.09.12
+ PURPOSE: Fixes IE's major problems
+ **************************************************************/
+
+#content {
+ /* takes care of POS IE and it's support for transparent .png */
+ background: none;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg/content.png',sizingMethod='scale');
+}
diff --git a/theme/default/style/layout.css b/theme/default/style/layout.css
new file mode 100644
index 000000000..c08682cd2
--- /dev/null
+++ b/theme/default/style/layout.css
@@ -0,0 +1,329 @@
+/**************************************************************
+ AUTHOR: Pat Heard (fullahead.org)
+ DATE: 2006.09.12
+ PURPOSE: Controls the layout of the site and styles
+ the menus
+ **************************************************************/
+
+
+
+/**************************************************************
+ #wrapper & #content: wrapper positions and sets the width
+ on the content. The background is then applied to #content.
+ **************************************************************/
+
+#wrapper {
+ width: 589px;
+ height: 100%;
+ margin: 0 auto;
+
+ text-align: left;
+}
+
+
+#content {
+ float: left;
+ width: 589px;
+ height: 100%;
+ min-height: 100%;
+
+ background: url(../img/bg/content.gif) repeat-y top center;
+}
+
+
+#content[id] {
+ height: auto;
+ background: url(../img/bg/content.png) repeat-y top center;
+}
+
+
+
+
+/**************************************************************
+ #header: Holds the site title and header images
+ **************************************************************/
+
+#header {
+ padding: 60px 0 2em 49px;
+ background: url(../img/bg/header.jpg) no-repeat top center;
+}
+
+/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/
+* html #header {
+ height: 1%;
+}
+/* End hide from IE-mac */
+
+
+#header h1,
+#header h2 {
+ margin: 0;
+ padding: 0;
+ background: none;
+}
+
+#header h1 {
+ font-size: 3.5em;
+ font-family: georgia;
+ letter-spacing: -3px;
+ color: #6E310B;
+}
+
+
+
+
+/**************************************************************
+ #menu: The top level site menu
+ **************************************************************/
+
+ul#menu {
+ width: 491px;
+ margin: 0 auto;
+ padding: 0 !important;
+ padding: 0 0 0 10px;
+}
+
+ul#menu li {
+ display: inline;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul#menu li a {
+ float: left;
+ padding: 15px 0 5px 0;
+
+ font: 400 1.54em georgia, serif;
+ text-align: center;
+ text-decoration: none;
+
+ color: #61804E;
+ border-bottom: 1px solid #D3F1B6;
+}
+
+ul#menu li a:visited {
+ background-color: #FFF;
+}
+
+ul#menu li a:hover {
+ color: #2E5F0F;
+ background: url(../img/bg/menu.gif) repeat-x bottom left;
+}
+
+ul#menu li a.here {
+ color: #512103;
+ background: url(../img/bg/menu.gif) repeat-x bottom left;
+}
+
+/* helper classes to control width of links in topbar */
+ul.two li a {
+ width: 50%;
+}
+
+ul.three li a {
+ width: 33%;
+}
+
+ul.four li a {
+ width: 25%;
+}
+
+ul.five li a {
+ width: 20%;
+}
+
+/**************************************************************
+ #page: Holds the main page content.
+ **************************************************************/
+
+#page {
+ float: left;
+ clear: both;
+ width: 491px !important;
+ width: 100%;
+
+ padding: 2em 49px;
+}
+
+
+
+
+/**************************************************************
+ .footer: Site footer
+ **************************************************************/
+
+.footer {
+ padding-top: 3em;
+ font-size: 0.85em;
+}
+
+
+
+
+/**************************************************************
+ .bigLinks: Large, clickable links
+ **************************************************************/
+
+ul.bigLinks {
+ margin: 10px 0;
+ padding: 0;
+ list-style: none;
+
+}
+
+ul.bigLinks li {
+ display: inline;
+ margin: 0;
+ padding: 0;
+ background: none;
+}
+
+ul.bigLinks li a,
+ul.bigLinks li a:visited {
+ display: block;
+
+ margin: 10px 0;
+ padding: 3px;
+
+ text-decoration: none;
+ background-color: #FFF;
+ border: 0;
+}
+
+ul.bigLinks li a:hover {
+ padding-bottom: 2px;
+ background-color: #F1FFE3;
+ border-bottom: 1px solid #B8E78B;
+}
+
+ul.bigLinks li a span.title {
+ color: #5E9040;
+ border-bottom: 1px solid #B8E78B;
+}
+
+ul.bigLinks li a:hover span.title {
+ color: #3C5D29;
+ border-bottom: 1px solid #4A6E35;
+}
+
+ul.bigLinks li a span.desc {
+ display: block;
+ color: #6D6864;
+}
+
+ul.bigLinks li a:hover span.desc {
+ color: #555;
+}
+
+
+
+/**************************************************************
+ Width classes used by the site columns
+ **************************************************************/
+
+.width100 {
+ width: 100%;
+}
+
+.width75 {
+ width: 73%;
+}
+
+.width66 {
+ width: 64%;
+}
+
+.width50 {
+ width: 48%;
+}
+
+.width33 {
+ width: 31%;
+}
+
+.width25 {
+ width: 23%;
+}
+
+
+
+/**************************************************************
+ Alignment classes
+ **************************************************************/
+
+.floatLeft {
+ float: left;
+}
+
+.floatRight {
+ float: right;
+}
+
+.alignLeft {
+ text-align: left;
+}
+
+.alignRight {
+ text-align: right;
+}
+
+
+
+/**************************************************************
+ Generic display classes
+ **************************************************************/
+
+.clear {
+ clear: both;
+}
+
+.block {
+ display: block;
+}
+
+.big {
+ font-size: 1.3em;
+}
+
+.small {
+ font-size: 0.85em;
+}
+
+.bold {
+ font-weight: bold;
+}
+
+.italic {
+ font-style: italic;
+}
+
+.grey {
+ color: #AAA;
+}
+
+.green {
+ color: #82C048;
+}
+
+.darkBrown {
+ color: #512103;
+}
+
+
+.greenBg {
+ padding: 0 10px;
+ background-color: #F1FFE3;
+ border-bottom: 1px solid #B8E78B;
+}
+
+.highlight {
+ padding: 1px 2px;
+ background: #D9F5EC;
+ border-top: 1px solid #BDEDDE;
+}
+
+
+
+
+
diff --git a/theme/default/style/print.css b/theme/default/style/print.css
new file mode 100644
index 000000000..133bdd381
--- /dev/null
+++ b/theme/default/style/print.css
@@ -0,0 +1,62 @@
+/**************************************************************
+ 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;
+}
+
+
+