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

Vorlage:Bildrechte/style.css (Quelltext anzeigen)

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

694 Bytes entfernt , 1 März

keine Bearbeitungszusammenfassung

RaWen

Oberflächenadministratoren, Administratoren

25.095

Bearbeitungen

@@ Zeile 53: / Zeile 53: @@
    display: flex;
    align-items: center;
-   gap: 5px; /* Reduzierter Abstand zwischen den Elementen */
+   margin-bottom: 1.2rem;
-}
+   position: relative;
-.symbol-container {
-  flex: 0 0 auto; /* Verhindert, dass der Container sich ausdehnt */
-  display: flex;
-  justify-content: flex-start;
-   align-items: center;
 }
 /* Copyright-Symbol */
 .symbol {
-   font-size: 80px;
+   font-size: 70px;
    font-weight: bold;
    user-select: none;
-   color: rgba(0,0,0,0.7);
+   color: rgba(0,0,0,0.15);
-   margin-right: -5px; /* Negativer Margin, um näher an den Trennstrich zu rücken */
+   position: absolute;
-}
+   left: 0;
+   top: 50%;
-/* Vertikaler Trennstrich */
+   transform: translateY(-50%);
-.divider {
+   z-index: 0;
-   width: 1px;
-   height: 80px;
-   background-color: rgba(0,0,0,0.15);
-   margin: 0 8px; /* Reduzierter Abstand */
 }
 /* Logo-Bereich */
 .logo {
-   flex: 1;
+   width: 100%;
    text-align: center;
-   display: flex;
+   z-index: 1;
-  align-items: center;
+   position: relative;
-  justify-content: flex-start; /* Linksbündige Ausrichtung */
-   margin-left: -5px; /* Negativer Margin, um näher an den Trennstrich zu rücken */
 }
@@ Zeile 155: / Zeile 143: @@
    font-size: 0.9rem;
    line-height: 1.5;
-  margin-top: 1rem; /* Abstand zum Header-Container */
 }
@@ Zeile 201: / Zeile 188: @@
 @media screen and (max-width: 480px) {
-  .header-container {
-    flex-direction: column;
-  }
-  .divider {
-    width: 80%;
-    height: 1px;
-    margin: 10px 0;
-  }
-  .symbol-container, .logo {
-    flex: auto;
-    width: 100%;
-  }
-  .symbol-container {
-    justify-content: center;
-    padding-left: 0;
-  }
    .symbol {
-     margin-right: 0;
+    font-size: 60px;
+    position: static;
+    display: block;
+    text-align: center;
+    transform: none;
+     margin-bottom: 0.5rem;
    }
-   .logo {
+   .header-container {
-     justify-content: center;
+     flex-direction: column;
-    margin-left: 0;
    }