/** * Demo CSS layout * This CSS layout is based on YUI reset and base */ body { font-family: verdana,helvetica,arial,sans-serif; font-size:75%; background-color: #fff; } html > body { font-size:13px; } /* non-IE 6 browsers */ html, body { height: 100%; } /* fouc (corrected for javascript-less in )*/ .tab { display: none; } .tab.selected { display: block; } #global { position: relative; min-height: 100%; } #content-wrapper { margin: 0 auto; position: relative; min-height: 100%; overflow: hidden; } a { text-decoration: none; color: #095183; } a:focus, a:hover, a:active { text-decoration: underline; } body h1, body h2, body h3 { margin: .3em 0; } body ul li { list-style: none; } p { line-height: 1.5em; overflow: hidden; } /* Header */ #header { background: #fff url('../../5/e63a2d5562abd6445d13cac918e4eebe/img/logo.jpg') no-repeat 1em 2em; height: 90px; overflow: hidden; margin-top: 1.5em; } #header div { float: left; margin: 0 1em; } #header div#debug { float: right; } #header div#languages { display: inline; } /* Left menu */ #menu { float: left; width: 15%; padding: 1em 0 80px 0; } #menu ul li { list-style: none; line-height: 1.5em; } #menu li a:focus, #menu li a:hover, #menu li a:active { background-color: #f63; color: #fff; border: 2px solid #a00; } #menu li a { color: #000; border: 2px solid #fff; display:block; padding:3px 0 3px 10%; text-decoration:none; width:90%; } #menu li.selected a { font-weight: bold; } /* Main and right columns */ #main { width: auto; min-height: 400px; margin: 0; overflow: hidden; padding: 0 2em 120px 2em; border-left: 1px #ddd solid; border-right: 1px #ddd solid } body.nomargins #main { margin: 0; border: 0; } #tips { float: right; width: 25%; padding-bottom: 80px; overflow: hidden; } #tips div { padding: 0 1em 1em 2.3em; background: #fff url('../../5/51a8393aceb62e10112672589f75457e/img/li.gif') no-repeat .5em 0; } #tips li { padding: 0 1em; } /* Footer */ #footer p { margin: 0; } #footer a { color: #a5623e; text-decoration: none; } #footer a:focus, #footer a:hover, #footer a:active { color: #f7dfd1; } #footer { position: relative; margin-top: -80px; height: 50px; clear: both; overflow: hidden; background: #F6B285 none repeat scroll 0 0; border-top: 5px solid #F86E13; border-bottom: 5px solid #F86E13; color: #666666; padding: 10px 20px; } #extrema-logo { background: transparent url('../../5/e584e2c91eacda68944f1f99dea42995/img/logo_footer.gif') no-repeat scroll 50% 50%; float: right; height: 70px; margin: -10px -20px; width: 250px; } /* Forms */ label { clear: left; display: block; margin: 1em; min-height: 1.8em; overflow: hidden; } span.label { font-weight: bold; float: left; padding: 0.4em 1em; line-height: 1.5em; text-align:right; width: 12em; } p span.label { padding: 0 .5em; } label.required span.label { font-weight: bold; background: #fff url('../../5/738929f49cdbfb480e5954857c921cdb/img/required.gif') no-repeat 97% 2px; } div#errors { margin: 1em 0; width: 90%; } div#errors ul { margin: 0; padding: 0; } span.error, div#errors { display:block; padding: 1em; border: 2px #dbb solid; background: #fdd; float: left; margin-top: .3em; } span.error { clear: both; margin-left: 14em; } input { padding: 0.2em; } form input.checkbox { padding: 0; margin: .5em 1em 0 0; } div.buttonBar { padding-bottom: 2em; } div.buttonBar a, div.buttonBar input { margin: 0 1em 0 0; } body input[type=text], body input[type=password], body textarea{ width: auto; } .important { font-style: italic; color: #888; } div.radio label { float: left; margin: 0.4em 1em; clear: none; } input.radio { margin-right: .5em; } /* Error page */ .errorPage h1#message { padding: .2em .5em; color: #d33; border: 2px #d33 solid; font-size: 150%; }