Demo entry 6661210

css

   

Submitted by test on Nov 21, 2017 at 03:18
Language: CSS. Code size: 12.5 kB.

@charset "utf-8";
/* Board */
td, th {word-break: break-all; word-wrap: break-word;}

/* 검색 결과 없을 경우 뿌리는 문구 기본 */
p.no_result {text-align: center; font-weight: bold; font-size: 12px; margin: 0 auto; padding: 144px 0 183px; white-space: nowrap;}

/* 주문(장바구니) 테이블 */
table.order_type {border-top: 2px solid #000;}
table.order_type thead th {font: bold 11px/32px dotum; color: #999; text-align: center; background: #fff url('http://image.hyundaihmall.com/static/mall/images/common/board/bg_line2.gif') repeat-x bottom left;}
table.order_type thead th em {font-weight: bold; color: #666;}
table.order_type thead th span.bg {display: inline-block; width: 100%; background: url('http://image.hyundaihmall.com/static/mall/images/common/board/bg_line1.gif') no-repeat 0 6px;}
table.order_type tbody td {border-bottom: 1px solid #e0e0e0; text-align: center; vertical-align: middle; padding: 14px 0;}
table.order_type tbody td.padding {padding-left: 8px; padding-right: 14px;}
table.order_type tbody td.top {vertical-align: top;}
table.order_type tbody td.left {text-align: left; padding-left: 6px;}
table.order_type tbody td.right {text-align: right; padding-right: 5px;}
table.order_type tbody td.line {border-left: 1px dotted #e0e0e0;}
table.order_type tbody td.box {border-bottom: 0 none; text-align: left; padding: 0;}
table.order_type tbody td .block {margin-bottom: 3px;}
table.order_type tbody td p.block {margin-bottom: 6px;}
table.order_type tbody td p.stop {font-size: 14px; font-weight: bold; color: #f13727;}
table.order_type tbody td p.thumbnail {}
table.order_type tbody td p.thumbnail img {border: 1px solid #e7e7e7;}
table.order_type tbody td p.title {padding-bottom: 3px;}
table.order_type tbody td p.title_pop {padding-bottom: 10px;}
table.order_type tbody td p.title_pop em {color: #1056a5;}
table.order_type tbody td p.option {font-size: 11px; color: #999;}
table.order_type tbody td p.option img {vertical-align: 2px;}
	:root  table.order_type tbody td p.option img {vertical-align: -2px;}
table.order_type tbody td p.price {font-weight: bold; color: #000;}
table.order_type tbody td p.coupon {font-size: 11px;}
table.order_type tbody td p.coupon img {vertical-align: -3px;}
table.order_type tbody td p.amount {font-weight: bold; color: #000;}
table.order_type tbody td p.price_coupon {font-weight: bold; color: #f13727;}
table.order_type tbody td p.delivery1 {color: #000; font-size: 11px;}
table.order_type tbody td p.delivery1 strong {display: block;}
table.order_type tbody td p.delivery2 {color: #000; font-size: 11px; padding-top: 41px;}
table.order_type tbody td a.buy_group {display: block; padding: 30px 0 8px 0 }
table.order_type .value_wrap {position: relative; width: 52px; height: 37px; font-size: 0; line-height: 0;}
table.order_type .value_wrap input.intext {position: absolute; top: 0px; left: 0px; width: 30px; height: 14px !important; color: #000; padding: 3px 0 0 0; text-align: center;}
table.order_type .value_wrap a.value_add {position: absolute; top: 0px; right: 0px;}
table.order_type .value_wrap a.value_del {position: absolute; top: 10px; right: 0px;}
table.order_type .value_wrap a.modify {position: absolute; bottom: 0px; left: 0px;}
table.order_type .soldout {font-size: 11px; border: 1px solid #eee; background-color: #fafafa; padding: 4px 6px 1px 9px; margin-top: 25px;}
table.order_type .soldout em {color: #f13727;}
table.order_type p.no_result {padding: 38px 0 35px;}
table.order_type p.no_result2 {text-align: center; font-weight: bold; font-size: 14px; margin: 0 auto; padding: 38px 0 35px; white-space: nowrap;}

/* 세로 목록형 */
table.list_type {border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
table.list_type .first {border-left: 0 none; border-top: 0 none;}
table.list_type thead th {line-height: 31px; color: #555; font-weight: bold; text-align: center; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #f5f5f5;}
table.list_type tbody td {line-height: 15px; vertical-align: middle; text-align: center; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #fff; padding: 9px 0 6px;}
table.list_type tbody td.left {text-align: left; padding: 9px 10px 8px 15px;}
table.list_type tbody td.right {text-align: right; padding: 9px 8px 8px 1px;}
table.list_type tbody td.top {vertical-align: top;}
table.list_type tbody td.non_left {text-align: left; padding: 10px 5px 10px 0; border-left: 0 none;}
table.list_type tbody tr.my td {background-color: #fff6f4;}
table.list_type tbody td .block {margin-bottom: 2px;}
table.list_type tbody td .block2 {margin-top: 4px;}
table.list_type tbody td p.icon {margin-bottom: 3px;}
table.list_type tbody td .star {float: left; width: 74px; height: 12px; text-align: left; font-size: 0; line-height: 0; background: url('http://image.hyundaihmall.com/static/mall/images/product/bg_star.gif') no-repeat 14px 5px; padding: 4px 0 0 14px;}
table.list_type tbody td .star img {float: left;}
table.list_type tbody td p.thumbnail {}
table.list_type tbody td p.thumbnail img {border: 1px solid #e8e8e8;}
table.list_type tbody td p.title_product {line-height: 16px;}
table.list_type tbody td p.price {font: bold 12px/16px dotum; color: #000; padding-top: 5px;}
table.list_type tbody td span.point {color: #e83d17;}
table.list_type tbody td label.address {display: inline-block; vertical-align: middle; padding-top: 4px}
table.list_type tbody td img.reply {margin-top: -3px;}


/* 가로형 */
table.write_type {border-top: 2px solid #ccc; border-bottom: 1px solid #ccc;}
table.write_type tbody td img {vertical-align: top;}
table.write_type tbody td img.reply {margin-top: 0px;}
table.write_type tr.first td, table.write_type tr.first th {border-top: 0 none;}
table.write_type tbody th {font: normal 11px/13px dotum; color: #888; vertical-align: middle; border-bottom: 1px solid #e0e0e0; background-color: #f5f5f5; padding: 10px 5px 6px 19px;}
table.write_type tbody th.center {text-align: center; padding: 10px 0 6px 0;}
table.write_type tbody th span.essential {display: inline-block; background: url('http://image.hyundaihmall.com/static/mall/images/common/bul/bul_check.gif') no-repeat 0 2px; margin-left: -11px; padding-left: 11px;}
table.write_type tbody th a {color: #888;}
table.write_type tbody th strong.comment {color: #666;}
table.write_type tbody td {line-height: 13px; vertical-align: middle; border-bottom: 1px solid #e0e0e0; background-color: #fffeff; padding: 5px 5px 5px 9px;}
table.write_type tbody td select {height: 19px; color: #666;}
table.write_type tbody td.rowline {border-bottom: 0 none; padding-bottom: 0px;}
table.write_type tbody td.left_line {border-left: 1px solid #e0e0e0;}
table.write_type tbody td.editor {padding: 0;}
table.write_type tbody td.no_img {padding: 0; vertical-align: top;}
table.write_type tbody td.center {text-align: center; padding: 5px 0;}
table.write_type tbody td a.current {text-decoration: underline;}
table.write_type tbody td span.comment {display: inline-block; font-size: 11px; padding-top: 2px;}
table.write_type tbody td span.output {display: inline-block; vertical-align: -1px;}
table.write_type tbody td span.sign {display: inline-block; vertical-align: 0; margin-left:-1px;}
table.write_type tbody td span.add {display: inline-block; vertical-align: 0; margin-right: 4px;}
table.write_type tbody td input.intext {height: 14px !important; color: #666;}
table.write_type tbody td textarea.intext {width: 96%; height: 135px;}
table.write_type tbody td input.radio {margin-left: -4px;}
table.write_type tbody td label.text {vertical-align: -2px; margin: 0 6px 0 -3px;}
table.write_type tbody td label.assessment {vertical-align: -2px;}
table.write_type tbody td label.img {margin-right: 2px;}
table.write_type tbody td label.img img {vertical-align: middle;}
table.write_type tbody td p.help {font: normal 11px/14px dotum; color: #999; margin-top: -1px;}
	:root table.write_type tbody td span.output {display: inline-block; vertical-align: 4px;}
	:root table.write_type tbody td span.sign {display: inline-block; vertical-align: -2px; margin-left:-1px;}
	:root table.write_type tbody td span.add {display: inline-block; vertical-align: -2px; margin-right: 4px;}
	:root table.write_type tbody td input.radio {vertical-align: baseline; margin-left: 0;}
	:root table.write_type tbody td label.text {vertical-align: 2px; margin: 0 6px 0 0;}
	:root table.write_type tbody td label.assessment {font-size: 11px; vertical-align: -3px;}


/* 가로형에서 약간 다른 스타일 */
table.write_type.single {border-top: 1px solid #ccc;}
table.write_type.single thead th {vertical-align: middle; color: #666; text-align: left; border-bottom: 0 none; background-color: #f5f5f5; padding: 8px 0 4px 10px;}
table.write_type.single tbody th {padding: 10px 5px 6px 10px;}
table.write_type.single tbody td {font: 11px/14px dotum; padding: 7px 5px 4px 9px;}



/* 가로형 + th부분이 다름 */
table.write_type2 {border-top: 2px solid #c2bab8; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
table.write_type2 tbody td img {vertical-align: top;}
table.write_type2 tr.first td, table.write_type tr.first th {border-top: 0 none;}
table.write_type2 tbody th {font: bold 11px/14px dotum; vertical-align: middle; text-align: left; border-bottom: 1px solid #e0e0e0; background-color: #f5f5f5; padding: 7px 5px 3px 19px;}
table.write_type2 tbody th.top {vertical-align: top;}
table.write_type2 tbody th a {color: #888;}
table.write_type2 tbody th span.point {display: inline-block; color: #f13727; font-weight: normal; padding: 1px 0 4px;}
table.write_type2 tbody td {vertical-align: middle; border-bottom: 1px solid #e0e0e0; background-color: #fffeff; padding: 7px 5px 3px 9px;}
table.write_type2 tbody td.box {padding: 0; border-bottom: 0 none;}
table.write_type2 tbody td.right {text-align: right; padding-left: 0; padding-right: 4px;}
table.write_type2 tbody td.rowline {border-bottom: 0 none; padding-bottom: 0px;}
table.write_type2 tbody td.rowline2 {padding-top: 3px;}
table.write_type2 tbody td a {vertical-align: middle;}
table.write_type2 tbody td a.btn {display: inline-block; margin-top: -3px;}
table.write_type2 tbody td a.btn2 {display: inline-block; margin-top: -5px;}
table.write_type2 tbody td a.current {text-decoration: underline;}
table.write_type2 tbody td img {vertical-align: middle;}
table.write_type2 tbody td span.output {}
table.write_type2 tbody td span.point {color: #f13727; font: normal 12px/20px dotum;}
table.write_type2 tbody td span.etc {color: #999; padding-left: 0;}
table.write_type2 tbody td span.write_limit {display: inline-block; font-size: 11px; color: #888;}
table.write_type2 tbody td span.coupon {display: inline-block; vertical-align: 2px; color: #fffeff; background-color: #e47944; padding: 3px 3px 0 3px; margin: -4px 4px 0 0;}
table.write_type2 tbody td span.coupon:hover {text-decoration: none;}
table.write_type2 tbody td select.select {height: 19px; color: #666; margin-top: -5px;}
table.write_type2 tbody td select.select2 {height: 19px; color: #666; margin-top: -5px;}
table.write_type2 tbody td textarea.intext {width: 504px; height: 82px; margin-bottom: 4px;}
table.write_type2 tbody td input.intext {color: #666; margin: -5px 4px 0 0;}
table.write_type2 tbody td input.intext2 {font-size: 12px; height: 14px; color: #393939; border: 1px solid #ccc; background-color: #fff; padding: 3px 5px 0 5px; margin-top: -5px;}
table.write_type2 tbody td label.radio {margin-right: 5px;}
	:root table.write_type2 tbody td label.radio {vertical-align: 2px;}
table.write_type2 tbody td input.radio {margin: -4px 0 0 -4px;}
	:root table.write_type2 tbody td input.radio {vertical-align: baseline; margin: 0 4px 0 0;}

/* 2차__0915__장바구니 */
table.order_type tbody td p.option .option_title{font-size: 11px; color: #999;}
table.order_type tbody td p.product_price {font-size: 12px; color: #000;font-weight: bold;}
table.order_type tbody td p.delivery1 .tit{display: block;}

.couponView_wrap{position: absolute;top: 75px;left: -110px;background-color: #ffffff;display: none;z-index: 120;}
.couponView{border: 2px solid #6a5c57;}
.couponView_wrap .couponList{padding: 10px 15px;text-align: left;width: 190px;height: 80px;overflow-x: hidden;overflow-y: scroll;}
.couponView_wrap .couponList p{padding-bottom: 5px;}
.couponView_wrap .couponListClose {display: block;text-center: right;padding: 5px 10px;background-color: #f5f5f5;}
.couponView_wrap .couponListClose img{padding-left: 5px;vertical-align: middle;}
/* 2차__테이블 글자 제안 */
.text_limit{overflow: hidden;height: 15px;}

This snippet took 0.02 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).