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

Vorlage:Bildrechte/style.css (Quelltext anzeigen)

Version vom 1. März 2025, 16:51 Uhr

13 Bytes hinzugefügt , 1 März

keine Bearbeitungszusammenfassung

RaWen

Oberflächenadministratoren, Administratoren

25.095

Bearbeitungen

@@ Zeile 53: / Zeile 53: @@
    display: flex;
    align-items: center;
+  justify-content: center;
    margin-bottom: 1.2rem;
-   position: relative;
+   gap: 15px; /* Abstand zwischen Symbol und Logo */
+  height: 80px; /* Feste Höhe für den Container */
 }
@@ Zeile 62: / Zeile 64: @@
    font-weight: bold;
    user-select: none;
-   color: rgba(0,0,0,0.15);
+   color: rgba(0,0,0,0.5);
-   position: absolute;
+   display: flex;
-   left: 0;
+   align-items: center;
-   top: 50%;
+   height: 100%;
-  transform: translateY(-50%);
-  z-index: 0;
 }
 /* Logo-Bereich */
 .logo {
-   width: 100%;
+   height: 100%;
-   text-align: center;
+   display: flex;
-   z-index: 1;
+   align-items: center;
-   position: relative;
+   justify-content: center;
 }
 .logo img {
-   max-width: 100%;
+   max-height: 100%;
-   height: auto;
+   width: auto;
-  max-height: 80px;
    object-fit: contain;
-   width: auto;
+   border-radius: 6px;
 }
 /* Bilder */
 .box-content img {
-  border-radius: 6px;
    max-width: 100%;
 }
@@ Zeile 188: / Zeile 186: @@
 @media screen and (max-width: 480px) {
-   .symbol {
+   .header-container {
-     font-size: 60px;
+     flex-direction: column;
-     position: static;
+     height: auto;
-     display: block;
+     gap: 5px;
-    text-align: center;
+  }
-    transform: none;
-     margin-bottom: 0.5rem;
+  .symbol, .logo {
+     height: auto;
    }
-   .header-container {
+   .logo img {
-     flex-direction: column;
+     max-height: 60px;
    }