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) Admin änderte das Inhaltsmodell der Seite Vorlage:Main page/header/styles.css von „Wikitext“ nach „Bereinigtes CSS“ |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| 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; | ||
} | } | ||
Aktuelle 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;
}