Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

[Решено] Помощь с кнопкой


henk

Recommended Posts

Помогите пожалуйста с парой проблем.
 
1. Нужно изменить кнопку "Купить", точнее место текста вставить картинку. Искал везде button.png не подходит.
 
 
Скрин 1, что нужно изменить.
 
has48fgxdi5c.png
Изменить на:
ohnqj9rkq32b.png
Вот файл stylesheet.css

html {
overflow: -moz-scrollbars-vertical;
margin: 0;
padding: 0;
}
body {
background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}
body, td, th, input, textarea, select, a {
font-size: 12px;
}
h1, .welcome {
color: #636E75;
font-family: Verdana;
margin-top: 0px;
margin-bottom: 20px;
font-size: 15px;
font-weight: normal;
text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}
h2 {
color: #000000;
font-size: 16px;
margin-top: 0px;
margin-bottom: 5px;
}
p {
margin-top: 0px;
margin-bottom: 20px;
}
a, a:visited, a b {
color: #616161;
text-decoration: underline;
cursor: pointer;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
form {
padding: 0;
margin: 0;
display: inline;
}
input[type='text'], input[type='password'], textarea {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}
select {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 2px;
}
label {
cursor: pointer;
}
/* layout */
#container {

margin-left: auto;
margin-right: auto;
padding: 3px 31px 31px 31px;
text-align: left;
width: 980px;
-webkit-box-shadow: 0 -117px 40px #C7C7C7;
-moz-box-shadow: 0 -117px 40px #C7C7C7;
box-shadow: 0 -117px 40px #C7C7C7;

}
#column-left {
float: left;
width: 180px;
}
#column-right {
float: right;
width: 180px;
}
#content {
min-height: 400px;
margin-bottom: 25px;
padding: 10px;
}
#column-left + #column-right + #content, #column-left + #content {
margin-left: 195px;
}
#column-right + #content {
margin-right: 195px;
}
/* header */
#header {
height: 112px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;
}
#header #logo {
position: absolute;
top: 15px;
left: 15px;
}
#language {
position: absolute;
top: 16px;
left: 247px;
width: 122px;
color: #999;
line-height: 17px;
}
#language img {
cursor: pointer;
margin-right: 5px;
}
#currency {
width: 156px;
position: absolute;
top: 11px;
right: 185px;
color: #999;
line-height: 17px;
}
#currency a {
display: inline-block;
padding: 2px 4px;
border: 1px solid #CCC;
color: #999;
text-decoration: none;
margin-right: 2px;
margin-bottom: 2px;
}
#currency a b {
color: #000;
text-decoration: none;
}
#header #cart {
position: absolute;
top: 35px;
right: 19px;
z-index: 9;
min-width: 300px;
}
#header #cart .heading {
float: right;
margin-right: 172px;
margin-top: 15px;
padding-left: 14px;
padding-right: 14px;

background: #FFF;
position: relative;
z-index: 1;
}
#header #cart .heading h4 {
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
}
#header #cart .heading a {
color: #30961E;
font-weight: bold;
text-decoration: none;
}
#header #cart .heading a span {
background: #FFFFFF url('../image/arrow-down.png') 100% 50% no-repeat;
padding-right: 15px;
}
#header #cart .content {
clear: both;
display: none;
position: relative;
top: -1px;
padding: 8px;
min-height: 150px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
-webkit-border-radius: 0px 7px 7px 7px;
-moz-border-radius: 0px 7px 7px 7px;
-khtml-border-radius: 0px 7px 7px 7px;
border-radius: 0px 7px 7px 7px;
-webkit-box-shadow: 0px 2px 2px #DDDDDD;
-moz-box-shadow: 0px 2px 2px #DDDDDD;
box-shadow: 0px 2px 2px #DDDDDD;
background: #FFF;
}
#header #cart.active .heading {
margin-top: 5px;
padding-top: 10px;
padding-bottom: 6px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
}
#header #cart.active .content {
display: block;
}
.mini-cart-info table {
border-collapse: collapse;
width: 100%;
margin-bottom: 5px;
}
.mini-cart-info td {
color: #000;
vertical-align: top;
padding: 10px 5px;
border-bottom: 1px solid #EEEEEE;
}
.mini-cart-info .image {
width: 1px;
}
.mini-cart-info .image img {
border: 1px solid #EEEEEE;
text-align: left;
}
.mini-cart-info .name small {
color: #666;
}
.mini-cart-info .quantity {
text-align: right;
}
.mini-cart-info td.total {
text-align: right;
}
.mini-cart-info .remove {
text-align: right;
}
.mini-cart-info .remove img {
cursor: pointer;
}
.mini-cart-total {
text-align: right;
}
.mini-cart-total table {
border-collapse: collapse;
display: inline-block;
margin-bottom: 5px;
}
.mini-cart-total td {
color: #000;
padding: 4px;
}
#header #cart .checkout {
text-align: right;
clear: both;
}
#header #cart .empty {
padding-top: 50px;
text-align: center;
}
#header #search {
position: absolute;
top: 54px;
right: 0px;
width: 194px;
z-index: 15;
}
#header .button-search {
position: absolute;
right: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
padding-right: 6px;
cursor: pointer;
}
#header #search input {
background: #FFF;
padding: 1px 1px 1px 47px;
height: 21px;
border: 0px solid #CCCCCC;
float: left;
background: url('../image/search-bg.png') center center no-repeat;
margin-left: 5px;
}
#header #welcome {
position: absolute;
top: 22px;
right: 0px;
z-index: 5;
width: 200px;
text-align: right;
color: #999999;
}
#header .links {
position: absolute;
right: 0px;
bottom: 3px;
font-size: 10px;
}
#header .links a {
float: left;
display: block;
padding: 0px 0px 0px 7px;
color: #000;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
}
#header .links a + a {
margin-left: 8px;
border-left: 1px solid #CCC;
}
/* menu */
#menu {
background: url('../image/menu-bg.png') center center repeat-x;
height: 32px;
margin-bottom: 15px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0 2px 2px #9C9C9C;
-moz-box-shadow: 0 2px 2px #9C9C9C;
box-shadow: 0 2px 2px #9C9C9C;
padding: 0px 5px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu > ul > li {
position: relative;
float: left;
z-index: 20;
}
#menu > ul > li:hover {
background: url('../image/menu-bg-hover.png') center center repeat-x;
}

