User:JPxG/Oracle/styles.css

Source: Wikipedia, the free encyclopedia.
.sk          { background: #A9F2A9; } /* speedy keep   : lime green (deep)  */
.kp          { background: #CEF2CE; } /* keep          : lime green (light) */
.mg          { background: #F2F2CE; } /* merge         : yellow (light)     */
.nc          { background: #F2F2A9; } /* no consensus  : yellow (deep)      */
.rd          { background: #F2E0CE; } /* redirect      : orange             */
.dl          { background: #F2CECE; } /* delete        : red (light)        */
.sd          { background: #F2A9A9; } /* speedy delete : red (deep)         */
.tw          { background: #CEF2F2; } /* transwiki     : periwinkle         */
.us          { background: #CECEF2; } /* userfy        : light indigo       */
.wd          { background: #D1D3D7; } /* withdrawn     : gray               */
.ud          { background: #F3AAF3; } /* undetermined  : magenta            */
.op          { background: #EAECF0; } /* still open    : gray (default bg)  */

.afdheaderbg { background: #F2F2CE; } /*  */
.indGrayed   { background: #EAECF0; } /*  */
.sml         { font-size: 0.7em;    } /*  */

/* try to make a pct-overlay thing with variable opacity for percentages */

/* pct: percentage keep */
.pct {
    position: relative;
    background: #F2A9A9;
}
.pct::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #F2A9A9;
    mix-blend-mode: hue;
}

/* vct: vote count */
.vct {
    position: relative;
    background: #F2F2CE;
}
.vct::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #F2F2CE;
    opacity: 1.00;
    mix-blend-mode: hue;
}

.vct.p000 {background: #FFFF00 !important;}

/* opacity before-classes, for working with vct pct etc */
.p000::before { filter: hue-rotate(  0deg);}
.p001::before { filter: hue-rotate(  1deg);}
.p002::before { filter: hue-rotate(  2deg);}
.p003::before { filter: hue-rotate(  3deg);}
.p004::before { filter: hue-rotate(  4deg);}
.p005::before { filter: hue-rotate(  5deg);}
.p006::before { filter: hue-rotate(  6deg);}
.p007::before { filter: hue-rotate(  7deg);}
.p008::before { filter: hue-rotate(  8deg);}
.p009::before { filter: hue-rotate(  9deg);}
.p010::before { filter: hue-rotate( 10deg);}
.p011::before { filter: hue-rotate( 11deg);}
.p012::before { filter: hue-rotate( 12deg);}
.p013::before { filter: hue-rotate( 13deg);}
.p014::before { filter: hue-rotate( 14deg);}
.p015::before { filter: hue-rotate( 15deg);}
.p016::before { filter: hue-rotate( 16deg);}
.p017::before { filter: hue-rotate( 17deg);}
.p018::before { filter: hue-rotate( 18deg);}
.p019::before { filter: hue-rotate( 19deg);}
.p020::before { filter: hue-rotate( 20deg);}
.p021::before { filter: hue-rotate( 21deg);}
.p022::before { filter: hue-rotate( 22deg);}
.p023::before { filter: hue-rotate( 23deg);}
.p024::before { filter: hue-rotate( 24deg);}
.p025::before { filter: hue-rotate( 25deg);}
.p026::before { filter: hue-rotate( 26deg);}
.p027::before { filter: hue-rotate( 27deg);}
.p028::before { filter: hue-rotate( 28deg);}
.p029::before { filter: hue-rotate( 29deg);}
.p030::before { filter: hue-rotate( 30deg);}
.p031::before { filter: hue-rotate( 31deg);}
.p032::before { filter: hue-rotate( 32deg);}
.p033::before { filter: hue-rotate( 33deg);}
.p034::before { filter: hue-rotate( 34deg);}
.p035::before { filter: hue-rotate( 35deg);}
.p036::before { filter: hue-rotate( 36deg);}
.p037::before { filter: hue-rotate( 37deg);}
.p038::before { filter: hue-rotate( 38deg);}
.p039::before { filter: hue-rotate( 39deg);}
.p040::before { filter: hue-rotate( 40deg);}
.p041::before { filter: hue-rotate( 41deg);}
.p042::before { filter: hue-rotate( 42deg);}
.p043::before { filter: hue-rotate( 43deg);}
.p044::before { filter: hue-rotate( 44deg);}
.p045::before { filter: hue-rotate( 45deg);}
.p046::before { filter: hue-rotate( 46deg);}
.p047::before { filter: hue-rotate( 47deg);}
.p048::before { filter: hue-rotate( 48deg);}
.p049::before { filter: hue-rotate( 49deg);}
.p050::before { filter: hue-rotate( 50deg);}
.p051::before { filter: hue-rotate( 51deg);}
.p052::before { filter: hue-rotate( 52deg);}
.p053::before { filter: hue-rotate( 53deg);}
.p054::before { filter: hue-rotate( 54deg);}
.p055::before { filter: hue-rotate( 55deg);}
.p056::before { filter: hue-rotate( 56deg);}
.p057::before { filter: hue-rotate( 57deg);}
.p058::before { filter: hue-rotate( 58deg);}
.p059::before { filter: hue-rotate( 59deg);}
.p060::before { filter: hue-rotate( 60deg);}
.p061::before { filter: hue-rotate( 61deg);}
.p062::before { filter: hue-rotate( 62deg);}
.p063::before { filter: hue-rotate( 63deg);}
.p064::before { filter: hue-rotate( 64deg);}
.p065::before { filter: hue-rotate( 65deg);}
.p066::before { filter: hue-rotate( 66deg);}
.p067::before { filter: hue-rotate( 67deg);}
.p068::before { filter: hue-rotate( 68deg);}
.p069::before { filter: hue-rotate( 69deg);}
.p070::before { filter: hue-rotate( 70deg);}
.p071::before { filter: hue-rotate( 71deg);}
.p072::before { filter: hue-rotate( 72deg);}
.p073::before { filter: hue-rotate( 73deg);}
.p074::before { filter: hue-rotate( 74deg);}
.p075::before { filter: hue-rotate( 75deg);}
.p076::before { filter: hue-rotate( 76deg);}
.p077::before { filter: hue-rotate( 77deg);}
.p078::before { filter: hue-rotate( 78deg);}
.p079::before { filter: hue-rotate( 79deg);}
.p080::before { filter: hue-rotate( 80deg);}
.p081::before { filter: hue-rotate( 81deg);}
.p082::before { filter: hue-rotate( 82deg);}
.p083::before { filter: hue-rotate( 83deg);}
.p084::before { filter: hue-rotate( 84deg);}
.p085::before { filter: hue-rotate( 85deg);}
.p086::before { filter: hue-rotate( 86deg);}
.p087::before { filter: hue-rotate( 87deg);}
.p088::before { filter: hue-rotate( 88deg);}
.p089::before { filter: hue-rotate( 89deg);}
.p090::before { filter: hue-rotate( 90deg);}
.p091::before { filter: hue-rotate( 91deg);}
.p092::before { filter: hue-rotate( 92deg);}
.p093::before { filter: hue-rotate( 93deg);}
.p094::before { filter: hue-rotate( 94deg);}
.p095::before { filter: hue-rotate( 95deg);}
.p096::before { filter: hue-rotate( 96deg);}
.p097::before { filter: hue-rotate( 97deg);}
.p098::before { filter: hue-rotate( 98deg);}
.p099::before { filter: hue-rotate( 99deg);}
.p100::before { filter: hue-rotate(100deg);}

.pn-a{ background: #D1D3D7 !important; } /* vote percentage N/A, gray */
.pn-a::before { opacity: 0.00; }