/** * @version $Id: layout.css 33 2007-09-28 12:16:13Z spook.68 $ * @package Joomla! * @subpackage 68portal * @copyright Copyright (c)2007 Axel Wehner. All rights reserved. * @license GNU/GPL **/ /********************************************************************************************************* general *********************************************************************************************************/ /* reset */ html, body, div, ul, ol, li, dl, dt, dd, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } fieldset, img { border: 0; } /* now we can start :) */ html[xmlns] { height: auto; padding-bottom : .01em; } body { min-height: 100%; position: relative; font-size: 1em; color: #6a6a6a; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; text-align: center; background: #8A950B 0 0 repeat; } /* clearing ****************************/ /* you can find the ie clearing in the iefixes.css */ .clearfix:after, #header:after, #content:after, div.content-modules:after, div.blog_row:after, ul.meta:after, .filter:after, .contentdescription:after, #footer:after, #main:after, .pagination:after { content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; } #ie_clearing { display: none } .clear { clear:both; height: 0; line-height: 1px; } /********************************************************************************************************* layout *********************************************************************************************************/ /* page / shadow ****************************/ div#page-l { max-width: 95%; min-width: 760px; padding: 0 0 0 3px; margin: 0 auto; text-align: left; font-size: 0.8em; line-height: 150%; } div#page-r { padding: 0 3px 0 0; background: #fff url(../images/shadow-right.png) right top repeat-y; } div#page-b { height: 3px; line-height: 0; margin: 0 auto; font-size: 1px /*ie*/; background: transparent url(../images/shadow-bottom.png) left bottom repeat-x; } /* top header ****************************/ div#top-header { position: relative; height: 95px; background: url(../images/top-header.png) left bottom repeat-x; border-bottom: 1px solid #fff; } div#top-header h1 { width: 240px; text-align: center; line-height: normal; margin: 0; padding: 0; } div#top-header form { position:absolute; top: 10px; right: 10px; } div#top-header form label { position: absolute; top: -999em; left: -999em; } div#top-header form input { border: 1px solid #D2DEF0; padding: 0.2em; } /* header ****************************/ div#header { height: 166px; font-size: 0.85em; line-height: 155%; border-bottom: 1px solid #fff; position: relative; } div#header div#topmod { height: 166px; width: 240px; /*float: left;*/ position: absolute; top: 0; left: 0; background: #e3e9da 0 0 no-repeat; overflow: auto; } div#header div#topmod .article_separator { display: none; } /* module layout -> template_css.css */ div#header div#image { position: relative; left: 241px; margin: 0 241px 0 0; height: 166px; background: url(../images/header-image.png) left 0 repeat-x; } div#header div#image h2#slogan { position: absolute; right: 10px; bottom: 5px; margin: 0; color: #fff; font-size: 1.3em; letter-spacing: 0.05em; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif } /* main section / content ****************************/ div#content { padding: 0 0 3px 0; /* padding for the #page-r background */ background: url(../images/left-column.png) left top repeat-y; } body.right-col div#content, body.no-col div#content { background: #fff; } /* left sidebar ****************************/ div#content div#left-sidebar { float: left; width: 240px; display: block } /* breadcrumb / pathway ****************************/ div#content div#breadcrumb { font-size: 0.85em; margin: 0 -10px 10px -9px; color: #fff; padding: 0.6em 0 0.5em 15px; background: #005466 url(../images/mod-normal.png) 0 0 repeat-y; overflow: hidden; } /* variable module layouts */ body.no-col div#content div#breadcrumb, body.right-col div#content div#breadcrumb { margin: 0 -10px 10px -10px; } /* opera padding fix */ div#content div#breadcrumb.opera { padding: 0.5em 0 0.45em 15px; } /* breadcrumb heading */ div#content div#breadcrumb h3 { float: left; color: #fff; font-size: 1em; margin: 0 0.5em 0 0; text-transform: none; } /* breadcrumb list */ div#content div#breadcrumb ul { margin: 0; padding: 0; list-style: none; } div#content div#breadcrumb ul li { float: left; margin: 0 0.5em 0 0; font-weight: bold; } /* breadcrumb links */ div#content div#breadcrumb ul li a:link, div#content div#breadcrumb ul li a:visited { font-weight: normal; color: #fff; background: url(../images/breadcrumb.gif) 100% 80% no-repeat; padding: 0 10px 0 0; } div#content div#breadcrumb ul li a:hover, div#content div#breadcrumb ul li a:active, div#content div#breadcrumb ul li a:focus { color: #fff; text-decoration: none; } /* main content ****************************/ div#content div#main { margin: 0 10px 0 250px; line-height: 140%;} /* variable module layouts */ body.right-col div#content div#main, body.no-col div#content div#main { margin: 0 10px 0 10px; } div#content div#main div#main-content { float: left; width: 68.7%; } /* variable module layouts */ body.left-col div#content div#main div#main-content, body.no-col div#content div#main div#main-content { width: 100%; } div#content div#main div#main-content div.content-modules { margin: 0 0 0.5em 0; } div#content div#main div#main-content div.content-modules div.float1 { float: left; width: 49%; } div#content div#main div#main-content div.content-modules div.float2 { float: right; width: 49%; } /* right sidebar ****************************/ div#content div#main div#right-sidebar { margin: 0 0 0 70%; } /* footer ****************************/ div#content div#footer { font-size: 0.85em; color: #006633; margin-top: 10px; margin-right:5px; margin-left:5px; padding: 1em; background: #E3E9DA none no-repeat scroll 0 0 } /* variable module layouts */ body.right-col div#content div#footer, body.no-col div#content div#footer { margin: 1em 0 0 0;} div#content div#footer p { margin: 0; float: right; } div#content div#footer p.copyright { float: left; margin: 0; } div#content div#footer p img { vertical-align: middle; }