From b735cbeae393601d166bb809269193bdef2b3f05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Vinot?= <raphael@vinot.info>
Date: Wed, 12 May 2021 14:13:44 -0700
Subject: [PATCH] chg: Reorganize styles

---
 website/web/static/generic.css |  42 ++++++++-
 website/web/static/tree.css    | 157 ++++++++++-----------------------
 2 files changed, 86 insertions(+), 113 deletions(-)

diff --git a/website/web/static/generic.css b/website/web/static/generic.css
index 69b9a5b2..d1fa3ea2 100644
--- a/website/web/static/generic.css
+++ b/website/web/static/generic.css
@@ -1,5 +1,4 @@
 /* Capture button */
-
 .new-capture-button {
   width: 300px;
   height: 60px;
@@ -45,3 +44,44 @@ img.ressource_preview{
   min-width:10px;
   min-height:10px;
 }
+
+/* Tables */
+table {
+  table-layout: fixed;
+}
+
+table td p {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin: 0;
+}
+
+/* Tooltips */
+.tooltip {
+    position: absolute;
+    text-align: left;
+    padding: 2px;
+    font: 12px sans-serif;
+    background: lightsteelblue;
+    border: 0px;
+    border-radius: 8px;
+    z-index: 1;
+    border: 2px solid;
+    padding-top: 5px;
+    padding-right: 5px;
+    padding-bottom: 5px;
+    padding-left: 5px;
+}
+
+.tooltip text {
+  font: 15px sans-serif;
+  z-index: 2;
+}
+
+.tooltip img {
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 5px;
+  width: 150px;
+}
diff --git a/website/web/static/tree.css b/website/web/static/tree.css
index d9751f1d..7a9be28c 100644
--- a/website/web/static/tree.css
+++ b/website/web/static/tree.css
@@ -20,8 +20,52 @@
   text-align: center;
 }
 
-/* menu vertical */
+.blur {
+  filter: blur(10px);
+}
 
+#screenshot_thumbnail {
+  scroll-margin: 50px;
+}
+
+/* Arrows */
+.arrow-down {
+  transform: rotate(180deg);
+}
+
+.arrow-right {
+  transform: rotate(90deg);
+}
+
+.arrow-left {
+  transform: rotate(270deg);
+}
+
+/* Generic parts of menus */
+hr {
+  display: block;
+  margin-top: 0.1em;
+  margin-bottom: 0.5em;
+  margin-left: auto;
+  margin-right: auto;
+  border-color: black;
+  border-style: inset;
+  border-width: 1px;
+}
+
+hr.vertical {
+  display: block;
+  margin-top: 0.1em;
+  margin-bottom: 0.5em;
+  margin-left: auto;
+  margin-right: auto;
+  border-color: black;
+  border-style: inset;
+  border-width: 1px;
+  height: 100px;
+}
+
+/* menu vertical */
 #menu_vertical {
   position: fixed;
   top: 5px;
@@ -65,7 +109,6 @@
 }
 
 /* menu horizontal */
-
 #menu_horizontal {
   position: fixed;
   top: 5px;
@@ -105,7 +148,6 @@
 }
 
 /* legend */
-
 #legend_container {
   position: fixed;
   bottom: 5px;
@@ -127,112 +169,3 @@
   padding-bottom: 5px;
   padding-left: 5px;
 }
-
-#tree-details_container {
-  position: fixed;
-  top: 5px;
-  right: 5px;
-  padding-top: 5px;
-  padding-right: 5px;
-  padding-bottom: 5px;
-  padding-left: 5px;
-}
-
-#tree-details {
-  position: fixed;
-  top: 5px;
-  right: 5px;
-  background: white;
-  border: 2px solid;
-  padding-top: 5px;
-  padding-right: 5px;
-  padding-bottom: 5px;
-  padding-left: 5px;
-}
-
-#tree-details p {
-  margin-top: 0em;
-  margin-bottom: 0em;
-}
-
-.tooltip {
-    position: absolute;
-    text-align: left;
-    padding: 2px;
-    font: 12px sans-serif;
-    background: lightsteelblue;
-    border: 0px;
-    border-radius: 8px;
-    z-index: 1;
-    border: 2px solid;
-    padding-top: 5px;
-    padding-right: 5px;
-    padding-bottom: 5px;
-    padding-left: 5px;
-}
-
-.tooltip text {
-  font: 15px sans-serif;
-  z-index: 2;
-}
-
-.tooltip img {
-  background: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  padding: 5px;
-  width: 150px;
-}
-
-hr {
-  display: block;
-  margin-top: 0.1em;
-  margin-bottom: 0.5em;
-  margin-left: auto;
-  margin-right: auto;
-  border-color: black;
-  border-style: inset;
-  border-width: 1px;
-}
-
-hr.vertical {
-  display: block;
-  margin-top: 0.1em;
-  margin-bottom: 0.5em;
-  margin-left: auto;
-  margin-right: auto;
-  border-color: black;
-  border-style: inset;
-  border-width: 1px;
-  height: 100px;
-}
-
-table {
-  table-layout: fixed;
-}
-
-table td p {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin: 0;
-}
-
-#screenshot_thumbnail {
-  scroll-margin: 50px;
-}
-
-.blur {
-  filter: blur(10px);
-}
-
-.arrow-down {
-  transform: rotate(180deg);
-}
-
-.arrow-right {
-  transform: rotate(90deg);
-}
-
-.arrow-left {
-  transform: rotate(270deg);
-}