From ea6eda7b6b73e8317402a0d990fb20f7ad367817 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Henrik=20tom=20W=C3=B6rden?= <h.tomwoerden@indiscale.com>
Date: Wed, 27 Sep 2023 20:48:34 +0200
Subject: [PATCH] update css

---
 build.properties.d/00_default.properties |  4 +-
 src/ext/css/linkahead.css                | 87 +++++++++++++++---------
 2 files changed, 56 insertions(+), 35 deletions(-)

diff --git a/build.properties.d/00_default.properties b/build.properties.d/00_default.properties
index e6a67311..b923100b 100644
--- a/build.properties.d/00_default.properties
+++ b/build.properties.d/00_default.properties
@@ -139,8 +139,8 @@ BUILD_FOOTER_LICENCE_HREF="https://www.gnu.org/licenses/agpl-3.0.en.html"
 
 # Custom footer elements can be placed here (will be placed inside a <div>
 # element).
-BUILD_FOOTER_CUSTOM_ELEMENT_ONE='<a href="https://getlinkahead.com">LinkAhead</a>
-thinking data management ahead.'
+BUILD_FOOTER_CUSTOM_ELEMENT_ONE='<p class="caosdb-footer-element"> <a href="https://getlinkahead.com"><img src="/webinterface/pics/logo_linkahead_no_subtitle_dark_bg_144x25.png" style="vertical-align: -7px; margin-right: 6px"/> </a> – Thinking data management ahead.  </p>'
+BUILD_FOOTER_CUSTOM_ELEMENT_TWO='<p class="caosdb-footer-element"> <a href="https://indiscale.com"><img src="/webinterface/pics/logo_indiscale_no_subtitle_dark_bg_156x25.png" style="vertical-align: -5px; margin-right: 3px;"/> </a> – We make individual data management scalable. </p>'
 
 # Files from the `build.properties.files` directory can also be included here
 # These files will also have a second step of variable substitution with
diff --git a/src/ext/css/linkahead.css b/src/ext/css/linkahead.css
index b1e565cb..b211ba33 100644
--- a/src/ext/css/linkahead.css
+++ b/src/ext/css/linkahead.css
@@ -22,6 +22,25 @@
  */
 
 body {
+    background-color: #1a4548;
+}
+
+footer {
+    background-color: #1a4548;
+    color: #88bdc2;
+}
+
+footer a {
+    color: #88bdc2;
+}
+
+footer a:hover {
+    color: white;
+    text-decoration: inherit;
+}
+
+
+.background {
     background-image: url("/webinterface/pics/tile.png");
     background-repeat: repeat;
     background-attachment: fixed;
@@ -46,7 +65,7 @@ from {
 }
 }
 
-body.caosdb-welcome {
+body.caosdb-welcome .background {
     background-size: 100%;
     background-repeat: no-repeat;
     animation-name: background_switch;
@@ -78,6 +97,16 @@ body.caosdb-welcome {
     text-shadow: 0 0 6px white, 0 0 6px white, 0 0 6px white;
 }
 
+.btn-primary {
+    background-color: #0b7983;
+    border-color: #0b7983;
+}
+
+
+.bg-indiscale-translucent {
+ background-color:#cdeef2cc!important
+}
+
 .caosdb-entity-panel-body > :first-child {
 	margin-top: 5px;
 }
@@ -89,13 +118,22 @@ body.caosdb-welcome {
 .caosdb-v-property-row {
     animation: appear 0.5s 1;
     background-color: #FFFFFF;
+}
+
+body[data-hidden-properties="false"] .caosdb-v-property-row {
     border: none;
 }
 
-.caosdb-v-property-row:nth-child(odd) {
+body[data-hidden-properties="false"] .caosdb-v-property-row:nth-child(odd) {
     background: #e1eff0;
 }
 
+/* TODO(fspreck) Use :nth-child(odd of :is(caosdb-v-show-property)) here once
+   CSS4 is widely adopted */
+body[data-hidden-properties="true"] .caosdb-v-property-row:nth-child(odd) {
+    background: unset;
+}
+
 .pager {
     margin: 0.5ex 0;
 }
@@ -138,46 +176,29 @@ body.caosdb-welcome {
     color: #1a4548;
 }
 
-.caosdb-f-main {
-    min-height: 80vh;
-}
-.caosdb-f-welcome-panel {
-    background-color: #b4d6d9dd;
+.caosdb-v-welcome-header {
+    color: #f8f9fa;
 }
 
-.caosdb-f-welcome-panel h1 {
-    font-size: xx-large;
-    font-weight: bold;
-}
-
-.caosdb-f-welcome-panel p {
-    font-size: x-large;
+.caosdb-v-tour-toc-header {
+    margin-left: 0.75rem;
 }
 
-footer {
-    background-color: #1a4548;
-    color: #e1eff0;
-    font-size: large;
-    padding: 1em 0.5em 0;
-    margin-top: 1ex;
+.caosdb-v-welcome-caption {
+    padding-top: 2rem;
+    color: #6c757d;
 }
-footer a {
-    color: #88bdc2;
-    /* b4d6d9; */
-}
-footer a:hover {
-    color: white;
-    text-decoration: inherit;
-}
-
 /* Bootstrap's default is too prominent for our uses. */
 code {
     background: none;
 }
 
-summary {
-	display: list-item;
+.caosdb-v-welcome-image {
+    max-height: 40vh;
 }
-.caosdb-v-tour-overview {
-    margin-left: 0.75rem;
+
+@media screen and (min-width: 992px) {
+    .caosdb-v-welcome-caption {
+        font-size: 2.5rem;
+    }
 }
-- 
GitLab