-->
<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">
.bits {
top: 70vh;
left: 0;
- bottom: 15vh;
+ bottom: 10vh;
right: 50vw;
line-height: 15vh;
}
.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,
.score {
top: 0vh;
left: 0;
- bottom: 70vh;
+ bottom: 30vh;
right: 50vw;
line-height: 70vh;
}
#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;
}
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) {
<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>