MediaWiki:Darkvector.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* CSS placed here will affect users of the DarkVector skin */
@keyframes spin {
    0% {
        transform:rotate(360deg) scale(1);
    }
    10% {
        transform:rotate(0deg);
    }
    40% {
        transform:rotate(720deg) scale(1.2);
    }
    50% {
        transform:rotate(360deg);
    }
    60% {
        transform:rotate(720deg) scale(0);
    }
    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:not(.new) {
	color: #ba8002 !important;
}

table.mw_metadata td, table.mw_metadata th, table.wikitable, table.wikitable > * > tr > th, table.wikitable > * > tr > td, pre {
    background-color: #292929 !important;
	border-color: #0a0a0a !important;
}

table.mw_metadata th, table.wikitable > * > tr > th {
    background-color: #191919 !important;
}

code, pre {
    background-color: rgb(27, 30, 31) !important;
}

.mw-highlight .linenos {
    background-color: rgb(23 23 23) !important;
}

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 rgb(23 23 23) !important;
}

.ace-tm, .ace-tm .ace_gutter, .ace-tm .ace_gutter-active-line, .codeEditor-status {
    background-color: #000000 !important;
}