4,554
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1,141: | Line 1,141: | ||
.list-card div.entry-number { | .list-card div.entry-number { | ||
width: calc(10% - 0px); | width: calc(10% - 0px); | ||
} | } | ||
.list-people { | .list-card div.people { | ||
width: calc(20% - 0px); | width: calc(20% - 0px); | ||
} | } | ||
.list-title-images { | .list-card div.title-images { | ||
display: flex; | display: flex; | ||
width: calc(60% - 0px); | width: calc(60% - 0px); | ||
} | } | ||
.list-type { | .list-card div.type { | ||
width: calc(10% - 0px); | width: calc(10% - 0px); | ||
} | } | ||
.list-images { | .list-card div.images { | ||
display: flex; /* Also make the images flex if they are inline */ | display: flex; /* Also make the images flex if they are inline */ | ||
} | } | ||
.list-image1, .list-image2, .list-image3, .list-image4, .list-image5 { | .list-card div.image1, .list-card div.image2, .list-card div.image3, .list-card div.image4, .list-card div.image5 { | ||
margin-right: 10px; /* Space between images if they are displayed in a row */ | margin-right: 10px; /* Space between images if they are displayed in a row */ | ||
transition: transform 0.3s ease; /* Add transition for smooth scaling */ | transition: transform 0.3s ease; /* Add transition for smooth scaling */ | ||
transform-origin: top left; /* Set the transform origin */ | transform-origin: top left; /* Set the transform origin */ | ||
} | } | ||
.list-image1 img, .list-image2 img, .list-image3 img, .list-image4 img, .list-image5 img { | .list-card div.image1 img, .list-card div.image2 img, .list-card div.image3 img, .list-card div.image4 img, .list-card div.image5 img { | ||
display: block; | display: block; | ||
max-width: 100%; | max-width: 100%; | ||
| Line 1,168: | Line 1,167: | ||
height: 25px; | height: 25px; | ||
} | } | ||
.list-image1:hover, | .list-card div.image1:hover, | ||
.list-image2:hover, | .list-card div.image2:hover, | ||
.list-image3:hover { | .list-card div.image3:hover { | ||
transform: scale(6); /* Increase the scale factor as needed */ | transform: scale(6); /* Increase the scale factor as needed */ | ||
} | } | ||