MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */
.hover-image {
    position: relative;
    text-decoration: none;
}

.hover-image:hover::after {
    content: attr(data-image);
    position: absolute;
    top: 20px;
    left: 20px;
    width: 200px; /* Adjust size as needed */
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}