MediaWiki:Darkvector.css: Difference between revisions

MediaWiki interface page
(Reverse rotation!)
m (help me)
Line 1: Line 1:
/* CSS placed here will affect users of the DarkVector skin */
/* CSS placed here will affect users of the DarkVector skin */
@keyframes spin {
@keyframes spin {
     from {
     0% {
         transform:rotate(360deg);
         transform:rotate(360deg);
         filter:hue-rotate(0deg);
         filter:blur(0px) invert(0%) hue-rotate(0deg);
     }
     }
     to {
     50% {
    filter:blur(3px) invert(100%) hue-rotate(180deg);
    }
    100% {
         transform:rotate(0deg);
         transform:rotate(0deg);
         filter:hue-rotate(360deg);
         filter:blur(0px) invert(0%) hue-rotate(360deg);
     }
     }
}
}
Line 13: Line 16:
.mw-wiki-logo {
.mw-wiki-logo {
     animation-name: spin;
     animation-name: spin;
     animation-duration: 4000ms;
     animation-duration: 6000ms;
     animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     animation-timing-function: linear;

Revision as of 01:43, 18 July 2021

/* CSS placed here will affect users of the DarkVector skin */
@keyframes spin {
    0% {
        transform:rotate(360deg);
        filter:blur(0px) invert(0%) hue-rotate(0deg);
    }
    50% {
    	filter:blur(3px) invert(100%) hue-rotate(180deg);
    }
    100% {
        transform:rotate(0deg);
        filter:blur(0px) invert(0%) hue-rotate(360deg);
    }
}

.mw-wiki-logo {
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


body a.new {
	color: #e31f00 !important;
}

body a:visited {
	color: #ba8002 !important;
}