projects / mlpccg.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Ditch Inkscape.
[mlpccg.git] / single.html
diff --git a/single.html b/single.html
index 89f5429..147a5b9 100644 (file)
--- a/single.html
+++ b/single.html
@@ -13,7 +13,7 @@
   -->
   <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-title" content="MLPCCG">
@@ -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;
       }
@@ -302,10 +295,6 @@
               overlay.parentNode.removeChild(overlay);
       };
 
-      messages.show = function (data) {
-          show(data.id);
-      };
-
       function maybeBack (event) {
           if (Math.max(score, opponentScore) !== 0
               && Math.max(score, opponentScore) !== 15) {
@@ -386,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>
@@ -397,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>
MLPCCG Helper