Gebruiker:Ilonka/kladblok02: verschil tussen versies
Uit KeukenWiki
Regel 1: | Regel 1: | ||
{{#css: | {{#css: | ||
− | #showcase-nieuwsbrief-kleur {min-height: | + | #showcase-nieuwsbrief-kleur {min-height: 10rem; position: relative;} |
− | #overlay-nieuwsbrief-kleur {background-color: rgb(236,100,27); position: absolute; top: | + | #overlay-nieuwsbrief-kleur {background-color: rgb(236,100,27); position: absolute; top: 5rem; left: 0; width: 100%; z-index: 2;} |
.nieuwsbrief-header-kleur { top: 2rem; color: white; letter-spacing: 0.6em; text-align: center; z-index: 3; } | .nieuwsbrief-header-kleur { top: 2rem; color: white; letter-spacing: 0.6em; text-align: center; z-index: 3; } | ||
h2.card-title.nieuwsbrief-header-kleur::after {border: 0px;} | h2.card-title.nieuwsbrief-header-kleur::after {border: 0px;} | ||
Regel 8: | Regel 8: | ||
.btn-mailchimp a.external.text {color: #fff;} | .btn-mailchimp a.external.text {color: #fff;} | ||
.blok-maand {background-color: #1e3866; color: #fff;} | .blok-maand {background-color: #1e3866; color: #fff;} | ||
+ | |||
+ | @media (min-width: 992px) { | ||
+ | #showcase-nieuwsbrief-kleur {min-height: 25rem;} | ||
+ | #overlay-nieuwsbrief-kleur {top: 20rem; left: 0; height: 20%;} | ||
+ | .nieuwsbrief-header-kleur { top: 2rem;} | ||
+ | } | ||
}} | }} | ||
+ | |||
<div class="row row-fluid clearfix mb-4"> | <div class="row row-fluid clearfix mb-4"> |
Versie van 2 mei 2022 10:25
Hier komt de rest van de nieuwsbrief