Vorlage:Unternehmen-Entwickler/style.css: Unterschied zwischen den Versionen

Vorlage:Unternehmen-Entwickler/style.css (Quelltext anzeigen)

Version vom 17. März 2024, 12:46 Uhr

273 Bytes hinzugefügt , 17 März

K

keine Bearbeitungszusammenfassung

RaWen

Oberflächenadministratoren, Administratoren

20.737

Bearbeitungen

@@ Zeile 15: / Zeile 15: @@
      display: grid;
      grid-template-columns: repeat(12, 1fr); /* 12-Spalten-Grid für detaillierte Kontrolle */
-     grid-template-rows: repeat(20, minmax(5px, auto)); /* Viele kleine Zeileneinheiten für das Logo und Bild */
+     grid-template-rows: repeat(20, 25px); /* Viele kleine Zeileneinheiten für das Logo und Bild */
      width: 100%; /* Container nimmt volle Breite ein */}
 /* Stil für das Logo */
 .logo {
-     padding: 6px;
+     grid-column: 1 / -1; /* Logo nimmt alle Spalten ein */
-     background: #fff;
+     grid-row: 1 / 5; /* Logo erstreckt sich über 4 Zeilen */
-     display: flex;
+     display: flex; /* Flexibles Layout für den Inhalt */
-    grid-row: 1/5;
+     justify-content: center; /* Zentriert das Logo horizontal */
-     justify-content: center;
+     align-items: center; /* Zentriert das Logo vertikal */
-     align-items: center;
+    padding: 6px; /* Inneres Padding */
-     box-sizing: content-box;
+     box-sizing: content-box; /* Padding zählt nicht zur Breite */
-     border-radius: 6px;
+    background: #fff; /* Hintergrundfarbe */
-    background: #fff;
+     border-radius: 6px; /* Runde Ecken */
-     box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25);
+     box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25); /* Schatten */
-     max-width: max-content;
+     max-width: calc(100% - 12px); /* Maximale Breite, abzüglich des Paddings */}
-    text-align: center;
-    z-index: 2;}
 .logo img {
      max-height: 100px;
-     width: auto;
+     width: auto;}
-    display: inline;}
-/* Stil für den Bild-Container */
+/* Stil für das Bild*/
 .bild {
      grid-column: 2 / -1; /* Bild erstreckt sich über Spalte 2 bis Ende */