copy in SimpleLife theme

darcs-hash:20080520172241-84dde-c872445967ab5c3427e7138189be6ad67dbea780.gz

diff --git a/doc/TODO b/doc/TODO
index 7fad3c8c05b7d28b08068aac2b0f4246048eb93a..4d320b978af4eedd083c68de900df63e879c70a4 100644 (file)
--- a/doc/TODO
+++ b/doc/TODO
@@ -51,6 +51,7 @@
 - pretty URLs
 - site logo
 - instructions
+- deal with PHP quotes escaping
 - release 0.2
 - set Last-Modified
 - XML sitemap generation

diff --git a/theme/default/image/body.jpg b/theme/default/image/body.jpg
new file mode 100644 (file)
index 0000000..5abc2e0
Binary files /dev/null and b/theme/default/image/body.jpg differ

diff --git a/theme/default/image/bullet.gif b/theme/default/image/bullet.gif
new file mode 100644 (file)
index 0000000..d462809
Binary files /dev/null and b/theme/default/image/bullet.gif differ

diff --git a/theme/default/image/content.gif b/theme/default/image/content.gif
new file mode 100644 (file)
index 0000000..6194921
Binary files /dev/null and b/theme/default/image/content.gif differ

diff --git a/theme/default/image/content.png b/theme/default/image/content.png
new file mode 100644 (file)
index 0000000..73d9b53
Binary files /dev/null and b/theme/default/image/content.png differ

diff --git a/theme/default/image/header.jpg b/theme/default/image/header.jpg
new file mode 100644 (file)
index 0000000..7d1c5b6
Binary files /dev/null and b/theme/default/image/header.jpg differ

diff --git a/theme/default/image/menu.gif b/theme/default/image/menu.gif
new file mode 100644 (file)
index 0000000..c6f1392
Binary files /dev/null and b/theme/default/image/menu.gif differ

diff --git a/theme/default/image/tn_inside.jpg b/theme/default/image/tn_inside.jpg
new file mode 100644 (file)
index 0000000..a6a1401
Binary files /dev/null and b/theme/default/image/tn_inside.jpg differ

diff --git a/theme/default/image/tn_stream.jpg b/theme/default/image/tn_stream.jpg
new file mode 100644 (file)
index 0000000..2f8fde0
Binary files /dev/null and b/theme/default/image/tn_stream.jpg differ

