Vorlage:Infobox/style.css: Unterschied zwischen den Versionen

Vorlage:Infobox/style.css (Quelltext anzeigen)

Version vom 3. Juli 2025, 20:09 Uhr

466 Bytes entfernt , 3. Juli 2025

K

keine Bearbeitungszusammenfassung

RaWen

Oberflächenadministratoren, Administratoren

25.095

Bearbeitungen

@@ Zeile 1: / Zeile 1: @@
 .infobox{
      background: #f8f8f8;
-     border-radius: 6px; /* Abgerundete Ecken */
+     border-radius: 6px;
      box-sizing: border-box;
      max-width: 330px;
@@ Zeile 19: / Zeile 19: @@
      grid-template-columns: repeat(25, 4%); /* 25-Spalten-Grid für minutiöse Kontrolle, jede Spalte 4 % der Infobox breit */
      grid-template-rows: repeat(4, auto) 1fr; /* Automatische Höhe für Logo, Grid verbleibender Platz für Bild */
-     width: 100%; /* Container nimmt volle Breite ein */
+     width: 100%;
-     margin: 0 0 1.8em 0 /* unterer Abstand zum Text der Infobox*/}
+     margin: 0 0 1.8em 0}
 .logo img, .bild img {
@@ Zeile 30: / Zeile 30: @@
      grid-column: 1 / -1; /* Logo nimmt alle Spalten der Grid ein */
      grid-row: 1 / 5; /* Logo erstreckt sich über 5 Zeilen der Grid */
-     display: flex; /* Logo wird im Grid angeordnet */
+     display: flex;
-     justify-content: center; /* Zentriert das Logo horizontal */
+     justify-content: center;
-     align-items: center; /* Zentriert das Logo vertikal */
+     align-items: center;
      padding: 6px;
-     background: #fff; /* Hintergrundfarbe */
+     background: #fff;
-     border-radius: 6px; /* Runde Ecken */
+     border-radius: 6px;
-     box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25); /* Schatten */
+     box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.18);
      max-width: 85%;
      width: max-content;
@@ Zeile 56: / Zeile 56: @@
      height: auto;
      margin-bottom: 1.2em;
-     height: auto; /* Höhe passt sich dem Seitenverhältnis des Bildes an */
+     height: auto;
      border-radius: 6px;
      box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25); /* Schatteneffekt */}
@@ Zeile 104: / Zeile 104: @@
 .title-no-logo {
+    color: #212121;
      grid-column: 1 / -1; /* Überschrift nimmt alle Spalten ein, wie das Logo */
      grid-row: 1 / 5; /* Überschrift erstreckt sich über dieselben Zeilen wie das Logo */
-     display: flex; /* Flexibles Layout für Zentrierung */
+     display: flex;
-     justify-content: center; /* Zentriert den Text horizontal */
+     justify-content: center;
-     align-items: center; /* Zentriert den Text vertikal */
+     align-items: center;
      z-index: 2; /* Stellt sicher, dass die Überschrift über dem Bild liegt */
      background: #fff;
-     border-radius: 6px; /* Runde Ecken */
+     border-radius: 6px;
-     box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25); /* Schatten für Hervorhebung */
+     box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.18);
      padding: 6px;
      max-width: 85%;