#menu > ul > li:first-of-type a {
border-left: medium none;
}
#menu > ul > li:first-child a {
border-left: medium none;
}
#menu > ul > li:last-of-type a {
border-right: medium none;
}
#menu > ul > li:last-child a {
border-right: medium none;
}
#menu > ul > li > a.active {
background: url('../image/menu-bg-hover.png') center center repeat-x;;
}
#menu > ul > li > a {
font-size: 13px;
color: #FFF;
line-height: 14px;
text-decoration: none;
display: block;
padding: 9px 10px 9px 10px;
z-index: 6;
position: relative;
text-transform: capitalize;
border-right: 1px solid #00CC33;
border-left: 1px solid #444444;
text-shadow: 0 1px 0 #000000;
text-transform: uppercase;
}
#menu > ul > li:hover > a {

}
#menu > ul > li > div {
display: none;
background: #fff;
position: absolute;
z-index: 5;
padding: 2px;
border-left: 3px solid #006600;
border-right: 3px solid #006600;
border-bottom: 3px solid #006600;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 2px 6px #545454;
-moz-box-shadow: 0 2px 6px #545454;
box-shadow: 0 2px 6px #545454;


}
#menu > ul > li:hover > div {
display: table;
}
#menu > ul > li > div > ul {
display: table-cell;
}
#menu > ul > li ul + ul {
padding-left: 20px;
}
#menu > ul > li ul > li > a {
text-decoration: none;
padding: 4px;
color: #000;
display: block;
white-space: nowrap;
min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
background: #3b9730;
color: #fff;
}
#menu > ul > li > div > ul > li > a {
color: #000;
text-transform: uppercase;
}
#menu > ul > li > div > ul > li + li {
border-top: 1px solid #ccc;
}
.breadcrumb {
color: #CCCCCC;
margin-bottom: 10px;
}
.success, .warning, .attention, .information {
padding: 10px 10px 10px 33px;
margin-bottom: 15px;
color: #555555;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success {
background: url('../image/success.png') 10px center no-repeat;
border: 1px solid #BBDF8D;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
text-decoration: blink;
}
.warning {
background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
border: 1px solid #F8ACAC;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.attention {
background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
border: 1px solid #F2DD8C;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.success .close, .warning .close, .attention .close, .information .close {
float: right;
padding-top: 4px;
padding-right: 4px;
cursor: pointer;
}
.required {
color: #FF0000;
font-weight: bold;
}
.error {
display: block;
color: #FF0000;
}
.help {
color: #999;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
display: block;
}
table.form {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table.form tr td:first-child {
width: 150px;
}
table.form > * > * > td {
color: #000000;
}
table.form td {
padding: 4px;
}
input.large-field, select.large-field {
width: 300px;
}
table.list {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
table.list td {
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
background-color: #EFEFEF;
padding: 0px 5px;
}
table.list thead td a, .list thead td {
text-decoration: none;
color: #222222;
font-weight: bold;
}
table.list tbody td {
vertical-align: top;
padding: 0px 5px;
}
table.list .left {
text-align: left;
padding: 7px;
}
table.list .right {
text-align: right;
padding: 7px;
}
table.list .center {
text-align: center;
padding: 7px;
}
table.radio {
width: 100%;
border-collapse: collapse;
}
table.radio td {
padding: 5px;
vertical-align: top;
}
table.radio td label {
display: block;
}
table.radio tr td:first-child {
width: 1px;
}
table.radio tr td:first-child input {
margin-top: 1px;
}
table.radio tr.highlight:hover td {
background: #F1FFDD;
cursor: pointer;
}
.pagination {
border-top: 0px solid #EEEEEE;
padding-top: 8px;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.pagination .links {
float: left;
}
.pagination .links a {
display: inline-block;
border: 1px solid #EEEEEE;
padding: 4px 10px;
text-decoration: none;
color: #A3A3A3;
}
.pagination .links b {
display: inline-block;
border: 1px solid #269BC6;
padding: 4px 10px;
font-weight: normal;
text-decoration: none;
color: #269BC6;
background: #FFFFFF;
}
.pagination .results {
float: right;
padding-top: 3px;
}
/* button */
a.button, input.button {
cursor: pointer;
color: #016301;
line-height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 0px;
background: #fff;
text-transform: uppercase;
font-weight: bold;
}
a.button {
display: inline-block;
text-decoration: none;
padding: 6px 12px 6px 12px;
}
input.button {
margin: 0;
border: 0;
height: 24px;
padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {

}
.buttons {
background: #FFFFFF;
border: 1px solid #EEEEEE;
overflow: auto;
padding: 6px;
margin-bottom: 20px;
}
.buttons .left {
float: left;
text-align: left;
}
.buttons .right {
float: right;
text-align: right;
}
.buttons .center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.htabs {
height: 30px;
line-height: 16px;
border-bottom: 1px solid #DDDDDD;
}
.htabs a {
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('../image/tab.png') repeat-x;
padding: 7px 15px 6px 15px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #000000;
margin-right: 2px;
display: none;
}
.htabs a.selected {
padding-bottom: 7px;
background: #FFFFFF;
}
.tab-content {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 10px;
margin-bottom: 20px;
z-index: 2;
overflow: auto;
}
/* box */
.box {
margin-bottom: 20px;
}
.box .box-heading {
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
text-transform: uppercase;
background: url('../image/menu-bg.png') center center repeat-x;
padding: 8px 10px 7px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #333;
text-shadow: 0 1px 0 #000000;
color: #FAFFF9;
-webkit-box-shadow: 0 2px 2px #9C9C9C;
-moz-box-shadow: 0 2px 2px #9C9C9C;
box-shadow: 0 2px 2px #9C9C9C;
margin-bottom: 7px;
}
.box .box-content {
background: #FFFFFF;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-khtml-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;


}
.box-content ul li {
color: #616161;
list-style: none;
}
.box-content ul li a {
color: #616161;
line-height: 22px;
}
/* box products */
.box-product {
width: 100%;
}
#content .box-product > div {
display: inline-block;
margin-bottom: 40px;
margin-left: 11px;
margin-right: 9px;
vertical-align: top;
width: 180px;
text-align: center;
}
#column-left .box-product > div,
#column-right .box-product > div {
width: 168px;
display: inline-block;
vertical-align: top;
margin-bottom: 19px;
padding-top: 11px;
}
#content .box-product > div .cart {
text-align: center;
}
#content .product-grid > div .cart {
text-align: center;
margin-top: 4px;
}
#content .box-product > div .hov .cart {

}
#column-left .box-product > div .cart,
#column-right .box-product > div .cart {
text-align: center;
position: relative;
bottom: -9px;
text-align: center;
}
#column-left + #column-right + #content .box-product > div {
width: 179px;
}
.box-product .image {
display: block;
margin-bottom: 0px;
border: 0px solid #000;
}
.box-product .image img {
padding: 3px;

}
.box-product .image a img {
padding: 3px;
}

