MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→CSS placed here will be applied to all skins: .custom-tooltip { position: relative; cursor: pointer; border-bottom: 1px dotted black; →Makes it look like a link: } .tooltip-content { display: none; →Initially hide the tooltip: position: absolute; top: 1.5em; left: 0; background: white; border: 1px solid black; padding: 5px; z-index: 100; width: auto; max-width: 250px; box-shadow: 2px 2px 5px rgba(0,0,0..." |
No edit summary |
||
| Line 3: | Line 3: | ||
position: relative; | position: relative; | ||
cursor: pointer; | cursor: pointer; | ||
border-bottom: 1px dotted black; /* | border-bottom: 1px dotted black; /* Adds a dotted underline to make it look like a link */ | ||
} | } | ||
.tooltip-content { | .tooltip-content { | ||
display: none; /* | display: none; /* Hide the tooltip by default */ | ||
position: absolute; | position: absolute; | ||
top: 1.5em; | top: 1.5em; | ||
Revision as of 22:10, 11 February 2025
/* CSS placed here will be applied to all skins */
.custom-tooltip {
position: relative;
cursor: pointer;
border-bottom: 1px dotted black; /* Adds a dotted underline to make it look like a link */
}
.tooltip-content {
display: none; /* Hide the tooltip by default */
position: absolute;
top: 1.5em;
left: 0;
background: white;
border: 1px solid black;
padding: 5px;
z-index: 100;
width: auto;
max-width: 250px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.custom-tooltip:hover .tooltip-content {
display: block; /* Show the tooltip on hover */
}