Terrible font hacks to get an outline.

[heroik.git] / heroik.css

diff --git a/heroik.css b/heroik.css
index 55ab0fe..013d5dc 100644 (file)
--- a/heroik.css
+++ b/heroik.css
@@ -432,31 +432,32 @@ table {
     position: absolute;
     color: white;
     text-align: center;
     position: absolute;
     color: white;
     text-align: center;

-    width: 76%;
-    border: solid white 0.06em;
+    width: 77%;
+    border: solid white 0.1em;

     border-radius: 0.4em;
     line-height: 1.6em;
     border-radius: 0.4em;
     line-height: 1.6em;

-    height: 4.75%;
-    font-size: 0.8em;
+    height: 5.5%;
+    font-size: 0.85em;

     font-weight: bold;
     font-weight: bold;

-    left: 12%;
-    right: 12%;
-    top: 3.65%;
-    text-shadow: 0 0 0.333em black;
+    left: 11.5%;
+    right: 11.5%;
+    top: 3.5%;
+    box-sizing: border-box;
+    text-shadow: 0 0 0.5em black;

 }
 
 .card .type {
     color: black;
     letter-spacing: 0.05em;
     font-weight: bold;
 }
 
 .card .type {
     color: black;
     letter-spacing: 0.05em;
     font-weight: bold;

-    text-shadow: -0.0354em -0.0354em white,
-                 0.0354em -0.0354em white,
-                 -0.0354em 0.0354em white,
-                 0.0354em 0.0354em white,
-                 0.05em 0 white,
-                 -0.05em 0 white,
-                 0 0.05em white,
-                 0 -0.05em white;
+    text-shadow: -0.0707em -0.0707em rgba(255, 255, 255, 0.7),
+                 0.0707em -0.0707em rgba(255, 255, 255, 0.7),
+                 -0.0707em 0.0707em rgba(255, 255, 255, 0.7),
+                 0.0707em 0.0707em rgba(255, 255, 255, 0.7),
+                 0.1em 0 rgba(255, 255, 255, 0.7),
+                 -0.1em 0 rgba(255, 255, 255, 0.7),
+                 0 0.1em rgba(255, 255, 255, 0.7),
+                 0 -0.1em rgba(255, 255, 255, 0.7);

     text-align: left;
     margin: auto;
     position: absolute;
     text-align: left;
     margin: auto;
     position: absolute;


@@ -500,12 +501,12 @@ table {
     content: ' ';
     width: 1.5em;
     height: 1.5em;
     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;
     margin: 0.5em 0.05em;
     border: solid black 0.75em;
     display: inline-block;
     box-sizing: border-box;
     margin: 0.5em 0.05em;

-    box-shadow: 0 0 0.05em 0.04em black;
+    box-shadow: 0 0 0.05em 0.05em black;

 }
 
 .card .cost span:before {
 }
 
 .card .cost span:before {


@@ -525,10 +526,11 @@ table {
 .card .cost .g:before { content: 'g'; }
 
 .card .cost .r {
 .card .cost .g:before { content: 'g'; }
 
 .card .cost .r {

-    
+    background-color: #e4573c;

     border-color: #e4573c;
 }
 .card .cost .g {
     border-color: #e4573c;
 }
 .card .cost .g {

+    background-color: #abbc45;

     border-color: #abbc45;
 }
 
     border-color: #abbc45;
 }