invert logo if background is dark, match body bg to wall color

1 files changed, 22 insertions, 1 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index cef90a9..b4d176f 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -71,6 +71,27 @@ a{
 	left: 0;
 	z-index: 6;
 }
+#header.black .logo:hover {
+  background: white;
+}
+#header.black .logo:hover path {
+  fill: black;
+}
+#header.black path {
+  fill: white;
+}
+#header.black .topLinks a {
+  color: white;
+}
+#header.black .topLinks a:hover {
+  color: black;
+  background-color: white;
+}
+#header.black a#help-button:hover {
+  background-color: transparent;
+  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
+}
+
 #help-button {
   display: none;
 	border-right:0px!important;
@@ -1566,7 +1587,7 @@ input[type="range"]::-webkit-slider-thumb {
   bottom: 10px;
   right: 10px;
   font-size: 12px;
-  -webkit-transform: translateY(450px);
+  -webkit-transform: translateY(500px);
   -webkit-transition: -webkit-transform 0.2s ease-in-out;
   transform: translateY(450px);
   transition: -webkit-transform 0.2s ease-in-out;