Promo 3 card.

diff --git a/cards.html b/cards.html
index 726d746d5a889532d6982e7b5a6df90439bd33c1..b7079c32800e947a09501d48948e59caf67bd335 100644 (file)
--- a/cards.html
+++ b/cards.html
@@ -80,6 +80,20 @@
       <div class=code>Promo 2</div>
     </div>
 
+    <!-- Still too ugly
+    <div class='card final dungeon'>
+      <div class=name>Kwill</div>
+      <div class=type>Greenskin - Final Monster</div>
+      <div class=code>Promo 3</div>
+      <div class=power><img src=rps.png> / 11</div>
+      <div class=effect>
+        You gain 2 Fear tokens when you win a game of rock, paper,
+        scissors.
+        <br>
+        In solitaire, all Greenskins gain +1 Strength.
+      </div>
+    </div> -->
+
     <div class='card adventurer'>
       <div class=name>Phœnix</div>
       <div class=type>Warrior</div>

diff --git a/dungeon.jpg b/dungeon.jpg
new file mode 100644 (file)
index 0000000..4f3459a
Binary files /dev/null and b/dungeon.jpg differ

diff --git a/heroik.css b/heroik.css
index c969f8ee094dbcb1023c90823bfe47dc5baecd1f..53f26fafb1c63d3cd65f9539118a5b64e5a71844 100644 (file)
--- a/heroik.css
+++ b/heroik.css
@@ -394,7 +394,6 @@ table {
     z-index: 1;
 }
 
-
 .card:after {
     content: '';
     display: block;
@@ -618,6 +617,90 @@ table {
                  0 -0.06667em black;
 }
 
+
+.card.dungeon {
+    height: 17.5841em;
+    width: 25em;
+}
+
+.card.dungeon:after {
+    background-image: url(dungeon.jpg);
+}
+
+.card.final .name, .card.final .type {
+    background-color: #832b22;
+}
+
+.card.dungeon .name {
+    position: absolute;
+    color: #e3f902;
+    top: 2%;
+    height: 7.5%;
+}
+
+.card.dungeon .type {
+    color: #e3f902;
+    left: 2.25%;
+    right: 2.25%;
+    width: 95.5%;
+    height: 4.5%;
+    top: 74%;
+    text-shadow: -0.707px -0.707px rgba(0, 0, 0, 0.75),
+                 0.707px -0.707px rgba(0, 0, 0, 0.75),
+                 -0.707px 0.707px rgba(0, 0, 0, 0.75),
+                 0.707px 0.707px rgba(0, 0, 0, 0.75),
+                 1px 0 black,
+                 -1px 0 black,
+                 0 1px black,
+                 0 -1px black;
+}
+
+.card.dungeon .power img {
+    max-height: 1.5em;
+    vertical-align: bottom;
+}
+.card.dungeon .power {
+    font-size: 0.85em;
+    position: absolute;
+    top: 67%;
+    height: 1em;
+    color: white;
+    left: 68%;
+    width: 15%;
+    text-align: center;
+    text-shadow: -0.707px -0.707px rgba(0, 0, 0, 0.75),
+                 0.707px -0.707px rgba(0, 0, 0, 0.75),
+                 -0.707px 0.707px rgba(0, 0, 0, 0.75),
+                 0.707px 0.707px rgba(0, 0, 0, 0.75),
+                 1px 0 black,
+                 -1px 0 black,
+                 0 1px black,
+                 0 -1px black;
+}
+
+.card.dungeon .effect {
+    color: #e30000;
+    text-shadow: -0.707px -0.707px rgba(255, 255, 255, 0.75),
+                 0.707px -0.707px rgba(255, 255, 255, 0.75),
+                 -0.707px 0.707px rgba(255, 255, 255, 0.75),
+                 0.707px 0.707px rgba(255, 255, 255, 0.75),
+                 1px 0 white,
+                 -1px 0 white,
+                 0 1px white,
+                 0 -1px white;
+    font-size: 0.55em;
+    top: 83%;
+    left: 5%;
+    right: 5%;
+    width: 90%;
+    font-weight: bold;
+}
+
+.card.dungeon .code {
+    right: 4%;
+    bottom: 1.8%;
+}
+
 #statusbar {
     display: none;
     position: fixed;

diff --git a/rps.png b/rps.png
new file mode 100644 (file)
index 0000000..1edaaa6
Binary files /dev/null and b/rps.png differ