.box-product .image .hov,
.product-grid .image .hov {
display: none;
position: absolute;

}
#content .box-product .image:hover .hov,
#content .product-grid .image:hover .hov {
display: block;
z-index: 99;
background: #fff;
position: absolute;
margin-top: -250px;
-webkit-box-shadow: 2px 2px 5px #444;
-moz-box-shadow: 2px 2px 5px #444;
box-shadow: 2px 2px 5px #444;
;
text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#444444')";
width: 270px;
}
.hov .cart {
margin-bottom: 10px;
}
.hov span{
color: #000;
font-size: 18px;
}

#content .box-product .image:hover {
color: #333333;
display: block;
font-size: 12px;
margin-bottom: 4px;
}
#content .box-product .name,
#content .product-grid .name {
text-align: center;
height: 28px;
}
.box-product .name a,
.product-grid .name a,
.product-list .name a {
color: #333;
display: block;
margin-bottom: 4px;
font-size: 12px;

}
#content .box-product .price {
display: block;
height: 52px;
margin-bottom: 4px;
text-align: center;
font-family: Garamond, serif;
line-height: 1em;
color: #fc3d93;
font-weight:bold;
font-size: 24px;
text-shadow:0 0 0 #B10048, 1px 1px 0 #76000D, 0 0 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.2);
}
#content .box-product .hov .price,
#content .product-grid .hov .price {

