Updating styles

This commit is contained in:
alexey-svistunov
2013-11-13 10:01:04 +02:00
parent e7abdee44a
commit a7aea1d018
23 changed files with 354 additions and 204 deletions
+25 -13
View File
@@ -165,6 +165,12 @@ p.info-account {
float: left;
}
.label {
white-space: normal;
display: inline-block;
padding: 6px 10px;
}
.required sup {
color: #f13340;
font-size: 13px;
@@ -697,7 +703,7 @@ table.table_block td {
.price-percent-reduction {
background: #f13340;
border: 1px solid #d02a2c;
font: 600 21px/26px "Open Sans", sans-serif;
font: 600 21px/24px "Open Sans", sans-serif;
color: white;
padding: 0 5px 0 3px;
display: inline-block;
@@ -889,6 +895,7 @@ table.table_block td {
***************************************************************************************************/
#home-page-tabs {
border: none;
background: white;
}
@media (min-width: 768px) {
#home-page-tabs {
@@ -1006,6 +1013,9 @@ table.table_block td {
padding-top: 20px;
border-top: 1px solid #d6d4d4;
}
.block .list-block .form-group select {
max-width: 270px;
}
.block .list-block .btn {
margin-top: 12px;
}
@@ -1759,6 +1769,7 @@ div.star_hover a, div.star a:hover {
#header {
padding-bottom: 21px;
position: relative;
background: white;
/* languages/currencies */
}
#header .header-row {
@@ -1894,7 +1905,7 @@ div.star_hover a, div.star a:hover {
position: absolute;
top: 37px;
left: 0;
width: 166px;
width: 157px;
background: #333333;
z-index: 2;
}
@@ -1952,7 +1963,7 @@ div.star_hover a, div.star a:hover {
font-weight: bold;
font-size: 12px;
line-height: 24px;
height: 26px;
min-height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
@@ -1964,20 +1975,15 @@ div.star_hover a, div.star a:hover {
z-index: 1;
}
.breadcrumb .navigation-pipe {
float: left;
width: 18px;
display: inline-block;
text-indent: -5000px;
}
.breadcrumb .navigation_page {
float: left;
}
.breadcrumb a {
display: inline-block;
float: left;
background: white;
padding: 0 8px 0 22px;
margin-left: -20px;
margin-left: -26px;
position: relative;
z-index: 2;
color: #333333;
@@ -1996,15 +2002,21 @@ div.star_hover a, div.star a:hover {
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
z-index: 99;
line-height: 22px;
display: inline-block;
height: 24px;
}
.breadcrumb a.home i {
vertical-align: -1px;
}
.breadcrumb a:after {
display: inline-block;
content: ".";
position: absolute;
right: -6px;
top: 0;
width: 24px;
height: 24px;
right: -10px;
top: 3px;
width: 18px;
height: 18px;
background: white;
border-right: 1px solid #d6d4d4;
border-top: 1px solid #d6d4d4;
@@ -90,6 +90,15 @@
}
#cart_block #cart-buttons a#button_order_cart {
margin-right: 0;
background: #43b155;
border-color: #399b49 #369946 #208931 #369946;
}
#cart_block #cart-buttons a#button_order_cart span {
border-color: #73ca77;
}
#cart_block #cart-buttons a#button_order_cart:hover {
background: #359144;
color: white;
}
/*******************************************************************
@@ -63,6 +63,7 @@
color: white;
padding: 5px 43px 5px 12px;
display: inline-block;
float: left;
}
#footer #newsletter_block_left .form-group .form-control:focus {
-webkit-box-shadow: black 0px 0px 0px;
@@ -70,11 +71,12 @@
box-shadow: black 0px 0px 0px;
}
#footer #newsletter_block_left .form-group .button-small {
margin-left: -41px;
margin-left: -42px;
border: none;
background: none;
text-align: center;
color: #908f8f;
padding: 8px;
}
#footer #newsletter_block_left .form-group .button-small:before {
content: "";
@@ -89,8 +91,19 @@
display: none;
}
#footer #newsletter_block_left .warning_inline {
display: inline-block;
display: block;
color: #f13340;
font-size: 13px;
line-height: 26px;
clear: both;
}
@media (min-width: 1200px) {
#footer #newsletter_block_left .warning_inline {
display: inline-block;
position: relative;
top: -35px;
margin-bottom: -35px;
left: 15px;
clear: none;
}
}
@@ -14,6 +14,7 @@
#order-opc .page-heading.step-num {
position: relative;
padding-left: 45px;
overflow: visible;
}
#order-opc .page-heading.step-num span {
font-weight: bold;
+42 -6
View File
@@ -106,6 +106,9 @@ ul.product_list.grid > li .product-container .product-image-container .content_p
ul.product_list.grid > li .product-container .product-image-container .content_price span {
color: white;
}
ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price {
color: #b1b0b0;
}
ul.product_list.grid > li .product-container h5 {
padding: 0 15px 7px 15px;
min-height: 53px;
@@ -197,23 +200,27 @@ ul.product_list.grid > li .product-container .functional-buttons div.compare lab
content: "";
}
@media (min-width: 1200px) {
ul.product_list.grid > li .product-container:hover {
ul.product_list.grid > li.hovered {
margin-bottom: -300px;
padding-bottom: 250px;
}
ul.product_list.grid > li.hovered .product-container {
-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
position: relative;
z-index: 2;
z-index: 10;
}
ul.product_list.grid > li .product-container:hover .content_price {
ul.product_list.grid > li.hovered .product-container .content_price {
display: none;
}
ul.product_list.grid > li .product-container:hover .product-image-container .content_price {
ul.product_list.grid > li.hovered .product-container .product-image-container .content_price {
display: block;
}
ul.product_list.grid > li .product-container:hover .product-image-container .quick-view {
ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
display: block;
}
ul.product_list.grid > li .product-container:hover .button-container, ul.product_list.grid > li .product-container:hover .functional-buttons {
ul.product_list.grid > li.hovered .product-container .functional-buttons, ul.product_list.grid > li.hovered .product-container .button-container {
display: block;
}
}
@@ -228,6 +235,26 @@ ul.product_list.grid > li .product-container .functional-buttons div.compare lab
}
}
@media (min-width: 1200px) {
#blockpack ul > li.last-line {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
#blockpack ul > li.last-line.hovered {
margin-bottom: -289px;
padding-bottom: 250px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#blockpack ul > li.first-item-of-tablet-line {
clear: none;
}
#blockpack ul > li.first-item-of-mobile-line {
clear: left;
}
}
/*******************************************************
Product list(List) Styles
********************************************************/
@@ -439,6 +466,11 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
#index ul.product_list.tab-pane > li.hovered {
margin-bottom: -290px;
}
}
#index ul.product_list.tab-pane > li .availability {
display: none;
}
@@ -448,6 +480,10 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
padding-bottom: 0;
margin-bottom: 0;
}
#index ul.product_list.tab-pane > li.last-line.hovered {
margin-bottom: -290px;
padding-bottom: 250px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#index ul.product_list.tab-pane > li.first-item-of-tablet-line {