From 813d28bda9b45c10fa294122faa41976a4dc07b1 Mon Sep 17 00:00:00 2001 From: Sarah Lorenzini Date: Wed, 28 Nov 2012 16:07:36 +0100 Subject: [PATCH] [-] FO: fix #product_list li span.new: IE 6,7,8 bug: New product badge not correct position - #PSCFV-5898 --- modules/homefeatured/homefeatured.css | 140 +++++++++++++------------- themes/default/css/product_list.css | 5 +- 2 files changed, 74 insertions(+), 71 deletions(-) diff --git a/modules/homefeatured/homefeatured.css b/modules/homefeatured/homefeatured.css index fa8c75598..b63a563e5 100644 --- a/modules/homefeatured/homefeatured.css +++ b/modules/homefeatured/homefeatured.css @@ -1,69 +1,71 @@ -#featured-products_block_center li { - margin-right:10px; - padding:10px 0; - width:126px; - height:240px -} -#featured-products_block_center li.last_item_of_line {margin-right:0;} -#featured-products_block_center h5 { - padding-top:5px; - height:30px; - font-size:12px; - color:#222 -} - -#featured-products_block_center .product_image { - display:block; - position:relative; - overflow:hidden -} -#featured-products_block_center .product_image span.new { - display: block; - position: absolute; - top: 15px; - right:-30px; - padding: 1px 4px; - width: 101px; - font-size:10px; - color: #fff; - text-align: center; - text-transform: uppercase; - -moz-transform: rotate(45deg); - -webkit-transform: rotate(45deg); - -o-transform:rotate(45deg); - -ms-transform: rotate(45deg); - background-color: #990000; - 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 */ - -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;} -.ie7 #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} - -#featured-products_block_center .product_desc {height:45px;} -#featured-products_block_center .product_desc, -#featured-products_block_center .product_desc a { - color:#666 -} -#featured-products_block_center .lnk_more { - display:inline; - padding-right:10px; - font-weight:bold; - font-size:10px; - color:#0088cc; - background:url(img/arrow_right_1.png) no-repeat 100% 3px; -} -#featured-products_block_center .price_container { - margin-top:10px; - padding:0; -} -#featured-products_block_center .price { - font-weight:bold; - font-size:14px; - color:#990000 -} -#featured-products_block_center li .ajax_add_to_cart_button {display:none;} -#featured-products_block_center li span.exclusive {display:none;} - +#featured-products_block_center li { + margin-right:10px; + padding:10px 0; + width:126px; + height:240px +} +#featured-products_block_center li.last_item_of_line {margin-right:0;} +#featured-products_block_center h5 { + padding-top:5px; + height:30px; + font-size:12px; + color:#222 +} + +#featured-products_block_center .product_image { + display:block; + position:relative; + overflow:hidden +} +#featured-products_block_center .product_image span.new { + display: block; + position: absolute; + top: 15px; + right:-30px; + padding: 1px 4px; + width: 101px; + font-size:10px; + color: #fff; + text-align: center; + text-transform: uppercase; + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -o-transform:rotate(45deg); + /*-ms-transform: rotate(45deg);*/ + background-color: #990000; + 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 */ + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ +} + +.ie9 #featured-products_block_center .product_image span.new{top:-18px;right:-38px} +.ie8 #featured-products_block_center .product_image span.new{top:-18px;right:-38px} +.ie8 #featured-products_block_center .product_image span.new {top:-17px;} +.ie7 #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} + +#featured-products_block_center .product_desc {height:45px;} +#featured-products_block_center .product_desc, +#featured-products_block_center .product_desc a { + color:#666 +} +#featured-products_block_center .lnk_more { + display:inline; + padding-right:10px; + font-weight:bold; + font-size:10px; + color:#0088cc; + background:url(img/arrow_right_1.png) no-repeat 100% 3px; +} +#featured-products_block_center .price_container { + margin-top:10px; + padding:0; +} +#featured-products_block_center .price { + font-weight:bold; + font-size:14px; + color:#990000 +} +#featured-products_block_center li .ajax_add_to_cart_button {display:none;} +#featured-products_block_center li span.exclusive {display:none;} + diff --git a/themes/default/css/product_list.css b/themes/default/css/product_list.css index ca49575c4..1cd807eca 100644 --- a/themes/default/css/product_list.css +++ b/themes/default/css/product_list.css @@ -57,14 +57,15 @@ ul#product_list { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform:rotate(45deg); - -ms-transform: rotate(45deg); + /*-ms-transform: rotate(45deg);*/ background-color: #990000; 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 */ -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} .lt-ie6 #featured-products_block_center .product_image span.new {top:-30px;right:-25px} #product_list li h3 {