fix game for small screens

This commit is contained in:
Juraj Michalek
2014-12-31 16:08:38 +00:00
parent 4a86384dbb
commit 86343d7dac
3 changed files with 51 additions and 3 deletions

View File

@@ -21,7 +21,52 @@
background:rgba(0,0,0,0.5);
}
@media screen and (max-width: 340px) {
@media (max-width: 240px) {
.levelSelectorTitle {
display: none;
}
#infoGraphics {
display: none;
}
.info {
font-size: 0.7em;
}
.infoContent {
font-size: 1em;
padding-left: 0;
}
.levelItem {
width: 1.4em;
height: 1em;
}
.startLevel {
font-size: 1em;
}
.startLevelInstructions {
font-size: 1em;
}
.navigationBar {
font-size: 1em;
}
#congratulation {
font-size: 1em;
}
.levelComplete {
height: 13em;
}
.levelButton {
font-size: 1em;
display: block;
}
.levelCompleteButtonsFinal {
margin-top: 3em;
}
.signature {
padding-bottom: 0;
}
}
@media (min-width: 240px) and (max-width: 340px) {
.levelItem {
width: 2em;
height: 1.4em;