8,960
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.underline-hover { | .underline-hover { | ||
position: relative; | |||
text-decoration: none; | text-decoration: none; | ||
transition: text-decoration 0.3s ease-in-out; | transition: text-decoration 0.3s ease-in-out; | ||
| Line 6: | Line 7: | ||
.underline-hover:hover { | .underline-hover:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
/* Tooltip container */ | |||
.underline-hover .tooltip-text { | |||
visibility: hidden; | |||
width: 120px; /* Adjust width as needed */ | |||
background-color: #555; | |||
color: #fff; | |||
text-align: center; | |||
padding: 5px 0; | |||
border-radius: 6px; | |||
/* Positioning */ | |||
position: absolute; | |||
z-index: 1; | |||
bottom: 100%; /* Position above the text */ | |||
left: 50%; | |||
margin-left: -60px; /* Center the tooltip */ | |||
opacity: 0; | |||
transition: opacity 0.3s ease-in-out; | |||
} | |||
/* Show the tooltip text when hovering over the container */ | |||
.underline-hover:hover .tooltip-text { | |||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||