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

모바일쇼핑몰: tab_slide 스타일 1차 작업

Browse Source
This commit is contained in:
whitedot
2013-10-23 10:25:50 +09:00
parent cf15b379ae
commit ff9c1f4cec
3 changed files with 24 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
css/mobile_shop.css
View File

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

4
mobile/shop/shop.head.php
View File

@ -7,14 +7,14 @@ include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
?>
<header id="header">
<header id="hd">
<?php if ((!$bo_table || $w == 's' ) && defined('_INDEX_')) { ?><h1><?php echo $config['cf_title'] ?></h1><?php } ?>
<div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
<div id="logo"><a href="<?php echo G5_SHOP_URL; ?>/"><img src="<?php echo G5_DATA_URL; ?>/common/mobile_logo_img" alt="<?php echo $config['cf_title']; ?> 메인"></a></div>
<a href="<?php echo G5_SHOP_URL; ?>/category.php" target="_blank" id="hd_ct">전체분류</a>
<a href="<?php echo G5_SHOP_URL; ?>/category.php" target="_blank" id="hd_ct">분류</a>
<button type="button" id="hd_sch_open">검색<span class="sound_only"> 열기</span></button>
<form name="frmsearch1" action="<?php echo G5_SHOP_URL; ?>/search.php">

6
mobile/shop/shop.tail.php
View File

@ -9,8 +9,8 @@ $admin = get_admin("super");
</div><!-- container End -->
<footer id="footer">
<h1><?php echo $config['cf_title']; ?> 정보</h1>
<div id="ft">
<h2><?php echo $config['cf_title']; ?> 정보</h2>
<a href="<?php echo G5_SHOP_URL; ?>/"><img src="<?php echo G5_DATA_URL; ?>/common/mobile_logo_img" alt="처음으로"></a>
<p>
<span><?php echo $default['de_admin_company_addr']; ?></span>
@ -24,7 +24,7 @@ $admin = get_admin("super");
Copyright &copy; 2001-2013 <?php echo $default['de_admin_company_name']; ?>. All Rights Reserved.
</p>
<a href="#" id="ft_to_top">상단으로</a>
</footer>
</div>
<?php
$sec = get_microtime() - $begin_time;