From 2b3420565e6ec997e4011e06fccb5f41067fc89f Mon Sep 17 00:00:00 2001
From: Matt Mascarenhas <matt@handmadedev.org>
Date: Sat, 30 Dec 2017 23:19:01 +0000
Subject: [PATCH] cinera__hero.css: :run

---
 cmuratori/hero/cinera__hero.css | 51 +++++++++++++++++++++++++++------
 1 file changed, 43 insertions(+), 8 deletions(-)

diff --git a/cmuratori/hero/cinera__hero.css b/cmuratori/hero/cinera__hero.css
index 001660d..0ab9fba 100644
--- a/cmuratori/hero/cinera__hero.css
+++ b/cmuratori/hero/cinera__hero.css
@@ -120,27 +120,62 @@
 }
 
 /* Run */
+
+/*
+ * Untinted colours:
+ *
+ * box-shadow: #228B22; (green)
+ * background-color: #6B4423; (brown)
+ *
+ */
+
+.cineraMenus.hero .filter_content.run {
+    background-color: #31241A;
+    box-shadow: inset 0px 0px 4px #228B22;
+}
+
+.cineraMenus.hero .filter_content.run.filter_content.focused {
+    background-color: #392C22;
+}
+
+.cineraMenus.hero .filter_content.run.off {
+    background-color: #1C1917;
+    box-shadow: inset 0px 0px 4px #193B19;
+}
+
+/* */
 .cineraPlayerContainer .markers_container.hero > .marker.run > .cineraContent,
+.cineraPlayerContainer .markers_container.hero > .marker:hover.run > .cineraContent,
 .cineraPlayerContainer .markers_container.hero > .marker.run > .progress .cineraContent,
 .cineraPlayerContainer .markers_container.hero > .marker:hover.run > .faded .cineraContent {
-    background: hsla(128, 16%, 64%, .2);
-    background-image: linear-gradient(to right, blue 4%, black 4%, black 96%, red 4%),
-                      linear-gradient(to bottom, blue 4%, black 4%, black 96%, red 4%),
-    /*#236a58*/
+    box-shadow: inset 0px 0px 12px #228B22;
 }
 
 .cineraPlayerContainer .markers_container.hero > .marker.run > .cineraContent {
-    color: #D7BA82;
+    background-color: #31241A;
 }
 
 .cineraPlayerContainer .markers_container.hero > .marker:hover.run > .cineraContent {
-    background: #111;
+    background-color: #392C22;
 }
 
 .cineraPlayerContainer .markers_container.hero > .marker.run > .progress .cineraContent {
-    color: #D7BA82;
+    background-color: #803F23;
 }
 
 .cineraPlayerContainer .markers_container.hero > .marker:hover.run > .faded .cineraContent {
-    background: #111;
+    background-color: #683720;
+}
+/* */
+
+/* */
+.cineraPlayerContainer .markers_container.hero > .marker.off_run > .cineraContent,
+.cineraPlayerContainer .markers_container.hero > .marker:hover.off_run > .cineraContent,
+.cineraPlayerContainer .markers_container.hero > .marker.off_run > .progress .cineraContent,
+.cineraPlayerContainer .markers_container.hero > .marker:hover.off_run > .faded .cineraContent {
+    box-shadow: inset 0px 0px 12px #193B19;
+}
+
+.cineraPlayerContainer .markers_container.hero > .marker.off_run > .cineraContent {
+    background-color: #1C1917;
 }