MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.031: / Zeile 1.031: @@
 body.page-Hauptseitev2 .ados-box ul {
    margin-top: 4px;
+}
+/* ==== ADOS Hero-Bereich oben (ConanWiki-Stil) ==== */
+body.page-Hauptseitev2 .ados-hero {
+  background: linear-gradient(to bottom, #f4f7ff, #ffffff);
+  border-bottom: 1px solid #d9e2f5;
+  margin: 0 -1.5rem 1rem;
+  padding: 1.8rem 1.5rem 1.3rem;
+}
+/* Vector-2022 hat etwas anderen Innenabstand */
+body.skin-vector-2022.page-Hauptseitev2 .ados-hero {
+  margin-top: -0.5rem;
+}
+body.page-Hauptseitev2 .ados-hero-inner {
+  max-width: 1200px;
+  margin: 0 auto;
+  text-align: center;
+}
+body.page-Hauptseitev2 .ados-hero-title {
+  font-size: 1.8rem;
+  font-weight: 700;
+  color: #1a325e;
+  margin-bottom: .2rem;
+}
+body.page-Hauptseitev2 .ados-hero-sub {
+  font-size: 0.98rem;
+  color: #445;
+  margin-bottom: 1.2rem;
+}
+/* Link-Spalten wie bei ConanWiki */
+body.page-Hauptseitev2 .ados-hero-links {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 16px;
+  justify-items: center;
+  font-size: 0.92rem;
+}
+body.page-Hauptseitev2 .ados-hero-heading {
+  font-weight: 600;
+  color: #555;
+  margin-bottom: 0.3rem;
+}
+body.page-Hauptseitev2 .ados-hero-links ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+body.page-Hauptseitev2 .ados-hero-links li {
+  margin: 2px 0;
+}
+body.page-Hauptseitev2 .ados-hero-links a {
+  text-decoration: none;
+}
+body.page-Hauptseitev2 .ados-hero-links a:link,
+body.page-Hauptseitev2 .ados-hero-links a:visited {
+  color: #224a9b;
+}
+body.page-Hauptseitev2 .ados-hero-links a:hover {
+  text-decoration: underline;
+}
+/* Auf schmalen Bildschirmen untereinander */
+@media (max-width: 900px) {
+  body.page-Hauptseitev2 .ados-hero {
+    margin: 0 -.5rem .5rem;
+    padding: 1.2rem .8rem 1rem;
+  }
+  body.page-Hauptseitev2 .ados-hero-links {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+  }
+}
+@media (max-width: 600px) {
+  body.page-Hauptseitev2 .ados-hero-links {
+    grid-template-columns: 1fr;
+  }
 }