From 4a7a96996f2366c0b598ede597b6ebaddde1188e Mon Sep 17 00:00:00 2001
From: Kristian Lyngstol <kristian@bohemians.org>
Date: Tue, 24 May 2016 19:30:18 +0200
Subject: front: Tweak nightmode, fix nightmode+admin

Fixes #78

Introduces nightmode to the infobox and everything else too.

Also exaggerates the drop shadows greatly and reduces the alpha on the
overlay oplog. With the exaggerated drop shadow, the text is largely
readable even with noise underneath. Without noise underneath, the drop
shadow is invisible.
---
 web/css/nms.css | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

(limited to 'web/css')

diff --git a/web/css/nms.css b/web/css/nms.css
index 453fe89..0158268 100644
--- a/web/css/nms.css
+++ b/web/css/nms.css
@@ -14,11 +14,10 @@ tr.mgmt_v4_addr {
 h1.map-mode-title {
 	font-weight: 700;
 	font-size: 55px;
-	color: black;
 	display: block;
 	position: absolute;
 	z-index: 55;
-	text-shadow: 4px 4px 5px white;
+	text-shadow: -4px -4px 5px white,-4px 0px 5px white,0px -4px 5px white,0px 0px 5px white,4px 4px 5px white,4px 0px 5px white,0px 4px 5px white;
 }
 .gondul-public .gondul-is-private {
 	display: none;
@@ -30,20 +29,17 @@ h1.map-mode-title {
 	transform-origin: 0px 0% 0px;
 	transform: rotate(-90deg);
 }
+.nightmode { color: #ddd; }
 .nightmode h1.map-mode-title {
-	color: white;
-	text-shadow: 4px 4px 5px black;
+	text-shadow: -4px -4px 5px black,-4px 0px 5px black,0px -4px 5px black,0px 0px 5px black,4px 4px 5px black,4px 0px 5px black,0px 4px 5px black;
 }
 .logbook  {
-	background-color: rgba(255,255,255,0.7);
-	color: black;
+	background-color: rgba(255,255,255,0.1);
+	text-shadow: -4px -4px 5px white,-4px 0px 5px white,0px -4px 5px white,0px 0px 5px white,4px 4px 5px white,4px 0px 5px white,0px 4px 5px white;
 }
 .nightmode .logbook  {
-	background-color: rgba(0,0,0,0.7);
-	color: white;
-}
-.tvmode #topCanvas {
-	display: none;
+	background-color: rgba(0,0,0,0.1);
+	text-shadow: -4px -4px 5px black,-4px 0px 5px black,0px -4px 5px black,0px 0px 5px black,4px 4px 5px black,4px 0px 5px black,0px 4px 5px black;
 }
 div.map-mode-legend {
 	position: fixed;
@@ -69,3 +65,16 @@ div.map-mode-legend button {
 	font-size: 20px;
 	font-weight: 700;
 }
+.nightmode .panel {
+	background: #222;
+	border-color: #555;
+}
+
+.nightmode .panel .panel-heading {
+	background: #333;
+	border-color: #555;
+	color: #ddd;
+}
+.nightmode .table > tbody > tr > td {
+	border-top: 1px solid #555;
+}
-- 
cgit v1.2.3