설문조사 기본 스킨의 사용성 개선

1. 모바일에서 투표하기 편리하도록 개선.
2. 기본 스킨과 심플 스킨의 자바스크립트가 같아서 생기는 문제 수정
3. 이미지 사용 최소화
4. 스킨 모양을 살짝 다듬음 (미솔의 미적 감각?)
This commit is contained in:
MinSoo Kim 2016-01-24 04:11:29 +09:00
parent eee619a743
commit 38ac054948
7 changed files with 248 additions and 249 deletions

View file

@ -1,4 +1,33 @@
.rx_poll_default_wrap{max-width:100%;}
.pollWidget{padding:5px;}
.rx_poll_default{border-radius: 10px;border:1px solid #e0e0e0;overflow:auto; background-color:#ffffff; color:#000000; font-size:12px; font-family:"Open Sans","나눔바른고딕",NanumBarunGothic,"맑은 고딕","Malgun Gothic","돋움",Dotum,"애플 SD 산돌고딕 Neo","Apple SD Gothic Neo",AppleGothic,Helvetica,sans-serif;}
.rx_poll_default .rx_poll_header{padding:13px 15px 10px;overflow:auto;background: #000;background: linear-gradient(-180deg, #212121, #424242);color:#e0e0e0;}
.rx_poll_default .rx_poll_h_strong{color:#FFFFFF;font-weight:bold}
.rx_poll_default .rx_poll_content{padding: 15px;}
.rx_poll_default .rx_poll_content .title{background-color:#f5f5f5;border-top:2px solid #bdbdbd;border-bottom:2px solid #bdbdbd;font-weight:bold;padding:7px 10px;margin-bottom:10px}
.rx_poll_default .rx_poll_content .rx_poll_default_item,.rx_poll_default .rx_poll_content .poll_vote .checkcount,.rx_poll_default .rx_poll_content .poll_vote .poll_item label{padding: 10px 0px;}
.rx_poll_default .rx_poll_content .rx_poll_default_item .item_text strong{display:inline-block; padding-right:10px; margin-right:10px;border-right:2px solid #e0e0e0;}
.rx_poll_default .rx_poll_content .rx_poll_default_item>div.item_bar{height:22px;position:relative;margin:6px 0px;background-color:#eeeeee;}
.rx_poll_default .rx_poll_content .rx_poll_default_item>div.item_bar div.item_bar{position:absolute;top:0px;left:0;background-color:#66bb6a;}
.rx_poll_default .rx_poll_content .rx_poll_default_item div.item_bar .item_bar_text{position:absolute;top:0px;right:3px;}
.rx_poll_default div.poll_button{background-color:#f5f5f5;padding:10px 15px;width:auto;text-align:center}
.rx_poll_default .rx_poll_content .poll_vote{margin:5px 0px;}
.rx_poll_default .rx_poll_content .poll_vote .poll_item, .rx_poll_default .rx_poll_content .poll_vote .poll_item_add{position:relative;border-bottom:1px solid #e0e0e0;}
.rx_poll_default .rx_poll_content .poll_vote .poll_item label{display:block;width:auto}
.rx_poll_default .rx_poll_content .poll_vote .poll_item .poll_item_delete{position:absolute;right:0;top:7px;}
.rx_poll_default .rx_poll_content .poll_vote .poll_item_add input[type="text"]{width:100%;
line-height: 25px;
font-size: 14px;
margin: 0;
padding: 8px 0;
outline: none;
border: none;
border-bottom:1px solid #e0e0e0;
}
.rx_poll_default .rx_poll_content .poll_vote .poll_item_add input[type="button"]{position:absolute;right:0;top:7px;}
.poll_table{table-layout:fixed;width:100%;padding:0;border:none}
.poll_table td{padding:0;margin:0}
.poll_table td.h{background:url(../images/top_bg.png) repeat-x left top}
@ -25,7 +54,4 @@
.poll_table td.poll_content div.item{color:#636363;border-bottom:1px solid #EDEDED;padding:5px 0 8px 10px;margin-bottom:3px}
.poll_table td.poll_content div.noborder{border-bottom:none;margin-bottom:10px}
.poll_table td.poll_content div.checkcount{border-bottom:1px dashed #EDEDED;padding:0 0 8px 10px;margin-bottom:3px;text-align:right;color:#636363}
.poll_table tr.cap>td{font-size:0;line-height:0;height:7px;overflow:hidden}
.item.add{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.item.add *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.item.add input[type='text']{width:90%;width:-webkit-calc(100% - 35px);width:-moz-calc(100% - 35px);width:calc(100% - 35px);}
.poll_table tr.cap>td{font-size:0;line-height:0;height:7px;overflow:hidden}