reformat for our theme layout

darcs-hash:20080611171351-84dde-1064792078b90c754de06132e610c8575663afb1.gz

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;

-}

-

-

-