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

keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 54: Zeile 54:
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
   margin-bottom: 1.2rem;
   margin-bottom: 1.5rem;
   gap: 15px; /* Abstand zwischen Symbol und Logo */
   padding-top: 0.5rem;
   height: 80px; /* Feste Höhe für den Container */
  height: 70px;
}
 
/* Symbol-Container */
.symbol-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
   height: 100%;
  padding-right: 15px;
}
}


/* Copyright-Symbol */
/* Copyright-Symbol */
.symbol {
.symbol {
   font-size: 70px;
   font-size: 60px;
   font-weight: bold;
   font-weight: bold;
   user-select: none;
   user-select: none;
   color: rgba(0,0,0,0.5);
   color: rgba(0,0,0,0.3);
   display: flex;
   line-height: 1;
   align-items: center;
}
   height: 100%;
 
/* Vertikaler Trennstrich */
.divider {
   width: 1px;
  height: 60px;
  background-color: rgba(0,0,0,0.15);
   margin: 0;
}
}


/* Logo-Bereich */
/* Logo-Container */
.logo {
.logo {
  height: 100%;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: flex-start;
  height: 100%;
  padding-left: 15px;
}
}


.logo img {
.logo img {
   max-height: 100%;
   max-height: 60px;
   width: auto;
   width: auto;
   object-fit: contain;
   object-fit: contain;
Zeile 141: Zeile 157:
   font-size: 0.9rem;
   font-size: 0.9rem;
   line-height: 1.5;
   line-height: 1.5;
  border-top: 1px solid rgba(0,0,0,0.08);
  padding-top: 1rem;
}
}


Zeile 189: Zeile 207:
     flex-direction: column;
     flex-direction: column;
     height: auto;
     height: auto;
     gap: 5px;
     padding-top: 0.5rem;
    padding-bottom: 0.5rem;
   }
   }


   .symbol, .logo {
   .symbol-container, .logo {
     height: auto;
     justify-content: center;
    padding: 0;
    margin: 0.25rem 0;
   }
   }


   .logo img {
   .divider {
     max-height: 60px;
     width: 80%;
    height: 1px;
    margin: 0.5rem 0;
   }
   }