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\ | ||
.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); | ||
} | } | ||
.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); | background: var(--primary-3); | ||
outline: solid 2px var(--primary-7); | outline: solid 2px var(--primary-7); | ||
Line 13: | Line 13: | ||
} | } | ||
.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; */ | ||
} | } | ||
.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); | filter: invert(1) hue-rotate(180deg) brightness(.65); | ||
} | } | ||
.mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { | |||
background: var(--primary-11); | background: var(--primary-11); | ||
background: #142647; | background: #142647; | ||
Line 43: | Line 43: | ||
} | } | ||
.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: | ||
.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%); | ||
} | } | ||
.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%); | ||
} | } | ||
.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); | ||
} | } | ||
</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); }