game.rml 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <rml>
  2. <head>
  3. <title>game</title>
  4. <link type="text/rcss" href="../../assets/rkt.rcss"/>
  5. <link type="text/rcss" href="../../assets/invader.rcss"/>
  6. <style>
  7. body
  8. {
  9. padding: 0px;
  10. margin: 0px;
  11. width: 100%;
  12. height: 100%;
  13. z-index: -1;
  14. }
  15. game
  16. {
  17. display: block;
  18. width: 100%;
  19. height: 100%;
  20. }
  21. div
  22. {
  23. height: 47px;
  24. padding: 9px 0px 0px 65px;
  25. margin: 0px 20px;
  26. font-size: 20;
  27. background-decorator: tiled-horizontal;
  28. background-left-image: ../../assets/invader.tga 147px 55px 229px 0px;
  29. background-center-image: ../../assets/invader.tga stretch 229px 55px 230px 0px;
  30. background-right-image: ../../assets/invader.tga 231px 55px 246px 0px;
  31. }
  32. div#score_div
  33. {
  34. float: left;
  35. width: 155px;
  36. }
  37. div#hiscore_div
  38. {
  39. float: left;
  40. width: 205px;
  41. }
  42. div#waves_div
  43. {
  44. float: right;
  45. width: 95px;
  46. }
  47. div#lives_div
  48. {
  49. float: right;
  50. width: 80px;
  51. }
  52. icon
  53. {
  54. display: block;
  55. position: absolute;
  56. left: 14px;
  57. top: 3px;
  58. width: 51px;
  59. height: 39px;
  60. icon-decorator: image;
  61. icon-image-src: ../../assets/invader.tga;
  62. icon-image-t: 152px 191px;
  63. }
  64. div#score_div icon
  65. {
  66. icon-image-s: 434px 485px;
  67. }
  68. div#hiscore_div icon
  69. {
  70. icon-image-s: 281px 332px;
  71. }
  72. div#waves_div icon
  73. {
  74. icon-image-s: 332px 383px;
  75. }
  76. div#lives_div icon
  77. {
  78. icon-image-s: 383px 434px;
  79. }
  80. </style>
  81. </head>
  82. <body id="game_window">
  83. <game id="game">
  84. <div id="score_div">
  85. <icon />
  86. score: <span id="score" />
  87. </div>
  88. <div id="hiscore_div">
  89. <icon />
  90. high score: <span id="hiscore" />
  91. </div>
  92. <div id="lives_div">
  93. <icon />
  94. lives: <span id="lives" />
  95. </div>
  96. <div id="waves_div">
  97. <icon />
  98. wave: <span id="waves" />
  99. </div>
  100. </game>
  101. </body>
  102. </rml>