diff --git a/theme/default/style/html.css b/theme/default/style/html.css
new file mode 100644 (file)
index 0000000..a00d531
--- /dev/null
+++ b/theme/default/style/html.css
@@ -0,0 +1,255 @@
+/**************************************************************\r
+   AUTHOR:  Pat Heard (fullahead.org)\r
+   DATE:    2006.09.12 \r
+   PURPOSE: Styles the html elements\r
+ **************************************************************/\r
+\r
+/* Forces horizontal scrollbar on in Mozilla */\r
+html {\r
+  margin-bottom: 1px;\r
+}\r
+\r
+html,\r
+body {\r
+  height: 100%;\r
+}\r
+\r
+body {\r
+  margin: 0;\r
+  padding: 0;\r
+  text-align: center;\r
+\r
+  font: 400 0.8em georgia, serif;\r
+  line-height: 180%;\r
+\r
+  background: url(../img/bg/body.jpg) repeat top left;\r
+  color: #6D6864;\r
+}\r
+\r
+h1, h2, h3, h4, h5, h6, p, dl {\r
+  margin: 0;\r
+  padding: 10px 0;\r
+}\r
+\r
+h1 {   \r
+  clear: both;\r
+  font: 400 1.9em georgia, serif;\r
+  color: #532406;  \r
+}\r
+\r
+h2 {\r
+  clear: both;\r
+  font: 400 1.3em georgia, serif;\r
+  color: #61804E;\r
+}\r
+\r
+h3 {\r
+  font: 700 1.1em georgia, serif;\r
+  color: #8F512A;\r
+}\r
+\r
+h4 {\r
+  font: 400 0.9em georgia, serif;\r
+  text-transform: uppercase;\r
+}\r
+\r
+a {\r
+  text-decoration: none;\r
+  color: #5E9040;  \r
+  border-bottom: 1px solid #B8E78B;\r
+}\r
+\r
+\r
+a:visited {\r
+  background-color: #F1FFE3;\r
+}\r
+\r
+a:hover {\r
+  color: #3C5D29;\r
+  background-color: #F1FFE3;\r
+  border-bottom: 1px solid #4A6E35;\r
+}\r
+\r
+\r
+ol {  \r
+  margin: 10px 30px;\r
+  padding: 0 30px;\r
+\r
+  font-size: 1.4em;\r
+  color: #532406;\r
+  background-color: #FFF;\r
+}\r
+\r
+ol span {\r
+  font-size: 0.7em;\r
+  color: #6D6864;\r
+}\r
+\r
+ul {\r
+  margin: 10px 30px;\r
+  padding: 0 30px 0 5px;\r
+  list-style: none;\r
+}\r
+\r
+ul li {\r
+  padding-left: 25px;\r
+  background: url(../img/bg/bullet.gif) no-repeat;\r
+  background-position: 0 3px;\r
+}\r
+\r
+acronym {\r
+  cursor: help;\r
+  border-bottom: 1px solid #DDD;\r
+}\r
+\r
+blockquote {\r
+  margin: 10px 0;\r
+  background-color: #F1FFE3;\r
+  border-bottom: 1px solid #B8E78B;\r
+}\r
+\r
+blockquote p {\r
+  margin: 0.4em 0.8em;\r
+}\r
+\r
+del {\r
+  color: #AAA;\r
+}\r
+\r
+code {\r
+  margin: 15px 0;\r
+  padding: 10px;\r
+  display: block;\r
+  overflow: auto;\r
+  \r
+  font: 400 1em courier, monospace;\r
+  line-height: 120%;\r
+  white-space: pre;\r
+  \r
+  background: #F4F4F4;\r
+  border-bottom: 1px solid #D3D3D3;\r
+}\r
+\r
+\r
+\r
+/**************************************************************\r
+   Tables\r
+ **************************************************************/\r
+\r
+table {\r
+  width: 100%;\r
+  margin-bottom: 10px;  \r
+  \r
+  font-size: 1em;\r
+  border-collapse: collapse;\r
+}\r
+\r
+table caption {\r
+  margin-top: 10px;\r
+  padding: 0 0 0.5em 3px;\r
+\r
+  font: 400 0.8em georgia, sans-serif;\r
+  text-align: left;  \r
+}\r
+\r
+table th,\r
+table td {\r
+  text-align: left;\r
+  vertical-align: top;\r
+  padding: 4px 7px !important;\r
+  padding: 6px 10px;\r
+}\r
+\r
+\r
+thead th {\r
+  background-color: #F1FFE3;\r
+  border-bottom: 1px solid #B8E78B;\r
+}\r
+\r
+tbody tr.dark {\r
+  background-color: #F5F5F5;\r
+}\r
+\r
+tbody td {\r
+  border-bottom: 1px solid #DDD;\r
+}\r
+\r
+tbody tr:hover {\r
+  background-color: #FBFEDF;\r
+}\r
+\r
+/**************************************************************\r
+   Form Elements\r
+ **************************************************************/\r
+\r
+label {\r
+  float: left;\r
+  text-align: right;\r
+  width: 9em;\r
+  padding-right: 1em;\r
+  \r
+}\r
+\r
+\r
+input,\r
+textarea,\r
+select {\r
+  padding: 4px;\r
+  font: 400 1em georgia, sans-serif;\r
+  \r
+  color: #666;\r
+  background: #FFF;\r
+  border-width: 1px;\r
+  border-style: solid;\r
+  border-color: #888 #DDD #DDD #888;  \r
+}\r
+\r
+\r
+input:focus,\r
+textarea:focus,\r
+select:focus {  \r
+  padding: 3px;\r
+  color: #000;\r
+  background: #F1FFE3;\r
+  border-width: 2px;\r
+}\r
+\r
+input.button {\r
+  padding: 1px 10px;\r
+\r
+  font: 400 1em georgia, sans-serif;\r
+  cursor: pointer;\r
+\r
+  color: #fff;\r
+  background: #508231;\r
+  border-width: 1px;\r
+  border-style: solid;\r
+  border-color: #B8E78B #2D5018 #2D5018 #B8E78B;\r
+}\r
+\r
+.required {\r
+  cursor: help;\r
+  border-bottom: 1px solid #CCC;\r
+}\r
+\r
+\r
+\r
+/**************************************************************\r
+   Images\r
+ **************************************************************/\r
+\r
+img.floatRight {\r
+  margin: 5px 0px 10px 15px;  \r
+}\r
+\r
+img.floatLeft {\r
+  margin: 5px 15px 10px 0px;\r
+}\r
+\r
+a img {  \r
+  border: 4px solid #D5C9C2;\r
+}\r
+\r
+a:hover img {  \r
+  border: 4px solid #BAAAA1;\r
+}\r

