X-Git-Url: https://git.yukkurigames.com/?p=heroik.git;a=blobdiff_plain;f=heroik.css;h=53f26fafb1c63d3cd65f9539118a5b64e5a71844;hp=c969f8ee094dbcb1023c90823bfe47dc5baecd1f;hb=2288d6ec7230056c1c4da48ca54185bc0193ea8f;hpb=9fba75b4a96cc5578bf1da2e436b56c2dcfdfe7c diff --git a/heroik.css b/heroik.css index c969f8e..53f26fa 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;