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

KKeine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 20: Zeile 20:
     grid-template-rows: repeat(4, auto) 1fr; /* Automatische Höhe für Logo, Grid verbleibender Platz für Bild */
     grid-template-rows: repeat(4, auto) 1fr; /* Automatische Höhe für Logo, Grid verbleibender Platz für Bild */
     width: 100%;
     width: 100%;
     margin: 0 0 1.8em 0}
     margin: 0 0 1.8em 0;}


.logo img, .bild img {
.logo img, .bild img {
Zeile 40: Zeile 40:
     width: max-content;
     width: max-content;
     height: max-content;}
     height: max-content;}
.logo:hover {
    transform: scale(1.01);
    border-color: rgba(0,0,0,0.12);
    z-index: 2; /* Erhöhter z-index beim Hover */
}


.logo img {
.logo img {
Zeile 51: Zeile 57:
     grid-column: 2 / -1; /* Bild erstreckt sich über Spalte 2 bis Ende */
     grid-column: 2 / -1; /* Bild erstreckt sich über Spalte 2 bis Ende */
     grid-row: 4 / -1; /* Bild beginnt in 4. Zeile, um sich mit dem Logo zu überschneiden */}
     grid-row: 4 / -1; /* Bild beginnt in 4. Zeile, um sich mit dem Logo zu überschneiden */}
.bild:hover {
    transform: scale(1.01);
    border-color: rgba(0,0,0,0.12);
    z-index: 2; /* Erhöhter z-index beim Hover */
}


.bild img {
.bild img {
Zeile 175: Zeile 187:
     margin-bottom: 0.8em;
     margin-bottom: 0.8em;
     display: block;}
     display: block;}
.strassenschild:hover {
    transform: scale(1.01);
    border-color: rgba(0,0,0,0.12);
    z-index: 2; /* Erhöhter z-index beim Hover */
}


.nocorner img{
.nocorner img{
Zeile 181: Zeile 199:
.infobox .strassenbild{
.infobox .strassenbild{
     margin: 1.2em 0 1.2em 0;}
     margin: 1.2em 0 1.2em 0;}
.strassenbild:hover {
    transform: scale(1.01);
    border-color: rgba(0,0,0,0.12);
    z-index: 2; /* Erhöhter z-index beim Hover */
}


.infobox .strassenbild img{
.infobox .strassenbild img{