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> </head>
<body> <body>
<p class="center"><img src="paradise.gif"></p> <img class="center" src="paradise.gif">
<div id="canvasDiv" class="center main"></div> <div id="canvasDiv" class="center"></div>
<div id="infoDiv" class="center"> <div id="infoDiv" class="center">
Teclas: Teclas:
<ul> <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 { body {
max-width: 512px;
margin: 0 auto;
background-color: #0000C8; background-color: #0000C8;
color: #FFF; color: #FFF;
overflow: hidden;
} }
p.center { img {
text-align:center; padding: 16px 0;
} }
div.main { canvas {
border-style: solid; display: block;
border-color: #C80000; width: 100%;
height: 272px; height: auto;
} }
div.center { #canvasDiv {
width: 512px; display: block;
padding: 0; max-height: 272px;
padding: 4px;
background-color: #C80000;
}
.center {
display: block;
margin: 0 auto; margin: 0 auto;
} }
@ -26,13 +43,4 @@ div.center {
width: 100%; width: 100%;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
cursor: pointer;
} }
@media only screen and (max-width:512px) {
div.main {
zoom: 0.6;
}
}