From 76a224bd1809a0486f1aef9f2ad651df13b8f01f Mon Sep 17 00:00:00 2001 From: thisgun Date: Mon, 17 Dec 2018 12:26:30 +0900 Subject: [PATCH] =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=EC=8B=9C=ED=8A=B8?= =?UTF-8?q?=EC=97=90=20shop=5Ficon=20=ED=81=B4=EB=9E=98=EC=8A=A4=20?= =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- mobile/skin/shop/basic/style.css | 6 ++++- skin/shop/basic/style.css | 24 ++++++++++++++++---- theme/basic/mobile/skin/shop/basic/style.css | 6 ++++- theme/basic/skin/shop/basic/style.css | 24 ++++++++++++++++---- 4 files changed, 50 insertions(+), 10 deletions(-) diff --git a/mobile/skin/shop/basic/style.css b/mobile/skin/shop/basic/style.css index d3fa51148..64b2109c4 100644 --- a/mobile/skin/shop/basic/style.css +++ b/mobile/skin/shop/basic/style.css @@ -87,7 +87,11 @@ .sct_10 .sct_cost{margin:5px 10px } .sct_10 .sct_sns{margin:10px 5px} .sct_10 .sct_icon {margin:5px 10px } -.sct_10 .sct_icon .shop_icon_4{padding: 0 5px;line-height:20px;position: absolute;top: 0;left: 0;background: #fb5861;color: #fff;font-size: 12px;border:0} +.sct_10 .sct_icon .shop_icon_1 {} /* 히트 아이콘 */ +.sct_10 .sct_icon .shop_icon_2 {} /* 추천 아이콘 */ +.sct_10 .sct_icon .shop_icon_3 {} /* 최신 아이콘 */ +.sct_10 .sct_icon .shop_icon_4{padding: 0 5px;line-height:20px;position: absolute;top: 0;left: 0;background: #fb5861;color: #fff;font-size: 12px;border:0} /* BEST 아이콘 */ +.sct_10 .sct_icon .shop_icon_5 {} /* 할인 아이콘 */ .li_more{text-align:center} #item_load_msg{display:none} diff --git a/skin/shop/basic/style.css b/skin/shop/basic/style.css index c466312e6..c0691e141 100644 --- a/skin/shop/basic/style.css +++ b/skin/shop/basic/style.css @@ -86,7 +86,11 @@ .sct_noitem {padding:100px 0;text-align:center} .sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */ .shop_icon{display:inline-block;color:#fff;background:#a8aab1;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px; } -.shop_icon_4{background:#ff7575;} +.shop_icon_1 {} /* 히트 아이콘 */ +.shop_icon_2 {} /* 추천 아이콘 */ +.shop_icon_3 {} /* 최신 아이콘 */ +.shop_icon_4 {background:#ff7575} /* BEST 아이콘 */ +.shop_icon_5 {} /* 할인 아이콘 */ .shop_icon_soldout{display:inline-block;color:#ff0000;font-style:italic;font-weight:bold;margin:2px} .shop_icon_coupon{background:#59d495} @@ -122,7 +126,11 @@ .sct_10 .sct_cost .sct_discount{display:block;color:#999;font-size:0.92em;text-decoration:line-through;} .sct_10 .sct_txt{display:block;margin:10px 0;font-size:1.167em;font-weight:bold} .sct_10 .sct_basic{color:#666;margin:5px 0} -.sct_10 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:bold} +.sct_10 .shop_icon_1 {} /* 히트 아이콘 */ +.sct_10 .shop_icon_2 {} /* 추천 아이콘 */ +.sct_10 .shop_icon_3 {} /* 최신 아이콘 */ +.sct_10 .shop_icon_4 {position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:bold} /* BEST 아이콘 */ +.sct_10 .shop_icon_5 {} /* 할인 아이콘 */ /* 상품 목록 스킨 20 */ .sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0} @@ -180,7 +188,11 @@ .sct_40 .sct_rel_ul {margin:0;padding:0;list-style:none} .sct_40 .sct_rel_li {float:left;margin:0 0 0 10px} .sct_40 .sct_sns {padding:10px 0 0} -.sct_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold} +.sct_40 .shop_icon_1 {} /* 히트 아이콘 */ +.sct_40 .shop_icon_2 {} /* 추천 아이콘 */ +.sct_40 .shop_icon_3 {} /* 최신 아이콘 */ +.sct_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold} /* BEST 아이콘 */ +.sct_40 .shop_icon_5 {} /* 할인 아이콘 */ /* 개인결제 목록 */ .sct_pv .sct_li {position:relative;float:left;margin:0 15px 15px 0} @@ -256,7 +268,11 @@ .smt_40 .sct_rel_ul {margin:0;padding:0;list-style:none} .smt_40 .sct_rel_li {float:left;margin:0 0 0 10px} .smt_40 .sct_sns {padding:10px 0 0} -.smt_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold} +.smt_40 .shop_icon_1 {} /* 히트 아이콘 */ +.smt_40 .shop_icon_2 {} /* 추천 아이콘 */ +.smt_40 .shop_icon_3 {} /* 최신 아이콘 */ +.smt_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold} /* BEST 아이콘 */ +.smt_40 .shop_icon_5 {} /* 할인 아이콘 */ /* 메인 상품 목록 스킨 50 */ .smt_50 {position:relative} diff --git a/theme/basic/mobile/skin/shop/basic/style.css b/theme/basic/mobile/skin/shop/basic/style.css index ea0e45518..f7a82a862 100644 --- a/theme/basic/mobile/skin/shop/basic/style.css +++ b/theme/basic/mobile/skin/shop/basic/style.css @@ -86,8 +86,12 @@ .sct_10 .sct_cost{margin:5px 10px } .sct_10 .sct_sns{margin:10px 5px} .sct_10 .sct_icon {margin:5px 10px } +.sct_10 .sct_icon .shop_icon_1 {} /* 히트 아이콘 */ +.sct_10 .sct_icon .shop_icon_2 {} /* 추천 아이콘 */ +.sct_10 .sct_icon .shop_icon_3 {} /* 최신 아이콘 */ .sct_10 .sct_icon .shop_icon_4{padding: 0 5px;line-height:20px;position: absolute;top: 0;left: 0;background: #fb5861;color: #fff;font-size: 12px;border:0} -.li_more{text-align:center} +.li_more{text-align:center} /* BEST 아이콘 */ +.sct_10 .sct_icon .shop_icon_5 {} /* 할인 아이콘 */ #item_load_msg{display:none} #btn_more_item{height: 43px;width:100%;border:1px solid #c8c8c8;border-bottom-color:#aaa;font-size:1.167em;color: #282828;line-height: 43px;background:none} diff --git a/theme/basic/skin/shop/basic/style.css b/theme/basic/skin/shop/basic/style.css index 0323eb581..bcd1d210a 100644 --- a/theme/basic/skin/shop/basic/style.css +++ b/theme/basic/skin/shop/basic/style.css @@ -87,7 +87,11 @@ .sct_noitem {padding:100px 0;text-align:center} .sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */ .shop_icon{display:inline-block;color:#fff;background:#a8aab1;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px; } -.shop_icon_4{background:#ff7575;} +.shop_icon_1 {} /* 히트 아이콘 */ +.shop_icon_2 {} /* 추천 아이콘 */ +.shop_icon_3 {} /* 최신 아이콘 */ +.shop_icon_4 {background:#ff7575} /* BEST 아이콘 */ +.shop_icon_5 {} /* 할인 아이콘 */ .shop_icon_soldout{display:inline-block;color:#ff0000;font-style:italic;font-weight:bold;margin:2px} .shop_icon_coupon{background:#59d495} @@ -123,7 +127,11 @@ .sct_10 .sct_cost .sct_discount{display:block;color:#999;font-size:0.92em;text-decoration:line-through;} .sct_10 .sct_txt{display:block;margin:10px 0;font-size:1.167em;font-weight:bold} .sct_10 .sct_basic{color:#666;margin:5px 0} -.sct_10 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:bold} +.sct_10 .shop_icon_1 {} /* 히트 아이콘 */ +.sct_10 .shop_icon_2 {} /* 추천 아이콘 */ +.sct_10 .shop_icon_3 {} /* 최신 아이콘 */ +.sct_10 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:bold} /* BEST 아이콘 */ +.sct_10 .shop_icon_5 {} /* 할인 아이콘 */ /* 상품 목록 스킨 20 */ .sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0} @@ -181,7 +189,11 @@ .sct_40 .sct_rel_ul {margin:0;padding:0;list-style:none} .sct_40 .sct_rel_li {float:left;margin:0 0 0 10px} .sct_40 .sct_sns {padding:10px 0 0} -.sct_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold} +.sct_40 .shop_icon_1 {} /* 히트 아이콘 */ +.sct_40 .shop_icon_2 {} /* 추천 아이콘 */ +.sct_40 .shop_icon_3 {} /* 최신 아이콘 */ +.sct_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold} /* BEST 아이콘 */ +.sct_40 .shop_icon_5 {} /* 할인 아이콘 */ /* 개인결제 목록 */ .sct_pv .sct_li {position:relative;float:left;margin:0 15px 15px 0} @@ -257,7 +269,11 @@ .smt_40 .sct_rel_ul {margin:0;padding:0;list-style:none} .smt_40 .sct_rel_li {float:left;margin:0 0 0 10px} .smt_40 .sct_sns {padding:10px 0 0} -.smt_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold} +.smt_40 .shop_icon_1 {} /* 히트 아이콘 */ +.smt_40 .shop_icon_2 {} /* 추천 아이콘 */ +.smt_40 .shop_icon_3 {} /* 최신 아이콘 */ +.smt_40 .shop_icon_4{position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;text-align:center;font-weight:bold} /* BEST 아이콘 */ +.smt_40 .shop_icon_5 {} /* 할인 아이콘 */ /* 메인 상품 목록 스킨 50 */ .smt_50 {position:relative}