diff --git a/build.properties.d/00_default.properties b/build.properties.d/00_default.properties index e6a6731121305173fea5b7b543ca55a1e261f25c..b923100bdf3801286ec5a0e246df5c7ddba9ac2f 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 b1e565cb98ab912d0986a006920e034b35960474..b211ba3332bb566c4228cf4ab472ecb5e5a3478a 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; + } }