Skip to content
Snippets Groups Projects
Commit 7271f6f6 authored by Richard Torenvliet's avatar Richard Torenvliet
Browse files

iPhone 6 support for the game, for now

parent ae1332b5
No related branches found
No related tags found
No related merge requests found
Showing with 37 additions and 12078 deletions
src/assets/tapdance/Backgrounds - JPG/Background_tapdance13.jpg

23.9 KiB

src/assets/tapdance/Backgrounds - JPG/Background_tapdance14.jpg

17.4 KiB

src/assets/tapdance/Backgrounds - JPG/Background_tapdance15.jpg

20.9 KiB

src/assets/tapdance/Backgrounds - JPG/Background_tapdance16.jpg

27.1 KiB

src/assets/tapdance/Backgrounds - JPG/Background_tapdance17.jpg

27.1 KiB

src/assets/tapdance/Overlayers - PNG/Lose_overlayer.png

11.6 KiB

src/assets/tapdance/Overlayers - PNG/Win_overlayer.png

27.1 KiB

This diff is collapsed.
File deleted
......@@ -2,7 +2,7 @@
<html ng-app="Interactive" ng-controller="AppCtrl">
<head>
<title ng-bind="pageTitle"></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, minimal-ui, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- font awesome from BootstrapCDN -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
......@@ -15,7 +15,6 @@
</head>
<body>
<div class="container" ui-view="main">
test
</div>
</body>
</html>
......@@ -22,8 +22,12 @@
body {
font-family: MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
width: 100%;
height: 100%;
overflow:hidden;
}
/**
* Typography
*/
......@@ -141,27 +145,39 @@ h2 {
}
.game-background {
background: url("/assets/bg.jpg");
background-position: 50% 50%;
background-size: auto 80%;
background-repeat: no-repeat;
padding: 0 !important;
height: 800px;
position: relative;
}
img.bg-image {
position: absolute;
top: -90px;
left: 0;
height: 667px;
width: auto;
z-index: 0;
}
.popup-image {
position: absolute;
width: 250px;
left: 20%;
margin-left: auto;
margin-right: auto;
}
.popup {
color: #d0b745;
background: white;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
background: white;
border-radius: 30px;
position: absolute;
color: #d0b745;
left: 10%;
margin-left: auto;
margin-right: auto;
padding: 3em;
left: 50%;
top: 10%;
transform: translateY(-50%);
transform: translateX(-50%);
position: absolute;
top: 40px;
width: 300px;
}
.popup h1 {
......@@ -173,3 +189,9 @@ h2 {
color: white;
font-size: 3em;
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { /* STYLES GO HERE */ }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment