GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 21:31:39 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update life.html

Browse Source
This commit is contained in:
Kyle
2019-08-11 14:45:41 -07:00
parent 02a797b9d6
commit 966fa16fd5
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
life.html
View File

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