MediaWiki:Darkvector.css: Difference between revisions

MediaWiki interface page
(Fix pre tag and syntaxhighlight backgrounds)
(fix syntaxhilight box shadow)
Line 70: Line 70:
.mw-highlight .linenos {
.mw-highlight .linenos {
     background-color: rgb(23 23 23) !important;
     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;
}
}

Revision as of 20:53, 20 July 2021

/* 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 {
	color: #ba8002 !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;
}