firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

모바일쇼핑몰: em -> px 로 수정 중

Browse Source
This commit is contained in:
whitedot
2013-10-31 15:47:12 +09:00
parent 8739d5c67e
commit 213e7ee6fb
1 changed files with 25 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
css/mobile_shop.css
View File

@ -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}