diff --git a/www/cards.jpg b/www/cards.jpg index 388d1b9..48e142d 100644 Binary files a/www/cards.jpg and b/www/cards.jpg differ diff --git a/www/game.css b/www/game.css index 154746f..00530db 100644 --- a/www/game.css +++ b/www/game.css @@ -21,7 +21,7 @@ #game .card { background: url("/cards.jpg") no-repeat; - background-size: 400% 1200%; + background-size: 400% 1300%; display: inline-block; border-radius: 0.5em; border: 1px solid #555; @@ -29,6 +29,7 @@ height: 7em; float: left; margin: 0.5em; + background-position: 0% 100%; /* back of the card */ } #game .card.value0 { @@ -52,47 +53,47 @@ } #game .card.month1 { - background-position-y: 9.1%; + background-position-y: 8.3%; } #game .card.month2 { - background-position-y: 18.2%; + background-position-y: 16.7%; } #game .card.month3 { - background-position-y: 27.3%; + background-position-y: 25%; } #game .card.month4 { - background-position-y: 36.4%; + background-position-y: 33.3%; } #game .card.month5 { - background-position-y: 45.5%; + background-position-y: 41.7%; } #game .card.month6 { - background-position-y: 54.5%; + background-position-y: 50%; } #game .card.month7 { - background-position-y: 63.6%; + background-position-y: 58.3%; } #game .card.month8 { - background-position-y: 72.7%; + background-position-y: 66.7%; } #game .card.month9 { - background-position-y: 81.8%; + background-position-y: 75%; } #game .card.month10 { - background-position-y: 90.9%; + background-position-y: 83.3%; } #game .card.month11 { - background-position-y: 100%; + background-position-y: 91.7%; } #turned.hidden {