Вопрос следующий, с psd макета сделали нарезку, загрузили на сайт, все отцентрировали, но края графики не видны, а это очень важно, как в CSS сделать видимость краев?
Вот файл стиля, движок Симпла. Картинок три штуки: низ, верх и центр
Вот файл стиля, движок Симпла. Картинок три штуки: низ, верх и центр
| Код |
|---|
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
html {
background: url("../images/sand.jpg") repeat left top transparent;
}
body {
font: 400 13px/1.4 'Open Sans' , Arial, sans-serif;
/*background: url("../images/water_textura.jpg") repeat left top transparent;*/
}
p {
margin-bottom: 0.5em
}
a {
text-decoration: underline;
color: #E29025;
}
a:hover {
text-decoration: none;
color: #E29025;
-moz-transition: color .3s 0s ease;
-o-transition: color .3s 0s ease;
-webkit-transition: color .3s 0s ease;
transition: color .3s 0s ease;
}
h1 {
font-size: 30px;
margin-bottom: 10px;
font-weight: normal;
text-shadow: 0px 1px 0px #fff;
color: #0d0d0d;
}
h2,
#showcase_module .it_title {
font: 300 26px/32px 'Open Sans', Arial, Helvetica, sans-serif;
color:#0d0d0d;
letter-spacing:-1px;
margin-bottom:20px;
}
html body #showcase_module * strong {
font-weight: 300 !important;
}
html body #showcase_module .it_title {
color: #0d0d0d !important;
text-align: left !important;
padding: 0 !important;
}
#showcase_module * .it_title {
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
color:#0d0d0d !important;
letter-spacing:-1px !important;
margin-bottom:20px !important;
font-weight: 300!important;
font-size: 26px!important;
}
h3 {
font-size: 22px;
margin-top: 0px;
margin-bottom: 10px;
font-weight: normal;
}
h4{
color:#333;
font:16px/20px Arial, Helvetica, sans-serif;
}
e[type="button"] {
cursor:hand;
cursor:pointer;
}
#navigation {
width: 998px;
margin: 0 auto;
position: relative;
}
#blog{
list-style: none;
}
#currencies{
margin-bottom:15px;
}
#currencies ul{
margin-top: 10px;
}
#currencies ul li{
font-size: 12px;
display: inline;
padding-right: 5px;
list-style: none;
}
#currencies ul li a{
white-space: nowrap;
color: #505050;
}
#currencies ul li.selected a{
text-decoration: none;
}
#cart_informer{
padding: 10px 5px 10px 30px;
color: #000000;
float: right;
background: url("../images/cart-sun.png") no-repeat left center transparent;
line-height: 24px
}
#header-wrapper{
width: 100%;
margin: 0;
padding: 0 0 5px 0;
clear: both;
}
.header {
margin:0px auto;
width: 1000px;
color: #fff;
}
.header a {
color: #fff;
text-decoration: underline;
}
#logo a {
text-decoration: none;
display: block;
}
#footer {
margin:0px auto;
width: 998px;
clear: both;
padding: 20px 0;
}
#account{
text-align: right;
font-size: 12px;
margin: 12px 10px 10px 0px;
margin-top: 12px;
margin-right: 10px;
text-align: right;
color: #505050;
}
#account #login{
padding-left: 7px;
}
#account #logout{
padding-left: 7px;
}
.header {
padding-top: 5px;
}
#logo {
margin: 0 0px 0 0;
text-align: right;
}
#logo img {
padding-left: 20px;
}
.contacts {
color: #FFF200;
text-shadow: 0px 0px 2px #000;
font-weight: 700;
}
#contact {
text-align: left;
}
#contact #phone{
font-size: 30px;
line-height: 1.1;
margin: 0;
}
.contacts p {
margin: 0;
}
.top {
/* background: url("../images/bg-top_4.jpg") no-repeat center top transparent;*/
background: url("../images/bg-top-old.jpg") no-repeat center top transparent;
}
.main-wrapper {
background: url("../images/water_textura.jpg") repeat center top transparent;
/*background: url("../images/bg-top_4.jpg") no-repeat center top transparent;*/
/*background: url("../images/bg-top-old.jpg") no-repeat center top transparent;*/
clear: both;
margin: 0;
}
.footer-wrapper {
position: relative;
color: #fff;
/*background: url("../images/wat_sand_1.jpg") repeat-x left top transparent;*/
/*background: url("../images/footer-wrapper_5.jpg") repeat-x left top transparent;*/
background: url("../images/bg-bottom-old.jpg") no-repeat center top transparent;
min-height: 350px;
}
#main {
margin:0px auto;
width: 958px;
background: #f9f9f9;
border-left: 1px solid #a5a5a5;
border-right: 1px solid #a5a5a5;
padding: 20px 20px;
box-shadow: 7px 0px 20px -7px #363636, -7px 0px 20px -7px #363636;
-moz-box-shadow: 7px 0px 20px -7px #363636, -7px 0px 20px -7px #363636;
-webkit-box-shadow: 7px 0px 20px -7px #363636, -7px 0px 20px -7px #363636;
}
#content {
width: 678px;
margin-bottom: 20px;
}
#left {
width: 250px;
margin-right: 30px;
}
#search{
margin-top: 9px;
margin-bottom: 10px;
height: 28px;
}
#search .input_search{
width: 170px;
height: 20px;
font-size: 12px;
border: 1px solid #b0b0b0;
display: block;
float: left;
}
#search .button_search {
width: 32px;
height: 28px;
background-position-y: middle;
background: url(../images/search.png) no-repeat;
border-style: none;
cursor: pointer;
display: block;
float: left;
}
#catalog_menu {
margin-top: 10px;
margin-bottom: 10px;
}
#catalog_menu ul {
padding-left: 0px;
padding-bottom: 5px;
list-style: none;
}
#catalog_menu ul ul {
padding-left: 20px;
padding-top: 0px;
padding-bottom: 0px;
}
#catalog_menu ul li {
font-size: 19px;
margin-top: 8px;
}
#catalog_menu ul li img{
vertical-align: middle;
}
#catalog_menu ul li a.selected{
color: #ffffff;
background-color: #0095eb;
padding: 3px;
}
#catalog_menu ul ul li {
font-size: 14px;
}
#catalog_menu ul ul ul li {
font-size: 12px;
}
#all_brands {
width: 220px;
margin-bottom: 15px;
}
/* @group Brands */
#brands {
clear: both;
margin-bottom: 10px;
margin-top: 10px;
}
#brands a {
color: #ec0060;
font-size: 12px;
margin-right: 10px;
}
#brands img{
vertical-align: middle;
}
#brands a:hover {
color: #000;
}
#brands a.selected {
background-color: #ec0060;
color: #fffeff;
padding: 2px 2px 2px 2px;
}
#path {
margin-bottom: 10px;
font-size: 11px;
color: #003300;
}
#path a{
color: #003300;
}
.product .images {
float: left;
clear: left;
width: 300px;
margin-right: 20px;
margin-bottom: 10px;
padding-top: 15px;
padding-bottom: 15px;
}
.product .images img{
text-align: center;
width: 50px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
float: left;
padding: 5px;
margin: 4px 10px 10px 0px;
}
.product .description{
/* float: right;
width: 350px;*/
}
.product .features {
list-style: none;
width: 100%;
display: block;
clear: both;
margin-top: 15px;
margin-bottom: 25px;
border-bottom: 1px solid #e0e0e0;
}
.product .features li {
padding: 10px 5px 10px 5px;
overflow: hidden;
border-top: 1px solid #e0e0e0;
background-color: #f0f0f0;
}
.product .features li.even{
background-color: #e9e9e9;
}
.product .features label {
font-style: normal;
display: block;
width: 30%;
float: left;
}
.product .features p {
float: left;
display: block;
width: 70%;
}
.product .variants {
float: left;
font-size: 12px;
}
.product .variant td{
padding-bottom: 6px;
vertical-align: middle;
}
.product .compare_price {
font-size: 14px;
text-decoration: line-through;
white-space: nowrap;
color: #003300;
}
.product .price {
font-size: 19px;
white-space: nowrap;
}
.product .variant_name {
float: left;
margin-right: 10px;
font-size: 12px;
}
.product .variant_radiobutton {
margin-right: 5px;
margin-left: 0px;
}
#back_forward {
font-size: 14px;
margin-bottom: 20px;
clear: both;
}
#back_forward a.prev_page_link{
margin-right: 20px;
}
.tiny_products {
list-style: none;
display: block;
margin-bottom: 20px;
}
.tiny_products .product .product-inner,
.products .product .product-inner {
background: #fff;
border: 1px solid #e8e8e8;
-moz-transition: background .3s 0s ease;
-o-transition: background .3s 0s ease;
-webkit-transition: background .3s 0s ease;
transition: background .3s 0s ease;
padding: 10px;
margin-right: 5px;
}
.tiny_products .product:hover .product-inner,
.products .product:hover .product-inner {
background: #f5f5f5;
}
.tiny_products .product .image {
width: 200px;
text-align: center;
}
.tiny_products .product .image img{
vertical-align: middle;
max-width: 200px;
height: 125px;
margin-bottom: 10px;
}
.tiny_products .product h3 {
font-size: 14px;
margin-bottom: 10px;
font-weight: normal;
max-height: 60px;
overflow: hidden;
box-shadow: inset 0px -60px 60px -80px #FFF;
}
.tiny_products .product h3 a {
width: 100%;
display: block;
}
.tiny_products .product:hover h3{
}
.tiny_products .product h3 a{
text-decoration: none;
}
.tiny_products .product h3 a:hover {
text-decoration: underline;
}
.tiny_products .product h3.featured{
background: url(../images/star.png) no-repeat left center transparent;
padding-left: 20px;
}
.products {
list-style: none;
clear: both;
}
.products .product{
width: 100%;
display: block;
clear: both;
overflow: hidden;
}
.products .product .image {
text-align: center;
width: 200px;
float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
}
.products .product .image img{
max-width: 200px;
}
.products .product .product_info {
float: right;
width: 430px;
}
.products .product h3 {
font-size: 20px;
margin-bottom: 5px;
font-weight: normal;
}
.products .product h3.featured{
background: url(../images/star.png) no-repeat;
background-position: left middle;
padding-left: 20px;
}
.products .product .annotation {
font-size: 12px;
color: #505050;;
margin-bottom: 5px;
}
.product .image.big {
float: left;
margin-right: 20px;
}
/* Кнопка */
.button {
float: left;
clear: left;
cursor: pointer;
}
.button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color: #ededed;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border:1px solid #cccccc;
display: inline-block;
color:#555555;
font-family: arial;
font-size: 14px;
font-weight: 400;
padding:6px 20px;
text-decoration:none;
text-shadow: 0 1px 0 #fff;
}
.button:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}
.button:active {
position:relative;
}
#features {
background-color: #f0f0f0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
}
#features .feature_name{
padding: 7px;
}
#features .feature_values{
padding: 7px;
}
#features a {
padding-right: 6px;
white-space: nowrap;
}
#features a.selected {
color: #505050;
text-decoration: none;
}
.sort {
color: #505050;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: normal;
font-style: normal;
}
.sort a{
margin-right: 5px;
}
.sort .selected {
color: #505050;
text-decoration: none;
margin-right: 5px;
}
.pagination {
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px;
overflow: hidden;
}
.pagination a {
display: block;
float: left;
background-color: #fffeff;
margin-right: 5px;
margin-bottom: 5px;
padding: 7px 4px;
min-width: 22px;
text-align: center;
border: 1px solid #d7d7d7;
text-decoration: none;
}
.pagination a.selected:hover,
.pagination a.selected {
background-color: #18a5ff;
color: #ffffff;
border-color: #008fe9;
}
.pagination a:hover {
background-color: #f8f8f8;
}
.pagination a.next_page_link, .pagination a.prev_page_link{
border: none;
background: none;
}
#browsed_products{
margin-bottom: 20px;
overflow: hidden;
}
#browsed_products li{
display: block;
float: left;
overflow: hidden;
border: 1px solid #e0e0e0;
background-color: #ffffff;
margin: 0 7px 7px 0;
width: 50px;
height: 50px;
}
#browsed_products li a{
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50px;
height: 50px;
}
input[type="text"],
input[type="password"]
{
width: 100%;
font-size: 18px;
}
.form
{
width:400px;
margin-bottom: 20px;
}
.form textarea
{
width:100%;
height:100px;
font-size: 18px;
}
.form label {
display:block;
font-size: 14px;
}
.form input[type="text"]{
display:block;
margin-bottom: 10px;
}
.comment_list {
margin-top: 15px;
list-style: none;
}
.comment_list li {
padding-bottom: 15px;
}
.comment_header {
font-size: 18px;
}
.comment_header i {
font-weight: normal;
font-style: normal;
color: #878787;
font-size: 13px;
}
.comment_form {
background-color: #f3f3f3;
border: 1px solid #e0e0e0;
padding: 20px;
margin-top: 20px;
width: 90%;
overflow: hidden;
}
.comment_form h2 {
margin-bottom: 0px;
}
.comment_form .comment_textarea {
width: 100%;
height: 100px;
font-size: 12px;
}
.comment_form label {
display: block;
float: left;
width: 100px;
font-size: 18px;
margin-top: 15px;
}
.comment_form .input_name {
font-size: 16px;
width: 250px;
margin-top: 15px;
}
.comment_form .input_captcha, .cart_form .input_captcha{
float: left;
width: 150px;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-top: 15px;
height: 36px;
}
.comment_form .captcha, .cart_form .captcha {
float: left;
display: block;
margin-top: 15px;
margin-right: 10px;
}
.comment_form .button,
.feedback_form .button,
.register_form .button,
.login_form .button{
float: right;
display: block;
margin-top: 10px;
margin-right: 0px;
}
/* @end — Форма отправки комментария */
/* @group Форма отправки обратной связи */
.feedback_form {
background-color: #f3f3f3;
border: 1px solid #e0e0e0;
padding: 20px;
margin-top: 20px;
width: 90%;
overflow: hidden;
}
.feedback_form .input_captcha, .register_form .input_captcha{
float: left;
width: 150px;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-top: 15px;
height: 36px;
}
.feedback_form .captcha, .register_form .captcha{
float: left;
display: block;
margin-top: 15px;
margin-right: 10px;
}
.feedback_form .button_send {
font-size: 18px;
float: right;
margin-top: 25px;
}
/* @end — Форма отправки комментария */
/* @group Корзина */
#purchases{
width: 100%;
}
#purchases tr{
border-top: 1px solid #d5d5d5;
height: 70px;
}
#purchases th{
vertical-align: top;
padding-top: 10px;
font-size: 18px;
font-weight: normal;
}
#purchases .image{
width: 50px;
text-align: center;
}
#purchases .image a{
border: 1px solid #e0e0e0;
background-color: #ffffff;
margin: 0 7px 7px 0;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50px;
height: 50px;
}
#purchases .name{
padding-left: 10px;
padding-right: 10px;
text-align: left;
}
#purchases td.name{
font-size: 14px;
}
#purchases td .download_attachment{
white-space: nowrap;
color: #3b8500;
padding: 5px 10px 7px 10px;
border-bottom-color: 1px dotted green;
background-color: #ccff72;
line-height: 30px;
}
#purchases .price{
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
text-align: right;
}
#purchases td.price{
font-size: 14px;
}
#purchases .remove{
padding-left: 15px;
text-align: right;
}
#purchases .amount{
font-size: 14px;
padding-left: 5px;
padding-right: 5px;
}
#purchases .amount select{
font-size:12px;
}
#purchases .coupon .name{
font-size:14px;
}
#purchases .coupon .name input.coupon_code{
width: 200px;
}
#purchases .coupon .name input{
font-size: 15px;
float: left;
margin-right: 20px;
padding: 2px 5px;
}
ul#deliveries{
margin-top: 20px;
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
padding: 20px 20px 0 20px;
list-style: none;
}
ul#deliveries li{
margin-bottom: 20px;
}
ul#deliveries li div.checkbox{
float: left;
margin-top: 7px;
}
ul#deliveries li h3, ul#deliveries li .description{
display: block;
margin-left: 25px;
}
/* @end */
/* @group Кабинет */
#orders_history
{
list-style: none;
}
#orders_history li
{
margin-bottom: 10px;
}
#orders_history li a
{
font-size: 16px;
}
table.order_info
{
margin-right: 20px;
margin-bottom: 20px;
background-color: #f9f9f9;
}
table.order_info td
{
padding: 10px;
border: 1px dotted #e0e0e0;
font-size: 14px;
}
.checkout_button
{
padding: 10px 20px 10px 20px;
border: 1px solid #51a400;
background-color: #d3ffa9;
color: #2e5e00;
font-size: 14px;
}
.message_error{
clear: both;
height: 18px;
padding: 10px 20px;
margin-bottom: 15px;
margin-top: 10px;
overflow: hidden;
color: red;
background-color: #ffcaca;
border: 1px dotted #ff4545;
}
.autocomplete-w1 {
position:absolute;
top:0px;
left:0px;
margin:6px 0 0 6px;
}
.autocomplete {
border:1px solid #999;
background:#FFF;
cursor:default;
text-align:left;
overflow-x:auto;
overflow-y: auto;
margin:-6px 6px 6px -6px;
}
.autocomplete .selected {
background:#F0F0F0;
}
.autocomplete div {
padding:2px 5px;
white-space:nowrap;
}
.autocomplete strong {
font-weight:normal;
color:#3399FF;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
border:none;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em;
}
.sf-menu ul li {
width: 100%;
border:none;
}
.sf-menu li:hover {
visibility: inherit;
}
.sf-menu li {
float: left;
position: relative;
border:none;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {
float:left;
position:relative;
margin-right:2px;
font: 400 13px/18px 'Open Sans', Arial, sans-serif;
}
.sf-menu li a {
display:block;
position:relative;
padding:11px 20px 13px 21px;
border-bottom:none;
text-decoration:none;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
min-width:58px;
text-align: left;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
background-image: none;
}
.sf-menu > li > a {
line-height: 42px;
padding: 0px 20px 0px 20px;
font-size: 16px
}
.sf-menu li.sfHover a,
.sf-menu li.current-menu-item a,
.sf-menu li a:hover {
border-bottom:none;
background: url("../images/menu-over.png") repeat 0 0;
color:#0d0d0d;
}
.sf-menu ul {
position:absolute;
top:-999em;
z-index:99;
width: 200px;
display:none;
background:none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 0 0 5px 5px;
overflow: hidden;
}
.sf-menu li li{
padding:0;
width:100%;
margin:0;
}
.sf-menu li li a,
.sf-menu li.sfHover li a,
.sf-menu li.current-menu-item li a {
padding:7px 10px;
box-shadow:none;
width:auto;
border-radius:0;
border:none;
}
.sf-menu li li a:hover {
padding-left: 15px;
background: #e29025;
}
.sf-menu li li:first-child a {
border-top:none;
}
.sf-menu ul ul {
position:absolute;
top:-999em;
z-index:99;
width:158px;
display:none;
background:none;
}
.sf-menu li li li{
padding:0;
width:100%;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: -1px;
top: 42px;
}
.home .sf-menu li:hover ul,
.home .sf-menu li.sfHover ul {
top:42px;
}
.home .sf-menu li li:hover ul,
.home .sf-menu li li.sfHover ul {
top:0px;
}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
left:158px; /* match ul width */top:0px;
}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:00px;
}
.sf-menu a.sf-with-ul {
/* padding-right: 2.25em;*/
min-width: 1px;
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em;
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
}
a > .sf-sub-indicator {
top: .8em;
background-position: 0 -100px;
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px;
}
.sf-menu ul .sf-sub-indicator {
background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
background-position: 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0;
}
.sf-shadow ul {
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
.sf-menu li a {
color:#fff;
background-color:#e29025;
}
.sf-menu > li:nth-child(1) a {background-color:#ba2216;}
.sf-menu > li:nth-child(2) a {background-color:#e29025;}
.sf-menu > li:nth-child(3) a {background-color:#e3b622;}
.sf-menu > li:nth-child(4) a {background-color:#97d338;}
.sf-menu > li:nth-child(5) a {background-color:#3fa4ce;}
.jcarousel-wrapper {
padding: 0 40px;
/*min-height: 270px;*/
position: relative;
}
.jcarousel {
position: relative;
overflow: hidden;
height: 280px;
margin-bottom: 10px;
}
.jcarousel ul {
width: 20000em;
position: absolute;
list-style: none;
margin: 0 0 20px 0;
padding: 0;
}
.jcarousel li {
float: left;
width: 201px;
}
.jcarousel .tiny_products .product .image {
width: 174px;
text-align: center;
}
.jcarousel .tiny_products .product .image img {
vertical-align: middle;
height: 115px;
margin-bottom: 10px;
max-width: 174px;
}
.jcarousel-wrapper .prev-slide,
.jcarousel-wrapper .next-slide {
display: block;
height: 32px;
width: 32px;
position: absolute;
top: 100px;
text-indent: -9999px;
}
.jcarousel-wrapper .prev-slide {
left: 0px;
background: url("../images/forward.png") no-repeat left center transparent;
}
.jcarousel-wrapper .next-slide {
right: 0px;
background: url("../images/backward.png") no-repeat right center transparent;
}
.cart-wrapper {
text-align: right;
}
.footer-first .contetn {
padding-right: 10px;
}
.footer-second .contetn {
padding: 0 10px;
}
.footer-third .contetn {
padding-left: 10px;
}
.footer-inner {
/* background: url("../images/sand_bottom_5.jpg") no-repeat center top transparent;
min-height: 350px;*/
}
|
Изменено:
Alex - 3 Сентября 2013 11:23



