Template:Tooltip/styles.css

/* ---------------------------------------------------------------------------------------------------------------

For [[Template:Tooltip]]

--------------------------------------------------------------------------------------------------------------- */

/* this is a hack to get it to behave, but a hack nonetheless */
.advanced-tooltip--wrapper { margin: 0.5em 0; }

.advanced-tooltip {
  white-space: nowrap;
  border-width: 0;
  border-bottom: 2px;
  border-style: dotted;
}
.advanced-tooltip a {
  text-decoration: none;
}

.advanced-tooltip:hover .advanced-tooltip--content { 
	display: block; 
	
}

.advanced-tooltip--content {
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1000;
}

/* disables it on mobile */
@media screen and (max-width:720px){
	.advanced-tooltip:hover .advanced-tooltip--content { display: none; }
}

.advanced-tooltip--content--style {
    padding: 2px;    
    margin: 2px 0 0 auto;
    background: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-dynamic-color--secondary);
    border-radius: 2px;
}