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

쇼핑몰: #123 #124 #125 #126 #127 헤딩 스타일 및 목록 바로가기 스타일

Browse Source
This commit is contained in:
whitedot
2013-05-06 11:30:17 +09:00
parent a23ea1d02c
commit 106386c86d
4 changed files with 171 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
css/default_shop.css
View File

@ -58,7 +58,7 @@ a:active {color:#000;text-decoration:underline}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
#hd_nb {border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:''}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_nb ul {margin:0 auto;width:110px}
#hd_nb li {float:left;border-right:1px solid #e9e9e9}
@ -69,7 +69,7 @@ a:active {color:#000;text-decoration:underline}
#hd_aside {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
#hd_aside h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_aside div {position:relative;margin:0 auto;width:998px;border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#hd_aside div:after {display:block;visibility:hidden;clear:both;content:''}
#hd_aside div:after {display:block;visibility:hidden;clear:both;content:""}
#sch_all {float:left;background:#fff}
#sch_all h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
@ -79,7 +79,7 @@ a:active {color:#000;text-decoration:underline}
#sch_all_submit {padding:0 10px;height:38px;border:0;background:#626870;color:#fff}
#hd_aside_mb {float:right;background:#fff;zoom:1}
#hd_aside_mb:after {display:block;visibility:hidden;clear:both;content:''}
#hd_aside_mb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_aside_mb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_aside_mb li {float:left;border-left:1px solid #e9e9e9}
#hd_aside_mb a {display:inline-block;padding:0 15px;height:38px;font-weight:bold;text-decoration:none;line-height:3.4em !important;line-height:3em}
@ -98,7 +98,7 @@ a:active {color:#000;text-decoration:underline}
#stv_pg {display:block;margin:5px 0 0}
#stv_list p {padding:20px 0;text-align:center}
#stv_btn {text-align:center;zoom:1}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:''}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:""}
#stv_btn button {float:left;margin:0;padding:5px 0 4px;width:44px;border:0;background:#555;color:#fff;text-align:center}
#stv_ul {margin:5px 0 10px;padding:0;list-style:none}
.stv_item {display:none;text-align:center}
@ -162,13 +162,22 @@ 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}
/* 목록 바로가기 */
.sanchor {margin:0 0 10px;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 7px;height:30px;text-decoration:none;line-height:2.6em}
.sanchor a:focus,
.sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
a.sanchor_on {background:#626870;color:#fff;text-decoration:none}
/* 하단 레이아웃 */
#ft {clear:both;padding:0 0 40px;border-top:1px solid #e9e9e9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft div {position:relative;margin:0 auto;padding:0 0 0 160px;width:840px}
#ft_logo {position:absolute;top:0;left:40px}
#ft ul {margin:0 0 15px;padding:20px 0 0;zoom:1}
#ft ul:after {display:block;visibility:hidden;clear:both;content:''}
#ft ul:after {display:block;visibility:hidden;clear:both;content:""}
#ft li {float:left;margin:0 20px 0 0}
#ft a {text-decoration:none}
#ft p {margin:0;padding:0}
@ -341,7 +350,7 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
.sct_ct {}
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sct_ct ul {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:''}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct a {text-decoration:none}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}
@ -353,25 +362,25 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
/* 상품 정렬 */
#sct_sort {margin:0 0 10px;zoom:1}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:''}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sct_sort div {float:left;line-height:2.1em}
#sct_sort ul {float:right;margin:0;padding:0;list-style:none;zoom:1}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:''}
#sct_sort ul:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort li {float:left;position:relative;margin-left:-1px}
/* ##### maintype(nn).inc.php, list.skin.(nn).php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {margin:0 0 30px;zoom:1}
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:''}
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap header {margin:0 0 20px;zoom:1}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:''}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em}
.sct_wrap h2 a {text-decoration:none}
.sct_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}
.sct {margin:0;padding:0;list-style:none;zoom:1}
.sct:after {display:block;visibility:hidden;clear:both;content:''}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
@ -441,12 +450,12 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
/* 상품 상세보기 - 공통 */
.sit_anchor {margin:0;padding:0;list-style:none;zoom:1}
.sit_anchor:after {display:block;visibility:hidden;clear:both;content:''}
.sit_anchor:after {display:block;visibility:hidden;clear:both;content:""}
.sit_anchor li {float:left;position:relative;margin:0 0 0 -1px;border:1px solid #ddd}
/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:0 0 20px;border-bottom:1px solid #e9e9e9;zoom:1}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:''}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}
/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {float:left;padding:15px;width:320px}
@ -454,7 +463,7 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
#sit_pvi_big a {display:block}
#sit_pvi_big img {width:320px;height:320px}
#sit_pvi_thumb {margin:0;padding:0;list-style:none;zoom:1}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:''}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_thumb li {float:left;margin:0 5px 0 0}
#sit_pvi_thumb .li_last {margin:0 !important}
#sit_pvi_thumb img {width:60px;height:60px}
@ -462,7 +471,7 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
#sit_pvi_nw h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nw ul {margin:0 0 20px;padding:0 10px;list-style:none;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:''}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {float:left;margin:0 0 0 1px}
#sit_pvi_nw li img {width:60px;height:60px}
@ -489,7 +498,7 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
#sit_ov_tbl button {margin:0 1px 0 0}
#sit_ov_btn {margin:0 0 0 34px !important;margin:0 0 0 33px;padding:0;list-style:none;zoom:1}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:''}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn li {float:left;margin:0 0 0 1px}
#sit_ov_btn a {display:inline-block;padding:10px 0 8px;width:80px;font-size:0.95em;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#sit_btn_buy {background:#ff5b89;color:#fff}
@ -499,11 +508,12 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {}
#sit_siblings h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 상품 상세보기 - 상품정보 */
#sit_inf {padding:10px}
#sit_inf {margin:0 0 20px;padding:10px}
#sit_inf h2,
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:''}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}
#sit_inf_basic {margin:0 0 10px}
#sit_inf_explan {margin:0 0 10px}
@ -512,6 +522,26 @@ input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important
#sit_inf_open th {padding:7px 10px;border:1px solid #fff;background:#f5f6fa;text-align:left}
#sit_inf_open td {padding:7px 10px;border:1px solid #fff;background:#f5f6fa}
/* 상품 상세보기 - 사용후기 */
#sit_ps {margin:0 0 20px;padding:10px}
#sit_ps h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 상품 상세보기 - 상품문의 */
#sit_qna {margin:0 0 20px;padding:10px}
#sit_qna h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 상품 상세보기 - 배송정보 */
#sit_dvr {margin:0 0 20px;padding:10px}
#sit_dvr h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 상품 상세보기 - 교환정보 */
#sit_ex {margin:0 0 20px;padding:10px}
#sit_ex h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 상품 상세보기 - 관련상품 */
#sit_rel {margin:0 0 20px;padding:10px}
#sit_rel h2 {position:absolute;font-size:0;line-height:0;content:""}
/* 공지사항 및 커뮤니티 새글 */
#sidx_lat {padding:15px 0 0;border-top:1px solid #ddd}
#sidx_lat h2 {text-align:center}