ACHTUNG! Wegen der Umstellung auf eine neue Software-Version wird das HammWiki am Freitag und Samstag (22./23. August 2025) zeitweilig nur lesend zur Verfügung stehen.

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

Zur Navigation springen Zur Suche springen
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 53: Zeile 53:
   display: flex;
   display: flex;
   align-items: center;
   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 */
/* Copyright-Symbol */
.symbol {
.symbol {
   font-size: 80px;
   font-size: 70px;
   font-weight: bold;
   font-weight: bold;
   user-select: none;
   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-Bereich */
.logo {
.logo {
   flex: 1;
   width: 100%;
   text-align: center;
   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;
   font-size: 0.9rem;
   line-height: 1.5;
   line-height: 1.5;
  margin-top: 1rem; /* Abstand zum Header-Container */
}
}


Zeile 201: Zeile 188:


@media screen and (max-width: 480px) {
@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 {
   .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;
   }
   }


Cookies helfen uns bei der Bereitstellung von HammWiki. Durch die Nutzung von HammWiki erklärst du dich damit einverstanden, dass wir Cookies speichern.

Navigationsmenü