모바일쇼핑몰: 상품 상세보기 menu_button 스타일 처리

This commit is contained in:
whitedot
2013-10-23 16:02:13 +09:00
parent 2d716eba56
commit 0494cca60b
4 changed files with 20 additions and 5 deletions

View File

@ -81,7 +81,22 @@
/* 상품상세 */
#info_content {width:100%;height:100%}
#menu_button {position:fixed;left:0;bottom:0;width:100%;height:40px;text-align:center}
#menu_list {position:fixed;left:0;bottom:0}
#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}
/* 로딩안내 레이어 */