/* Theme Name: moto-bike Author: Lymorn Author URI: http://lymorn.com/ */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} /* GLOBAL */ body {background: #000; color: #999; font: 0.75em/1.6666em Arial, Helvetica, "Lucida Sans", "Lucida Grande", LucidaGrande, "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Geneva, "Verdana", sans-serif;} .h1, .h2, .h3 ,.h4 ,.h5, .h6, h1, h2, h3 ,h4 ,h5, h6 {color: #fff; font-weight: normal;} h1 a:hover, h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover, h6:hover, h1 a:focus, h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus, h6:focus, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #fff; border-bottom: none;} h1, .h1 {font-size: 2em; line-height: 0.8333em; padding: 0 0 0.8333em; margin: 0 0 0; font-style: italic; font-weight: normal;} h2, .h2, /*{font-size: 1.5em; font-weight: normal; line-height: 1.1111em; padding: 1.1111em 0;}*/ h3, h6 {font-size: 1.3333em; line-height: 1.25em; padding: 1.25em 0; font-weight: bold;} h4 {font-size: 1.1666em; line-height: 1.4285em; padding: 1.4285em 0; font-weight: bold;} h5 {font-size: 1em; line-height: 1.6666em; padding: 1.6666em 0; font-weight: bold;} p, address {text-align: justify; line-height: 1.6666em; margin: 0 0 1.6666em; font-style: normal;} a {text-decoration: none; color: #fff;} i, em {font-style: normal; color: #f60;} td, th {text-align: left; line-height: 1.6666em; padding: 0.4166em 0.8333em;} .lighter td,.lighter th {background: #222;} .attachment {margin: 0 0 1.6666em; color: #666;} .attachment img {clear: both; display: block; margin: 0 auto;} .attachment a {border-bottom: 0; background: none;} .attachment p {padding: 0; margin: 0; text-align: center;} .attachment.alignleft {margin-right: 1.6666em;} .attachment.alignleft {margin-right: 1.6666em;} .attachment.alignright {margin-left: 1.6666em;} .attachment.aligncenter {margin-left: auto; margin-right: auto;} .attachment.alignleft p {margin: 0;} .attachment.alignright p {margin: 0;} .alignleft {float: left !important;} .alignright {float: right !important;} .aligncenter {clear: both !important;} input, select, textarea {width: 350px; padding: 2px 4px; background: #0f0f0f; border: 0.08333em solid #333; color: #666; font-size: 1em; font-family: Arial, Tahoma, Verdana, sans-serif;} input:focus, textarea:focus {color: #bbb; background: #111;} input[type=submit] {color: #ccc; font-weight: bold;} input[type=checkbox], input[type=radio] {width: auto;} textarea {height: 10em;} label {display: block;} form p {margin: 0 0 0.8333em;} #flash-bg {width: 100%; height: 584px; background: ; margin: 0 0 -584px; background: url("gfx/bg_whole.jpg") no-repeat 50% 0} #whole {} #top-area {width: 960px; height: 390px; margin: 0 auto; overflow: hidden;} #middle-area {width: 960px; margin: 0 auto;} #bottom-area {padding: 3.3333em 0 0; clear: both; background: url("gfx/bg_bottom.jpg") repeat-x 0 3.3333em;} /* --- TOP --- */ #header {float: left; color: #008ACC; margin: 0 0 1.6666em; overflow: hidden; height: 100%;} #logo {font-size: 3.3333em; line-height: 1em; margin: 0 0 -0.05em;} #logo a {display: block; width: 221px; height: 105px; color: #fff; text-decoration: none; background: url("gfx/logo_moto-bike-trans.png") no-repeat 0 0; position: relative; z-index: 99;} #logo a span {display: none;} #logo a:focus, #logo a:hover {} #main-navigation {float: right; margin: 30px 0 1.6666em; position: relative; z-index: 99;} #main-navigation ul {} #main-navigation li {position: relative; z-index: 10; float: left; margin: 0 15px 0 0; line-height: 1.6666em;} #main-navigation a {display: block; float: left; padding: 0 5px 0 0; color: #fff; font-size: 1.1666em; line-height: 26px; font-weight: bold; font-style: italic; text-transform: lowercase;} #main-navigation span {display: block; padding: 0 5px 0 10px;} #main-navigation a:focus, #main-navigation a:hover, #main-navigation .current a {background: url("gfx/bg_main-navigation.png") no-repeat 100% -26px; color: #000;} #main-navigation a:focus span, #main-navigation a:hover span, #main-navigation .current a span {background: url("gfx/bg_main-navigation.png") no-repeat 0 0;} #main-navigation.lavaLamp span {padding: 0 0 0 10px;} #main-navigation.lavaLamp a:focus, #main-navigation.lavaLamp a:hover, #main-navigation.lavaLamp .current a {background: none; color: #000;} #main-navigation.lavaLamp a:focus span, #main-navigation.lavaLamp a:hover span, #main-navigation.lavaLamp .current a span {background: none;} #main-navigation li.backLava {position: absolute; z-index: 1; display: block; padding: 0 5px 0 0; background: url("gfx/bg_main-navigation.png") no-repeat 100% -26px;} #main-navigation li.backLava .leftLava {height: 100%; background: url("gfx/bg_main-navigation.png") no-repeat 0 0;} /* --- middle --- */ div.box {margin-bottom: 20px;} #content div.box {} #sidebar div.box {} div.box.list {padding: 1.6666em; background: #0F0F0F;} div.box.list:focus, div.box.list:hover {background: #111; color: #aaa;} .sidebar-left #content {width: 730px; float: right;} #content {width: 660px; float: left; position: relative; z-index: 99;} #content small {} #content img {background: #000; padding: 4px; border: 1px solid #333;} #content a:focus img, #content a:hover img {border-color: #444;} #content-header {font-size: 2em; line-height: 20px; height: ; padding: 25px 0 6px 26px; margin: 0 0 0.8333em -6px; background: url("gfx/bg_h1.png") no-repeat 0 100%; color: #fff;} .content-header h2, .content-header .h2 {padding: 0 0 0.625em;} .content-meta {float: right; margin: 0 0 0 1.6666em;} .content-meta .price {font-size: 1.1666em; line-height: 1.4285em;} .content-meta .price b, .content-meta .price strong {color: #fff;} .content-body p a, .content-body li a {} .content-body a:hover, .content-body a:focus {color: #fff; border-bottom: 1px dotted #ddd;} .content-body p {overflow: hidden;} #middle-area > #content-header {margin-bottom: 1.6666em;} .list .content-header {margin: 0 0 0.8333em;} .content-header {margin: 0 0 1.6666em; background: url("gfx/bg_hr.png") no-repeat 0 100%;} .content-footer p {text-align: right; margin: 0;} .content-attachment {float: left;} .list .content-header, .list .content-body, .list .content-footer {margin-left: 150px;} .list.product .content-header, .list.product .content-body, .list.product .content-footer {margin-left: 190px;} .list.product {overflow: hidden;} .product .content-header {} .product .content-attachment + .content-attachment {float: right;} .product .content-attachment + .content-attachment + .content-header {clear: both; padding: 1.6666em 0 0; margin: 0 0 1.6666em;} .product .content-attachment table {width: 360px;} .content-attachment td + td {text-align: right;} .slider {padding: 0 20px;overflow: hidden; position: relative;} .slider div {position: relative;} .slider .box-bg {background: #333; border: 1px solid #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.25; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); z-index: -1;} .slider .content-header {padding: 1.6666em 1em 0; margin: 0; background: none;} .slider .content-header h1, .slider .content-header .h1 {margin: 0; background: none;} .slider .content-attachment {width: 260px; height: 260px; float: right; position: relative; overflow: hidden;} .slider .content-attachment ul {position: absolute; top: 0; left: 0;} #content .slider .content-attachment li {width: 260px; list-style: none; margin: 0; padding: 0; background: none;} #content .slider .content-attachment img{margin: 0; padding: 0; background: none; vertical-align: bottom;} #content .slider .content-attachment a {display: block; width: 258px; position: absolute; left: 1px; bottom: 1px; margin: 0; padding: 0.8333em 0; background: #000; color: #fff; text-align: center; opacity: 0.7; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);} .slider .content-body {margin: 0 280px 0 0;} #content .slider .content-body ul {border-top: 1px solid #272727;} #content .slider .content-body li {display: block; margin: 0; padding: 0; background: none; border-bottom: 1px solid #272727;} #content .slider .content-body a {display: block; padding: 0.75em 1em 0.8333em; color: #999;} #content .slider .content-body a:focus, #content .slider .content-body a:hover {color: #fff; border-bottom: none;} #content .slider .content-body .active a{background: url("gfx/bg_news-trans.png") no-repeat 0 0; color: #fff;} .slider .content-footer {padding: 0 1em 1.6666em; clear: both;} .slider .content-footer p {text-align: left;} .slider .content-footer a.more span, .slider .content-footer a.more {background-image: url("gfx/bg_more_gray.png");} #content ul {list-style: disc; margin: 0 0 1.6666em;} #content ol {list-style: decimal; margin: 0 0 1.6666em;} #content li {display: list-item; margin: 0 0 0 1.6666em;} #content ul li {margin: 0; padding: 0 0 0 1.6666em; list-style: none;background: url("gfx/bg_li.gif") no-repeat 0.6666em 0.6666em;} #content ul ul, #content ol ol, #content ul ol, #content ol ul {margin: 0;} #content .product .content-attachment ul.gallery {width: 340px;} #content ul.gallery {width: ; padding: 0; margin: ; text-align: left; overflow: hidden;} #content ul.gallery li {display: -moz-inline-stack; display: inline-block; list-style: none; margin: 5px -4px 5px 0; padding: 0 10px 0 0; background: none; text-align: center; vertical-align: top; zoom: 1; *display: inline;} #content ul.gallery img {vertical-align: bottom; width: 65px;} #content ul.gallery a {} #content ul.gallery a:hover {} .pagination:first-child, .content-header + .pagination, #content-header + .pagination {background: none; padding: 0;} .pagination {padding: 1.6666em 0 0; background: url("gfx/bg_h1.png") no-repeat 0 -50px; text-align: right;} .pagination a {padding: 2px 4px; line-height: 20px; height: 20px; color: #999;} .pagination a span {padding: 0 2px;line-height: 20px; height: 20px;} .pagination a.current {background: url("gfx/bg_pagination.png") no-repeat 100% -20px; padding: 2px 2px 2px 0; color: #fff;} .pagination a.current span {background: url("gfx/bg_pagination.png") no-repeat 0 0; padding: 2px 4px 2px 6px;} .pagination a:focus, .pagination a:hover {color: #fff;} .pagination a:focus span, .pagination a:hover span {} a.more {background: url("gfx/bg_more.png") no-repeat 100% -22px; line-height: 22px; height: 22px; padding: 3px 5px 3px 0; color: #ddd;} a.more span {background: url("gfx/bg_more.png") no-repeat 0 0; padding: 3px 5px 3px 10px;} div.box a.more:focus, div.box a.more:hover {border: none; color: #fff;} button.submit {background: url("gfx/bg_more_orange.png") no-repeat 100% -22px; height: 22px; padding: 0; color: #ddd; border: none; color: #000;} button.submit span {background: url("gfx/bg_more_orange.png") no-repeat 0 0; display: block; margin: -1px 2px 0 0; padding: 2px 5px 6px 10px;} .sidebar-left #sidebar {width: 200px; float: left;} #sidebar {width: 270px; float: right; position: relative; z-index: 99;} #sidebar h6 {margin-bottom: 0.625em; padding-bottom: 0.625em; background: url("gfx/bg_hr.png") no-repeat 100% 100%;} #sidebar ul {list-style: none;} #sidebar ol {list-style: decimal;} #sidebar li {margin: 0 0 0 1.6666em; list-style: square; color: #333;} #sidebar li a {color: #888;} #sidebar li a:focus, #sidebar li a:hover {color: #fff;} #navigation {} #navigation li {display: block; list-style: none; margin: 0;} #navigation a {display: block; padding: 0.8333em 1.6666em; background: #0B0B0B url("gfx/bg_hr.png") no-repeat -255px 100%; zoom: 1;} #navigation .current a:focus, #navigation .current a:hover, #navigation .current a {background-color: #500; color: #fff;} #navigation a:focus, #navigation a:hover {background-color: #111;} #navigation {} #navigation {} #navigation {} /* --- bottom --- */ #footer {width: 960px; margin: 0 auto; padding: 85px 0 0; color: #999; overflow: hidden; background: url("gfx/bg_footer.jpg") repeat-x 0 0;} #footer p {float: right; display: inline; text-align: center; margin: 0 0 10px;} #footer p.copyrights {display: none;} #footer p.lymorn {display: none;} #footer a {color: #999;} #footer a:focus, #footer a:hover {color: #ddd;} #footer ul {float: left; margin: 0 0 0 -6px;} #footer li {display: inline; padding: 0 5px; border-left: 1px solid #333;} /* + aktualnosc + aktualnosci home + oferta kontakt + firma + katalog produktow + produkt */