diff options
Diffstat (limited to 'cards.css')
-rw-r--r-- | cards.css | 31 |
1 files changed, 18 insertions, 13 deletions
@@ -41,15 +41,6 @@ padding-left: 30px; } -.symbol { - position: absolute; - top: 0px; - left: 0px; - width: 45px; - height: 63px; - background-size: contain; -} - .link { position: absolute; width: 32px; @@ -68,10 +59,24 @@ right: 0px; } -.symbol.infantry1 { background-image: url(images/infantry1.png); } -.symbol.infantry2 { background-image: url(images/infantry2.png); } -.symbol.cavalry1 { background-image: url(images/cavalry1.png); } -.symbol.cavalry2 { background-image: url(images/cavalry2.png); } +.symbol { + position: absolute; + top: 0px; + left: 1px; + width: 45px; + height: 63px; + background-size: contain; + filter: drop-shadow( 0 0 2px linen ); +} + +.blue + .infantry { background-image: url(images/infantry1.png); } +.blue + .cavalry { background-image: url(images/cavalry1.png); } +.dkblue + .infantry { background-image: url(images/infantry1.png); } +.dkblue + .cavalry { background-image: url(images/cavalry1.png); } +.pink + .infantry { background-image: url(images/infantry2.png); } +.pink + .cavalry { background-image: url(images/cavalry2.png); } +.red + .infantry { background-image: url(images/infantry2.png); } +.red + .cavalry { background-image: url(images/cavalry2.png); } .strength { position: absolute; |