Jump to content
Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
If you make an edit, a temporary account will be created for you.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Changed css color to purple to match current logo, adjusted styling of template data
Added additional invert and filter classes
Line 1,095: Line 1,095:
     right: 0;
     right: 0;
     background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background-color-0b) 50%) !important;
     background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background-color-0b) 50%) !important;
}
/*===========*
| MAIN PAGE |
*===========*/
.mp-header-container {
    background-color: var(--background-color-1);
    border-radius: 20px;
    padding: 1rem;
    margin-bottom: 1rem;
}
}


Line 1,139: Line 1,129:
     border-color: var(--color-progressive);
     border-color: var(--color-progressive);
     color: var(--color-progressive);
     color: var(--color-progressive);
}
/* Additional inverts and filters */
/* Default MediaWiki invert classes: .skin-invert and .skin-invert-image */
.skin-theme-clientpref-day .day-invert-image,
.skin-theme-clientpref-day .light-invert-image {
    filter: invert(65%) hue-rotate(180deg);
}
.skin-theme-clientpref-night .night-invert-image,
.skin-theme-clientpref-night .dark-invert-image {
    filter: invert(85%) hue-rotate(180deg);
}
@media screen and (prefers-color-scheme: dark) {
    .skin-theme-clientpref-os .night-invert-image,
    .skin-theme-clientpref-os .dark-invert-image {
        filter: invert(85%) hue-rotate(180deg);
}
.filter-opacity-60 {
    filter: opacity(60%);
}
}