From 31c7a0056e049f567127a58b8b3bd455d5f630f7 Mon Sep 17 00:00:00 2001 From: Evan Prodromou Date: Tue, 20 May 2008 13:22:41 -0400 Subject: copy in SimpleLife theme darcs-hash:20080520172241-84dde-c872445967ab5c3427e7138189be6ad67dbea780.gz --- doc/TODO | 1 + theme/default/image/body.jpg | Bin 0 -> 46459 bytes theme/default/image/bullet.gif | Bin 0 -> 74 bytes theme/default/image/content.gif | Bin 0 -> 67 bytes theme/default/image/content.png | Bin 0 -> 178 bytes theme/default/image/header.jpg | Bin 0 -> 8208 bytes theme/default/image/menu.gif | Bin 0 -> 264 bytes theme/default/image/tn_inside.jpg | Bin 0 -> 2520 bytes theme/default/image/tn_stream.jpg | Bin 0 -> 3031 bytes theme/default/style/html.css | 255 +++++++++++++++++++++++++++++ theme/default/style/ie.css | 11 ++ theme/default/style/layout.css | 329 ++++++++++++++++++++++++++++++++++++++ theme/default/style/print.css | 62 +++++++ 13 files changed, 658 insertions(+) create mode 100644 theme/default/image/body.jpg create mode 100644 theme/default/image/bullet.gif create mode 100644 theme/default/image/content.gif create mode 100644 theme/default/image/content.png create mode 100644 theme/default/image/header.jpg create mode 100644 theme/default/image/menu.gif create mode 100644 theme/default/image/tn_inside.jpg create mode 100644 theme/default/image/tn_stream.jpg create mode 100644 theme/default/style/html.css create mode 100644 theme/default/style/ie.css create mode 100644 theme/default/style/layout.css create mode 100644 theme/default/style/print.css diff --git a/doc/TODO b/doc/TODO index 7fad3c8c0..4d320b978 100644 --- 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 index 000000000..5abc2e0b0 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 index 000000000..d46280997 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 index 000000000..6194921a3 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 index 000000000..73d9b5317 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 index 000000000..7d1c5b604 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 index 000000000..c6f13925c 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 index 000000000..a6a14012f 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 index 000000000..2f8fde049 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 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; +} + + + -- cgit v1.2.3-54-g00ecf