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 --- theme/default/style/layout.css | 329 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 329 insertions(+) create mode 100644 theme/default/style/layout.css (limited to 'theme/default/style/layout.css') 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; +} + + + + + -- cgit v1.2.3-54-g00ecf