text-align: center;
margin-top: 10px;
height: 22px;
}

#column-left .box-product .price,
#column-right .box-product .price {
display: block;
margin-bottom: 4px;
padding-left: 8px;
padding-right: 3px;
text-align: center;
font-family: Garamond, serif;
line-height: 1em;
color: #fc3d93;
font-weight:bold;
font-size: 24px;
text-shadow:0px 0px 0 rgb(177,-14,72), 1px 1px 0 rgb(118,-73,13),2px 2px 1px rgba(0,0,0,0.15),2px 2px 1px rgba(0,0,0,0.5),0px 0px 1px rgba(0,0,0,.2);
}
.box-product .price-old {
font-family: Garamond, serif;
line-height: 1em;
color: #30961E;
font-weight:bold;
font-size: 20px;
text-shadow: 1px 1px 1px transparent, 2px 2px 1px rgba(0, 0, 0, 0.1), 0 0 1px transparent;
text-decoration: line-through;
text-align: center;
}
.box-product .price-new {
display: block;
margin-bottom: 4px;
padding-left: 8px;
padding-right: 3px;
text-align: center;
font-family: Garamond, serif;
line-height: 1em;
color: #fc3d93;
font-weight:bold;
font-size: 24px;
text-shadow:0 0 0 #B10048, 1px 1px 0 #76000D, 0 0 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.2);
}
.box-product .rating {
display: block;
margin-bottom: 4px;
}
/* box category */
.box-category {
margin-top: -5px;
}
.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
.box-category > ul > li {
padding: 6px 8px 2px 9px;
}
.box-category > ul > li + li {
border-top: 1px solid #EEEEEE;
}
#column-left .box-product > div + div,
#column-right .box-product > div + div {
border-top: 1px solid #EEEEEE;
}
.box-category > ul > li > a {
text-decoration: none;
color: #333;
text-transform: uppercase;
}
.box-category > ul > li ul {
display: none;
}
.box-category > ul > li a.active {
font-weight: bold;
}
.box-category > ul > li a.active + ul {
display: block;
}
.box-category > ul > li ul > li {
padding: 5px 5px 0px 10px;
}
.box-category > ul > li ul > li > a {
text-decoration: none;
display: block;
}
.box-category > ul > li ul > li > a:hover {
text-decoration: underline;
}
.box-category > ul > li ul > li > a.active {
font-weight: bold;
}
/* content */
#content .content {
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
#content .content .left {
float: left;
width: 49%;
}
#content .content .right {
float: right;
width: 49%;
}
/* category */
.category-info {
overflow: auto;
margin-bottom: 20px;
}
.category-info .image {
float: left;
padding: 5px;
margin-right: 15px;
border: 1px solid #E7E7E7;
}
.category-list {
overflow: auto;
margin-bottom: 20px;
}
.category-list ul {
float: left;
width: 18%;
}
.category-list .div a {
text-decoration: underline;
font-weight: bold;
}
/* manufacturer */
.manufacturer-list {
border: 1px solid #DBDEE1;
padding: 5px;
overflow: auto;
margin-bottom: 20px;
}
.manufacturer-heading {
background: #F8F8F8;
font-size: 15px;
font-weight: bold;
padding: 5px 8px;
margin-bottom: 6px;
}
.manufacturer-content {
padding: 8px;
}
.manufacturer-list ul {
float: left;
width: 25%;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 10px;
}
/* product */
.product-filter {
border-bottom: 1px solid #EEEEEE;
padding-bottom: 20px;
overflow: auto;
}
.product-filter .display {
margin-right: 15px;
float: left;
padding-top: 4px;
color: #333;
}
.product-filter .display a {
font-weight: bold;
}
.product-filter .sort {
float: right;
color: #333;
}
.product-filter .limit {
margin-left: 15px;
float: right;
color: #333;
}
.product-compare {
float: left;
font-weight: bold;
margin-bottom: 25px;
padding-left: 30px;
padding-top: 4px;
}
.product-compare a {
text-decoration: none;
font-weight: bold;
}
.product-list > div {
overflow: auto;
margin-bottom: 15px;
}
.product-list .right {
float: right;
margin-left: 15px;
}
.product-list > div + div {
border-top: 1px solid #EEEEEE;
padding-top: 16px;
}
.product-list .image {
float: left;
margin-right: 10px;
}
.product-list .image img {
padding: 3px;
border: 1px solid #E7E7E7;
}
.product-list .name {
margin-bottom: 3px;
}

