Vorlage:Infobox/style.css: Unterschied zwischen den Versionen
RaWen (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) 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{ | ||