cleanup of CSS for Emscripten platform

[rocksndiamonds.git] / build-projects / emscripten / index.html
diff --git a/build-projects/emscripten/index.html b/build-projects/emscripten/index.html

index aa23a4124706735cc66b3b9a1dbe2a5008635876..a4d0d975b6117bc27a522e6b84d031e034381b93 100644 (file)
--- a/build-projects/emscripten/index.html
+++ b/build-projects/emscripten/index.html
@@ -5,15 +5,35 @@
  <title>Loading Rocks'n'Diamonds</title>
  <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
+<style>
+body {
+    background: black;
+    text-align: center;
+    vertical-align: middle;
+}
+#loading {
+    color: white;
+    font-size: 120%;
+    font-family: sans-serif;
+}
+#canvas {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    margin: 0px;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    display: block;
+}
+</style>
  </head>
-<body style="background:black;text-align:center;vertical-align:middle;">
+<body>
  <canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" tabindex=-1></canvas>
  <div id="loading">
  <img src="loading.svg" width="200px" height="200px">
  <br>
-<span style="color:white;font-size:120%;font-family:sans-serif">
  Loading Rocks'n'Diamonds ...
-</span>
  </div>
  <script type='text/javascript'>
        var Module = {