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

모바일쇼핑몰: 상품 상세보기 버튼 스타일 및 fancyalert 마크업 스타일

Browse Source
This commit is contained in:
whitedot
2013-10-23 11:35:48 +09:00
parent a0115221b9
commit f9cf3c3cd6
4 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
css/mobile_shop.css
View File

@ -50,7 +50,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
.sanchor {margin:0 0 0.5em;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;border:1px solid #e9e9e9;background:#f5f6fa;padding:0 0.5em;text-decoration:none;line-height:2.6em}
.sanchor a {display:inline-block;padding:10px;border:1px solid #e9e9e9;background:#f0f1f2;text-decoration:none}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
@ -182,15 +182,22 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#sit_ov_btn {margin:0;padding:0;text-align:center;list-style:none}
#sit_ov_btn li {display:inline-block;margin:0 0 0 1px}
#sit_ov_btn a {display:inline-block;padding:1em 0 0.7em;width:80px;font-size:0.95em;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#sit_ov_btn a {display:inline-block;padding:10px 0;width:80px;font-size:0.95em;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#sit_ov_btn input {margin:0;padding:10px 0;width:80px;border:0;font-size:0.95em;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#sit_btn_buy {background:#ff5b89;color:#fff}
#sit_btn_cart, #sit_btn_wish {background:#555;color:#fff}
#sit_btn_rec {background:#888;color:#fff}
/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9;text-align:center}
#sit_siblings {margin:0 0 10px;padding:10px 10px 20px;border-bottom:1px solid #e9e9e9;text-align:center}
#sit_siblings h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 상품 상세보기 하단 버튼 */
#sit_more {padding:0 0 0 1px}
#sit_more li {position:relative;margin:-1px 0 0 -1px;width:33%}
#sit_more li:nth-of-type(3n) {width:34%}
#sit_more a {display:block;padding:15px 0;text-align:center}
/* 상품 상세보기 - 상품정보 */
#sit_inf {margin:0 0 1em;padding:1em 1em 2em;border-bottom:1px solid #e9e9e9}
#sit_inf h2 {margin:0 0 1em}
@ -483,7 +490,7 @@ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_f
/* 쇼핑몰 이벤트 */
#sev {margin:0;padding:0;min-height:150px;list-style:none}
#sev li {border-bottom:1px solid #e9e9e9}
#sev li {position:relative;margin:-1px 0 0;border-bottom:1px solid #e9e9e9}
#sev a {display:block;padding:10px;border:1px solid #e9e9e9;border-bottom:0;background:#f5f6fa}
.sev_admin {text-align:right}

6
js/jquery.fancyalert.js
View File

@ -11,17 +11,17 @@ function fancyalert(msg)
}
box = "<div id=\"fancyalert\" style=\"top:"+scroll_top+"px;width:"+w+"px;height:"+h+"px;\">";
box += "<span>"+msg;
box += "<div id=\"fancyalert_inner\"><span>"+msg;
box += "<br>";
box += "<button type=\"button\" id=\"fancyalert_close\">확인</button>";
box += "</span>";
box += "</span></div>";
box += "</div>";
$("body").append(box);
}
$(function() {
$("#fancyalert_close").live("click", function() {
$("#fancyalert_close, #fancyalert_inner").live("click", function() {
$("#fancyalert").fadeOut().remove();
$("html, body").off("touchmove", blockScroll);
});

2
mobile/skin/shop/basic/item.form.skin.php
View File

@ -282,7 +282,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<?php
$href = G5_SHOP_URL.'/iteminfo.php?it_id='.$it_id;
?>
<div>
<div id="sit_more">
<ul class="sanchor">
<li><a href="<?php echo $href; ?>" target="_blank">상품정보</a></li>
<li><a href="<?php echo $href; ?>&amp;info=use" target="_blank">사용후기 <span class="item_use_count"><?php echo $item_use_count; ?></span></a></li>

6
mobile/skin/shop/basic/style.css
View File

@ -90,5 +90,7 @@
#loading_message img {position:relative;opacity:1.0}
/* 알림 box */
#fancyalert {display:table;position:absolute;top:0;left:0;z-index:10000;background-color:#000;opacity: 0.5;text-align:center}
#fancyalert span {display:table-cell;vertical-align:middle;color:#fff;opacity:1.0}
#fancyalert {display:table;z-index:10000;position:absolute;top:0;left:0;background-color:#282828;text-align:center;opacity: 0.8}
#fancyalert_inner {display:table-cell;width:100px;height:100px;vertical-align:middle;opacity:1.0}
#fancyalert_inner span {display:block;margin:0 auto;padding:30px;width:200px;background:#000;color:#f0f1f2}
#fancyalert_inner button {margin:15px 0 0;padding:10px 30px;border:0;background:#282828;color:#fff}