Ditch Inkscape.

[mlpccg.git] / single.html

diff --git a/single.html b/single.html
index 2852ad5..147a5b9 100644 (file)
--- a/single.html
+++ b/single.html
@@ -63,7 +63,7 @@
       .bits {
           top: 70vh;
           left: 0;
-          bottom: 15vh;
+          bottom: 10vh;
           right: 50vw;
           line-height: 15vh;
       }
@@ -84,19 +84,18 @@
 
       .adj {
           display: block;
-          padding: 0;
-          max-width: 0.6em;
-          min-width: 0.6em;
           line-height: 0.6em;
           width: 0.6em;
           height: 0.6em;
-          max-height: 0.6em;
-          max-height: 0.6em;
           font-size: 20vmin;
           font-family: 'Sans', sans-serif;
           border-style: solid;
           border-width: 1px;
           border-radius: 0.3em;
+          position: absolute;
+          margin-top: -2.25em;
+          margin-left: 1.6667em;
+          overflow: hidden;
       }
 
       /* Height 0.6 with line-height 0.6 should be centering the text,
@@ -114,7 +113,7 @@
       .score {
           top: 0vh;
           left: 0;
-          bottom: 70vh;
+          bottom: 30vh;
           right: 50vw;
           line-height: 70vh;
       }
@@ -170,16 +169,10 @@
           #current-score, #current-actions { line-height: 1.3333em; }
       }
 
-      #current-score + .adj, #current-actions + .adj {
-          position: absolute;
-          margin-top: -2.25em;
-          margin-left: 1.6667em;
-      }
-
       .turn {
           left: 45vw;
           top: 70vh;
-          bottom: 15vh;
+          bottom: 10vh;
           right: 0;
           line-height: 15vh;
       }
@@ -382,9 +375,8 @@
     </a>
     <a class="change mark subdue" onclick="nextTheme(document.body.parentNode)"></a>
     <div class="dialog" id="confirmBack">
-      <h1>You Sure?</h1>
       <p>
-        Do you want to stop playing?
+        You sure you want to stop?
       </p>
       <a class="button" onclick="dismiss()">Nnope.</a>
       <a class="button" href="mlpccg.html" target="_parent">Eeyup.</a>
@@ -393,5 +385,6 @@
       <div class="mark subdue" style="font-size: 30vmin; height: 40vmin"></div>
       <a class="button" onclick="dismiss()">You Win!</a>
     </div>
+    <div id="overlay"></div>
   </body>
 </html>