모바일쇼핑몰: table -> ul 변경 : 주문서작성 페이지

This commit is contained in:
whitedot
2013-12-03 13:11:53 +09:00
parent 6c63097114
commit abfa90e682
7 changed files with 110 additions and 103 deletions

View File

@ -494,10 +494,10 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
/* 장바구니 */
#sod_bsk {}
.sod_bsk_img {width:90px;text-align:center}
.sod_bsk_itopt {margin:5px 0;border:1px solid #e9e9e9;border-bottom:0;background:#f2f5f9}
.sod_bsk_itopt ul {margin:0;padding:0;list-style:none}
.sod_bsk_itopt li {padding:3px;border-bottom:1px solid #e9e9e9}
.sod_img {width:90px;text-align:center}
.sod_opt {margin:5px 0;border:1px solid #e9e9e9;border-bottom:0;background:#f2f5f9}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {padding:3px;border-bottom:1px solid #e9e9e9}
.sod_option_btn .mod_options {margin:0;padding:3px 0;width:100%;border:0;background:#333;color:#fff;cursor:pointer}
#sit_opt_added {margin:0;padding:0;border:1px solid #e9e9e9;border-bottom:0;background:#fff;list-style:none}
@ -531,7 +531,7 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
#display_setup_message strong {display:block;margin:0 0 10px}
#sod_list {position:relative}
#sod_list #it_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}
#sod_frm_orderer {margin:20px 0 40px}

View File

@ -193,10 +193,10 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
/* 장바구니 */
#sod_bsk {}
.sod_bsk_img {width:100px;text-align:center}
.sod_bsk_itopt {margin:5px 0;border-top:1px dashed #e9e9e9;background:#f2f5f9}
.sod_bsk_itopt ul {margin:0;padding:0;list-style:none}
.sod_bsk_itopt li {margin:0 0 1px;padding:5px}
.sod_img {width:100px;text-align:center}
.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_list {position:relative}
@ -236,9 +236,27 @@ 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}
#sod_list #it_coupon_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 #it_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#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 미지원 기기 대응 */
#sod_frm_deli {position:relative;line-height:2em}
#sod_frm_deli #order_address {display:block;padding:5px 0;background:#000;color:#fff;text-align:center}
@ -256,10 +274,13 @@ html.no-overflowscrolling #it_coupon_frm {height:auto;max-height:10000px !import
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_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 #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_paysel {margin:0 0 15px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
#sod_frm_paysel legend {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_frm_paysel .frm_input {background:#fff}
#sod_frm_paysel div {margin:5px 0 0}
#sod_frm_paysel {margin:0 0 15px}
#sod_frm_paysel ul {margin:0;padding:0;border:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {float:left;padding:10px 2%;width:46%}
#sod_frm_paysel #settle_bank {padding:10px;background:#dbdfe2;line-height:2em}
#sod_frm_paysel #settle_bank label {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#sod_frm_paysel #settle_bank .frm_input {background:#fff;text-align:center}
#sod_frm_escrow {margin:30px 0 0}