add card back side

This commit is contained in:
Juraj Michalek
2014-12-28 21:04:49 +00:00
parent df0b305e67
commit a388bc8fb0
5 changed files with 7 additions and 5 deletions

View File

@@ -96,7 +96,7 @@ flippy.fancy flippy-front {
width: inherit; width: inherit;
height: inherit; height: inherit;
border: 1px solid #ccc; border: 1px solid #ccc;
background: white; background: #FAE944;
text-align: center; text-align: center;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
} }

View File

@@ -1,5 +1,6 @@
body { body {
margin: 0; margin: 0;
background: lightyellow;
} }
#mainContent { #mainContent {

View File

@@ -1,5 +1,6 @@
Images available under CC Images available under CC or Public Domain
OpenClips
barrel - http://pixabay.com/en/barrel-keg-wood-vintage-wooden-575341/ barrel - http://pixabay.com/en/barrel-keg-wood-vintage-wooden-575341/
butterfly - http://pixabay.com/en/animal-butterfly-insect-nature-156895/ butterfly - http://pixabay.com/en/animal-butterfly-insect-nature-156895/
carrot - http://pixabay.com/en/carrot-vegetable-food-fresh-575529/ carrot - http://pixabay.com/en/carrot-vegetable-food-fresh-575529/
@@ -9,4 +10,4 @@ cloud - http://pixabay.com/en/weather-rain-clouds-157123/
dwarf - http://pixabay.com/en/gnome-statue-decoration-dwarf-elf-575475/ dwarf - http://pixabay.com/en/gnome-statue-decoration-dwarf-elf-575475/
ghost - http://pixabay.com/en/ghost-spooky-white-ghostly-scary-156656/ ghost - http://pixabay.com/en/ghost-spooky-white-ghostly-scary-156656/
rose - http://pixabay.com/en/flower-red-rose-blossom-nature-156608/ rose - http://pixabay.com/en/flower-red-rose-blossom-nature-156608/
sun - http://pixabay.com/en/sun-weather-weather-forecast-sunny-157126/ sun - http://pixabay.com/en/sun-weather-weather-forecast-sunny-157126/

BIN
img/cards/question.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@@ -51,11 +51,11 @@
timing-function="ease-in-out"> timing-function="ease-in-out">
<flippy-front> <flippy-front>
? <span class="cardHelper"></span><img ng-src="img/cards/question.png">
</flippy-front> </flippy-front>
<flippy-back> <flippy-back>
<span class="cardHelper"></span><img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'"></span> <span class="cardHelper"></span><img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'">
<div ng-hide="card.cardType == 'picture'">{{card.card['en-US']}}</div> <div ng-hide="card.cardType == 'picture'">{{card.card['en-US']}}</div>
</flippy-back> </flippy-back>