[-] FO: fix #product_list li span.new: IE 6,7,8 bug: New product badge not correct position - #PSCFV-5898

This commit is contained in:
Sarah Lorenzini committed 2012-11-28 16:07:36 +01:00
1 parent f3cde47048
commit 813d28bda9
2 files changed
+74 -71

No files matched your search

+71 -69
View File
@@ -1,69 +1,71 @@
#featured-products_block_center li { #featured-products_block_center li {
margin-right:10px; margin-right:10px;
padding:10px 0; padding:10px 0;
width:126px; width:126px;
height:240px height:240px
} }
#featured-products_block_center li.last_item_of_line {margin-right:0;} #featured-products_block_center li.last_item_of_line {margin-right:0;}
#featured-products_block_center h5 { #featured-products_block_center h5 {
padding-top:5px; padding-top:5px;
height:30px; height:30px;
font-size:12px; font-size:12px;
color:#222 color:#222
} }
#featured-products_block_center .product_image { #featured-products_block_center .product_image {
display:block; display:block;
position:relative; position:relative;
overflow:hidden overflow:hidden
} }
#featured-products_block_center .product_image span.new { #featured-products_block_center .product_image span.new {
display: block; display: block;
position: absolute; position: absolute;
top: 15px; top: 15px;
right:-30px; right:-30px;
padding: 1px 4px; padding: 1px 4px;
width: 101px; width: 101px;
font-size:10px; font-size:10px;
color: #fff; color: #fff;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
-moz-transform: rotate(45deg); -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
-o-transform:rotate(45deg); -o-transform:rotate(45deg);
-ms-transform: rotate(45deg); /*-ms-transform: rotate(45deg);*/
background-color: #990000; background-color: #990000;
transform: rotate(45deg); /* Newer browsers */ transform: rotate(45deg); /* Newer browsers */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
} }
.ie8 #featured-products_block_center .product_image span.new {top:-17px;} .ie9 #featured-products_block_center .product_image span.new{top:-18px;right:-38px}
.ie7 #featured-products_block_center .product_image span.new {top:-30px;right:-25px} .ie8 #featured-products_block_center .product_image span.new{top:-18px;right:-38px}
.lt-ie6 #featured-products_block_center .product_image span.new {top:-30px;right:-25px} .ie8 #featured-products_block_center .product_image span.new {top:-17px;}
.ie7 #featured-products_block_center .product_image span.new {top:-30px;right:-25px}
#featured-products_block_center .product_desc {height:45px;} .lt-ie6 #featured-products_block_center .product_image span.new {top:-30px;right:-25px}
#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a { #featured-products_block_center .product_desc {height:45px;}
color:#666 #featured-products_block_center .product_desc,
} #featured-products_block_center .product_desc a {
#featured-products_block_center .lnk_more { color:#666
display:inline; }
padding-right:10px; #featured-products_block_center .lnk_more {
font-weight:bold; display:inline;
font-size:10px; padding-right:10px;
color:#0088cc; font-weight:bold;
background:url(img/arrow_right_1.png) no-repeat 100% 3px; font-size:10px;
} color:#0088cc;
#featured-products_block_center .price_container { background:url(img/arrow_right_1.png) no-repeat 100% 3px;
margin-top:10px; }
padding:0; #featured-products_block_center .price_container {
} margin-top:10px;
#featured-products_block_center .price { padding:0;
font-weight:bold; }
font-size:14px; #featured-products_block_center .price {
color:#990000 font-weight:bold;
} font-size:14px;
#featured-products_block_center li .ajax_add_to_cart_button {display:none;} color:#990000
#featured-products_block_center li span.exclusive {display:none;} }
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}
+3 -2
View File
@@ -57,14 +57,15 @@ ul#product_list {
-moz-transform: rotate(45deg); -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
-o-transform:rotate(45deg); -o-transform:rotate(45deg);
-ms-transform: rotate(45deg); /*-ms-transform: rotate(45deg);*/
background-color: #990000; background-color: #990000;
transform: rotate(45deg); /* Newer browsers */ transform: rotate(45deg); /* Newer browsers */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */ filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
} }
.ie8 #product_list li span.new{top:-17px;} .ie9 #product_list li span.new{top:-18px;right:-38px}
.ie8 #product_list li span.new{top:-18px;right:-38px}
.ie7 #product_list li span.new {top:-30px;right:-25px} .ie7 #product_list li span.new {top:-30px;right:-25px}
.lt-ie6 #featured-products_block_center .product_image span.new {top:-30px;right:-25px} .lt-ie6 #featured-products_block_center .product_image span.new {top:-30px;right:-25px}
#product_list li h3 { #product_list li h3 {