dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

/* [[CSS3Tooltip]] compat */
main.page__main [data-tips]:not([data-tips=""]):not(.mbox__close):not(.mw-customtoggle):after {
	content: attr(data-tips);
	
	z-index: 999;
	position: absolute;
	
	font-size: min(90%, 14px);
	font-family: rubik, helvetica ,arial, sans-serif; /* Fandom's default font */
	
	background: var(--theme-body-background-color);
	padding: .35vh;
	border-radius: 6px;
	color: var(--theme-body-dynamic-color-2);
	translate: -25% 1.25vw;
	opacity: 0;
	visibility: hidden;
	transition: opacity 250ms ease-out, visibility 250ms;
	pointer-events: none;
}

main.page__main [title]:not([title=""]):not(.mbox__close):not(.mw-customtoggle):after {
	z-index: 999;
	content: attr(title); /* last fallback to <code>title</code> */
	position: absolute;
	font-size: min(90%, 14px);
	background: var(--theme-body-background-color);
	padding: .35vh;
	border-radius: 6px;
	color: var(--theme-body-dynamic-color-2);
	translate: -25% 1.25vw;
	opacity: 0;
	visibility: hidden;
	transition: opacity 250ms ease-out, visibility 250ms;
	pointer-events: none;
}

main.page__main [title]:not([title=""]):not(.mbox__close):not(.mw-customtoggle):hover:after {
	transition-delay: 250ms;
	opacity: 1;
	visibility: visible;
}

main.page__main [title]:not([title=""]):not(.mbox__close):not(.mw-customtoggle):focus:after {
	opacity: 1;
	visibility: visible;
}