User:Aram/patrollinkHighlighter.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/*
Description: patrollinkHighlighter is a simple CSS change for "patrollink" class
and highlights the "Mark as patrolled" link and blinks it animatedly every seconds.

Author: [[User:Aram]]

Version: 1.0

Warnings:
1. Not tested on all skins and browsers.
2. Pure yellow and red colors are used so that the user can focus on it faster.
If you are [[colorblind]], I recommend you choose a better color from your own common.css page.

Please feel free to make this page better. :)
*/

.patrollink {
	animation: blink 1s step-end infinite;
	font-size: 90% !important;
	font-weight: bold;
	color: red;
	background-color: yellow;
	position: absolute;
	top: 0;
	right: 0;
}

@keyframes blink {
	50% { opacity: 0 }
}