.product-list .description {
line-height: 15px;
margin-bottom: 5px;
color: #4D4D4D;
}
.product-list .rating {
color: #7B7B7B;
}
.product-list .price {
float: right;
height: 50px;
margin-left: 8px;
text-align: right;


font-family: Garamond, serif;

color: #fc3d93;
font-weight:bold;
font-size: 24px;
text-shadow:0px 0px 0 rgb(177,-14,72), 1px 1px 0 rgb(118,-73,13),2px 2px 1px rgba(0,0,0,0.15),2px 2px 1px rgba(0,0,0,0.5),0px 0px 1px rgba(0,0,0,.2);

}
.product-list .price-old {
text-decoration: line-through;

font-family: Garamond, serif;
color: #30961E;
font-weight:bold;
font-size: 20px;
text-shadow: 1px 1px 1px transparent, 2px 2px 1px rgba(0, 0, 0, 0.1), 0 0 1px transparent;
}
.product-list .price-new {
font-family: Garamond, serif;
color: #fc3d93;
font-weight:bold;
font-size: 24px;
text-shadow:0px 0px 0 rgb(177,-14,72), 1px 1px 0 rgb(118,-73,13),2px 2px 1px rgba(0,0,0,0.15),2px 2px 1px rgba(0,0,0,0.5),0px 0px 1px rgba(0,0,0,.2);

}
.product-list .price-tax {
font-size: 12px;
font-weight: normal;
color: #BBBBBB;
}
.product-list .cart {
margin-bottom: 3px;
}
.product-list .wishlist, .product-list .compare {
margin-bottom: 3px;
}
.product-list .wishlist a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
.product-list .compare a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left 60% no-repeat;
}
.product-grid {
background: url("/image/menu-bottom.png") no-repeat bottom center transparent;
background-size: 100%;
;
width: 106%;
}
.product-grid > div {
display: inline-block;
margin-bottom: 40px;
margin-left: 11px;
margin-right: 9px;
vertical-align: top;
width: 180px;
}
#column-left + #column-right + #content .product-grid > div {
width: 125px;
}
.product-grid .image {
display: block;
margin-bottom: 0px;
}
.product-grid .image img {
padding: 3px;
border: 0px solid #E7E7E7;
}

.product-grid .description {
display: none;
}
.product-grid .rating {
display: block;
margin-bottom: 4px;
}
.product-grid .price {
display: block;
height: 52px;
margin-bottom: 4px;
padding-left: 3px;
padding-right: 3px;

text-align: center;
font-family: Garamond, serif;
line-height: 1em;
color: #fc3d93;
font-weight:bold;
font-size: 24px;
text-shadow:0 0 0 #B10048, 1px 1px 0 #76000D, 0 0 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.2);
}
.product-grid .price-old {
font-family: Garamond, serif;
line-height: 1em;
color: #30961E;
font-weight:bold;
font-size: 20px;
text-shadow: 1px 1px 1px transparent, 2px 2px 1px rgba(0, 0, 0, 0.1), 0 0 1px transparent;
text-decoration: line-through;
text-align: center;
}
.product-grid .price-new {
display: block;
margin-bottom: 4px;
padding-left: 8px;
padding-right: 3px;
text-align: center;
font-family: Garamond, serif;
line-height: 1em;
color: #fc3d93;
font-weight:bold;
font-size: 24px;
text-shadow:0 0 0 #B10048, 1px 1px 0 #76000D, 0 0 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.2);
}
.product-grid .price .price-tax {
display: none;
}

