From 7c5b5d9bcaa83c682425033744a6d5eeec42a828 Mon Sep 17 00:00:00 2001
From: August40th <40985705+August40th@users.noreply.github.com>
Date: Tue, 10 Aug 2021 17:46:31 -0600
Subject: [PATCH] 840 Update

840 style changes
---
 style.css | 204 ++++++++++++++++++++++++++++++++----------------------
 1 file changed, 123 insertions(+), 81 deletions(-)

diff --git a/style.css b/style.css
index d827788..690cb5d 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,7 @@
-
 body{
     background-color: rgb(0,0,0);
     margin: 0px;
-    color: white;
+    color: gold;
 }
 
 .flexcontainer {
@@ -10,7 +9,7 @@ body{
 }
 
 .settings{
-    background-color: rgb(0,0,0);
+    background-color: rgb(0,0,0);	
     position: fixed;
     right:0;
     bottom: 0;
@@ -22,33 +21,80 @@ body{
     position: fixed;
     right:0;
     bottom:0;
-    z-index:11;
-    background-color: rgb(0,0,0);
+    z-index:11;	
+    background-color: rgb(255,255,255);	
     color: red;
 }
 
+.column {
+  float: left;
+  width: 50%;
+}
+
+/* Clear floats after the columns */
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
 .tracker{
     background-color: rgba(0,0,0,0);
     position: relative;
+    left: 0px;
     top: 0px;
-    margin-left: auto;
-    margin-right: auto;
     empty-cells: show;
     border-spacing: 0px;
     border: 0px;
 }
 
 .tracker td{
-    width: 64px;
+    width: 84px;
     height: 64px;
     padding: 0px;
     background-repeat: no-repeat;
     background-size: 64px 64px;
 }
 
+.tracker .halfcell {
+    width: 32px;
+    height: 64px;	
+}
+
+.unavailable{
+    background-color: rgb(255,0,0);
+}
+
+.unavailable.wayofhero {
+    background-color: rgb(248,24,148);
+}
+
+.available{
+    background-color: rgb(0,255,0);
+}
+
+.available.wayofhero {
+    background-color: rgb(0,255,255);
+}
+
+.possible{
+    background-color: rgb(255,255,0);
+}
+
+.possible.wayofhero {
+    background-color: rgb(168, 142, 200);
+}
+
+.opened{
+    background-color: rgb(200,200,200);
+}
+.opened.wayofhero {
+    background-color: blue;
+}
+
 .itemconfig {
     border-spacing: 0px;
-    border: 1px solid white;
+    border: 1px solid white;	
 }
 
 * {
@@ -78,7 +124,7 @@ label {
     float: left;
     padding-top: 5px;
     text-align: right;
-    width: 140px;
+    width: 240px;
 }
 
 .lonk{
@@ -86,7 +132,6 @@ label {
     height: 64px;
     border-spacing: 0px;
     border: 0px;
-    margin: 2px;
 }
 
 .corner{
@@ -95,11 +140,11 @@ label {
 }
 
 .true{
+    opacity: 1;
 }
 
 .false{
-    -webkit-filter: grayscale(50%) brightness(30%); /* Safari 6.0 - 9.0 */
-    filter: grayscale(50%) brightness(30%);
+    opacity: 0.45;
 }
 
 .mini{
@@ -137,7 +182,6 @@ label {
 .itemdiv{
     position: relative;
     left: 0px;
-    justify-content: center;
 }
 
 .mapdiv{
@@ -146,61 +190,22 @@ label {
     background-repeat: no-repeat;
 
     position: relative;
-    width: 825px;
-    height: 466px;
+    width: 828px;
+    height: 420px;
     left: 0px;
 }
 
 
 .submapdiv{
     background-color: black;
-
+    text-align: center;
     position: absolute;
-    width: 240px;
+    width: 230px;
     height: 260px;
-    margin-top: 206px;
-}
-
-
-.mapvdiv{
-    background-image: url("images/mapv.png");
-    background-size: cover;
-    background-repeat: no-repeat;
-
-    position: relative;
-    width: 438px;
-    height: 888px;
-    left: 0px;
-}
-
-.chest{
-    width: 16;
-    height: 16;
-    background-size: 100% 100%;
-
-    position: absolute;
-    margin-left: -8px;
-    margin-top: -8px;
-    cursor: pointer;
+    margin-top: 160px;
+    font-size: 24;
 }
 
-.unavailable{
-    background-color: rgb(255,0,0);
-}
-
-.available{
-    background-color: rgb(0,255,0);
-}
-
-.possible{
-    background-color: rgb(210,190,30);
-}
-
-.opened{
-    background-color: rgb(127,127,127);
-}
-
-
 .DCunavailable{
     color: rgb(255,0,0);
 }
@@ -210,22 +215,26 @@ label {
 }
 
 .DCpossible{
-    color: rgb(210,190,30);
+    color: rgb(255,255,0);
 }
 
 .DCopened{
-    color: rgb(127,127,127);
+    color: rgb(200,200,200);
 }
 
-.DChighlight{
-    color: rgb(255,255,0);
+.DCgossip{
+    color: rgn (0,255,255);
 }
 
+.DChighlight{
+    color: rgb(0,0,0);
+}
 
 .mapspan .tooltipgray {
     visibility: hidden;
-    width: 120px;
-    background-color: gray;
+    width: 160px;
+    font-size: 20;
+    background-color: black;
     color: #fff;
     text-align: center;
     border-radius: 6px;
@@ -245,9 +254,10 @@ label {
     visibility: visible;
 }
 
-.mapspan .tooltip {
+.minimapspan .tooltipgray {
     visibility: hidden;
-    width: 120px;
+    width: 160px;
+    font-size: 20;
     background-color: black;
     color: #fff;
     text-align: center;
@@ -255,26 +265,58 @@ label {
     padding: 5px 0;
     position: absolute;
     z-index: 1;
-    bottom: 170%;
+    bottom: 120%;
     left: 50%;
     margin-left: -60px;
 }
 
-.mapspan .tooltip::after {
-    content: "";
+.minimapspan .tooltipgray:hover {
+    display: none;
+}
+
+.minimapspan:hover .tooltipgray {
+    visibility: visible;
+}
+
+#submaparea {
+    font-size: 24;
+    cursor: pointer;
+}
+
+,submaparea {
+    font-size: 24;
+}
+
+.minimapdiv{
+    background-image: url("images/Kokiri Forest.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+
+    position: relative;
+    width: 700px;
+    height: 420;
+    left: 830px;
+    top: -420px;
+}
+
+#chest, #NPC, #freestanding, #ksword, #skulltula, #scrub, #ocarina, #egg, #song, #cow, #bean, #simple, #grotto, #dungeon, #entrance, #alldoor, #boss{
+    background-repeat: no-repeat;
+    font-size: 24;
+
     position: absolute;
-    top: 100%;
-    left: 50%;
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: black transparent transparent transparent;
+    cursor: pointer;
 }
 
-.mapspan .tooltip:hover {
-    display: none;
+.minimapdiv .DCopened {
+    background-color: gray;
 }
 
-.mapspan:hover .tooltip {
-    visibility: visible;
-}
\ No newline at end of file
+.minimapdiv .DCunavailable {
+    background-repeat: no-repeat;
+    background-color: rgb(255,0,0);   
+}
+
+.minimapdiv .DCavailable {
+    background-repeat: no-repeat;
+    background-color: rgb(0,255,0);   
+}