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
Line 1: Line 1:
<pre>
<pre>
.suggestions .suggestions-special {
:root.theme-dark .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;
:root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button,
     background-color: #e7eaf1;
:root.theme-dark .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;
: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 {
     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;
:root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator,
     border-radius: 23px;
: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 {
     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;
:root.theme-dark .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;
}
 
:root.theme-dark .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) a {
    /color: var(--primary-22);
    color: #73829e;
}
 
.mw-recentchanges-toplinks-content {
    float: inline-end;
    padding-right: 8.4em;
     margin-top: -8px;
}
 
 
:root.theme-dark .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%);
}
 
:root.theme-dark .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%);
}
 
:root.theme-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    background: #a6b1c7;
    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>

Revision as of 21:08, 2 November 2024

:root.theme-dark .mw-rcfilters-head .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement>.oo-ui-buttonElement-button {
    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,
:root.theme-dark .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;
}

: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 {
    background: var(--primary-26);
    background: #182c4e;
    /* outline-color: var(--primary-26); */
    outline-color: #2e4162;
    outline-color: #465979;
    /* 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,
: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 {
    filter: invert(1) hue-rotate(180deg) brightness(.65);
}

:root.theme-dark .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;
}

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

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


:root.theme-dark .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%);
}

:root.theme-dark .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%);
}

:root.theme-dark .mw-rcfilters-head .oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    background: #a6b1c7;
    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%);
}
Retrieved from "https://tardis.wiki/w/index.php?title=User:SOTO/CSS2&oldid=3885762"