Przejdź do zawartości

Szablon:potencjalnie/styles.css

Z Wikisłownika – wolnego słownika wielojęzycznego
.potential-form {
	opacity: 0.4;
	font-weight: normal;
	cursor: help;
}

.potential-form:hover {
	opacity: inherit;
}

@media print {
	.potential-form {
		font-style: italic;
		opacity: inherit;
	}
}

/* https://stackoverflow.com/a/60660207/10404307 */
/* https://stackoverflow.com/a/34779315/10404307 */
@media (pointer: coarse), (hover: none) {
	.potential-form {
		position: relative;
	}
	
	.potential-form:focus {
		opacity: inherit;
	}
	
	.potential-form:focus::after {
		content: attr(title);
		position: absolute;
		background-color: #fff;
		border: 1px solid #aaa;
		width: max-content;
		padding: 3px;
		z-index: 1;
		margin-top: 1.5em;
	}
}