falso
/
paradise.js
mirror of https://github.com/falsovsky/paradise.js.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Moar Mobile fixes - thanks to @brunoperry

This commit is contained in:
Pedro de Oliveira 2016-10-17 21:16:05 +01:00
parent 41cfaaf791
commit 88cc8d1aed
2 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -9,8 +9,8 @@
</head>
<body>
<p class="center"><img src="paradise.gif"></p>
<div id="canvasDiv" class="center main"></div>
<img class="center" src="paradise.gif">
<div id="canvasDiv" class="center"></div>
<div id="infoDiv" class="center">
Teclas:
<ul>

46
paradise.css
View File

@ -1,22 +1,39 @@
html, body {
position: relative;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
max-width: 512px;
margin: 0 auto;
background-color: #0000C8;
color: #FFF;
overflow: hidden;
}
p.center {
text-align:center;
img {
padding: 16px 0;
}
div.main {
border-style: solid;
border-color: #C80000;
height: 272px;
canvas {
display: block;
width: 100%;
height: auto;
}
div.center {
width: 512px;
padding: 0;
#canvasDiv {
display: block;
max-height: 272px;
padding: 4px;
background-color: #C80000;
}
.center {
display: block;
margin: 0 auto;
}
@ -26,13 +43,4 @@ div.center {
width: 100%;
height: 32px;
line-height: 32px;
cursor: pointer;
}
@media only screen and (max-width:512px) {
div.main {
zoom: 0.6;
}
}