Menü aufrufen
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

Vorlage:Portal banner/style.css

Aus ProleWiki
Version vom 17. November 2024, 13:43 Uhr von Jaiden (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→‎parent container: .portal-banner{ width:100%; margin:0; overflow:hidden; border-radius:7px; } →‎image container: .portal-banner-image{ width:100%; height:400px; display: flex; align-items: center; justify-content: center; position:relative; } .portal-banner img{ object-fit:cover; width:100%; height:auto; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; filter:blur(3px) brightness(0.7); } /*text c…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

/*parent container*/ .portal-banner{ width:100%; margin:0; overflow:hidden; border-radius:7px; }

/*image container*/ .portal-banner-image{ width:100%; height:400px; display: flex; align-items: center; justify-content: center; position:relative; }

.portal-banner img{ object-fit:cover; width:100%; height:auto; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; filter:blur(3px) brightness(0.7); }

/*text container*/ .portal-banner-content{ margin-top:-400px; width:100%; height:400px; display:flex; align-items:center; justify-content:flex-start; padding-left:15px; }

.portal-title{ font-size:4rem; font-weight:100; text-shadow:4px 4px 9px black; position:relative; z-index:10; user-select:none; line-height:1; }