/** * Gramy Fair / Diler * * @author Paweł Przybyś (pawel.przybys@gmail.com) * @version 1.00 2010/01/23 */ /** * Main */ #shop #main { background: url(../img/forum/top.jpg) top center no-repeat #222; } /** * Top */ #shop #top-wrapper { height: 261px; background: url(../img/forum/top-wrapper.jpg) no-repeat; } #shop #top h1 { top: 49px; text-indent: 0; } #shop #top h1 a { width: 191px; height: 0; overflow: hidden; padding-top: 33px; background: url(../img/forum/gramy-fair.gif) no-repeat; } #shop #top h2 { position: absolute; top: 94px; left: 0; } #shop #top h2 a { display: block; width: 381px; height: 0; overflow: hidden; padding-top: 94px; background: url(../img/shop/diler.gif) no-repeat; } #shop #top-shop-line { position: absolute; top: 60px; left: 210px; width: 740px; height: 0; overflow: hidden; border-top: 1px solid #e7e7e7; } /** * Top Cart */ #shop #top-cart { position: absolute; top: 17px; left: 350px; } #shop #top-cart a { padding-right: 17px; line-height: 15px; height: 15px; overflow: hidden; display: block; color: #666; background: url(../img/icons/arrow-red-on-white.gif) 100% 50% no-repeat; } #shop #top-cart a span.twoj-koszyk { float: left; margin-right: 3px; display: inline; width: 93px; height: 0; overflow: hidden; padding-top: 15px; background: url(../img/shop/twoj-koszyk.gif) no-repeat; } /** * Account */ #shop #account { top: 15px; } /** * Account Nav */ #shop #account-nav { top: 17px; } /** * Top Shop Nav */ #shop #top-shop-nav { position: absolute; top: 76px; left: 398px; } #shop #top-shop-nav ul li { position: absolute; } #shop #top-shop-nav ul .platnosci { top: 37px; left: 0; } #shop #top-shop-nav ul .przesylka { top: 3px; left: 113px; } #shop #top-shop-nav ul .regulamin { top: 72px; left: 146px; } #shop #top-shop-nav ul .pomoc { top: 49px; left: 301px; } #shop #top-shop-nav ul .kontakt { top: 3px; left: 312px; } #shop #top-shop-nav ul li a { display: block; overflow: hidden; background: url(../img/shop/top-shop-nav.gif) no-repeat; } #shop #top-shop-nav ul .platnosci a { width: 145px; height: 0; padding-top: 48px; background-position: 0 -37px; } #shop #top-shop-nav ul .przesylka a { width: 163px; height: 0; padding-top: 48px; background-position: -113px -3px; } #shop #top-shop-nav ul .regulamin a { width: 156px; height: 0; padding-top: 48px; background-position: -146px -72px; } #shop #top-shop-nav ul .pomoc a { width: 103px; height: 0; padding-top: 48px; background-position: -301px -49px; } #shop #top-shop-nav ul .kontakt a { width: 141px; height: 0; padding-top: 48px; background-position: -312px -3px; } /** * Middle */ #shop #content { width: 760px; } /** * Aside Shop Nav */ #shop #aside-shop-nav .level1 li a { display: block; width: 150px; height: 0; overflow: hidden; padding-top: 34px; border-bottom: 1px solid #464646; } #shop #aside-shop-nav .level1 .ubrania a { background: url(../img/shop/ubrania.gif) 0 50% no-repeat; } #shop #aside-shop-nav .level1 .muzyka a { background: url(../img/shop/muzyka.gif) 0 50% no-repeat; } #shop #aside-shop-nav .level1 .gadzety a { background: url(../img/shop/gadzety.gif) 0 50% no-repeat; } #shop #aside-shop-nav .level1 .inne a { background: url(../img/shop/inne.gif) 0 50% no-repeat; } #shop #aside-shop-nav .level1 li .level2 li a { width: auto; height: auto; overflow: auto; padding-top: 0; background: none; margin: 0; } #shop #aside-shop-nav .level1 li .level2 li a { display: block; padding: 6px 22px; height: 1%; width: 106px; color: #f00; background: url(../img/icons/arrow-red-on-black.gif) 5px 8px no-repeat; font-weight: bold; } /** * Products */ #shop #content .products { margin-bottom: 20px; } #shop #content .products:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #shop #content .products { display: inline-block; } html[xmlns] #shop #content .products { display: block; } * html #shop #content .products { height: 1%; } #shop #content .product { float: left; width: 150px; padding: 20px 40px 15px 0; } #shop #content .product .photo { width: 150px; height: 150px; overflow: hidden; } #shop #content .product .photo img { border: 10px solid #fff; } #shop #content .product.last { padding-right: 0; } #shop #content .product h4 { margin: 10px 0 5px; height: 1.455em; overflow: hidden; } #shop #content .product del { color: #797979; margin-right: 5px; } #shop .shop .heading { border-bottom: 1px solid #464646; padding: 5px 0 15px; } #shop .shop .heading h3 { font-size: 1.636em; font-weight: normal; } #shop .shop .footer { margin-bottom: 20px; margin-top: -21px; } #shop .shop .pagination { padding: 14px 0; } #shop .shop .pagination a { color: #f00; } #shop .shop .pagination a:hover { text-decoration: none; } #shop .shop .pagination a:hover span { text-decoration: underline; } #shop .shop .pagination .current, #shop .shop .pagination .page { margin: 0 .5em; } #shop .shop .pagination .current span { color: #fff; } #shop .shop .line { clear: both; height: 0; overflow: hidden; border-top: 1px solid #464646; } #shop #content .product-detail { border-top: 1px solid #464646; padding-top: 15px; margin-bottom: 20px; } #shop #content .product-detail:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #shop #content .product-detail { display: inline-block; } html[xmlns] #shop #content .product-detail { display: block; } * html #shop #content .product-detail { height: 1%; } #shop #content .product-detail .product-photos { float: left; width: 265px; } #shop #content .product-detail .photo { width: 225px; text-align: center; } #shop #content .product-detail .photo img { border: 10px solid #fff; margin: 0 auto; } #shop #content .product-detail .other { margin-top: 10px; } #shop #content .product-detail .other a { float: left; display: inline; padding: 5px; background: #fff; line-height: 0; margin-right: 10px; } #shop #content .product-detail .about { float: left; width: 285px; padding-right: 20px; } #shop #content .product-detail .about h3 { font-size: 1.636em; margin-bottom: 15px; font-weight: normal; } #shop #content .product-detail .short-description { font-weight: bold; margin-bottom: 15px; } #shop #content .product-detail .detail { float: left; width: 150px; } #shop #content .product-detail .price { text-align: right; padding-bottom: 15px; border-bottom: 1px solid #464646; line-height: 1.455; margin-bottom: 20px; } #shop #content .product-detail .price del { color: #797979; } #shop #content .product-detail .price span { font-size: 1.636em; } #shop #content .product-detail .order { width: 150px; height: 50px; overflow: hidden; } #shop #content .product-detail .order .kupuje-to { border: 0; width: 150px; padding-top: 50px; height: 0; overflow: hidden; background: url(../img/shop/kupuje-to.gif) 50% 50% no-repeat; cursor: pointer; } #shop .shop table { width: 100%; margin: 20px auto; } #shop .shop table th, #shop .shop table td { border: 1px solid #222; vertical-align: middle; } #shop .shop table tbody th, #shop .shop table tbody td { background: #393939; padding: 6px 16px; color: #999; } #shop .shop table tbody th { font-weight: bold; } #shop .shop table thead th { font-size: 1.091em; font-weight: bold; padding: 6px 16px; line-height: 1.3; background: url(../img/forum/title.gif) repeat-x #3e3e3e; margin-bottom: 1px; color: #ccc; } #shop .shop table tfoot td { padding: 6px 16px; background: url(../img/forum/search.gif) repeat-x #666; border: 1px solid #222; color: #fff; } #shop .shop table tfoot td input.przelicz { float: right; display: block; border: 0; background: url(../img/shop/przelicz.gif) no-repeat; cursor: pointer; width: 84px; height: 0; overflow: hidden; padding-top: 16px; } #shop .shop table input[type="text"] { display: block; margin: 0 auto; } #shop .shop table input[type="text"] { border: 1px solid #ccc; padding: 4px 4px; font: normal 1em/1.2em Tahoma, Helvetica, sans-serif; color: #000; background: #fff; } #shop .shop table input[type="text"] { width: 24px; text-align: center; } #shop .shop table .amount { width: 34px; text-align: center; } #shop .shop table .price { width: 64px; text-align: right; } #shop .shop table .total { width: 80px; text-align: right; } #shop .shop table .recount { text-align: right; } #shop .shop table .cost { text-align: right; } #shop .buy { text-align: right; } #shop .buy .kupuje-to { display: inline-block; width: 147px; height: 0; overflow: hidden; padding-top: 47px; background: url(../img/shop/kupuje-to.gif) 50% 50% no-repeat; } #shop .shop .form { margin-bottom: 20px; } #shop .shop .form .submit { width: 150px; height: 50px; overflow: hidden; } #shop .shop .form .submit .kupuje-to { border: 0; width: 150px; padding-top: 50px; height: 0; overflow: hidden; background: url(../img/shop/kupuje-to.gif) 50% 50% no-repeat; cursor: pointer; } /** * Bottom Shop Nav */ #shop #bottom-shop-nav { position: absolute; top: 28px; left: 25px; } #shop #bottom-shop-nav ul li { float: left; padding-right: 20px; text-indent: -2000em; } #shop #bottom-shop-nav ul li a { display: block; height: 12px; background-image: url(../img/shop/bottom-shop-nav.gif); background-repeat: no-repeat; } #shop #bottom-shop-nav ul .platnosci a { width: 66px; background-position: 0 0; } #shop #bottom-shop-nav ul .przesylka a { width: 71px; background-position: -86px 0; } #shop #bottom-shop-nav ul .regulamin a { width: 68px; background-position: -175px 0; } #shop #bottom-shop-nav ul .pomoc a { width: 44px; background-position: -263px 0; } #shop #bottom-shop-nav ul .kontakt a { width: 58px; background-position: -325px 0; }