Copyright-Box (1)
CODE
×
HTML
<div class='copyright-box'><span class="cb-1">Foto: Herbert von Grafingen - www.fotostock-archiv.ch/grafingen</span><span class="cb-2">©</span></div>
CSS
div.copyright-box { color: var(--black); background-color: rgba(255,255,255,0.42); font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 18px; letter-spacing: 0; word-spacing: 0; cursor:pointer; padding-top: 5px; padding-right: 12px; padding-bottom: 5px; padding-left: 12px; } div.hero-img-teaser > div.copyright-box { display: none; position: absolute; top: -35px; bottom: unset; right: 0; z-index: +1; } span.cb-1 { display: none; } span.cb-2 { font-size: 1.5rem; font-weight: 700; line-height: 1 } div.copyright-box.open { background-color: rgba(255,255,255,0.68); } div.copyright-box.open span.cb-1 { display: inline; } div.copyright-box.open span.cb-2 { display: none; } @media screen and (max-width: 1119px) { div.hero-img-teaser + div.copyright-box { display: none; } div.hero-img-teaser > div.copyright-box { display: block; } }
JS
Copyright-Box (1)
Erstellt: 25.05.2023 - 14:43 Uhr
Letzte Änderung: 26.09.2024 - 09:44 Uhr
×
Foto: Herbert von Grafingen - www.fotostock-archiv.ch/grafingen
©