תבנית:מונחון/styles.css

/* partially based on the following stack overflow answer: */
/* stackoverflow.com/a/19746950 */

@media (hover: none) {
	
	.wpAbbreviation {
    	position: relative;
    	text-decoration: underline dotted;
    	cursor: help;
	}

	.wpAbbreviation:hover::after {
    	background: #333;
    	background: rgba(0,0,0,.8);
    	border-radius: 5px;
    	top: 26px;
    	color: #fff;
    	content: attr(title);
    	left: 50%;
    	transform: translateX(-50%);
    	padding: 5px 15px;
    	position: absolute;
    	text-align: center;
    	z-index: 98;
    	width: 7em;
	}

	.wpAbbreviation:hover::before {
    	border: solid;
    	border-color: #333 transparent;
    	border-width: 0 6px 6px 6px;
    	top: 20px;
    	content: "";
    	left: 50%;
    	transform: translateX(-50%);
    	position: absolute;
    	z-index: 99;
	}
}