.product-grid .wishlist, .product-grid .compare {
margin-bottom: 3px;
}
.product-grid .wishlist a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
.product-grid .compare a {
color: #333333;
text-decoration: none;
padding-left: 18px;
display: block;
background: url('../image/add.png') left center no-repeat;
}
/* Product */
.product-info {
overflow: auto;
margin-bottom: 20px;
}
.product-info > .left {
float: left;
margin-right: 15px;
}
.product-info > .left + .right {
margin-left: 265px;
}
.product-info .image {
border: 1px solid #E7E7E7;
float: left;
margin-bottom: 20px;
padding: 10px;
text-align: center;
}
.product-info .image-additional {
width: 260px;
;
clear: both;
overflow: hidden;
}
.product-info .image-additional img {
border: 1px solid #E7E7E7;
}
.product-info .image-additional a {
float: left;
display: block;
margin-left: 10px;
margin-bottom: 10px;
}
.product-info .description {
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding: 5px 5px 10px 5px;
margin-bottom: 10px;
line-height: 20px;
color: #4D4D4D;
}
.product-info .description span {
color: #000;
}
.product-info .description a {
color: #4D4D4D;
text-decoration: none;
}
.product-info .price {
overflow: auto;
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
font-family: Garamond, serif;
line-height: 1em;
color: #fc3d93;
font-weight:bold;
font-size: 24px;
text-shadow:0 0 0 #B10048, 1px 1px 0 #76000D, 0 0 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.2);

}
.product-info .price-old {
color: #F00;
text-decoration: line-through;
}
.product-info .price-new {
}
.product-info .price-tax {
color: #999999;
font-size: 12px;
font-weight: normal;
text-shadow: 0 0 0;
}
.product-info .price .reward {
font-size: 12px;
font-weight: normal;
color: #999;
}
.product-info .price .discount {
font-weight: normal;
font-size: 12px;
color: #4D4D4D;
}
.product-info .options {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
color: #000000;
}
.product-info .option-image {
margin-top: 3px;
margin-bottom: 10px;
}
.product-info .option-image label {
display: block;
width: 100%;
height: 100%;
}
.product-info .option-image img {
margin-right: 5px;
border: 1px solid #CCCCCC;
cursor: pointer;
}
.product-info .cart {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 20px;
color: #4D4D4D;
overflow: auto;
}
.product-info .cart div {
float: left;
vertical-align: middle;
}
.product-info .cart div > span {
padding-top: 7px;
display: block;
color: #999;
}
.product-info .cart .minimum {
padding-top: 5px;
font-size: 11px;
color: #999;
clear: both;
}
.product-info .review {
color: #4D4D4D;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
margin-bottom: 10px;
}
.product-info .review > div {
padding: 8px;
border-bottom: 1px solid #E7E7E7;
line-height: 20px;
}
.product-info .review > div > span {
color: #38B0E3;
}
.product-info .review .share {
overflow: auto;
line-height: normal;
}
.product-info .review .share a {
text-decoration: none;
}
.review-list {
padding: 10px;
overflow: auto;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
.review-list .author {
float: left;
margin-bottom: 20px;
}
.review-list .rating {
float: right;
margin-bottom: 20px;
}
.review-list .text {
clear: both;
}
.attribute {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
color: #000000;
font-size: 14px;
font-weight: bold;
background: #F7F7F7;
text-align: left;
}
.attribute tr td:first-child {
color: #000000;
font-weight: bold;
text-align: right;
width: 20%;
}
.attribute td {
padding: 7px;
color: #4D4D4D;
text-align: center;
vertical-align: top;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.compare-info {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.compare-info thead td, .compare-info thead tr td:first-child {
color: #000000;
font-size: 14px;
font-weight: bold;
background: #F7F7F7;
text-align: left;
}
.compare-info tr td:first-child {
color: #000000;
font-weight: bold;
text-align: right;
}
.compare-info td {
padding: 7px;
width: 20%;
color: #4D4D4D;
text-align: center;
vertical-align: top;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.compare-info .name a {
font-weight: bold;
}
.compare-info .price-old {
font-weight: bold;
color: #F00;
text-decoration: line-through;
}
.compare-info .price-new {
font-weight: bold;
}
/* wishlist */
.wishlist-info table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.wishlist-info td {
padding: 7px;
}
.wishlist-info thead td {
color: #4D4D4D;
font-weight: bold;
background-color: #F7F7F7;
border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
text-align: right;
}
.wishlist-info tbody td {
vertical-align: top;
border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
text-align: right;
}
.wishlist-info tbody .price s {
color: #F00;
}
.wishlist-info tbody .action img {
cursor: pointer;
}
.login-content {
margin-bottom: 20px;
overflow: auto;
}
.login-content .left {
float: left;
width: 48%;
}
.login-content .right {
float: right;
width: 48%
}
.login-content .left .content, .login-content .right .content {
min-height: 190px;
}
/* orders */
.order-list {
margin-bottom: 10px;
}
.order-list .order-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.order-list .order-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.order-list .order-content {
padding: 10px 0px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
float: left;
width: 33.3%;
}
.order-list .order-info {
text-align: right;
}
.order-detail {
background: #EFEFEF;
font-weight: bold;
}
/* returns */
.return-list {
margin-bottom: 10px;
}
.return-list .return-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.return-list .return-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.return-list .return-content {
padding: 10px 0px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
float: left;
width: 33.3%;
}
.return-list .return-info {
text-align: right;
}
.return-product {
overflow: auto;
margin-bottom: 20px;
}
.return-name {
float: left;
width: 31%;
margin-right: 15px;
}
.return-model {
float: left;
width: 31%;
margin-right: 15px;
}
.return-quantity {
float: left;
width: 31%;
}
.return-detail {
overflow: auto;
margin-bottom: 20px;
}
.return-reason {
float: left;
width: 31%;
margin-right: 15px;
}
.return-opened {
float: left;
width: 31%;
margin-right: 15px;
}
.return-opened textarea {
width: 98%;
vertical-align: top;
}
.return-captcha {
float: left;
}
.download-list {
margin-bottom: 10px;
}
.download-list .download-id {
width: 49%;
float: left;
margin-bottom: 2px;
}
.download-list .download-status {
width: 49%;
float: right;
text-align: right;
margin-bottom: 2px;
}
.download-list .download-content {
padding: 10px 0px;
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
float: left;
width: 33.3%;
}
.download-list .download-info {
text-align: right;
}
/* cart */
.cart-info table {
width: 100%;
margin-bottom: 15px;
border-collapse: collapse;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
.cart-info td {
padding: 7px;
}
.cart-info thead td {
color: #4D4D4D;
font-weight: bold;
background-color: #F7F7F7;
border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
text-align: right;
}
.cart-info tbody td {
vertical-align: top;
border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
text-align: left;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
position: relative;
top: 4px;
cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
text-align: right;
}
.cart-info tbody span.stock {
color: #F00;
font-weight: bold;
}
.cart-module > div {
display: none;
}
.cart-total {
border-top: 1px solid #DDDDDD;
overflow: auto;
padding-top: 8px;
margin-bottom: 15px;
}
.cart-total table {
float: right;
}
.cart-total td {
padding: 3px;
text-align: right;
}
/* checkout */
.checkout-heading {
background: #F8F8F8;
border: 1px solid #DBDEE1;
padding: 8px;
font-weight: bold;
font-size: 13px;
color: #555555;
margin-bottom: 15px;
}
.checkout-heading a {
float: right;
margin-top: 1px;
font-weight: normal;
text-decoration: none;
}
.checkout-content {
padding: 0px 0px 15px 0px;
display: none;
overflow: auto;
}
.checkout-content .left {
float: left;
width: 48%;
}
.checkout-content .right {
float: right;
width: 48%;
}
.checkout-content .buttons {
clear: both;
}
.checkout-product table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.checkout-product td {
padding: 7px;
}
.checkout-product thead td {
color: #4D4D4D;
font-weight: bold;
background-color: #F7F7F7;
border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
text-align: right;
}
.checkout-product tbody td {
vertical-align: top;
border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
text-align: right;
}
.checkout-product tfoot td {
text-align: right;
border-bottom: 1px solid #DDDDDD;
}
.contact-info {
overflow: auto;
}
.contact-info .left {
float: left;
width: 48%;
}
.contact-info .right {
float: left;
width: 48%;
}
.sitemap-info {
overflow: auto;
margin-bottom: 40px;
}
.sitemap-info .left {
float: left;
width: 48%;
}
.sitemap-info .right {
float: left;
width: 48%;
}
/* footer */
#footer {
clear: both;
overflow: auto;
min-height: 100px;
padding: 20px 20px 37px 20px;
border-top: 1px solid #30A11E;
background: url("/image/menu-bottom.png") center bottom no-repeat;
background-size: 100%;
margin-bottom: 5px;
}
#footer h3 {
color: #016301;
font-size: 14px;
margin-top: 0px;
margin-bottom: 8px;
}
#footer .column {
float: left;
width: 25%;
min-height: 100px;
}
#footer .column ul {
margin-top: 0px;
margin-left: 8px;
padding-left: 12px;
}
#footer .column ul li {
margin-bottom: 3px;
}
#footer .column a {
text-decoration: none;
color: #000;
}
#footer .column a:hover {
text-decoration: underline;
}
#powered {
clear: both;
float: right;
margin-bottom: 21px;
margin-top: -35px;
text-align: right;
}
/* banner */
.banner div {
text-align: center;
width: 100%;
display: none;
}
.banner div img {
margin-bottom: 20px;
}
#content .box-heading {
background: #FFFFFF url('../image/header-border-bottom.png') left bottom no-repeat;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
text-transform: uppercase;
background-size: 100%;
padding: 8px 10px 9px 43px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 14px;
color: #000;
margin-bottom: 7px;
-webkit-box-shadow: 0 0px 0px #9C9C9C;
-moz-box-shadow: 0 0px 0px #9C9C9C;
box-shadow: 0 0px 0px #9C9C9C;
}
#content .box-product .cart input.button {
background: url('../image/add_to_cart.gif') left center no-repeat;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px #9C9C9C;
-moz-box-shadow: 0 0px 0px #9C9C9C;
box-shadow: 0 0px 0px #9C9C9C;
color: #005800;
font-weight: normal;

