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

LESS 적용 제거 완료

Browse Source
This commit is contained in:
whitedot
2013-10-31 17:32:44 +09:00
parent 7128d0fe58
commit 1fb1d52ebd
8 changed files with 1739 additions and 8624 deletions
Download Patch File Download Diff File Expand all files Collapse all files

592
mobile/skin/shop/basic/style.css
View File

@ -1,481 +1,111 @@
.sct_wrap {
margin:0 0 30px;
zoom:1;
}
.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 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;
clear:both;
}
.sct:after {
display:block;
visibility:hidden;
clear:both;
content:"";
}
.sct_li {position:relative;}
.sct_noitem {
padding:100px 0;
text-align:center;
}
.sct_10 .sct_li {
float:left;
padding:0 25px 15px 0;
}
.sct_10 .sct_last {margin:0 0 15px !important;}
.sct_10 .sct_clear {clear:both;}
.sct_10 .sct_a {
display:block;
position:relative;
text-decoration:none;
}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none;}
.sct_10 .sct_img {
display:block;
margin:0 0 15px;
}
.sct_10 b {
display:block;
margin:0 0 8px;
font-weight:normal;
}
.sct_10 s {display:block;}
.sct_10 .sct_cost {
display:block;
margin:0 0 10px;
font-weight:bold;
}
.sct_10 .sct_sns {
position:absolute;
top:190px;
right:20px;
}
.sct_11 .sct_li {
float:left;
margin:0 25px 15px 0;
}
.sct_11 .sct_last {margin:0 0 15px !important;}
.sct_11 .sct_clear {clear:both;}
.sct_11 .sct_a {
display:block;
position:relative;
padding:0 0 5px;
background:#f5f6fa;
text-decoration:none;
}
.sct_11 .sct_a:focus, .sct_11 .sct_a:hover {text-decoration:none;}
.sct_11 .sct_img {
display:block;
margin:0 0 15px;
}
.sct_11 b {
display:block;
margin:0 0 8px;
padding:0 5px;
font-weight:normal;
}
.sct_11 s {display:block;}
.sct_11 .sct_cost {
display:block;
margin:0 0 10px;
padding:0 5px;
font-weight:bold;
}
.sct_11 .sct_icon {
position:absolute;
top:10px;
left:-5px;
margin:0 !important;
}
.sct_11 .sct_icon img {display:block;}
.sct_11 .sct_sns {
position:absolute;
bottom:10px;
right:10px;
}
.sct_12 .sct_li {
float:left;
margin:0 16px 15px 0;
}
.sct_12 .sct_last {margin:0 0 15px !important;}
.sct_12 .sct_clear {clear:both;}
.sct_12 .sct_arw_toleft {
display:block;
z-index:2;
position:absolute;
top:20px;
left:221px;
width:10px;
height:19px;
background:url('../img/shop/icon_arw_toleft.gif') no-repeat;
}
.sct_12 .sct_a {
display:block;
position:relative;
padding:20px 10px 20px 240px;
width:110px;
height:190px;
border:1px solid #e9e9e9;
background:#f5f6fa;
text-decoration:none;
}
.sct_12 .sct_a:focus, .sct_12 .sct_a:hover {text-decoration:none;}
.sct_12 .sct_img {
position:absolute;
top:0;
left:0;
}
.sct_12 b {
display:block;
margin:0 0 15px;
font-size:1.2em;
letter-spacing:-0.1em;
}
.sct_12 p {
margin:0 0 15px;
padding:0;
line-height:1.5em;
}
.sct_12 s {display:block;}
.sct_12 .sct_cost {
display:block;
margin:0 0 10px;
font-weight:bold;
}
.sct_12 .sct_icon {
position:absolute;
bottom:25px;
left:-5px;
margin:0 !important;
}
.sct_12 .sct_icon img {display:block;}
.sct_12 .sct_sns {
position:absolute;
bottom:20px;
right:10px;
}
.sct_13 .sct_li {
float:left;
margin:0 0 16px 0;
width:100%;
}
.sct_13 .sct_clear {clear:both;}
.sct_13 .sct_arw_toleft {
display:block;
z-index:2;
position:absolute;
top:20px;
left:221px;
width:10px;
height:19px;
background:url('../img/shop/icon_arw_toleft.gif') no-repeat;
}
.sct_13 .sct_a {
display:block;
position:relative;
padding:20px 10px 20px 240px;
height:190px;
border:1px solid #e9e9e9;
background:#f5f6fa;
text-decoration:none;
}
.sct_13 .sct_a:focus, .sct_13 .sct_a:hover {text-decoration:none;}
.sct_13 .sct_img {
position:absolute;
top:0;
left:0;
}
.sct_13 b {
display:block;
margin:0 0 15px;
font-size:1.2em;
letter-spacing:-0.1em;
}
.sct_13 p {
margin:0 0 15px;
padding:0;
line-height:1.5em;
}
.sct_13 s {display:block;}
.sct_13 .sct_cost {
display:block;
margin:0 0 10px;
font-weight:bold;
}
.sct_13 .sct_icon {
position:absolute;
bottom:25px;
left:-5px;
margin:0 !important;
}
.sct_13 .sct_icon img {display:block;}
.sct_13 .sct_rel {
position:absolute;
bottom:20px;
right:20px;
}
.sct_13 .sct_rel_ul {
margin:0;
padding:0;
list-style:none;
}
.sct_13 .sct_rel_li {
float:left;
margin:0 0 0 10px;
}
.sct_13 .sct_sns {
position:absolute;
top:20px;
right:20px;
}
#info_content {
width:100%;
height:100%;
}
#menu_button {
position:fixed;
left:0;
bottom:0;
width:100%;
height:40px;
text-align:center;
}
#menu_button button {
position:relative;
margin:0;
padding:0;
width:20%;
height:40px;
border:0;
background:transparent;
}
#menu_button button span {
display:inline-block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url('img/arr_up01.gif') #000 center 15px no-repeat;
}
#menu_button button.menu_opened {
background:#ff3061;
color:#fff;
}
#menu_button button.menu_opened span {background:url('img/arr_down01.gif') #000 center 15px no-repeat;}
#menu_list {
position:fixed;
left:0;
bottom:0;
width:100%;
border-top:1px solid #000;
background:#f0f1f2;
}
#menu_list ul {
margin:0;
padding:0;
border:0;
}
#menu_list li {
margin:0;
padding:0;
width:19%;
}
#menu_list li:nth-of-type(1) {width:15%;}
#menu_list li:nth-of-type(4), #menu_list li:nth-of-type(5) {width:14%;}
#menu_list a {
display:block;
padding:15px 0;
border:0;
border-right:1px solid #e9e9e9;
font-size:0.95em;
text-align:center;
letter-spacing:-0.1em;
}
#menu_list a:focus, #menu_list a:hover {
background:#f0f1f2;
color:#000;
}
#menu_list li:nth-of-type(6) a {border:0;}
#menu_list li:nth-last-of-type(1) {width:100%;}
#menu_list button {
margin:0;
padding:15px 0;
width:100%;
border:0;
border-top:1px solid #e9e9e9;
background:#fff;
color:#000;
}
.menu_hidden {display:none;}
#loading_message {
z-index:10000;
position:absolute;
top:0;
left:0;
background:#fff;
opacity:0.7;
}
#loading_message img {
position:relative;
opacity:1.0;
}
#fancyalert {
display:table;
z-index:10000;
position:absolute;
top:0;
left:0;
}
#fancyalert_bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
vertical-align:middle;
background:#000;
text-align:center;
opacity:0.7;
}
#fancyalert_inner {
display:table-cell;
position:relative;
z-index:2;
vertical-align:middle;
text-align:center;
}
#fancyalert_inner span {
display:block;
margin:0 auto;
padding:30px;
width:200px;
background:#1f1f1f;
color:#f0f1f2;
}
#fancyalert_inner button {
margin:15px 0 0;
padding:10px 30px;
border:0;
background:#000;
color:#fff;
}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {margin:0 0 30px;zoom:1}
.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 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;clear:both}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
/* 상품 목록 스킨 10 */
.sct_10 .sct_li {float:left;padding:0 25px 15px 0;}
.sct_10 .sct_last {margin:0 0 15px !important}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {display:block;position:relative;text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_10 .sct_img {display:block;margin:0 0 15px}
.sct_10 b {display:block;margin:0 0 8px;font-weight:normal}
.sct_10 s {display:block}
.sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_10 .sct_icon {}
.sct_10 .sct_icon img {}
.sct_10 .sct_sns {position:absolute;top:190px;right:20px}
/* 상품 목록 스킨 11 */
.sct_11 .sct_li {float:left;margin:0 25px 15px 0;}
.sct_11 .sct_last {margin:0 0 15px !important}
.sct_11 .sct_clear {clear:both}
.sct_11 .sct_a {display:block;position:relative;padding:0 0 5px;background:#f5f6fa;text-decoration:none}
.sct_11 .sct_a:focus, .sct_11 .sct_a:hover {text-decoration:none}
.sct_11 .sct_img {display:block;margin:0 0 15px}
.sct_11 b {display:block;margin:0 0 8px;padding:0 5px;font-weight:normal}
.sct_11 s {display:block}
.sct_11 .sct_cost {display:block;margin:0 0 10px;padding:0 5px;font-weight:bold}
.sct_11 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
.sct_11 .sct_icon img {display:block}
.sct_11 .sct_sns {position:absolute;bottom:10px;right:10px}
/* 상품 목록 스킨 12 */
.sct_12 .sct_li {float:left;margin:0 16px 15px 0;}
.sct_12 .sct_last {margin:0 0 15px !important}
.sct_12 .sct_clear {clear:both}
.sct_12 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('../img/shop/icon_arw_toleft.gif') no-repeat}
.sct_12 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;width:110px;height:190px;border:1px solid #e9e9e9;background:#f5f6fa;text-decoration:none}
.sct_12 .sct_a:focus, .sct_12 .sct_a:hover {text-decoration:none}
.sct_12 .sct_img {position:absolute;top:0;left:0}
.sct_12 b {display:block;margin:0 0 15px;font-size:1.2em;letter-spacing:-0.1em}
.sct_12 p {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_12 s {display:block}
.sct_12 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_12 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_12 .sct_icon img {display:block}
.sct_12 .sct_sns {position:absolute;bottom:20px;right:10px}
/* 상품 목록 스킨 13 */
.sct_13 .sct_li {float:left;margin:0 0 16px 0;width:100%}
.sct_13 .sct_last {}
.sct_13 .sct_clear {clear:both}
.sct_13 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('../img/shop/icon_arw_toleft.gif') no-repeat}
.sct_13 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;height:190px;border:1px solid #e9e9e9;background:#f5f6fa;text-decoration:none}
.sct_13 .sct_a:focus, .sct_13 .sct_a:hover {text-decoration:none}
.sct_13 .sct_img {position:absolute;top:0;left:0}
.sct_13 b {display:block;margin:0 0 15px;font-size:1.2em;letter-spacing:-0.1em}
.sct_13 p {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_13 s {display:block}
.sct_13 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_13 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_13 .sct_icon img {display:block}
.sct_13 .sct_rel {position:absolute;bottom:20px;right:20px}
.sct_13 .sct_rel_ul {margin:0;padding:0;list-style:none}
.sct_13 .sct_rel_li {float:left;margin:0 0 0 10px}
.sct_13 .sct_sns {position:absolute;top:20px;right:20px}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */
/* 상품상세 */
#info_content {width:100%;height:100%}
#menu_button {position:fixed;left:0;bottom:0;width:100%;height:40px;text-align:center}
#menu_button button {position:relative;margin:0;padding:0;width:20%;height:40px;border:0;background:transparent}
#menu_button button span {display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('img/arr_up01.gif') #000 center 15px no-repeat}
#menu_button button.menu_opened {background:#ff3061;color:#fff}
#menu_button button.menu_opened span {background:url('img/arr_down01.gif') #000 center 15px no-repeat}
#menu_list {position:fixed;left:0;bottom:0;width:100%;border-top:1px solid #000;background:#f0f1f2}
#menu_list ul {margin:0;padding:0;border:0}
#menu_list li {margin:0;padding:0;width:19%}
#menu_list li:nth-of-type(1) {width:15%}
#menu_list li:nth-of-type(4), #menu_list li:nth-of-type(5) {width:14%}
#menu_list a {display:block;padding:15px 0;border:0;border-right:1px solid #e9e9e9;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
#menu_list a:focus, #menu_list a:hover {background:#f0f1f2;color:#000}
#menu_list li:nth-of-type(6) a {border:0}
#menu_list li:nth-last-of-type(1) {width:100%}
#menu_list button {margin:0;padding:15px 0;width:100%;border:0;border-top:1px solid #e9e9e9;background:#fff;color:#000}
.menu_hidden {display:none}
/* 로딩안내 레이어 */
#loading_message {z-index:10000;position:absolute;top:0;left:0;background:#fff;opacity:0.7}
#loading_message img {position:relative;opacity:1.0}
/* 알림 box */
#fancyalert {display:table;z-index:10000;position:absolute;top:0;left:0}
#fancyalert_bg {position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;background:#000;text-align:center;opacity: 0.7}
#fancyalert_inner {display:table-cell;position:relative;z-index:2;vertical-align:middle;text-align:center}
#fancyalert_inner span {display:block;margin:0 auto;padding:30px;width:200px;background:#1f1f1f;color:#f0f1f2}
#fancyalert_inner button {margin:15px 0 0;padding:10px 30px;border:0;background:#000;color:#fff}

111
mobile/skin/shop/basic/style.less
View File

@ -1,111 +0,0 @@
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {margin:0 0 30px;zoom:1}
.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 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;clear:both}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative}
.sct_noitem {padding:100px 0;text-align:center}
/* 상품 목록 스킨 10 */
.sct_10 .sct_li {float:left;padding:0 25px 15px 0;}
.sct_10 .sct_last {margin:0 0 15px !important}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {display:block;position:relative;text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_10 .sct_img {display:block;margin:0 0 15px}
.sct_10 b {display:block;margin:0 0 8px;font-weight:normal}
.sct_10 s {display:block}
.sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_10 .sct_icon {}
.sct_10 .sct_icon img {}
.sct_10 .sct_sns {position:absolute;top:190px;right:20px}
/* 상품 목록 스킨 11 */
.sct_11 .sct_li {float:left;margin:0 25px 15px 0;}
.sct_11 .sct_last {margin:0 0 15px !important}
.sct_11 .sct_clear {clear:both}
.sct_11 .sct_a {display:block;position:relative;padding:0 0 5px;background:#f5f6fa;text-decoration:none}
.sct_11 .sct_a:focus, .sct_11 .sct_a:hover {text-decoration:none}
.sct_11 .sct_img {display:block;margin:0 0 15px}
.sct_11 b {display:block;margin:0 0 8px;padding:0 5px;font-weight:normal}
.sct_11 s {display:block}
.sct_11 .sct_cost {display:block;margin:0 0 10px;padding:0 5px;font-weight:bold}
.sct_11 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
.sct_11 .sct_icon img {display:block}
.sct_11 .sct_sns {position:absolute;bottom:10px;right:10px}
/* 상품 목록 스킨 12 */
.sct_12 .sct_li {float:left;margin:0 16px 15px 0;}
.sct_12 .sct_last {margin:0 0 15px !important}
.sct_12 .sct_clear {clear:both}
.sct_12 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('../img/shop/icon_arw_toleft.gif') no-repeat}
.sct_12 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;width:110px;height:190px;border:1px solid #e9e9e9;background:#f5f6fa;text-decoration:none}
.sct_12 .sct_a:focus, .sct_12 .sct_a:hover {text-decoration:none}
.sct_12 .sct_img {position:absolute;top:0;left:0}
.sct_12 b {display:block;margin:0 0 15px;font-size:1.2em;letter-spacing:-0.1em}
.sct_12 p {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_12 s {display:block}
.sct_12 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_12 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_12 .sct_icon img {display:block}
.sct_12 .sct_sns {position:absolute;bottom:20px;right:10px}
/* 상품 목록 스킨 13 */
.sct_13 .sct_li {float:left;margin:0 0 16px 0;width:100%}
.sct_13 .sct_last {}
.sct_13 .sct_clear {clear:both}
.sct_13 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('../img/shop/icon_arw_toleft.gif') no-repeat}
.sct_13 .sct_a {display:block;position:relative;padding:20px 10px 20px 240px;height:190px;border:1px solid #e9e9e9;background:#f5f6fa;text-decoration:none}
.sct_13 .sct_a:focus, .sct_13 .sct_a:hover {text-decoration:none}
.sct_13 .sct_img {position:absolute;top:0;left:0}
.sct_13 b {display:block;margin:0 0 15px;font-size:1.2em;letter-spacing:-0.1em}
.sct_13 p {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_13 s {display:block}
.sct_13 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_13 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_13 .sct_icon img {display:block}
.sct_13 .sct_rel {position:absolute;bottom:20px;right:20px}
.sct_13 .sct_rel_ul {margin:0;padding:0;list-style:none}
.sct_13 .sct_rel_li {float:left;margin:0 0 0 10px}
.sct_13 .sct_sns {position:absolute;top:20px;right:20px}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */
/* 상품상세 */
#info_content {width:100%;height:100%}
#menu_button {position:fixed;left:0;bottom:0;width:100%;height:40px;text-align:center}
#menu_button button {position:relative;margin:0;padding:0;width:20%;height:40px;border:0;background:transparent}
#menu_button button span {display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('img/arr_up01.gif') #000 center 15px no-repeat}
#menu_button button.menu_opened {background:#ff3061;color:#fff}
#menu_button button.menu_opened span {background:url('img/arr_down01.gif') #000 center 15px no-repeat}
#menu_list {position:fixed;left:0;bottom:0;width:100%;border-top:1px solid #000;background:#f0f1f2}
#menu_list ul {margin:0;padding:0;border:0}
#menu_list li {margin:0;padding:0;width:19%}
#menu_list li:nth-of-type(1) {width:15%}
#menu_list li:nth-of-type(4), #menu_list li:nth-of-type(5) {width:14%}
#menu_list a {display:block;padding:15px 0;border:0;border-right:1px solid #e9e9e9;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
#menu_list a:focus, #menu_list a:hover {background:#f0f1f2;color:#000}
#menu_list li:nth-of-type(6) a {border:0}
#menu_list li:nth-last-of-type(1) {width:100%}
#menu_list button {margin:0;padding:15px 0;width:100%;border:0;border-top:1px solid #e9e9e9;background:#fff;color:#000}
.menu_hidden {display:none}
/* 로딩안내 레이어 */
#loading_message {z-index:10000;position:absolute;top:0;left:0;background:#fff;opacity:0.7}
#loading_message img {position:relative;opacity:1.0}
/* 알림 box */
#fancyalert {display:table;z-index:10000;position:absolute;top:0;left:0}
#fancyalert_bg {position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;background:#000;text-align:center;opacity: 0.7}
#fancyalert_inner {display:table-cell;position:relative;z-index:2;vertical-align:middle;text-align:center}
#fancyalert_inner span {display:block;margin:0 auto;padding:30px;width:200px;background:#1f1f1f;color:#f0f1f2}
#fancyalert_inner button {margin:15px 0 0;padding:10px 30px;border:0;background:#000;color:#fff}