MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.tooltip { | .custom-tooltip { | ||
border-bottom: 1px dotted | position: relative; | ||
cursor: pointer; | |||
border-bottom: 1px dotted black; /* Makes it look like a tooltip */ | |||
} | } | ||
.tooltip | .tooltip-content { | ||
display: none; | |||
position: absolute; | position: absolute; | ||
top: 1.5em; | |||
left: 0; | |||
background: white; | background: white; | ||
border: 1px solid | border: 1px solid black; | ||
padding: 5px; | padding: 5px; | ||
z-index: 100; | |||
width: auto; | |||
max-width: 250px; /* Adjust size if needed */ | |||
box-shadow: 2px 2px 5px rgba(0,0,0,0.3); | box-shadow: 2px 2px 5px rgba(0,0,0,0.3); | ||
} | |||
.custom-tooltip:hover .tooltip-content { | |||
display: block; | |||
} | } | ||
Revision as of 23:08, 11 February 2025
/* 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 tooltip */
}
.tooltip-content {
display: none;
position: absolute;
top: 1.5em;
left: 0;
background: white;
border: 1px solid black;
padding: 5px;
z-index: 100;
width: auto;
max-width: 250px; /* Adjust size if needed */
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.custom-tooltip:hover .tooltip-content {
display: block;
}