MediaWiki:Darkvector.css: Difference between revisions

MediaWiki interface page
m (help me)
No edit summary
Line 3: Line 3:
     0% {
     0% {
         transform:rotate(360deg);
         transform:rotate(360deg);
         filter:blur(0px) invert(0%) hue-rotate(0deg);
    }
    10% {
         transform:rotate(0deg);
    }
    40% {
        transform:rotate(720deg);
     }
     }
     50% {
     50% {
    filter:blur(3px) invert(100%) hue-rotate(180deg);
        transform:rotate(360deg);
    }
    60% {
        transform:rotate(720deg);
    }
    70% {
        transform:rotate(360deg);
    }
    80% {
        transform:rotate(0deg);
    }
    90% {
        transform:rotate(360deg);
     }
     }
     100% {
     100% {
         transform:rotate(0deg);
         transform:rotate(0deg);
        filter:blur(0px) invert(0%) hue-rotate(360deg);
     }
     }
}
@keyframes yeehaw {
0% {
filter: hue-rotate(0deg);
}
50% {
filter: hue-rotate(360deg);
}
100% {
filter: hue-rotate(0deg);
}
}
}


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

Revision as of 20:47, 19 July 2021

/* CSS placed here will affect users of the DarkVector skin */
@keyframes spin {
    0% {
        transform:rotate(360deg);
    }
    10% {
        transform:rotate(0deg);
    }
    40% {
        transform:rotate(720deg);
    }
    50% {
        transform:rotate(360deg);
    }
    60% {
        transform:rotate(720deg);
    }
    70% {
        transform:rotate(360deg);
    }
    80% {
        transform:rotate(0deg);
    }
    90% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(0deg);
    }
}

@keyframes yeehaw {
	0% {
		filter: hue-rotate(0deg);
	}
	50% {
		filter: hue-rotate(360deg);
	}
	100% {
		filter: hue-rotate(0deg);
	}
}

.mw-wiki-logo {
    animation-name: spin;
    animation-duration: 30000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
#p-logo {
	animation-name: yeehaw;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
    animation-timing-function: linear;
}


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

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