diff --git a/src/core/css/linkahead.css b/src/core/css/linkahead.css new file mode 100644 index 0000000000000000000000000000000000000000..b211ba3332bb566c4228cf4ab472ecb5e5a3478a --- /dev/null +++ b/src/core/css/linkahead.css @@ -0,0 +1,204 @@ +/* + * ** 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-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; +} + +@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 { + 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; +} + +.btn-primary { + background-color: #0b7983; + border-color: #0b7983; +} + + +.bg-indiscale-translucent { + background-color:#cdeef2cc!important +} + +.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; +} + +body[data-hidden-properties="false"] .caosdb-v-property-row { + border: none; +} + +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; +} + +.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-v-welcome-header { + color: #f8f9fa; +} + +.caosdb-v-tour-toc-header { + margin-left: 0.75rem; +} + +.caosdb-v-welcome-caption { + padding-top: 2rem; + color: #6c757d; +} +/* Bootstrap's default is too prominent for our uses. */ +code { + background: none; +} + +.caosdb-v-welcome-image { + max-height: 40vh; +} + +@media screen and (min-width: 992px) { + .caosdb-v-welcome-caption { + font-size: 2.5rem; + } +} diff --git a/src/core/xsl/main.xsl b/src/core/xsl/main.xsl index 0451fe5289e08b03853f6bb20d3351b7412647e0..2ce0dddd8fe20a598cd6e41e540a4173698e7e0d 100644 --- a/src/core/xsl/main.xsl +++ b/src/core/xsl/main.xsl @@ -55,6 +55,12 @@ <xsl:value-of select="concat($basepath,'webinterface/${BUILD_NUMBER}/css/webcaosdb.css')"/> </xsl:attribute> </xsl:element> + <xsl:element name="link"> + <xsl:attribute name="rel">stylesheet</xsl:attribute> + <xsl:attribute name="href"> + <xsl:value-of select="concat($basepath,'webinterface/${BUILD_NUMBER}/css/linkahead.css')"/> + </xsl:attribute> + </xsl:element> <xsl:element name="link"> <xsl:attribute name="rel">stylesheet</xsl:attribute> <xsl:attribute name="href">