MoCA | Mobile responsive CSS Automator β
Generate
Reset
Sample
@charset "utf-8";
/* 공통사항 */
html,body{margin:0;padding:0;overflow-x:hidden}
html{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
input,select,form,fieldset,label{border:0 none;padding:0;margin:0}
a img{border:0 none;padding:0;margin:0}
img{display:block}
.clear{clear:both}
/* 레이아웃 */
body{background:url(../../images/cg_open_event/bg.jpg) center 0 no-repeat #1C1C1C}
.wrapper{width:640px;height:auto;margin:0 auto;position:relative}
.cont{width:100%;height:auto;position:relative}
.btn{position:absolute;cursor:pointer}
.invite_code{width:176px;height:24px;line-height:24px;position:absolute;top:202px;right:122px;font-size:20px;font-weight:bold;color:#F8EBB9;text-align:center}
.btn_sns{width:97px;height:97px;position:absolute;top:267px;cursor:pointer;border-radius:48px}
.bs_twitter{left:139px}
.bs_facebook{left:272px}
.bs_kakao{left:405px}
.howto{width:160px;height:50px;left:60px;top:540px}
.sword{position:absolute;top:184px;height:auto}
.sw_01{width:94px;left:36px}
.sw_02{width:92px;left:130px}
.sw_03{width:98px;left:222px}
.sw_04{width:94px;left:320px}
.sw_05{width:96px;left:414px}
.sw_06{width:96px;left:510px}
.get{position:absolute;bottom:82px;width:92px;height:auto}
.get_01{left:40px}
.get_02{left:133px}
.get_03{left:227px}
.get_04{left:320px}
.get_05{left:414px}
.get_06{left:507px}
.go_facebook{width:248px;height:52px;left:230px;top:554px}
/*.btn,.btn_sns{background-color:rgba(255,255,0,0.60) !important}*/
