User:SOTO/CSS2: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
No edit summary
 
Line 1: Line 1:
<pre>
<pre>a\
:root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
     filter: invert(1) hue-rotate(180deg);
     filter: invert(1) hue-rotate(180deg);
}
}


:root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button,
.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button,
:root.theme-dark .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
     background: var(--primary-3);
     background: var(--primary-3);
     outline: solid 2px var(--primary-7);
     outline: solid 2px var(--primary-7);
Line 13: Line 13:
}
}


:root.theme-dark .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button:hover, :root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button, :root.theme-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button:hover, .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button, .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
     background: var(--primary-26);
     background: var(--primary-26);
     background: #182c4e;
     background: #182c4e;
Line 21: Line 21:
     /* outline-color: #6c7991; */
     /* outline-color: #6c7991; */
}
}
:root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator,
.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator,
:root.theme-dark .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
     filter: invert(1) hue-rotate(180deg) brightness(.65);
     filter: invert(1) hue-rotate(180deg) brightness(.65);
}
}


:root.theme-dark .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
.mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
     background: var(--primary-11);
     background: var(--primary-11);
     background: #142647;
     background: #142647;
Line 43: Line 43:
}
}


:root.theme-dark .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) a {
.mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) a {
     /color: var(--primary-22);
     /
    color: var(--primary-22);
     color: #73829e;
     color: #73829e;
    color: #798db2;
}
}


Line 55: Line 57:




:root.theme-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined > div {
.mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined > div {
     background: hsl(219.23deg 100% 89.8%);
     background: hsl(219.23deg 100% 89.8%);
     border: solid 2px hsl(219deg 31.03% 71.57%);
     border: solid 2px hsl(219deg 31.03% 71.57%);
}
}


:root.theme-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
.mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
     background: hsl(218deg 81.82% 87.06%);
     background: hsl(218deg 81.82% 87.06%);
     border: solid 1px hsl(218deg 35.09% 65.06%);
     border: solid 1px hsl(218deg 35.09% 65.06%);
}
}


:root.theme-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
.mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
     background: #a6b1c7;
     background: #a6b1c7;
    color: var(--TEXT-A-H2);
     filter: invert(1);
     filter: invert(1);
}
/*.mw-rcfilters-ui-menuSelectWidget .oo-ui-widget-enabled.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background: var(--alt-text-color);
    background: #a6b1c7;
    background: var(--contrast-color-13);
    background: #7a7c7f;
    background: #aab8cc;
    background: #c2cee0;
}*/
.mw-rcfilters-ui-menuSelectWidget .oo-ui-widget-enabled.mw-rcfilters-ui-filterMenuSectionOptionWidget .mw-rcfilters-ui-filterMenuSectionOptionWidget-header {
    background: #b0c2dd;
    background: #bed0ec;
    background: #b8cff3;
    outline: solid 5px #b0c2dd;
    outline: solid 5px #c1d2eb;
    box-shadow: -2px 0 0 5px #838fa0, -4px 4px 0 12.88px #a7b7cf;
}
.mw-rcfilters-ui-menuSelectWidget,
.mw-rcfilters-ui-menuSelectWidget .oo-ui-widget-enabled {
    background: hsl(215.77deg 100% 89.8%);
    background: hsl(215.77deg 100% 98.61%);
    background: hsl(215.77deg 100% 98.61%);
}
}
</pre>
</pre>

Latest revision as of 21:38, 2 November 2024

a\
.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
    filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button,
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
    background: var(--primary-3);
    outline: solid 2px var(--primary-7);
    outline: solid 2px var(--primary-14);
    color: var(--text-color-3);
    font-weight: 600;
}

.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button:hover, .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button, .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background: var(--primary-26);
    background: #182c4e;
    /* outline-color: var(--primary-26); */
    outline-color: #2e4162;
    outline-color: #465979;
    /* outline-color: #6c7991; */
}
.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator,
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
    filter: invert(1) hue-rotate(180deg) brightness(.65);
}

.mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
    background: var(--primary-11);
    background: #142647;
    /* background: #141c2c; */
    /* background: #11161f; */
    /* background: #0d1e3d; */
    background: var(--primary-28);
    background: var(--primary-26);
    border: solid 2px var(--primary-26);
    /* border: solid 2px var(--primary-13); */
    outline: solid 2px var(--primary-2);
    box-shadow: 0 0 0 4px var(--primary-13);
    box-shadow: 0 0 0 4px #555f72;
    box-shadow: 0 0 0 4px #2a3c5e;
    border-radius: 8px;
}

.mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) a {
    /
    color: var(--primary-22);
    color: #73829e;
    color: #798db2;
}

.mw-recentchanges-toplinks-content {
    float: inline-end;
    padding-right: 8.4em;
    margin-top: -8px;
}


.mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined > div {
    background: hsl(219.23deg 100% 89.8%);
    border: solid 2px hsl(219deg 31.03% 71.57%);
}

.mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background: hsl(218deg 81.82% 87.06%);
    border: solid 1px hsl(218deg 35.09% 65.06%);
}

.mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    background: #a6b1c7;
    color: var(--TEXT-A-H2);
    filter: invert(1);
}