From 213e7ee6fb7debec406cdd431929a87cd4955274 Mon Sep 17 00:00:00 2001 From: whitedot Date: Thu, 31 Oct 2013 15:47:12 +0900 Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=EC=87=BC=ED=95=91?= =?UTF-8?q?=EB=AA=B0:=20em=20->=20px=20=EB=A1=9C=20=EC=88=98=EC=A0=95=20?= =?UTF-8?q?=EC=A4=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/mobile_shop.css | 55 +++++++++++++++++++++------------------------ 1 file changed, 25 insertions(+), 30 deletions(-) diff --git a/css/mobile_shop.css b/css/mobile_shop.css index d99f8d38c..36e742d49 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -19,19 +19,19 @@ a:link, a:visited {color:#000;text-decoration:none} a:hover, a:focus, a:active {color:#000;text-decoration:underline} /* 상단 레이아웃 */ -#hd {margin:0 0 1em;padding:10px 0;border-bottom:1px solid #e9e9e9;text-align:center} +#hd {margin:0 0 10px;padding:10px 0;border-bottom:1px solid #e9e9e9;text-align:center} #hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #logo {padding:10px 0} #hd_ct {position:absolute;top:10px;left:10px;padding:10px;border:0;background:#333;color:#fff;font-size:1em;text-decoration:none;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none} -#hd_sch_open {position:absolute;top:1em;right:1em;padding:0 0.7em;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none} +#hd_sch_open {position:absolute;top:10px;right:10px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none} -#hd_sch {display:none;z-index:10;position:absolute;top:0;left:0;padding:2.2em 0;width:100%;background:#f5f6fa;text-align:center} -#hd_sch h2 {margin:0 0 1em} +#hd_sch {display:none;z-index:10;position:absolute;top:0;left:0;padding:22px 0;width:100%;background:#f5f6fa;text-align:center} +#hd_sch h2 {margin:0 0 10px} #hd_sch .frm_input {height:2.5em;border-color:#999;background:#fff;line-height:2.5em} -#hd_sch .pop_close {position:absolute;bottom:0.5em;right:0.5em;border:0;background:transparent} +#hd_sch .pop_close {position:absolute;bottom:5px;right:5px;border:0;background:transparent} #hd_mb {margin:10px 10px 0;text-align:center} #hd_mb li {display:inline-block;margin:0 0 0 10px} @@ -44,10 +44,10 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} /* 하단 레이아웃 */ #ft {margin:20px 0 0;padding:20px 0 0;border-top:1px solid #e9e9e9;font-size:0.833em;text-align:center;letter-spacing:-0.1em} #ft h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} -#ft_to_top {display:block;margin:1em 0 2em} +#ft_to_top {display:block;margin:10px 0 20px} /* 목록 바로가기 */ -.sanchor {margin:0 0 0.5em;padding:0;zoom:1} +.sanchor {margin:0 0 5px;padding:0;zoom:1} .sanchor:after {display:block;visibility:hidden;clear:both;content:""} .sanchor li {float:left;margin-left:-1px;list-style:none} .sanchor a {display:inline-block;padding:10px;border:1px solid #e9e9e9;background:#f0f1f2;text-decoration:none} @@ -68,30 +68,30 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} /* 상품 목록 */ #sct {} -.sct_admin {margin:0 0 1em;text-align:right} +.sct_admin {margin:0 0 10px;text-align:right} /* 상품 목록 현재 위치 */ #sct_location {border:1px solid #e9e9e9;background:#f5f6fa;letter-spacing:-4px} -#sct_location a {display:inline-block;padding:0.7em 1em;text-decoration:none;letter-spacing:0 !important} +#sct_location a {display:inline-block;padding:5px 10px;text-decoration:none;letter-spacing:0 !important} .sct_here {font-weight:bold} -.sct_bg {padding-right:1.3em !important;background:url('../shop/img/sct_bg_toright.gif') right 0.9em no-repeat} +.sct_bg {padding-right:13px !important;background:url('../shop/img/sct_bg_toright.gif') right 8px no-repeat} /* 상품 목록 카테고리 목록 */ .sct_ct {} .sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} -.sct_ct ul {margin:0 0 1em;padding:1em;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1} +.sct_ct ul {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1} .sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""} .sct_ct a {text-decoration:none} .sct_ct_parent {font-weight:bold} .sct_ct_here {color:#ff3600 !important} -#sct_ct_1 li {float:left;margin:0 1em 1em 0;width:120px} -#sct_ct_2 li {margin:0 0 1em} +#sct_ct_1 li {float:left;margin:0 10px 10px 0;width:120px} +#sct_ct_2 li {margin:0 0 10px} #sct_ct_2 a {display:inline-block;width:120px} -#sct_ct_3 li {float:left;margin:0 1em 1em 0;width:120px} +#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px} /* 상품 정렬 */ -#sct_sort {float:left;margin:1em 0;zoom:1} +#sct_sort {float:left;margin:10px 0;zoom:1} #sct_sort:after {display:block;visibility:hidden;clear:both;content:""} #sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sct_sort ul {margin:0;padding:0;list-style:none;zoom:1} @@ -100,7 +100,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #sct_sort .btn01 {font-size:0.75em} /* 상품 리스트 스타일 선택 */ -#sct_lst {float:right;margin:1em 0;padding:0;list-style:none;zoom:1} +#sct_lst {float:right;margin:10px 0;padding:0;list-style:none;zoom:1} #sct_lst:after {display:block;visibility:hidden;clear:both;content:""} #sct_lst li {position:relative;float:left;margin:0 0 0 -1px} #sct_lst button {position:relative;margin:0 0 0 -1px;padding:0;width:25px;height:25px;border:1px solid #ccc} @@ -111,45 +111,40 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #sct_lst button.sct_lst_gallery span.sct_lst_on {background-position:-30px -30px} /* 상품 상세보기 */ -#sit {margin:0.5em 0;border-top:1px solid #e9e9e9} -.sit_admin {margin:1em 1em 0;text-align:right} -.sit_empty {padding:2em 0;text-align:center} +#sit {margin:5px 0;border-top:1px solid #e9e9e9} +.sit_admin {margin:10px 10px 0;text-align:right} +.sit_empty {padding:30px 0;text-align:center} /* 상품 상세보기 - 개요 */ -#sit_ov_wrap {margin:0 0 2em;border-bottom:1px solid #e9e9e9;zoom:1} +#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;zoom:1} #sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""} /* 상품 상세보기 - 이미지 미리보기 */ #sit_pvi {position:relative;border-bottom:1px solid #e9e9e9;text-align:center} -/* -#sit_pvi_big {margin:0 0 1em} -#sit_pvi_big a {display:inline-block} -#sit_pvi_big img {width:300px;height:300px} -*/ #sit_pvi_prev {position:absolute;top:0;left:0} #sit_pvi_next {position:absolute;top:0;right:0} -.sit_pvi_btn {z-index:10;width:2em;height:280px;border:0;background:#f5f6fa;display:none;} +.sit_pvi_btn {display:none;z-index:10;width:2em;height:280px;border:0;background:#f5f6fa} #sit_pvi_slide {position:relative;margin:0 auto;padding:0;list-style:none;width:280px;height:280px;overflow-x:hidden} #sit_pvi_slide li {display:none;position:absolute;left:0;top:0} #sit_pvi_slide img {width:280px;height:280px} #sit_pvi_nw h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} -#sit_pvi_nwbig {padding:1em 0;text-align:center} +#sit_pvi_nwbig {padding:10px 0;text-align:center} #sit_pvi_nwbig span {display:none} #sit_pvi_nwbig span.visible {display:inline} -#sit_pvi_nw ul {margin:0 0 1.18em;padding:0 1em;list-style:none;zoom:1} +#sit_pvi_nw ul {margin:0 0 15px;padding:0 10px;list-style:none;zoom:1} #sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""} #sit_pvi_nw li {float:left;margin:0 0 0 1px} #sit_pvi_nw li img {width:60px;height:60px} /* 상품 상세보기 - 간략정보 및 구매기능 */ -#sit_ov {position:relative;padding:50px 1.3em 1.3em;height:auto !important;height:355px;min-height:355px;background:#f5f6fa} +#sit_ov {position:relative;padding:50px 13px 13px;height:auto !important;height:355px;min-height:355px;background:#f5f6fa} #sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sit_ov h3 {margin:0 0 10px} -#sit_title {display:inline-block;margin:0 0 0.3em;font-size:1.3em} +#sit_title {display:inline-block;margin:0 0 5px;font-size:1.3em} #sit_desc {display:inline-block;margin:0 0 1em;color:#999} .sit_icon {display:block;margin:0.3em 0 0} .sit_icon img {margin:0 1px 0 0}