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

모바일쇼핑몰: table -> ul 변경 : 장바구니 완료

Browse Source
This commit is contained in:
whitedot
2013-12-03 14:03:06 +09:00
parent b78559944a
commit f35c958c46
3 changed files with 71 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
css/mobile_shop.css
View File

@ -191,19 +191,43 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
#smb_my_wish .info_link {display:block;padding:5px 0;font-size:1.2em;font-weight:bold}
#smb_my_wish .info_date {position:absolute;bottom:10px;right:0}
/* 장바구니 */
#sod_bsk {}
.sod_img {width:100px;text-align:center}
/* 장바구니 주문서 공통 */
#sod_chk {padding:0 0 10px;text-align:right}
#sod_list {position:relative;margin:0;padding:0;list-style:none}
#sod_list .sod_li {position:relative;padding:5px 0}
#sod_list .sod_li:nth-of-type(1) {border-top:1px solid #e9e9e9}
#sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_list .li_chk {position:absolute;top:12px;right:0}
#sod_list .li_name {margin:0 0 15px}
#sod_list .li_name a {display:block;width:90%}
#sod_list .li_name strong {display:inline-block;padding:8px 0 10px;font-size:1.167em}
#sod_list .li_prqty {margin:0 0 5px;padding:0 0 15px;border-bottom:1px solid #e9e9e9}
#sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
#sod_list .li_prqty span {font-weight:bold}
#sod_list .li_prqty span span {font-weight:normal}
#sod_list .prqty_price {float:left;padding:0 2% 0 0;width:48%;border-right:1px solid #e9e9e9;text-align:right}
#sod_list .prqty_qty {float:right;width:48%;text-align:left}
#sod_list .li_cp, #sod_list .li_mod {margin:5px 0 0}
#sod_list .li_cp .cp_btn, #sod_list .li_mod .mod_btn {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#ff882a;color:#fff;font-weight:bold}
#sod_list .li_total {position:relative}
#sod_list .total_img {position:absolute;top:0;left:0}
#sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right}
#sod_list .total_span span {position:absolute;top:5px;left:0}
#sod_list .total_price {border-bottom:1px solid #e9e9e9}
.sod_opt {border-top:1px dashed #e9e9e9;background:#f2f5f9}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {padding:8px}
.sod_option_btn .mod_options {margin:0 0 10px;padding:5px 0;width:100%;border:0;background:#333;color:#fff}
/* 장바구니 */
#sod_bsk {}
#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:320px;height:auto !important;height:480px;max-height:480px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll}
html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_bsk_tot {margin:0;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9}
#sod_bsk_tot {margin:0 0 15px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:10px 0;border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%;width:48%;font-weight:bold}
@ -212,7 +236,8 @@ html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !impor
.sod_bsk_point {border-bottom:0 !important}
#sod_bsk_act {margin:0 0 20px;text-align:center}
#sod_bsk_act p {margin:0}
#sod_bsk_act a.btn01 {height:2.4em;line-height:2.6em;vertical-align:middle}
#sod_bsk_act button.btn01 {height:2.6em;line-height:2.6em}
/* 위시리스트 */
#sod_ws {}
@ -236,25 +261,6 @@ html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !impor
#sod_frm {}
#sod_frm h2 {margin:0 0 10px}
#sod_list {position:relative;margin:0;padding:0;list-style:none}
#sod_list .sod_li {position:relative;padding:5px 0}
#sod_list .sod_li:nth-of-type(1) {border-top:1px solid #e9e9e9}
#sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_list .li_name {margin:0 0 15px}
#sod_list .li_name strong {display:inline-block;padding:8px 0 10px;font-size:1.167em}
#sod_list .li_prqty {margin:0 0 5px;padding:0 0 15px;border-bottom:1px solid #e9e9e9}
#sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
#sod_list .li_prqty span {font-weight:bold}
#sod_list .li_prqty span span {font-weight:normal}
#sod_list .prqty_price {float:left;padding:0 2% 0 0;width:48%;border-right:1px solid #e9e9e9;text-align:right}
#sod_list .prqty_qty {float:right;width:48%;text-align:left}
#sod_list .li_cp {margin:5px 0 0}
#sod_list .li_cp .cp_btn {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#ff882a;color:#fff;font-weight:bold}
#sod_list .li_total {position:relative}
#sod_list .total_img {position:absolute;top:0;left:0}
#sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right}
#sod_list .total_span span {position:absolute;top:5px;left:0}
#sod_list .total_price {border-bottom:1px solid #e9e9e9}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:0;padding:10px;width:278px;height:auto !important;height:480px;max-height:480px;border:1px solid #c9c9c9;background:#f2f5f9;overflow-y:scroll}
html.no-overflowscrolling #cp_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */