MediaWiki:Darkvector.css: Difference between revisions

MediaWiki interface page
No edit summary
(Making the form thingies actually readable)
 
(21 intermediate revisions by 2 users not shown)
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) scale(1);
    }
    10% {
         transform:rotate(0deg);
         transform:rotate(0deg);
        filter:hue-rotate(0deg);
     }
     }
     to {
     40% {
        transform:rotate(720deg) scale(1.2);
    }
    50% {
         transform:rotate(360deg);
         transform:rotate(360deg);
        filter:hue-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 {
.mw-wiki-logo {
     animation-name: spin;
     animation-name: spin;
     animation-duration: 4000ms;
     animation-duration: 30000ms;
     animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
     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;
}
/* form stuff */
.multipleTemplateInstance {
background-color: #0c0c0c !important;
    border: 1 px solid #6c6c6c !important;
}
}

Latest revision as of 17:53, 27 October 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: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;
}

/* form stuff */
.multipleTemplateInstance {
	background-color: #0c0c0c !important;
    border: 1 px solid #6c6c6c !important;
}