atomaka/playafri.ca
1
0
Fork 0
Code Releases Activity

Make button center and big

Browse source
This commit is contained in:
Andrew Tomaka 2014-09-25 10:22:49 -04:00
parent 8b754f57b3
commit 8fa097595d
2 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/styles/style.css
View file

@ -5,17 +5,24 @@ html, body, img, #container {
height: 100%; height: 100%;
} }
div { #container {
position: absolute; position: absolute;
left: 0px; left: 0px;
top: 0px; top: 0px;
z-index: 500; z-index: 500;
text-align: center;
} }
.button { .button {
display: inline-block;
padding: 10px; padding: 10px;
border-radius: 10px; border-radius: 10px;
margin: auto;
position: relative;
top: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .5);
color: white; color: white;

4
index.html
View file

@ -17,7 +17,7 @@
<source src="assets/audio/africa.ogg" /> <source src="assets/audio/africa.ogg" />
<source src="assets/audio/africa.mp3" /> <source src="assets/audio/africa.mp3" />
</audio>--> </audio>-->
<img id="background" src="" /> <img id="background" src="assets/images/africa.png" />
<div id="container"> <div id="container">
<div id="player"></div> <div id="player"></div>
@ -75,7 +75,7 @@
}); });
engine.rain([ [3, 2, 2] ], 100); engine.rain([ [3, 2, 2] ], 100);
}; };
image.src = 'assets/images/africa.png'; //image.src = '';
image.crossOrigin = 'anonymous'; image.crossOrigin = 'anonymous';
}); });