ENH: add linkahead theme

build.properties.d/50.linkahead.conf

+#
+# ** header v3.0
+# This file is a part of the CaosDB Project.
+#
+# Copyright (C) 2019 Timm Fitschen (t.fitschen@indiscale.com)
+# Copyright (C) 2019 IndiScale GmbH (info@indiscale.com)
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as
+# published by the Free Software Foundation, either version 3 of the
+# License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program. If not, see <https://www.gnu.org/licenses/>.
+#
+# ** end header
+#
+
+# Custom footer elements can be placed here (will be placed inside a <div>
+# element).
+
+BUILD_NAVBAR_LOGO="pics/logo_linkahead_no_subtitle_144x25.png"
+BUILD_NAVBAR_BRAND_NAME="&#x200b;"
+BUILD_FAVICON="pics/linkahead_icon_64.png"
+BUILD_TITLE_BRAND_NAME="LinkAhead"
+BUILD_WELCOME_BACKGROUND_1="pics/bg_kCrrUx7US04.jpg"
+BUILD_WELCOME_BACKGROUND_2="pics/bg_OxHPDs4WV8Y.jpg"
+BUILD_WELCOME_BACKGROUND_3="pics/bg_txQT60OPSwA.jpg"
+BUILD_WELCOME_BACKGROUND_4="pics/bg_WDbuusPOnkM.jpg"
+
+BUILD_FOOTER_CUSTOM_ELEMENT_ONE='<a href="https://linkahead.org">LinkAhead</a>
+is your data management solution by
+ <a href="https://indiscale.com">IndiScale</a>, proudly powered by CaosDB.'
+
+BUILD_FOOTER_CUSTOM_ELEMENT_TWO='<p class="caosdb-footer-element">
+<a href="https://indiscale.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>
+<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>'
+
+BUILD_CUSTOM_IMPRINT='<p>The entity responsible for running this service is:</p>
+<p>Please contact the system administrator and ask them to enter the correct information here.</p>'

src/core/css/linkahead.css

+/*
+ * ** header v3.0
+ * This file is a part of the CaosDB Project.
+ *
+ * Copyright (C) 2019 IndiScale GmbH
+ * Copyright (C) 2019 Daniel Hornung (d.hornung@indiscale.com)
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ *
+ * ** end header
+ */
+
+body {
+    background-image: url("/webinterface/pics/tile.png");
+    background-repeat: repeat;
+    background-attachment: fixed;
+}
+
+@keyframes background_switch {
+from {
+    background-image: url("/webinterface/${BUILD_WELCOME_BACKGROUND_1}"),
+                      linear-gradient(#0b7983, #cbf7fa);
+}
+25% {
+    background-image: url("/webinterface/${BUILD_WELCOME_BACKGROUND_2}"),
+                      linear-gradient(#0b7983, #cbf7fa);
+}
+50% {
+    background-image: url("/webinterface/${BUILD_WELCOME_BACKGROUND_3}"),
+                      linear-gradient(#0b7983, #cbf7fa);
+}
+75% {
+    background-image: url("/webinterface/${BUILD_WELCOME_BACKGROUND_4}"),
+                      linear-gradient(#0b7983, #cbf7fa);
+}
+}
+
+body.caosdb-welcome {
+    background-size: 100%;
+    background-repeat: no-repeat;
+    animation-name: background_switch;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-duration: 120s;
+    animation-direction: normal;
+    animation-timing-function: step-end;
+}
+
+.navbar-default {
+    /* background-color: #cbf7fa; */
+    background-color: gainsboro;
+    color: black;
+    border: none;
+}
+
+.navbar-default .navbar-nav > li > a,
+.navbar-default .btn-link,
+.navbar-nav {
+    color: darkslategrey;
+}
+
+.navbar-default .btn-link:focus,
+.navbar-default .btn-link:hover,
+.navbar-default .navbar-nav > li > a:focus,
+.navbar-default .navbar-nav > li > a:hover {
+    color: black;
+    text-shadow: 0 0 6px white, 0 0 6px white, 0 0 6px white;
+}
+
+.caosdb-entity-panel-body > :first-child {
+	margin-top: 5px;
+}
+
+.list-group {
+ margin-bottom: 5px;
+}
+
+.caosdb-v-property-row {
+    animation: appear 0.5s 1;
+    background-color: #FFFFFF;
+    border: none;
+}
+
+.caosdb-v-property-row:nth-child(odd) {
+    background: #e1eff0;
+}
+
+.pager {
+    margin: 0.5ex 0;
+}
+
+.panel-heading {
+    padding: 1ex 15px 0;
+}
+
+.panel {
+    background-color: #FFFFFF88;
+}
+
+.panel-group {
+    margin: 5px;
+}
+
+.label {
+    padding: .5ex .6em .1ex;
+}
+
+.caosdb-boolean-true, .caosdb-boolean-true {
+    padding: 0 5px;
+}
+
+.caosdb-next-button, .caosdb-prev-button,
+.pager li > a, .pager li > span{
+    padding: 0.25ex 1em;
+    background-color: #FFFFFF88;
+}
+
+.panel-default > .panel-heading {
+    background-color: transparent;
+}
+
+.caosdb-comments-heading {
+    background-color: #F6FFFF;
+}
+
+.caosdb-label-name {
+    color: #1a4548;
+}
+
+.caosdb-f-main {
+    min-height: 80vh;
+}
+.caosdb-f-welcome-panel {
+    background-color: #b4d6d9dd;
+}
+
+.caosdb-f-welcome-panel h1 {
+    font-size: xx-large;
+    font-weight: bold;
+}
+
+.caosdb-f-welcome-panel p {
+    font-size: x-large;
+}
+
+footer {
+    background-color: #1a4548;
+    color: #e1eff0;
+    font-size: large;
+    padding: 1em 0.5em 0;
+    margin-top: 1ex;
+}
+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-tour-overview {
+    margin-left: 0.75rem;
+}