|
|
| 1번째 줄: |
1번째 줄: |
| {{플러그인|/uncyrhythm}}
| |
| {{#css: #display{
| |
| margin:20px auto;
| |
| display:block;
| |
| width:80%;
| |
| height:700px;
| |
| border:#777 solid 2px;
| |
| border-radius:20px;
| |
| overflow:hide;
| |
| position:relative;
| |
| }
| |
| hr{
| |
| position:relative;
| |
| top:500px;
| |
| border:2px #ccc solid;
| |
|
| |
|
|
| |
| }
| |
| #humen{
| |
| position:absolute;
| |
| top:200px;
| |
| right:100px;
| |
|
| |
| }
| |
| .note{
| |
| position:absolute;
| |
|
| |
| }
| |
| .cloneable{
| |
| display:none;
| |
| }
| |
| .position-0{
| |
| left:15%;
| |
| }
| |
| .position-1{
| |
| left:35%;
| |
| }
| |
| .position-2{
| |
| right:35%;
| |
| }
| |
| .position-3{
| |
| right:15%;
| |
|
| |
| }
| |
| .message{
| |
| position:absolute;
| |
| top:450px;
| |
| font-size:25px;
| |
| }
| |
| .key-intro{
| |
| top:600px;
| |
| position:absolute;
| |
| border:#4CAF50 solid 2px;
| |
| border-radius:5px;
| |
| background:none;
| |
| color:#4CAF50;
| |
| font-size:30px;
| |
| padding:10px 30px;
| |
| }
| |
| .key-intro.push{
| |
| color:white;
| |
| background:#4CAF50;
| |
| }
| |
| .combo{
| |
| color:#333;
| |
| font-size:40px;
| |
| position:absolute;
| |
| left:50%;
| |
| top:200px;
| |
| }
| |
| .hide{
| |
| display:none;
| |
| }
| |
| }}
| |
| <div id="display">
| |
| <div id="humen">
| |
| <br>따봉!! => <span value="0" class="n-great">0</span>개
| |
| <br>굿잡!! => <span value="0" class="n-good">0</span>개
| |
| <br>이런.. => <span value="0" class="n-miss">0</span>개
| |
| <br>점수 => <span value="0" class="n-score">0</span>점
| |
| <br>최대콤보 => <span value="0" class="n-maxcombo">0</span>회
| |
| </div>
| |
| <hr />
| |
| <div class="key-intro position-0">Z</div>
| |
| <div class="key-intro position-1">X</div>
| |
| <div class="key-intro position-2">.</div>
| |
| <div class="key-intro position-3">/</div>
| |
| <div class="combo">0</div>
| |
| </div>
| |
|
| |
| <div class="result hide">
| |
| * <span class="score"></span>
| |
| * <span href="#" class="moveDebate" style="color:#0645ad;">랭킹 등재 및 토론으로</span>
| |
| </div>
| |
|
| |
| <p class="message cloneable"></p>
| |
