User:Nano/common.css: Difference between revisions
From IdleOn MMO Wiki
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
top: | top: 0; | ||
left: 120%; | left: 120%; | ||
z-index: 10; | z-index: 10; | ||
max-width: 300px; | |||
max-height: 300px; | |||
overflow: hidden; | |||
} | } | ||
.hover-image:hover .tooltip-image { | .hover-image:hover .tooltip-image { | ||
display: | display: block; | ||
} | } | ||
.tooltip- | .tooltip-content img { | ||
display: block; | display: block; | ||
max-width: 100%; | |||
max-height: 100%; | |||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||
Latest revision as of 19:32, 24 November 2024
.hover-image {
position: relative;
display: inline-block;
}
.hover-image .tooltip-image {
display: none;
position: absolute;
top: 0;
left: 120%;
z-index: 10;
max-width: 300px;
max-height: 300px;
overflow: hidden;
}
.hover-image:hover .tooltip-image {
display: block;
}
.tooltip-content img {
display: block;
max-width: 100%;
max-height: 100%;
visibility: visible;
opacity: 1;
}
