From cf15b379ae37f358eaa6eb11afa90ff26f75c5c6 Mon Sep 17 00:00:00 2001 From: whitedot Date: Wed, 23 Oct 2013 09:49:39 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=EA=B3=B5?= =?UTF-8?q?=ED=86=B5:=20=EA=B0=A4=ED=83=AD=20=EC=88=A8=EA=B9=80=ED=85=8D?= =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=B2=98?= =?UTF-8?q?=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/mobile.css | 2 +- css/mobile_shop.css | 24 ++++++++++++------------ 2 files changed, 13 insertions(+), 13 deletions(-) diff --git a/css/mobile.css b/css/mobile.css index 07ca3cb0d..cb96b9b51 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -41,7 +41,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} /* 상단 레이아웃 */ #hd {background:#fff} #hd:after {display:block;visibility:hidden;clear:both;content:""} -#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #logo {float:left;padding:0.9em 0;margin-left:0.5em} diff --git a/css/mobile_shop.css b/css/mobile_shop.css index 807ccfbc6..d836d20a7 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -20,7 +20,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} /* 상단 레이아웃 */ #header {margin:0 0 1em;padding:1em 0;border-bottom:1px solid #e9e9e9;text-align:center} -#header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#header h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #logo {padding:10px 0} @@ -43,7 +43,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} /* 하단 레이아웃 */ #footer {margin:2em 0 0;padding:2em 0 0;border-top:1px solid #e9e9e9;font-size:0.6em;text-align:center} -#footer h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#footer h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #ft_to_top {display:block;margin:1em 0 2em} /* 목록 바로가기 */ @@ -77,7 +77,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} /* 상품 목록 카테고리 목록 */ .sct_ct {} -.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +.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:after {display:block;visibility:hidden;clear:both;content:""} .sct_ct a {text-decoration:none} @@ -92,7 +92,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} /* 상품 정렬 */ #sct_sort {float:left;margin:1em 0;zoom:1} #sct_sort:after {display:block;visibility:hidden;clear:both;content:""} -#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#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} #sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""} #sct_sort li {float:left;position:relative;margin-left:-1px} @@ -136,7 +136,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #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;line-height:0;overflow:hidden} +#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 span {display:none} #sit_pvi_nwbig span.visible {display:inline} @@ -147,7 +147,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} /* 상품 상세보기 - 간략정보 및 구매기능 */ #sit_ov {position:relative;padding:50px 1.3em 1.3em;height:auto !important;height:355px;min-height:355px;background:#f5f6fa} -#sit_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#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} @@ -322,7 +322,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #smb_my {} #smb_my_ov {margin:0 0 2em} -#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #smb_my_ov dl {margin:0;border-top:1px solid #e9e9e9;background:#f5f6fa;zoom:1} #smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:''} #smb_my_ov dt {float:left;padding:0.8em;width:30%;border-bottom:1px solid #e9e9e9;font-weight:bold} @@ -390,7 +390,7 @@ html.no-overflowscrolling #it_coupon_frm {height:auto;max-height:10000px !import html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #sod_frm_paysel {margin:0 0 1.8em;padding:1em;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center} -#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sod_frm_paysel legend {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #settle_bank {margin:1em 0 0} #sod_frm_escrow {margin:2.8em 0 0} @@ -438,7 +438,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f .sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer} #sod_fin_view {border:1px solid #e9e9e9} -#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sod_fin_view h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sod_fin_view h3 {margin:0 0 1em} #sod_fin_view .basic_tbl th {padding:0 1em;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f5f6fa;text-align:left} @@ -451,7 +451,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f #sod_fin_dvr {padding:1em} #sod_fin_tot {margin:0 0 2.8em;padding:1em;border:1px solid #e9e9e9;border-top:0;background:#565e60;color:#fff} -#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sod_fin_tot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sod_fin_tot ul {margin:0;padding:0;list-style:none} #sod_fin_tot li {padding:1em;border-bottom:1px solid #6f7a7d;zoom:1} #sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""} @@ -459,7 +459,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f #sod_fin_tot strong {float:right} #sod_fin_cancel {text-align:center} -#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sod_fin_cancel h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #sod_fin_cancel button {padding:1em;border:0;background:#ff3600;color:#fff} #sod_fin_cancelfrm {display:none;margin:1em 0 0} #sod_fin_cancelfrm .frm_input {background:#fff} @@ -488,7 +488,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} -.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} +.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} From ff9c1f4cec2c95c8e8cf1eeac4fe911c65e8427a Mon Sep 17 00:00:00 2001 From: whitedot Date: Wed, 23 Oct 2013 10:25:50 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=EC=87=BC?= =?UTF-8?q?=ED=95=91=EB=AA=B0:=20tab=5Fslide=20=EC=8A=A4=ED=83=80=EC=9D=BC?= =?UTF-8?q?=201=EC=B0=A8=20=EC=9E=91=EC=97=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/mobile_shop.css | 39 +++++++++++++++++++-------------------- mobile/shop/shop.head.php | 4 ++-- mobile/shop/shop.tail.php | 6 +++--- 3 files changed, 24 insertions(+), 25 deletions(-) diff --git a/css/mobile_shop.css b/css/mobile_shop.css index d836d20a7..52da3621c 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -3,7 +3,7 @@ /* 초기화 */ html {overflow-y:scroll} -body {margin:0;padding:0;background:#fff;color:#000;font-size:1em;font-family:"dotum"} +body {margin:0;padding:0;background:#fff;color:#000;font-size:0.75em;font-family:"dotum"} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} @@ -19,14 +19,14 @@ a:link, a:visited {color:#000;text-decoration:none} a:hover, a:focus, a:active {color:#000;text-decoration:underline} /* 상단 레이아웃 */ -#header {margin:0 0 1em;padding:1em 0;border-bottom:1px solid #e9e9e9;text-align:center} -#header h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} +#hd {margin:0 0 1em;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:1em;left:1em;padding:0 0.7em;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;text-decoration:none;letter-spacing:-0.1em;vertical-align:top;line-height:2.6em;cursor:pointer;-webkit-appearance:none} +#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;cursor:pointer;-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 {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} @@ -38,12 +38,12 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} #hd_mb a {display:block;text-decoration:none} /* 중간 레이아웃 */ -#container {padding:0.5em} -#container_title {margin-bottom:1em;padding:0 1em;font-size:1.2em} +#container {padding:10px} +#container_title {margin:0 0 10px;padding:0;font-size:1.333em} /* 하단 레이아웃 */ -#footer {margin:2em 0 0;padding:2em 0 0;border-top:1px solid #e9e9e9;font-size:0.6em;text-align:center} -#footer h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} +#ft {margin:2em 0 0;padding:2em 0 0;border-top:1px solid #e9e9e9;font-size:0.6em;text-align:center} +#ft h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #ft_to_top {display:block;margin:1em 0 2em} /* 목록 바로가기 */ @@ -59,9 +59,10 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #sidx {padding:0} /* 인덱스 상품 */ -#slide_tab {margin:0;padding:0;list-style:none;position:relative;width:100%;height:50px;background-color:#eee;overflow:hidden} -#slide_tab li {position:absolute;top:0;left:0;width:80px;text-align:center} -#slide_tab .tab_active {color:red} +#slide_tab {position:relative;margin:0 0 30px;padding:0;width:100%;height:50px;background:#383838;list-style:none;overflow:hidden} +#slide_tab li {position:absolute;top:0;text-align:center} +#slide_tab button {margin:0;padding:0 15px;height:50px;border:0;background:#585858;color:#fff} +#slide_tab .tab_active button {background:transparent;font-weight:bold} #sidx_slide {position:relative;top:0;left:0;width:100%;overflow:hidden} .sidx_slide {position:absolute;top:0;left:0;width:100%} @@ -102,15 +103,13 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #sct_lst {float:right;margin:1em 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;cursor:pointer} +#sct_lst button {position:relative;margin:0 0 0 -1px;padding:0;width:25px;height:25px;border:1px solid #ccc} #sct_lst button span {position:absolute;top:0;left:0;width:100%;height:100%;background:url('../shop/img/is_button.gif')} #sct_lst button.sct_lst_list span {background-position:0 0} #sct_lst button.sct_lst_list span.sct_lst_on {background-position:0 -30px} #sct_lst button.sct_lst_gallery span {background-position:-30px 0} #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} @@ -212,7 +211,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #e9e9e9;list-style:none} .sit_use_li {position:relative;padding:0 0 1em;border-bottom:1px solid #e9e9e9;background:#f5f6fa} -.sit_use_li_title {display:block;margin:0;padding:1em;width:100%;border:0;background:transparent;text-align:left;cursor:pointer} +.sit_use_li_title {display:block;margin:0;padding:1em;width:100%;border:0;background:transparent;text-align:left} .sit_use_dl {margin:0;padding:0 1em;zoom:1} .sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""} @@ -233,7 +232,7 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} #sit_qa_ol {margin:0 0 0.5em;padding:0;border-top:1px solid #e9e9e9;list-style:none} .sit_qa_li {position:relative;padding:0 0 1em;border-bottom:1px solid #e9e9e9;background:#f5f6fa} -.sit_qa_li_title {display:block;margin:0;padding:1em;width:100%;border:0;background:transparent;text-align:left;cursor:pointer} +.sit_qa_li_title {display:block;margin:0;padding:1em;width:100%;border:0;background:transparent;text-align:left} .sit_qa_dl {margin:0;padding:0 1em;zoom:1} .sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""} @@ -435,7 +434,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f .sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center} .sod_req_log_view td {background:#fff;color:#000} .sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000} -.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer} +.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle} #sod_fin_view {border:1px solid #e9e9e9} #sod_fin_view h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} @@ -522,11 +521,11 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f .btn02 {display:inline-block;padding:0 0.5em;height:2em;border:1px solid #333 !important;background:#333 !important;color:#fff !important;font-size:1em;text-decoration:none !important;line-height:2em;vertical-align:middle} .btn02:focus, .btn02:hover {text-decoration:none !important} .btn_confirm {text-align:center} /* 서식단계 진행 */ -.btn_submit {padding:0 1em;height:2.6em;border:1px solid #333;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none} +.btn_submit {padding:0 1em;height:2.6em;border:1px solid #333;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none} .btn_cancel {display:inline-block;padding:0 1em;height:2.6em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2.6em} .btn_frmline {display:inline-block;padding:0 0.3em;height:1.9em;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:1.9em} /* 우편번호검색버튼 등 */ .btn_win {clear:both;margin-bottom:1.5em;text-align:center} /* 새창용 */ -.btn_win a {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;line-height:2.5em;cursor:pointer} +.btn_win a {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;line-height:2.5em} /* 게시판용 버튼 */ .btn_b01 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;vertical-align:middle} .btn_b01:focus, .btn_b01:hover {text-decoration:none !important} diff --git a/mobile/shop/shop.head.php b/mobile/shop/shop.head.php index 7ce15e782..255e695ec 100644 --- a/mobile/shop/shop.head.php +++ b/mobile/shop/shop.head.php @@ -7,14 +7,14 @@ include_once(G5_LIB_PATH.'/connect.lib.php'); include_once(G5_LIB_PATH.'/popular.lib.php'); ?> -