margin-top: 8px;
padding-left: 31px;

}
#content .product-grid .cart input.button {
background: url('../image/add_to_cart.gif') left center no-repeat;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px #9C9C9C;
-moz-box-shadow: 0 0px 0px #9C9C9C;
box-shadow: 0 0px 0px #9C9C9C;
color: #005800;
font-weight: normal;

margin-top: 8px;
padding-left: 31px;

}
#column-left .box-product .cart input.button,
#column-right .box-product .cart input.button {
background: url('../image/add_to_cart.gif') left center no-repeat;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px #9C9C9C;
-moz-box-shadow: 0 0px 0px #9C9C9C;
box-shadow: 0 0px 0px #9C9C9C;
color: #86C324;
font-weight: normal;
margin-top: -5px;
padding-left: 31px;
margin-right: 14px;
}
#content .stock {
background: url("/image/stock.gif") no-repeat scroll left center transparent;
margin-left: 21px;
margin-top: 7px;
padding-left: 28px;
text-align: left;
}
#content .no-stock {
background: url("/image/no-stock.gif") no-repeat center left transparent;
float: left;
margin-top: 7px;
padding-left: 28px;
margin-left: 12px;
}
#column-left .stock,
#column-right .stock {
background: url("/image/stock.gif") no-repeat center left transparent;
float: left;
margin-top: 7px;
padding-left: 28px;
margin-left: 12px;
}
#column-left .box-product .name,
#column-right .box-product .name {
text-align: center;
}
#content .box-product {
background: url("/image/menu-bottom.png") no-repeat bottom center transparent;
background-size: 100%;
;
width: 106%;
}
#content .special,
#column-left .special,
#column-right .special {
;
margin-top: 44px;
position: absolute;
text-align: right;
}
#content .hov .special {

}
#newDivPh {
position:absolute;
background:#fff;
padding:10px;
border:2px solid #30961E;
-webkit-box-shadow: 2px 2px 5px #333;
-moz-box-shadow: 2px 2px 5px #333;
box-shadow: 2px 2px 5px #333;
z-index: 99;
}
#descript {
width: 225px;
padding: 0px 22px 0px 22px;
}
.telefonimg {
position: relative;
top: 16px;
left: 221px;
width: 27px;
}
.telefonnumber {
font-size: 27px;
left: 275px;
position: relative;
top: 53px;
width: 300px;
}
.telefonimgfooter {
float: left;
margin-left: 170px;
margin-right: 13px;
}
.telefonimgfooter img {
width: 30px;
height: 30px;
}
.telefonnumberfooter {
float: left;
font-size: 17px;
margin-top: 4px;
}
.informleft {
color: #000;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 27px;
letter-spacing: -2px;
padding: 0 0 0 7px;
position: relative;
top: 8px;
left: 225px;

}

