RD The Web Game

Loading...

<style type="text/css">
  html, body {height:100%;}
  body {padding:0;margin:0; background:black url(gfx/ui/bg.png) repeat 0 0 / 832px 768px;font-family: Verdana, "Deja Vu Sans", "Bitstream Vera Sans", Sans-Serif;}
  .wrapper {width:640px; overflow:hidden; min-height:100%; margin:auto; background:url(gfx/ui/uibg.png) repeat-y 0 0 / 100%; color:white; text-shadow:1px 1px 1px #000; }
  #bg {background-color:black; width:640px; height:560px;  position:relative; overflow:hidden; margin-bottom:10px; box-shadow:0 0 10px #000;}
  #bg1,#bg2,#bg3,#screen {width:640px; height:560px; position:absolute; left:0; top:0; overflow:hidden;}
  #bg1 {z-index:0;}
  #bg2 {z-index:1;}
  #bg3 {z-index:2;background-color:rgba(0,0,0,0);}
  #display {z-index:4; width:560px; height:500px; color:white; font-size:18px; line-height:50px; position:absolute; left:40px; top:30px; font-weight:normal; text-shadow:1px 1px 0 #000; opacity:0.8;}
  #display em {display:inline-block; line-height:50px; vertical-align:middle; width:8px; overflow:hidden;}
  #display em.sp {width:20px;}
  #display em.sp2 {width:20px;}
  .ja_JP #display {font-family:'MS Gothic'; font-size:28px; letter-spacing:0;white-space:nowrap;}
  .ja_JP #display em.sp {width:20px;}
  .ja_JP #display em.sp2 {width:20px;}
  .zh_CN #display {font-family:'simhei','Microsoft Yahei'; font-size:28px; letter-spacing:4px; white-space:nowrap;}
  .zh_CN #display em.sp {width:20px;}
  .zh_CN #display em.sp2 {width:20px;}
  #screen {z-index:3;}
  .enable_screen #screen {background:url(gfx/ui/screen.png) no-repeat 0 0 / 100% 100%;}
  #savebox {background:rgba(0,0,0,0.5) url(gfx/ui/tabg.png) no-repeat 0 0 / 100% 100%; padding:20px; clear:both; }
  #savedata {width:600px; display:block; height:80px; box-sizing:border-box; border:none; background:none; overflow:hidden; color:white; outline:none;}
  #savebutton,#loadbutton {width:22%; height:50px; font-size:26px; box-sizing:border-box; border:none; color:white; float:left; margin-right:1%; background:url(gfx/ui/btn.png) no-repeat 0 0 / 100% 100%;}
  #savebutton:disabled,#loadbutton:disabled {background:url(gfx/ui/btn2.png) no-repeat 0 0 / 100% 100%; color:#666;}
  #tip {display:none; width:640px; height:40px; line-height:40px; font-size:24px; color:white; text-indent:10px; position:absolute; left:0; bottom:0;}
  .choice {cursor:pointer; background:rgba(255,255,255,0.1);}
  .choice.hover {background:rgba(255,255,255,0.2);}
  .choicey.hover {color:#ff0;}
  .choicer.hover {color:#f88;}
  .savediv {white-space:nowrap; padding:5px 6.5%; height:50px; overflow:visible;}
  .savediv .saveslot,  .savediv label {display:block; width:13%; min-height:50px; float:left; overflow:hidden; text-align:center;}
  .savediv label {height:65px; background:url(gfx/ui/btn.png) no-repeat 50% 10px / 120% 120%; line-height:80px; font-size:26px; color:#888;}
  .savediv label.active { background:url(gfx/ui/btn.png) no-repeat 0 0 / 100% 120%; line-height:60px;color:#fff;}
  .savediv input[type=radio]{display:none;}
  #bgm,#sfx{}
  #savebox,#debug,#debug2,#debug3,#debug4,#debug5,#debug6,#experimantal1{}
  .hidden {display:none;}
  i {font-style:normal;}
  .optiondiv {font-size:30px; line-height:50px; padding:15px 20px; box-sizing:border-box; clear:both;}
  #saveinfo {width:560px;height:120px;margin:10px auto;clear:both;position:relative;background:url(gfx/ui/tabg.png) no-repeat 0 0 / 100% 100%; line-height:120px;font-size:28px;}
  .waiting {width:48px;height:48px; vertical-align:middle;position:absolute;right:2px; bottom:2px;}
  </style>
    <div class="wrapper">
      <div class="enable_screen" id="bg">
        <div id="bg1"></div>
        <div id="bg2"></div>
        <div id="bg3"></div>
        <div id="display"></div>
        <div id="tip"></div>
        <div id="screen"></div>
      </div>
      <div class="savediv">
        <input type="button" id="savebutton" disabled="disabled" value="Save" />
        <input type="button" id="loadbutton" disabled="disabled" value="Load" />
        <i class="saveslot"></i>
        <label class="active">
          <input type="radio" name="saveslots" value="1" />01</label>
        <label>
          <input type="radio" name="saveslots" value="2" />02</label>
        <label>
          <input type="radio" name="saveslots" value="3" />03</label>
        <br clear="all"></div>
      <div id="saveinfo"></div>
      <div id="savebox">
        <input id="savedata" />
      </div>
      <div class="optiondiv">
        <b>Options:</b>
        <br/>
        <label>
          <input type="radio" name="locale" value="ja_JP" checked />
          <i>日本語</i>
        </label>
        <label>
          <input type="radio" name="locale" value="en_US" />
          <i>English</i>
        </label>
        <label id="experimental1" style="display:none">
          <input type="radio" name="locale" value="zh_CN" />
          <i>简体中文</i>
        </label>
        <br/>
        <label>
          <input type="checkbox" id="enable_bgm" checked />
          <i>BGM</i>
        </label>
        <label>
          <input type="checkbox" id="enable_sfx" checked />
          <i>Sound Effects</i>
        </label>
        <label>
          <input type="checkbox" id="enable_screen" checked />
          <i>Overlay</i>
        </label>
        <br>
        <label>
          <input type="checkbox" id="enable_debug" />
          <i>Debug Info</i>
        </label>
      </div>
      <div id="debug"></div>
      <div id="debug2"></div>
      <div id="debug3"></div>
      <div id="debug4"></div>
      <div id="debug5"></div>
      <div id="debug6"></div>
    </div>