From ff9c1f4cec2c95c8e8cf1eeac4fe911c65e8427a Mon Sep 17 00:00:00 2001 From: whitedot Date: Wed, 23 Oct 2013 10:25:50 +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:=20tab=5Fslide=20=EC=8A=A4=ED=83=80=EC=9D=BC=201?= =?UTF-8?q?=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'); ?> -