Added a back used by default for the cards
This commit is contained in:
parent
b62ca896ea
commit
cda5efce1f
2 changed files with 13 additions and 12 deletions
BIN
www/cards.jpg
BIN
www/cards.jpg
Binary file not shown.
Before Width: | Height: | Size: 701 KiB After Width: | Height: | Size: 711 KiB |
25
www/game.css
25
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 {
|
||||
|
|
Loading…
Reference in a new issue