/* ------------------------------------------- project: Oniet date: 2007/06/23 ------------------------------------------- */ html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; } body { margin: 0; padding: 25px 0 0; background: #708da2; color: #4a708b; font: 68.75%/140% Tahoma,Verdana,sans-serif; } textarea, input, select, option, button { font: 1em Tahoma,Arial,Helvetica,sans-serif; } /* COMMON ------------------------------------------- */ fieldset { border: none; margin: 0 0 12px; padding: 0; } legend { display: none; } button { overflow: visible; cursor: pointer; } img { border: none; } strong { } em { padding: 1px 2px; background: #ffffe0; font-style: normal; } abbr, acronym { border-bottom: 1px dotted #aaa; } dl { margin: 0 0 12px; } dt { font-weight: bold; } dd { margin: 0; } p { margin: 0 0 12px; } var { background: #fbeeee; font-style: normal; } a { color: #8ea7b9; text-decoration: underline; } a:hover, a:focus, a:active { text-decoration: none; } /* HEADINGS ------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: bold 18px Verdana,Arial,Helvetica,sans-serif; color: #708da2; } h1 { font-size: 18px; font-weight: normal; } h2 { font-size: 14px; } h3 { margin: 0 0 3px; font-size: 13px; } h4 { font-size: 12px; } h5 { font-size: 11px; } h6 { font-size: 10px; } h2.a { width: 100%; margin-left: -5px; padding: 5px 0; border: 1px solid #708da2; border-width: 1px 0; font-size: 12px; text-align: center; text-transform: uppercase; } /* HELPERS ------------------------------------------- */ .wrapper { overflow: hidden; } .offset { position: absolute; left: -10001em; top: -10001em; } /* LAYOUT ------------------------------------------- */ #root { position: relative; width: 672px; margin: 0 auto; } #root-inner { position: relative; width: 100%; min-height: 335px; margin: 0 0 10px; border-radius: 35px; border: 10px solid #859eb0; background: #fff; } *:first-child+html #root-inner { min-height: 360px; } #paper { position: absolute; left: -23px; top: 13px; width: 362px; height: 336px; margin: 0; background: url(http://oniet.s3.amazonaws.com/generator/paper.png) no-repeat; } #paper a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001em; } #style-change { position: absolute; left: 20px; top: 360px; width: 305px; text-align: center; } #clink { position: absolute; left: 20px; top: 385px; width: 310px; text-align: center; } #content { padding: 60px 15px 10px 345px; background: url(http://oniet.s3.amazonaws.com/generator/logo.png) 345px 20px no-repeat; } #generator { } #generator fieldset { margin: 0; } #generator fieldset div { position: relative; float: left; margin-bottom: 12px; } #generator fieldset div label { position: absolute; left: 0; text-indent: -10001em; } #generator fieldset div input { width: 100%; height: 18px; padding: 0; border: none; background: none; line-height: 15px; } #imie-w { width: 71px; margin-right: 5px; padding: 0 5px 0 40px; background: url(http://oniet.s3.amazonaws.com/generator/inputs.png) 0 0 no-repeat; } #imie-w label { width: 40px; } #nazwisko-w { width: 114px; padding: 0 5px 0 71px; background: url(http://oniet.s3.amazonaws.com/generator/inputs.png) 0 -30px no-repeat; } #nazwisko-w label { width: 71px; } #wiek-w { width: 37px; margin-right: 5px; padding: 0 5px 0 74px; background: url(http://oniet.s3.amazonaws.com/generator/inputs.png) 0 -60px no-repeat; } #wiek-w label { width: 74px; } #miasto-w { width: 126px; padding: 0 5px 0 59px; background: url(http://oniet.s3.amazonaws.com/generator/inputs.png) 0 -90px no-repeat; } #miasto-w label { width: 59px; } #zgoda-w { clear: both; float: none !important; width: 300px; padding: 15px 0 0 10px; background: url(http://oniet.s3.amazonaws.com/generator/input-zgoda.png) no-repeat; } #zgoda-w label { position: static !important; width: auto !important; text-indent: 0 !important; vertical-align: middle; } #zgoda-w input { width: auto !important; vertical-align: middle; } #motyw { clear: both; overflow: hidden; width: 100%; margin: 0 0 12px; padding: 20px 0 0 15px; background: url(http://oniet.s3.amazonaws.com/generator/input-motyw.png) 0 5px no-repeat; } #motyw ul { float: left; list-style: none; width: 150px; margin: 0; padding: 0; } #motyw ul li { margin: 0 0 3px; padding: 0; } #motyw ul li input { width: auto; margin: 0 5px 0 0; padding: 0; vertical-align: middle; } #motyw ul li label { position: static; text-indent: 0; vertical-align: middle; } #motyw ul li label.new { padding: 0 22px 0 0; background: url(http://oniet.s3.amazonaws.com/generator/new.gif) 100% 2px no-repeat; } #generator fieldset div.results-sense { width: auto; height: 63px; margin: -10px 0 10px; padding-left: 31px; _padding-left: 40px; border: none; text-align: center; } #generator fieldset div.submit { clear: both; float: none; width: 100%; } #generator fieldset button { display: block; width: 100px; height: 22px; margin: 0 0 0 15px; padding: 0; border: none; background: url(http://oniet.s3.amazonaws.com/generator/button.png) no-repeat; text-indent: -10001em; } #footer { left: 0; color: #b9d3df; } #footer p { float: right; padding: 0 20px 0 0; } #footer p.first { float: left; padding: 0 0 0 20px; } /* ELEMENTS ------------------------------------------- */ div.error { width: 100%; padding: 5px 0 0; border-top: 1px solid #ccc; color: #b41414; font-weight: bold; text-align: center; } div.sense { display: inline; float: right; margin: 18px 20px 0 0; padding: 0; } div.results-sense { position: relative; _left: -5px; width: 300px; margin: 0 0 10px -5px; padding: 5px 5px 0; border: 1px solid #ccc; } p.link-holder { overflow: auto; width: 300px; margin: 0 0 10px -5px; padding: 5px; border: 1px solid #ccc; background: #fff; text-align: center; } p.promo { overflow: auto; width: 300px; margin: 0 0 10px -5px; padding: 5px; border: 1px solid #4a708b; background: #4a708b; text-align: center; } p.promo a { color: #fff; text-decoration: none; } div.like { line-height: 20px; text-align: center; } div.like div { vertical-align: top; } ol.a { margin: 0 0 15px; padding: 0 0 0 30px; } /* HACKS ------------------------------------------- */