Update life.html

This commit is contained in:
Kyle
2019-08-11 14:45:41 -07:00
parent 02a797b9d6
commit 966fa16fd5

View File

@@ -90,6 +90,7 @@
font-family: belerenbsc;
font-size: 24pt;
margin: 0px;
touch-action: none;
}
image, div, canvas {
user-select: none;
@@ -97,6 +98,10 @@
-moz-user-select: none;
-ms-user-select: none;
}
html, body {
height: 100%;
overflow: hidden;
}
body {
background-color: #333;
color: white;
@@ -108,12 +113,22 @@
width: 100%;
height: 100%;
align-items: center;
/*position: fixed;*/
}
canvas {
/*position: fixed;*/
}
#gridShell {
display: none;
/*position: fixed;
top: 0;
left: 0;*/
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: none;
}
#gridShell:fullscreen {
display: inline-block;
@@ -125,7 +140,6 @@
border: 1px solid white;
width: auto;
height: auto;
touch-action: none;
}
.widePlayerBox {
grid-column: 1 / span 2;
@@ -167,6 +181,8 @@
overflow-y: auto;
height: calc(100% - 70pt);
border: 2px solid white;
touch-action: pan-y;
-webkit-overflow-scrolling: touch;
}
.menuOption {
font-size: 20pt;
@@ -191,15 +207,6 @@
input {
width: 7.5em;
}
@media (orientation: landscape) {
body {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
</style>
<script src="data/life/life.js"></script>
<html>