diff --git a/theme/default/style/ie.css b/theme/default/style/ie.css
new file mode 100644 (file)
index 0000000..fbbf56f
--- /dev/null
+++ b/theme/default/style/ie.css
@@ -0,0 +1,11 @@
+/**************************************************************\r
+   AUTHOR:  Pat Heard (fullahead.org)\r
+   DATE:    2006.09.12 \r
+   PURPOSE: Fixes IE's major problems\r
+ **************************************************************/\r
+\r
+#content {  \r
+  /* takes care of POS IE and it's support for transparent .png */\r
+  background: none;\r
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg/content.png',sizingMethod='scale');\r
+}\r

diff --git a/theme/default/style/layout.css b/theme/default/style/layout.css
new file mode 100644 (file)
index 0000000..c08682c
--- /dev/null
+++ b/theme/default/style/layout.css
@@ -0,0 +1,329 @@
+/**************************************************************\r
+   AUTHOR:  Pat Heard (fullahead.org)\r
+   DATE:    2006.09.12 \r
+   PURPOSE: Controls the layout of the site and styles\r
+            the menus\r
+ **************************************************************/\r
+\r
+\r
+\r
+/**************************************************************\r
+   #wrapper & #content: wrapper positions and sets the width\r
+   on the content.  The background is then applied to #content.\r
+ **************************************************************/\r
+\r
+#wrapper {\r
+  width: 589px;\r
+  height: 100%;\r
+  margin: 0 auto;\r
+  \r
+  text-align: left;\r
+}\r
+\r
+\r
+#content { \r
+  float: left;\r
+  width: 589px;\r
+  height: 100%;\r
+  min-height: 100%; \r
+  \r
+  background: url(../img/bg/content.gif) repeat-y top center;\r
+}\r
+\r
+\r
+#content[id] {\r
+  height: auto;  \r
+  background: url(../img/bg/content.png) repeat-y top center;\r
+}\r
+\r
+\r
+\r
+\r
+/**************************************************************\r
+   #header: Holds the site title and header images\r
+ **************************************************************/\r
+\r
+#header {\r
+  padding: 60px 0 2em 49px;  \r
+  background: url(../img/bg/header.jpg) no-repeat top center;  \r
+}\r
+\r
+/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/\r
+* html #header {\r
+  height: 1%;\r
+}\r
+/* End hide from IE-mac */\r
+\r
+\r
+#header h1,\r
+#header h2 {\r
+  margin: 0;\r
+  padding: 0;  \r
+  background: none;\r
+}\r
+\r
+#header h1 {\r
+  font-size: 3.5em;\r
+  font-family: georgia;\r
+  letter-spacing: -3px;\r
+  color: #6E310B;\r
+}\r
+\r
+\r
+\r
+\r
+/**************************************************************\r
+   #menu: The top level site menu\r
+ **************************************************************/\r
+\r
+ul#menu {\r
+  width: 491px;\r
+  margin: 0 auto;  \r
+  padding: 0 !important;\r
+  padding: 0 0 0 10px;  \r
+}\r
+\r
+ul#menu li {\r
+  display: inline;\r
+  list-style: none;\r
+  margin: 0;\r
+  padding: 0;\r
+}\r
+\r
+ul#menu li a {\r
+  float: left;  \r
+  padding: 15px 0 5px 0;\r
+\r
+  font: 400 1.54em georgia, serif;\r
+  text-align: center;\r
+  text-decoration: none;\r
+  \r
+  color: #61804E;\r
+  border-bottom: 1px solid #D3F1B6;\r
+}\r
+\r
+ul#menu li a:visited {\r
+  background-color: #FFF;\r
+}\r
+\r
+ul#menu li a:hover {\r
+  color: #2E5F0F;\r
+  background: url(../img/bg/menu.gif) repeat-x bottom left;\r
+}\r
+\r
+ul#menu li a.here {\r
+  color: #512103;\r
+  background: url(../img/bg/menu.gif) repeat-x bottom left;\r
+}\r
+\r
+/* helper classes to control width of links in topbar */\r
+ul.two li a {\r
+  width: 50%;\r
+}\r
+\r
+ul.three li a {\r
+  width: 33%;\r
+}\r
+\r
+ul.four li a {\r
+  width: 25%;\r
+}\r
+\r
+ul.five li a {\r
+  width: 20%;\r
+}\r
+\r
+/**************************************************************\r
+   #page: Holds the main page content.\r
+ **************************************************************/\r
+\r
+#page {  \r
+  float: left;\r
+  clear: both;   \r
+  width: 491px !important;\r
+  width: 100%;\r
+  \r
+  padding: 2em 49px;  \r
+}\r
+\r
+\r
+\r
+\r
+/**************************************************************\r
+   .footer: Site footer\r
+ **************************************************************/\r
+\r
+.footer {\r
+  padding-top: 3em;\r
+  font-size: 0.85em;\r
+}\r
+\r
+\r
+\r
+\r
+/**************************************************************\r
+   .bigLinks: Large, clickable links\r
+ **************************************************************/\r
+\r
+ul.bigLinks {\r
+  margin: 10px 0;\r
+  padding: 0;\r
+  list-style: none;\r
+  \r
+}\r
+\r
+ul.bigLinks li {\r
+  display: inline;\r
+  margin: 0;\r
+  padding: 0;\r
+  background: none;\r
+}\r
+\r
+ul.bigLinks li a,\r
+ul.bigLinks li a:visited {  \r
+  display: block;\r
+\r
+  margin: 10px 0;\r
+  padding: 3px;\r
+\r
+  text-decoration: none;\r
+  background-color: #FFF;\r
+  border: 0;  \r
+}\r
+\r
+ul.bigLinks li a:hover {\r
+  padding-bottom: 2px;\r
+  background-color: #F1FFE3;\r
+  border-bottom: 1px solid #B8E78B;\r
+}\r
+\r
+ul.bigLinks li a span.title {\r
+  color: #5E9040;  \r
+  border-bottom: 1px solid #B8E78B;\r
+}\r
+\r
+ul.bigLinks li a:hover span.title {\r
+  color: #3C5D29;\r
+  border-bottom: 1px solid #4A6E35;\r
+}\r
+\r
+ul.bigLinks li a span.desc {\r
+  display: block;\r
+  color: #6D6864;\r
+}\r
+\r
+ul.bigLinks li a:hover span.desc {\r
+  color: #555;\r
+}\r
+\r
+\r
+\r
+/**************************************************************\r
+   Width classes used by the site columns\r
+ **************************************************************/\r
+\r
+.width100 {\r
+  width: 100%;\r
+}\r
+\r
+.width75 {\r
+  width: 73%;\r
+}\r
+\r
+.width66 {\r
+  width: 64%;\r
+}\r
+\r
+.width50 {\r
+  width: 48%;\r
+}\r
+\r
+.width33 {\r
+  width: 31%;\r
+}\r
+\r
+.width25 {\r
+  width: 23%;\r
+}\r
+\r
+\r
+\r
+/**************************************************************\r
+   Alignment classes\r
+ **************************************************************/\r
+\r
+.floatLeft {\r
+  float: left;\r
+}\r
+\r
+.floatRight {\r
+  float: right;\r
+}\r
+\r
+.alignLeft {\r
+  text-align: left;\r
+}\r
+\r
+.alignRight {\r
+  text-align: right;\r
+}\r
+\r
+\r
+\r
+/**************************************************************\r
+   Generic display classes\r
+ **************************************************************/\r
+\r
+.clear {\r
+  clear: both;\r
+}\r
+\r
+.block {\r
+  display: block;\r
+}\r
+\r
+.big {\r
+  font-size: 1.3em;  \r
+}\r
+\r
+.small {\r
+  font-size: 0.85em;  \r
+}\r
+\r
+.bold {\r
+  font-weight: bold;\r
+}\r
+\r
+.italic {\r
+  font-style: italic;\r
+}\r
+\r
+.grey {\r
+  color: #AAA;\r
+}\r
+\r
+.green {\r
+  color: #82C048;\r
+}\r
+\r
+.darkBrown {\r
+  color: #512103;\r
+}\r
+\r
+\r
+.greenBg {\r
+  padding: 0 10px;\r
+  background-color: #F1FFE3;\r
+  border-bottom: 1px solid #B8E78B;\r
+}\r
+\r
+.highlight {\r
+  padding: 1px 2px;\r
+  background: #D9F5EC;\r
+  border-top: 1px solid #BDEDDE;\r
+}\r
+\r
+\r
+\r
+\r
+\r

