MediaWiki:Common.css: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1.297: | Zeile 1.297: | ||
border: 0 !important; | border: 0 !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
} | |||
/* ============================================ | |||
ADOS-Hero – whiskyfarben, elegant, KEINE weißen Boxen | |||
(überschreibt alle älteren Hero-Styles) | |||
============================================ */ | |||
.ados-hero { | |||
background: linear-gradient(135deg, #e7cfa4 0%, #d4b287 100%); | |||
padding: 1.2rem 1.4rem 1.4rem; | |||
margin: 0 0 2rem; | |||
border-radius: 12px; | |||
box-shadow: 0 4px 12px rgba(0,0,0,.05); | |||
border: 1px solid rgba(120,80,40,.15); | |||
} | |||
/* Layout */ | |||
.ados-hero__grid { | |||
max-width: 900px; | |||
margin: 0 auto; | |||
display: grid; | |||
grid-template-columns: 1fr 1.2fr 1fr; | |||
gap: 1.2rem; | |||
align-items: center; | |||
} | |||
/* *** Sicherstellen, dass ALLE inneren Boxen durchsichtig sind *** */ | |||
.ados-hero__grid > div, | |||
.ados-hero__grid > div * { | |||
background: transparent !important; | |||
box-shadow: none !important; | |||
border: none !important; | |||
} | |||
/* Titel links */ | |||
.ados-hero__title { | |||
font-family: "Georgia","Times New Roman",serif; | |||
font-size: 1.6rem; | |||
font-weight: 700; | |||
line-height: 1.2; | |||
color: #4b2b14; | |||
} | |||
.ados-hero__title span { display:block; } | |||
.ados-hero__title hr { | |||
width: 55%; | |||
margin-top: .5rem; | |||
border: 0; | |||
border-top: 1px solid rgba(75,43,20,.28); | |||
} | |||
/* Mitte – reiner Text */ | |||
.ados-hero__center-box { | |||
font-family: "Courier New", ui-monospace, monospace; | |||
font-size: 0.95rem; | |||
line-height: 1.55; | |||
color: #3a2918; | |||
text-align: center; | |||
padding: .2rem 0 !important; | |||
} | |||
.ados-hero__center-box strong { | |||
color: #4b2b14; | |||
font-weight: 700; | |||
} | |||
/* Rechte Spalten */ | |||
.ados-hero__cols { | |||
display: flex; | |||
flex-direction: column; | |||
gap: .8rem; | |||
} | |||
.ados-hero__col-title { | |||
font-weight: 700; | |||
margin-bottom: .15rem; | |||
color: #4b2b14; | |||
font-size: .95rem; | |||
} | |||
.ados-hero__col ul { | |||
margin: 0; | |||
padding-left: 1rem; | |||
} | |||
.ados-hero__col li { | |||
margin: .1rem 0; | |||
} | |||
/* ---------------- MOBIL ---------------- */ | |||
@media (max-width: 720px) { | |||
.ados-hero { | |||
border-radius: 0; | |||
margin-left: -1rem; | |||
margin-right: -1rem; | |||
padding: 1.1rem 1rem 1.3rem; | |||
} | |||
.ados-hero__grid { | |||
display: flex; | |||
flex-direction: column; | |||
gap: .8rem; | |||
text-align: center; | |||
} | |||
.ados-hero__title { | |||
font-size: 1.4rem; | |||
} | |||
.ados-hero__cols { | |||
flex-direction: column; | |||
gap: .9rem; | |||
} | |||
.ados-hero__col { | |||
text-align: center; | |||
} | |||
} | } | ||