QRouland/ModuleWeb
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

responsive css js memory

Browse Source
This commit is contained in:
DonRenando 2015-03-07 23:59:57 +01:00
parent f237daf600
commit b62e47b1a1
3 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
SRC/public/css/memory.css
View File

@ -120,7 +120,7 @@ img {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline; display: inline;
margin-top: 0; margin-top: 0;
} }
.mg__start-screen--level-select span { .mg__start-screen--level-select span {
color: #ff3c50; color: #ff3c50;
@ -165,7 +165,7 @@ img {
/* game__level-1 styles */ /* game__level-1 styles */
.mg__level-1 .mg__tile { .mg__level-1 .mg__tile {
width: 25%; width: 25%;
height: 50%; height: 150px;
} }
.mg__level-1 .mg__tile-1 { .mg__level-1 .mg__tile-1 {
@ -204,7 +204,9 @@ img {
/* game__level-2 styles */ /* game__level-2 styles */
.mg__level-2 .mg__tile { .mg__level-2 .mg__tile {
width: 16.66667%; width: 16.66667%;
height: 33.33333%; /*height: 33.33333%;*/
height: 150px;
} }
.mg__level-2 .mg__tile-1 { .mg__level-2 .mg__tile-1 {
@ -283,7 +285,7 @@ img {
/* game__level-3 styles */ /* game__level-3 styles */
.mg__level-3 .mg__tile { .mg__level-3 .mg__tile {
width: 12.5%; width: 12.5%;
height: 25%; height: 150px;
} }
.mg__level-3 .mg__tile-1 { .mg__level-3 .mg__tile-1 {

4
SRC/public/js/memory.js
View File

@ -302,7 +302,7 @@
this.newCards.push(this.cards[i], this.cards[i]); this.newCards.push(this.cards[i], this.cards[i]);
} }
this.newCards = shuffle(this.newCards); this.newCards = shuffle(this.newCards);
this.tilesHTML = '<tr>'; this.tilesHTML = '<div class="col-xs-11 col-sm-10 col-lg-12">';
for ( var i = 0; i < this.numTiles; i++ ) { for ( var i = 0; i < this.numTiles; i++ ) {
var n = i + 1; var n = i + 1;
this.tilesHTML += '<div class="mg__tile mg__tile-' + n + '">\ this.tilesHTML += '<div class="mg__tile mg__tile-' + n + '">\
@ -316,7 +316,7 @@
}*/ }*/
} }
this.tilesHTML +="</tr>"; this.tilesHTML +="</div>";
this.gameContents.innerHTML = this.tilesHTML; this.gameContents.innerHTML = this.tilesHTML;
this.gameState = 2; this.gameState = 2;
this.options.onGameStart(); this.options.onGameStart();

4
SRC/resources/views/one_referent_game.blade.php
View File

@ -18,9 +18,9 @@
<div class="content"> <div class="content">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-10 col-md-12"> <!--<div class="col-xs-10 col-md-12">-->
<div id="my-memory-game"></div> <div id="my-memory-game"></div>
</div> <!-- </div> -->
</div> </div>
</div> </div>