| 1 |
- html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,button,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;background:#000;color:#000;font-size:12px;font-family:'Arial Negreta','Arial';-webkit-user-select:none;user-select:none;}button{text-align:center;background:#fff;border:0;}.wrap{position:relative;width:100%;height:100%;}.container{position:relative;width:320px;height:100%;margin:0 auto;}.main,.curtain{position:absolute;left:0;right:0;top:0;bottom:0;}.curtain{background:#000;color:#fff;}.curtain-header{width:100%;line-height:1.3;margin-top:50px;text-align:center;font-size:2em;font-weight:700;}.curtain-end .curtain-header{font-size:1.7em;}.curtain-buttons{position:absolute;left:50%;top:50%;width:180px;margin-left:-90px;}.curtain-start .curtain-buttons{height:40px;margin-top:-20px;}.curtain-end .curtain-buttons{height:100px;margin-top:-50px;}.curtain-buttons button,.curtain-buttons a{width:180px;height:40px;font-size:1.6em;}.curtain-buttons button.retry,.curtain-buttons .score{width:74px;margin-bottom:15px;}.curtain-buttons .score{float:right;line-height:40px;text-decoration:none;text-align:center;background:#fff;color:#000;}.curtain-info{position:absolute;left:15px;right:15px;bottom:30px;font-size:1.2em;font-weight:700;}.curtain-info-right{float:right;}.main-adv{position:absolute;left:1px;right:1px;bottom:0;height:40px;background:#fff;overflow:hidden;}.main-adv a{display:block;width:100%;height:100%;text-align:center;}.main-adv img{height:100%;}.main-game{position:absolute;left:15px;right:1px;top:10px;bottom:130px;}.main-panel{width:200px;height:100%;border:2px solid #fff;}.main-panel canvas{width:100%;height:100%;}.main-info{position:absolute;right:0;top:0;width:100px;height:100%;}.main-info-shape{position:absolute;left:10px;top:0;width:100%;height:100px;background:url("shape.png") no-repeat;}.main-info-shape0{height:60px;background-position:0 -40px;}.main-info-shape1{height:60px;background-position:0 -120px;}.main-info-shape2{height:60px;background-position:0 -200px;}.main-info-shape3{height:40px;background-position:0 -280px;}.main-info-shape4{height:40px;background-position:0 -340px;}.main-info-shape5{height:40px;background-position:0 -400px;}.main-info-shape6{height:80px;background-position:0 -460px;}.main-info-grade{position:absolute;left:0;right:0;top:50%;height:60px;margin-top:-30px;background:#fff;font-size:1.2em;font-weight:bold;}.main-info-grade p{line-height:2;margin:0 5px;white-space:nowrap;overflow:hidden;}.main-direction{position:absolute;left:0;right:0;bottom:65px;height:40px;}.main-direction button{position:absolute;top:0;width:60px;height:40px;padding:0;text-align:center;border:1px solid #797979;border-radius:3px;}.main-direction button.up{left:50%;width:40px;margin-left:-20px;border-radius:100%;font-size:1.8em;}.main-direction button.left{left:15px;}.main-direction button.right{right:15px;}
|