.informleft span {
color: #808080;
font-family: Tahoma;
font-size: 12px;
letter-spacing: -1px;
}
.informright b, .informleft b {
color: #808080;
font-family: Arial;
font-size: 11px;
letter-spacing: -1px;
}
.inform {
font-family: Arial;
font-size: 12px;
font-weight: bold;
left: 409px;
position: absolute;
top: 15px;
width: 124px;
}

.inform .ico {
left: 0;
position: absolute;
top: 7px;
}
.inform .days {
color: #A8A8A8;
left: 23px;
position: absolute;
text-align: center;
top: 0;
width: 40px;
}

.inform .time1 {
color: #707070;
position: absolute;
right: 0;
top: 0;
}
.inform .days span {
color: #30961E;
}
.informright {
background: url("../img/skypon.png") no-repeat scroll 10px 20px transparent;
color: #86C324;
float: right;
font-family: Arial;
font-size: 22px;
font-weight: bold;
letter-spacing: -2px;
padding: 0;
text-align: right;
width: 120px;
position: relative;
top: 3px;
right: 371px;
}

.informright span {
color: #808080;
font-family: Tahoma;
font-size: 12px;
letter-spacing: -1px;
}
.holder p {
margin-bottom: 0px;
}
#pay {
float: left;
margin-top: -3px;
}

#header .cartimg {
float: right;
position: relative;
right: 377px;
top: -43px;
}
#welcome a {
color: #000;
}
.description .stock {
background: url("/image/stock.gif") no-repeat scroll left center transparent;
float: left;
;
margin-right: 11px;
margin-top: 27px;
padding-left: 28px;
}
.product-list .hov {
display: none;
}

 

Помогите пожалуйста.

Надіслати
Поділитися на інших сайтах


 

строка 607

 

input.button {
margin: 0;
border: 0;
height: 24px;
padding: 0px 12px 0px 12px;
}

заменить на 

 

тут кнопка цветом:

input.button {
margin: 0;
background: #64BE29;
color: #fff;
border: 1px solid #ccc;
-webkit-border-radius:  5px 5px 5px 5px;
-moz-border-radius:  5px 5px 5px 5px;
-khtml-border-radius:  5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
height: 30px;
padding: 0px 12px 0px 12px;
}

если  картинка, то

 background: url('../image/button.png') repeat-x;

Все, спасибо большое!

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.