/* * * Stylesheet for ^SITENAME * * @section screen * @author --- * @version 1.00 * @copyright zaciecie.pl * @media screen * * * @colordef black #0C0402 * @colordef dark red #591F08 * @colordef dark orange #FE7C00 * @colordef light orange #FD8D00 * @colordef creme #FAF7F2 * * @todo */ /* body styles / reset / links / headings / other elements / tags */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""} button {cursor: pointer} legend {display: none} object {float:left} .accessibility {display: none} .notxt { font-size: 0; line-height: 0; text-indent: -9998%; } .pngfix { behavior: url("/css/iepngfix.htc") } html { background: #32170a url(../img/html.bg.jpg) repeat-x; min-height: 100%; _height: 100%; } body { background: transparent url(../img/body.bg.jpg) center 0 no-repeat; min-height: 100%; _height: 100%; color: #000; font: 13px/130% Arial, Helvetica, sans-serif; } .container { position: relative; margin: 0 auto; } /* forms / notifications and errors / consistant items with normally just one class */ /* skeleton including page furniture */ /* container */ #container { width: 747px; height: 735px; padding: 25px 0 0; } /* header */ #header { height: 105px; } #header h1 { float: left; width: 110px; height: 90px; } #header h1 a { display: block; height: 90px; background: url(../img/logo.gif); text-indent: -999999px; } #header h2 { float: left; width: 365px; height: 25px; margin-top: 63px; background: 0 bottom no-repeat; text-indent: -999999px; } /* Main menu */ #main-menu { float: right; width: 268px; height: 28px; margin-top: 60px; } #main-menu li { float: left; list-style: none; } #main-menu a { float: left; width: 77px; height: 28px; background: url(../img/main-menu.a.gif) 0 0; } #main-menu a:hover, #main-menu .current a { background-position: 0 bottom; } #main-menu #catalog { padding: 0 18px 0 19px; } #main-menu strong { float: left; width: 77px; height: 28px; background: center center no-repeat; text-indent: -999999px; cursor: pointer; } /* content */ #content { width: 747px; height: 456px; margin-bottom: 5px; } #content a { color: #993413; text-decoration: underline } #content a:hover { text-decoration: none } #content strong { font-weight: bold; } #content em { font-style: italic; } #sidebar { float: left; height: 456px; position: relative} #main-content { float: right; } /* Home */ .home #sidebar { width: 371px; background: url(../img/sidebar.home.jpg) no-repeat; } .home #sidebar h4 { width: 365px; height: 67px; margin-top: 385px; text-indent: -999999px; background: right 0 no-repeat; } .home #main-content { width: 320px; padding: 100px 30px 0 0; } .home #main-content .author { margin-top: 25px; text-align: right; background: url(../img/p.em.gif) right bottom no-repeat; } .home #main-content .author em { display: block; width: 200px; height: 75px; visibility: hidden; } /* contact */ .contact #sidebar { width: 392px; background: url(../img/sidebar.contact.jpg) 10px 53px no-repeat; } .contact #main-content { width: 265px; height: 430px; padding: 25px 40px 0; border-left: 1px dashed #783a07 } .contact #main-content form { margin-top: 15px; background: #db9944; } .contact #main-content fieldset { padding: 10px; font-weight: bold } .contact #main-content .legend { margin-bottom: 5px; } .contact #main-content label { display: block; } .contact #main-content li { padding: 0 0 3px; margin: 0; } .contact #main-content li input, .contact #main-content li textarea { width: 96%; border: 1px solid #9b968a; font-size: 11px; padding: 2px 5px; font-family: Arial, Helvetica, sans-serif; } .contact #main-content li textarea { height: 75px; } .contact #main-content button { float: right; margin-top: 5px; width: 70px; height: 25px; line-height: 25px; font-weight: bold; background: red url(../img/submit.gif); border: 0; } /* catalog */ .catalog #sidebar { width: 480px; background: url(../img/sidebar.catalog.jpg) 4px 5px no-repeat; } .catalog #main-content { width: 222px; height: 386px; padding: 70px 20px 0; border-left: 1px dashed #783a07 } /* offer */ .offer #sidebar { width: 403px; height: 410px; padding: 46px 0 0 30px; } .offer #sidebar h3 { font: italic 34px Georgia, serif; color: #fff; height: 50px; } .offer #main-content { position: relative; width: 312px; height: 456px; border-left: 1px dashed #783a07; } .offer #sidebar .product { width: 325px; height: 300px; margin-left: 25px;position: absolute; top: 96px } .offer #sidebar .product img { display: block } .offer #main-content .product { padding: 70px 0 15px 40px; } .offer #main-content .product h2 { font-weight: bold; font-size: 14px; margin-bottom: 10px; } .offer #main-content .product dt {clear:left; float: left; width: 75px; padding: 3px 0; } .offer #main-content .product dd { float: left; width: 195px; padding: 3px 0; } .offer #main-content .product .kinds { clear: left; } .offer #main-content .product .kinds li { float: left; padding: 5px 10px; margin: 0 5px 5px 0; background: #ed1c24; color: #fff; font-weight: bold; } .offer #main-content .pack { position: absolute; bottom: 15px; left: 12px; width: 282px; height: 227px; } .offer #main-content .pack img { display: block; } #nav { position: absolute; width: 688px; left: 50%; margin: -50px 0 0 -344px; z-index: 100; } #nav a { display: block; width: 35px; height: 31px; background: no-repeat; text-indent: -999999px; } #nav .prev { float: left; } #nav .prev a { background-image: url(../img/left.gif) } #nav .next { float: right; } #nav .next a { background-image: url(../img/right.gif) } /* language versions */ /* main menu */ .pl #main-menu #offer a strong { background-image: url(../img/pl/offer.png) } .pl #main-menu #catalog a strong { background-image: url(../img/pl/catalog.png) } .pl #main-menu #contact a strong { background-image: url(../img/pl/contact.png) } .en #main-menu #offer a strong { background-image: url(../img/en/offer.png) } .en #main-menu #catalog a strong { background-image: url(../img/en/catalog.png) } .en #main-menu #contact a strong { background-image: url(../img/en/contact.png) } .de #main-menu #offer a strong { background-image: url(../img/de/offer.png) } .de #main-menu #catalog a strong { background-image: url(../img/de/catalog.png) } .de #main-menu #contact a strong { background-image: url(../img/de/contact.png) } /* slogan */ .pl #header h2 { background-image: url(../img/pl/slogan.gif) } .en #header h2 { background-image: url(../img/en/slogan.gif) } .de #header h2 { background-image: url(../img/de/slogan.gif) } /* home sidebar */ .home.pl #sidebar h4 { background-image: url(../img/pl/sidebar.png) } .home.en #sidebar h4 { background-image: url(../img/en/sidebar.png) } .home.de #sidebar h4 { background-image: url(../img/de/sidebar.png) } /* page components -> most of styles */ #footer { height: 100px; } #footer h5 { float: left; width: 133px; height: 16px; background: url(../img/footer.h5.gif) no-repeat; text-indent: -999999px; } #footer dl { float: right; position: relative; text-indent: -999999px; } #footer dt { display: block; width: 150px; height: 16px; margin-bottom: 10px; background: url(../img/footer.dt.gif) right 0 no-repeat; } #footer dd { float: left; width: 35px; } #footer .first { padding-left: 70px; padding-right: 10px; } #footer dd a { display: block; width: 34px; height: 20px; } #footer .en { background: url(../img/en.gif) } #footer .pl { background: url(../img/pl.gif) } #footer .de { background: url(../img/de.gif) } /* specyfic, unpredicted styles, trynigs */