Vorlage:Main page/header/styles.css: Unterschied zwischen den Versionen
Aus Onos Wiki
Weitere Optionen
Admin (Diskussion | Beiträge) Add TemplateStyles for main page header |
Admin (Diskussion | Beiträge) Simplify header CSS for TemplateStyles compatibility |
||
| Zeile 5: | Zeile 5: | ||
padding: 2rem; | padding: 2rem; | ||
margin: 1rem 0 1.5rem; | margin: 1rem 0 1.5rem; | ||
background: | background: #1e293b; | ||
color: #f8fafc; | color: #f8fafc; | ||
} | } | ||
| Zeile 16: | Zeile 16: | ||
.onos-mainpage-header__bg { | .onos-mainpage-header__bg { | ||
position: absolute; | position: absolute; | ||
top: 0; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
opacity: 0.12; | opacity: 0.12; | ||
} | } | ||
| Zeile 26: | Zeile 28: | ||
top: -5rem; | top: -5rem; | ||
width: 24rem; | width: 24rem; | ||
} | } | ||
.onos-mainpage-header__inner { | .onos-mainpage-header__inner { | ||
position: relative; | position: relative; | ||
} | } | ||
| Zeile 62: | Zeile 59: | ||
line-height: 1.55; | line-height: 1.55; | ||
opacity: 0.95; | opacity: 0.95; | ||
} | } | ||
| Zeile 73: | Zeile 64: | ||
display: inline-block; | display: inline-block; | ||
padding: 0.7rem 1rem; | padding: 0.7rem 1rem; | ||
margin-right: 0.5rem; | |||
margin-bottom: 0.5rem; | |||
border-radius: 999px; | border-radius: 999px; | ||
background: rgba(255,255,255,0.12); | background: rgba(255,255,255,0.12); | ||
| Zeile 82: | Zeile 75: | ||
background: #f8fafc; | background: #f8fafc; | ||
color: #111827; | color: #111827; | ||
} | } | ||
Version vom 24. April 2026, 21:07 Uhr
.onos-mainpage-header {
position: relative; overflow: hidden; border-radius: 18px; padding: 2rem; margin: 1rem 0 1.5rem; background: #1e293b; color: #f8fafc;
}
.onos-mainpage-header a {
color: inherit; text-decoration: none;
}
.onos-mainpage-header__bg {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.12;
}
.onos-mainpage-header__sigil {
position: absolute; right: -4rem; top: -5rem; width: 24rem;
}
.onos-mainpage-header__inner {
position: relative;
}
.onos-mainpage-header__logo-image {
width: 160px; height: auto;
}
.onos-mainpage-header__eyebrow {
text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.82rem; opacity: 0.8; margin-bottom: 0.35rem;
}
.onos-mainpage-header__title {
margin: 0; font-size: 2.5rem; line-height: 1.05;
}
.onos-mainpage-header__subtitle {
max-width: 42rem; margin: 0.7rem 0 1rem; font-size: 1rem; line-height: 1.55; opacity: 0.95;
}
.onos-mainpage-button {
display: inline-block; padding: 0.7rem 1rem; margin-right: 0.5rem; margin-bottom: 0.5rem; border-radius: 999px; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18); font-weight: 600;
}
.onos-mainpage-button--primary {
background: #f8fafc; color: #111827;
}