Updating styles
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user