MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (9 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
.image-link { | |||
. | |||
position: relative; | position: relative; | ||
text-decoration: none; | |||
} | } | ||
. | .image-preview { | ||
position: absolute; | position: absolute; | ||
top: | top: 100%; | ||
left: | left: 50%; | ||
transform: translateX(-50%); | |||
width: 200px; /* Adjust as needed */ | |||
height: 200px; /* Adjust as needed */ | |||
background-size: cover; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
display: none; | |||
border: 1px solid #ccc; | |||
z-index: 10; | |||
} | } | ||
. | .image-link:hover + .image-preview { | ||
display: block; | display: block; | ||
} | } | ||
Latest revision as of 19:04, 13 February 2025
.image-link {
position: relative;
text-decoration: none;
}
.image-preview {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 200px; /* Adjust as needed */
height: 200px; /* Adjust as needed */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: none;
border: 1px solid #ccc;
z-index: 10;
}
.image-link:hover + .image-preview {
display: block;
}