쇼핑몰: #113 FAQ 표준화 및 스타일 완료

This commit is contained in:
whitedot
2013-05-02 11:01:19 +09:00
parent 0c4cb86ece
commit e2f3027ee8
2 changed files with 156 additions and 114 deletions

View File

@ -162,48 +162,6 @@ a:active {color:#000;text-decoration:underline}
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
/* 인덱스 상품 출력 */
/* 공통 */
.sidx_it_wrap {margin:0 0 30px;zoom:1}
.sidx_it_wrap:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_wrap header {margin:0 0 20px;zoom:1}
.sidx_it_wrap header:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em}
.sidx_it_wrap h2 a {text-decoration:none}
.sidx_it_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}
.sidx_it {margin:0;padding:0;list-style:none;zoom:1}
.sidx_it:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_li {position:relative}
/* 스킨 10 */
.sidx_it_10 .sidx_it_li {float:left;margin:0 25px 0 0;width:230px}
.sidx_it_10 .sidx_it_last {margin:0 !important}
.sidx_it_10 .sidx_it_a {display:block;font-weight:bold;text-decoration:none}
.sidx_it_10 span {display:block;margin:0 0 10px}
.sidx_it_10 b {display:block;margin:0 0 5px;font-weight:normal}
.sidx_it_10 .sidx_it_sns {position:absolute;top:190px;right:20px}
/* 공지사항 및 커뮤니티 새글 */
#sidx_lat {padding:15px 0 0;border-top:1px solid #ddd}
#sidx_lat h2 {text-align:center}
/* 배너 인덱스 출력 */
#sbn_idx {}
#sbn_idx h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_idx ul {margin:0;padding:0;border:0;list-style:none}
#sbn_idx li {margin:0 0 1px}
/* 내용관리 */
#socc {padding:10px;border:1px solid #e9e9e9}
#socc header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#socc_con {padding:10px 0}
.socc_admin {text-align:right}
.socc_img {text-align:center}
/* 하단 레이아웃 */
#ft {clear:both;padding:0 0 40px;border-top:1px solid #e9e9e9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
@ -342,4 +300,66 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
.pg_prev {border-right:1px solid #cfded8}
.pg_end,
.pg_next {border-left:1px solid #cfded8}
.pg_current {background:#333;color:#fff;font-weight:bold}
.pg_current {background:#333;color:#fff;font-weight:bold}
/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
/* 인덱스 상품 출력 */
/* 공통 */
.sidx_it_wrap {margin:0 0 30px;zoom:1}
.sidx_it_wrap:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_wrap header {margin:0 0 20px;zoom:1}
.sidx_it_wrap header:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em}
.sidx_it_wrap h2 a {text-decoration:none}
.sidx_it_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}
.sidx_it {margin:0;padding:0;list-style:none;zoom:1}
.sidx_it:after {display:block;visibility:hidden;clear:both;content:''}
.sidx_it_li {position:relative}
/* 스킨 10 */
.sidx_it_10 .sidx_it_li {float:left;margin:0 25px 0 0;width:230px}
.sidx_it_10 .sidx_it_last {margin:0 !important}
.sidx_it_10 .sidx_it_a {display:block;font-weight:bold;text-decoration:none}
.sidx_it_10 span {display:block;margin:0 0 10px}
.sidx_it_10 b {display:block;margin:0 0 5px;font-weight:normal}
.sidx_it_10 .sidx_it_sns {position:absolute;top:190px;right:20px}
/* 공지사항 및 커뮤니티 새글 */
#sidx_lat {padding:15px 0 0;border-top:1px solid #ddd}
#sidx_lat h2 {text-align:center}
/* 배너 인덱스 출력 */
#sbn_idx {}
#sbn_idx h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_idx ul {margin:0;padding:0;border:0;list-style:none}
#sbn_idx li {margin:0 0 1px}
/* 내용관리 */
#socc {padding:10px;border:1px solid #e9e9e9}
#socc header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#socc_con {padding:10px 0}
.socc_admin {text-align:right}
.socc_img {text-align:center}
/* FAQ 관리 */
#sfaq {}
#sfaq header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sfaq_wrap {padding:10px 0}
#sfaq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sfaq_wrap ol {margin:0;padding:0;list-style:none}
#sfaq_list {margin:0 0 10px;border:1px solid #ccc}
#sfaq_list li {border-bottom:1px solid #fff;background:#f7f7f7}
#sfaq_list a {display:block;padding:10px;font-weight:bold;text-decoration:none}
#sfaq_list a:focus,
#sfaq_list a:hover {background:#626870;color:#fff}
#sfaq_con {border:1px solid #e9e9e9;border-top:0}
#sfaq_con li {padding:0 0 10px}
#sfaq_con h3 {padding:10px;background:#f7f7f7;border-top:1px solid #e9e9e9}
#sfaq_con p {padding:10px}
.sfaq_tolist {padding:0 10px;text-align:right}
.sfaq_admin {text-align:right}
.sfaq_img {text-align:center}