diff --git a/theme/default/style/print.css b/theme/default/style/print.css
new file mode 100644 (file)
index 0000000..133bdd3
--- /dev/null
+++ b/theme/default/style/print.css
@@ -0,0 +1,62 @@
+/**************************************************************\r
+   AUTHOR:  Pat Heard (fullahead.org)\r
+   DATE:    2006.09.12\r
+   PURPOSE: Styles the page for print.  Techniques adopted from\r
+            http://www.alistapart.com/articles/goingtoprint/\r
+ **************************************************************/\r
+\r
+body {\r
+  font: 400 12pt verdana, arial, sans-serif;\r
+  color: #000;\r
+  background: #FFF;\r
+}\r
+\r
+h1 {\r
+  margin-top: 30px;\r
+  font-size: 18pt;\r
+  border-bottom: 1px solid #999;\r
+}\r
+\r
+h2 {\r
+  font-size: 16pt;\r
+}\r
+\r
+h3 {\r
+  font-size: 14pt;\r
+}\r
+\r
+h4, h5, h6 {\r
+  font-size: 12pt;\r
+}\r
+\r
+acronym {\r
+  border: 0;\r
+}\r
+\r
+a {\r
+  color: #00F;\r
+}\r
+\r
+/* Prints the URL after a link in CSS2 supporting browsers */\r
+a:link:after, \r
+a:visited:after {\r
+   content: " (" attr(href) ") ";\r
+   font-size: 90%;\r
+}\r
+\r
+\r
+/* Don't display these elements since they're not useful on paper */\r
+#header,\r
+#menu,\r
+.footer {\r
+  display: none;\r
+}\r
+\r
+#content {\r
+  width: auto;\r
+  margin: 0 8%;\r
+  padding: 0;\r
+}\r
+\r
+\r
+\r