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

keine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:
   max-width: 1200px;
   max-width: 1200px;
   margin: 0 auto;
   margin: 0 auto;
   padding: 0 0.25rem;
   padding: 0;
   box-sizing: border-box; /* Wichtig! */
   box-sizing: border-box; /* Wichtig! */
}
.author a:hover,.highlight-marker a:hover {
  text-decoration: none;
  color: #f97547;
}
}


Zeile 12: Zeile 17:
}
}


.header-image {
.wiki-header img {
   width: 100%;
   width: 100%;
   height: auto;
   height: auto;
   display: block;
   display: block;
  border-radius: 4px;
}
}


Zeile 37: Zeile 41:


.content-box:hover {
.content-box:hover {
     transform: scale(1.01);
     transform: scale(1.025);
    transition: transform 0.5s ease-in;
     border-color: rgba(0,0,0,0.12);
     border-color: rgba(0,0,0,0.12);
     z-index: 2; /* Erhöhter z-index beim Hover */
     z-index: 2; /* Erhöhter z-index beim Hover */
Zeile 64: Zeile 69:
     border-radius: 6px;
     border-radius: 6px;
     box-shadow: 0 0.3rem 0.8rem rgba(51,51,51,0.08);
     box-shadow: 0 0.3rem 0.8rem rgba(51,51,51,0.08);
}
.box-content img {
    border-radius: 10px;
    height: auto;
    margin: 0 0 5px 0;
}
}


Zeile 121: Zeile 132:
   line-height: 1.7;
   line-height: 1.7;
   border-bottom: 2px solid #80dbfb;
   border-bottom: 2px solid #80dbfb;
}
.warning-marker {
  margin: 0 0 0.5rem 0;
  line-height: 1.7;
  border-bottom: 2px solid #ff0f0f;
}
}


Zeile 219: Zeile 236:
/* Media Queries */
/* Media Queries */


@media screen and (max-width: 1240px) {
@media screen and (min-width: 1240px) {
   .container {
   .container {
     padding: 0 1.25rem;
     padding: 0 0.75rem;
   }
   }


Zeile 231: Zeile 248:
@media screen and (max-width: 900px) {
@media screen and (max-width: 900px) {
   .box-content {
   .box-content {
     padding: 0.8rem 1rem;
     padding: 0.8rem 1.25rem;
   }
   }


Zeile 243: Zeile 260:
   .content-grid {
   .content-grid {
     grid-template-columns: 1fr;
     grid-template-columns: 1fr;
  }
  .container {
    padding: 0 1rem;
   }
   }


Zeile 285: Zeile 298:
}
}


 
/* Drucker */
/* Print Styles */
@media print {
@media print {
   .container {
   .container {