User:SOTO/CSS2: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
(Created page with "<pre> .suggestions .suggestions-special { background-color: #eaecf3; background-color: #dadce1; background-color: #bfcceb; background-color: #cedeff; background-color: #e7eaf1; background-color: #dce5fa; background-color: #e5edff; background-color: #b9c7e5; background-color: #46577b; background-color: #e3ebfc; background-color: #ceddff; background-color: #d2e0ff; background-color: #d3e1ff; border-color: #97a0b6;...")
 
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<pre>
<pre>a\
.suggestions .suggestions-special {
.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
     background-color: #eaecf3;
    filter: invert(1) hue-rotate(180deg);
     background-color: #dadce1;
}
     background-color: #bfcceb;
 
     background-color: #cedeff;
.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button,
     background-color: #e7eaf1;
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
     background-color: #dce5fa;
     background: var(--primary-3);
     background-color: #e5edff;
    outline: solid 2px var(--primary-7);
     background-color: #b9c7e5;
     outline: solid 2px var(--primary-14);
     background-color: #46577b;
    color: var(--text-color-3);
     background-color: #e3ebfc;
     font-weight: 600;
     background-color: #ceddff;
}
     background-color: #d2e0ff;
 
     background-color: #d3e1ff;
.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 {
     border-color: #97a0b6;
     background: var(--primary-26);
     border-color: #526586;
     background: #182c4e;
     border-color: var(--contrast-color-5);
     /* outline-color: var(--primary-26); */
     border: solid 3px #96a7c9;
     outline-color: #2e4162;
     border: solid 3px #acaeb1;
     outline-color: #465979;
     border: solid 3px #bec3cb;
     /* outline-color: #6c7991; */
     border: solid 3px #d5e5ff;
}
    border: solid 3px #bacdf4;
.mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator,
    border-radius: 23px;
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-top .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
     box-shadow: 0 9px 0 14px #D7DCE6, -35px 9px 0 14px #e2e6ed, 35px 9px 0 14px #e2e6ed;
     filter: invert(1) hue-rotate(180deg) brightness(.65);
     box-shadow: 0 9px 0 11.12px #535965, -35px 9px 0 14px #e0ebff, 35px 9px 0 14px #e2e6ed;
}
     box-shadow: 0 9px 0 11.12px #bacbeb, -35px 9px 0 14px #d2e0fa, 35px 9px 0 14px #d2e0fa;
 
     box-shadow: 0 9px 0 11.12px #d7e0f1, -35px 7px 0 14px #d2e0fa, 41px 6px 0 14px #d2e0fa, -35px 6px 0 14px #5d636f, 598px -0.11px 0 14px #e8efff;
.mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
     box-shadow: 0 9px 0 11.12px #d7e0f1, -35px 7px 0 14px #d2e0fa, 31px 6px 0 14px #d2e0fa, -35px 6px 0 14px #58698c, 598px 0.11px 0 14px #d1dfff, 598px -0.11px 0 14px #e8efff;
     background: var(--primary-11);
     box-shadow: 0 9px 0 11.12px #d7e0f1, -35px 5px 0 14px #d2e0fa, 31px 6px 0 14px #d2e0fa, -32px 3px 0 14px #7b88a4, 598px 0.11px 0 14px #d1dfff, 598px -4.11px 0 14px #e8efff, -75px 2.89px 0 14px #e8efff, -7px -13px 0 0 #dce8ff;
     background: #142647;
     margin-top: -58.2px;
     /* background: #141c2c; */
     margin-top: 18px;
     /* background: #11161f; */
     margin-bottom: 3px;
     /* background: #0d1e3d; */
     margin-left: 4px;
     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);
}
}
</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);
}