From 25bce2b0b189ec34123510041925cdb1143421fc Mon Sep 17 00:00:00 2001
From: Kelly Rauchenberger <fefferburbia@gmail.com>
Date: Thu, 28 Sep 2017 23:54:38 -0400
Subject: Added contest diagram

---
 app/assets/stylesheets/pokeviewer/pokemon.css.scss | 53 +++++++++++++++++++++-
 1 file changed, 51 insertions(+), 2 deletions(-)

(limited to 'app/assets/stylesheets')

diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
index 077aaf7..c9560d4 100644
--- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss
+++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
@@ -215,11 +215,10 @@ body {
 
   .pokemon-basics {
     margin: .5em;
+    min-width: 5em;
   }
 
   .pokemon-column {
-    display: flex;
-    flex-direction: column;
     border-left: 1px solid #aaa;
 
     &>div + div {
@@ -300,4 +299,54 @@ body {
       }
     }
   }
+
+  .pokemon-condition {
+    background-color: #b9d7f2;
+    border-left: 1px solid #aaa;
+    flex: 1 0px;
+
+    .pkcv-cool-circle {
+      fill: #f59a55;
+    }
+
+    .pkcv-beauty-circle {
+      fill: #8095ff;
+    }
+
+    .pkcv-cute-circle {
+      fill: #f5a8d3;
+    }
+
+    .pkcv-smart-circle {
+      fill: #79e15c;
+    }
+
+    .pkcv-tough-circle {
+      fill: #f7f100;
+    }
+
+    .pkcv-outline {
+      stroke: gray;
+      stroke-width: 5;
+      stroke-linejoin: round;
+      fill: white;
+      fill-opacity: 0.3;
+    }
+
+    .pkcv-data {
+      fill: #4ee100;
+    }
+
+    .pkcv-label, .pkcv-label-outline {
+      font-family: "Power Green";
+      font-size: 50px;
+      text-anchor: middle;
+    }
+
+    .pkcv-label-outline {
+      stroke: #f0f8f8;
+      stroke-width: 6;
+      stroke-linejoin: butt;
+    }
+  }
 }
-- 
cgit 1.4.1