From 090afd0f8ab8a77ba6c239dbfc0298b3c529926d Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Sun, 1 Jan 2017 18:22:02 -0500
Subject: zone overlay support - tap on the [ ] button #420

---
 www/css/style.css | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

(limited to 'www/css')

diff --git a/www/css/style.css b/www/css/style.css
index ed8ac441..891ddecb 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -1201,6 +1201,43 @@ videogular div.event-time {
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
+
+}
+
+.imagecontainer{position:relative; margin:0 auto;}
+.zonelayer
+{
+    position:absolute;
+    top:0;
+    left:0;
+    background:none;
+    
+}
+
+.zonelayer polygon {
+    fill-opacity: 0.25;
+    stroke-width: 2px;
+}
+
+/* Lets use similar colors to ZM zones, but use slate variations */
+.zonelayer .Active {
+    stroke: #e74c3c;
+    fill: #e74c3c;
+}
+
+.zonelayer  .Inclusive {
+    stroke: #f39c12;
+    fill: #f39c12;
+}
+
+.zonelayer  .Exclusive {
+    stroke: #8e44ad;
+    fill: #8e44ad;
+}
+
+.zonelayer  .Preclusive {
+    stroke: #1F3A93;
+    fill: #1F3A93;
 }
 
 @media (min-width:600px) {
-- 
cgit v1.2.3