X-Git-Url: https://git.yukkurigames.com/?p=heroik.git;a=blobdiff_plain;f=heroik.css;h=0ebb50fb2116ee6eb0e90598d54a051f84642dc1;hp=c969f8ee094dbcb1023c90823bfe47dc5baecd1f;hb=f46fe4cb5ee00fa8b11784478d77b397dd09a357;hpb=9fba75b4a96cc5578bf1da2e436b56c2dcfdfe7c diff --git a/heroik.css b/heroik.css index c969f8e..0ebb50f 100644 --- 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; @@ -644,10 +727,6 @@ h1, h2, [onclick], label { cursor: pointer; } -td:target { - font-weight: bold; -} - @media print { @page {