Link in cards.

[heroik.git] / heroik.css

diff --git a/heroik.css b/heroik.css
index 6d94165..b291e97 100644 (file)
--- a/heroik.css
+++ b/heroik.css
@@ -392,9 +392,32 @@ table {
     height: 87mm;
     font-size: 9pt;*/
     margin: auto;
+    margin: 0.5em auto;
+    z-index: 1;
+}
+
+
+.card:after {
+    content: '';
+    display: block;
+    position:absolute;
+    width:100%;
+    height:100%;
+    left:0;
+    top:0;
     background-image: url(card.png);
     background-size: cover;
-    margin: 0.5em auto;
+    z-index: -1;
+}
+
+.card .art {
+    position: absolute;
+    z-index: -1;
+    left: 9.5%;
+    right: 9.5%;
+    width: 81%;
+    height: auto;
+    top: 7.1%;
 }
 
 .card.adventurer .name, .card.adventurer .type {
@@ -477,7 +500,7 @@ table {
     content: ' ';
     width: 1.5em;
     height: 1.5em;
-    border-radius: 0.75em;
+    border-radius: 1.5em;
     border: solid black 0.75em;
     display: inline-block;
     box-sizing: border-box;
@@ -502,10 +525,11 @@ table {
 .card .cost .g:before { content: 'g'; }
 
 .card .cost .r {
-    
+    background-color: #e4573c;
     border-color: #e4573c;
 }
 .card .cost .g {
+    background-color: #abbc45;
     border-color: #abbc45;
 }