summaryrefslogtreecommitdiff
path: root/theme/default/style/layout.css
diff options
context:
space:
mode:
Diffstat (limited to 'theme/default/style/layout.css')
-rw-r--r--theme/default/style/layout.css329
1 files changed, 329 insertions, 0 deletions
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;
+}
+
+
+
+
+