/* -------------------------------------------------- Zenodro.com PAGE STYLES Last revised 26 February 2007 -------------------------------------------------- Individual page styles Assign ID or class to and prepend to declarations */ /* -------------------------------------------------- Home -------------------------------------------------- */ body#home { background: #333 url(../images/background-green.gif) no-repeat top center; /* background: #09481e;*/ /* color-matched green */ /* alternate: #094b1f */ } #home #content { width: 800px; padding: 0; border-left: none; } /* -------------------------------------------------- Current Developments -------------------------------------------------- */ /* -------------------------------------------------- Dream -------------------------------------------------- */ /* -------------------------------------------------- Developments Subpage -------------------------------------------------- Use .subpage class */ .subpage #content { /* allow for width + padding for possible scrollbar */ width: 328px; padding-right: 20px; overflow: auto; } #oak-ridge #content { /* no scrollbar needed so adjust dimensions accordingly */ width: 348px; padding-right: 0; } .subpage #content #text-swap h1 { font-size: 25px; line-height: .84; margin: 0 0 .84em; } .subpage #content #text-swap h2 { margin-bottom: .875em; } .subpage #content #text-swap .link.back { font-style: italic; float: right; } .subpage #sidebar { width: 320px; /* @ 25.5em */ height: 526px; padding: 20px; border-left: 1px solid #669933; /* Dark yellow-green */ } .subpage #sidebar img.sidebarimg { width: 318px; height: 318px; } .subpage #sidebar h2 { font-size: 18px; line-height: 1.167; margin: .5833em 0; } .subpage #gutter { width: 50px; /* @5em including margins */ float: left; margin-right: 20px; } .subpage #gutter p.link.back { margin-top: 1.125em; } /* -------------------------------------------------- Community Maps -------------------------------------------------- */ #map #content { position: relative; width: 709px; float: right; background-color: #0a360f; /* background-color: #0a360f; */ } #map #content h1 { position: relative; margin: 0 auto .75em; } #map #detail { width: 120px; height: 125px; position: absolute; top: 6px; right: 0; padding: 5px; border: 4px solid #ff9900; /* Orange */ background: #fff; /* White */ } #map div#unit { color: #ffcc80; font-size: 70px; line-height: .3; width: 120px; position: absolute; top: 6px; right: 145px; padding-top: .9em; text-align: center; } #map #swap { width: 277px; height: 402px; position: absolute; z-index: -10; bottom: 0; right: 0; border: 4px solid #ff9900; background: #fff; /* White */ } #map #swap img { width: 255px; margin: 0; padding: 11px; } #map #swap p { position: absolute; right: .875em; top: .25em; } #map #swap a, #map #swap a:visited, #map #swap a:hover { color: #ff9900; font-weight: bold; } #map #swap a:active { color: #99cc00; /* Yellow-green */ } #map #content .logo { position: absolute; top: 6px; right: 145px; } #map #content img.map { width: 729px; height: 410px; position: absolute; bottom: 0; left: 0; } #map #gutter { width: 50px; /* @5em including margins */ float: left; margin-right: 20px; } #map #gutter p.link.back { margin-top: 1.125em; } /* -------------------------------------------------- About -------------------------------------------------- */ #about #content { background: transparent url(../images/logos/fheo.png) no-repeat right 36.5em; } /* -------------------------------------------------- Contact -------------------------------------------------- */ #contact h3 { color: #ffff99; /* Light yellow */ font-size: 16px; line-height: 1.3125; margin: 0 0 .65625em; } /* -------------------------------------------------- Login -------------------------------------------------- */ #login #content #text-swap h2 { margin-bottom: .875em; } #login #inset { float: right; padding: 0 0 .375em .75em; } /* -------------------------------------------------- Clients -------------------------------------------------- */ #clients #content h2 { color: #99cc00; font-size: 14px; line-height: 1.5; margin: 1.5em 0 0; text-transform: uppercase; letter-spacing: .1em; } #clients #content h3 { font-size: 16px; line-height: 1.3125; margin: 0 auto; } #clients .column { padding-bottom: .75em; } #clients .column.right .scroll { max-height: 25.5em; /* @17 lines */ overflow: auto; } #clients #address-wrapper { position: relative; } #clients #address-wrapper ol.address.right { position: absolute; top: 0; left: 284px; /* align with right column */ } #clients #address-wrapper .address .inline.pad { margin-left: .375em; } #clients .address span { color: #cce680; /* Yellow-green 50% */ font-weight: bold; margin-right: .75em; } /* -------------------------------------------------- Sitemap -------------------------------------------------- */ #sitemap #content .overhead { /* text highlight */ color: #ffff99; /* Light yellow */ font-style: italic; font-weight: normal; font-size: 20px; line-height: 1.05; float: right; margin: -3.45em 0 .525em; } #sitemap #content ol li ol { margin-bottom: .375em; } #sitemap #content ol ol ol { font-size: 12px; line-height: 1.75em; } #sitemap #sidebar img { padding-right: .75em; } #sitemap #sidebar .w3c { /* W3C standards compliance declaration */ font-size: 13px; line-height: 1.615; margin: .8077em 0; } #sitemap #sidebar .subsection.last.w3c h4 { font-size: 14px; line-height: 1.5; margin: -.75em 0 .75em; }