User:512 megabytes/vector.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Set up Source Sans Pro and Source Code Pro */
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
/* Set up ff-kievit-web-pro */
@font-face{font-family:ff-kievit-web-pro;src:url(https://use.typekit.net/af/94efad/00000000000000000001643c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/94efad/00000000000000000001643c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/94efad/00000000000000000001643c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;font-display:auto;}@font-face{font-family:ff-kievit-web-pro;src:url(https://use.typekit.net/af/2691f1/000000000000000000016445/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/2691f1/000000000000000000016445/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/2691f1/000000000000000000016445/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-display:auto;}@font-face{font-family:ff-kievit-sc-web-pro;src:url(https://use.typekit.net/af/98512e/0000000000000000000163d9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/98512e/0000000000000000000163d9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/98512e/0000000000000000000163d9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-display:auto;}@font-face{font-family:ff-kievit-sc-web-pro;src:url(https://use.typekit.net/af/51fa6f/0000000000000000000163d0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/51fa6f/0000000000000000000163d0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/51fa6f/0000000000000000000163d0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;font-display:auto;}
div, html, footer, h1, h2, h3, h4, h5, h6 {
font-variant-numeric: proportional-nums lining-nums;
font-family: "ff-kievit-web-pro", "Source Sans Pro", Roboto, "Helvetica Neue", sans-serif !important;
font-weight: 300 !important;
}
pre, code, tt, kbd, samp, .mw-code, textarea {
font-family: "Source Code Pro" !important;
}
#utcdate a {
font-variant-numeric: tabular-nums lining-nums;
border: 1px black solid;
background: white;
font-size: 16px !important;
border-radius: 1000px;
box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
position: fixed;
right: 10px;
padding: 20px 2px;
height: 22px;
width: 60px;
}
input {
font-variant-numeric: proportional-nums lining-nums !important;
}
.tabular {
font-variant-numeric: tabular-nums lining-nums !important;
}
::marker, .mw-plusminus-pos, .mw-plusminus-neg, .mw-plusminus-null, .popupUserData, .popupData, .mw-widget-calendarWidget-item, small, .wikibase-title-id, .wb-itemlink-id, .history-size, .mw-diff-bytes{
font-variant-numeric: tabular-nums lining-nums !important;
}
b, strong, th {
letter-spacing: 0.05rem;
text-shadow: 0.01rem 0, 0.02rem 0, 0.03rem 0, 0.04rem 0, 0.05rem 0;
font-weight: 300 !important;
}
.mw-warning-with-logexcerpt, .mw-lag-warn-high, .mw-cascadeprotectedwarning, #mw-protect-cascadeon, .titleblacklist-warning, .locked-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #7070bb !important;
background-color: #dbdbff !important;
padding: 0.25em 0.9em;
box-sizing: border-box;
}
@keyframes load {
0% {transform: scale(0)}
4% {transform: scale(1.02)}
7% {transform: scale(1)}
95% {transform: scale(1)}
100% {transform: scale(0)}
}
@keyframes loadbg {
0% {transform: scale(1); background: rgba(0,0,0,0.3)}
90% {transform: scale(1); background: rgba(0,0,0,0.3)}
100% {transform: scale(1); background: rgba(0,0,0,0)}
}
@keyframes level1 {
0% {box-shadow: 0 0 1px 0.5px rgba(255, 255, 255, 0.3)}
50% {box-shadow: 0 0 3px 1.5px rgba(255, 255, 255, 0.5)}
100% {box-shadow: 0 0 1px 0.5px rgba(255, 255, 255, 0.3)}
}
@keyframes level2 {
0% {box-shadow: 0 0 1.5px 0.75px rgba(255, 255, 240, 0.302)}
50% {box-shadow: 0 0 4.5px 2.25px rgba(255, 255, 240, 0.503)}
100% {box-shadow: 0 0 1.5px 0.75px rgba(255, 255, 240, 0.302)}
}
@keyframes level3 {
0% {box-shadow: 0 0 2px 1px rgba(255, 255, 210, 0.304)}
50% {box-shadow: 0 0 6px 3px rgba(255, 255, 210, 0.506)}
100% {box-shadow: 0 0 2px 1px rgba(255, 255, 210, 0.304)}
}
@keyframes level4 {
0% {box-shadow: 0 0 2.5px 1.25px rgba(255, 255, 160, 0.306)}
50% {box-shadow: 0 0 7.5px 3.75px rgba(255, 255, 160, 0.509)}
100% {box-shadow: 0 0 2.5px 1.25px rgba(255, 255, 160, 0.306)}
}
@keyframes level5 {
0% {box-shadow: 0 0 3px 1.5px rgba(255, 255, 90, 0.308)}
50% {box-shadow: 0 0 9px 4.5px rgba(255, 255, 90, 0.512)}
100% {box-shadow: 0 0 3px 1.5px rgba(255, 255, 90, 0.308)}
}
@keyframes level6 {
0% {box-shadow: 0 0 3.5px 1.75px rgba(255, 255, 0, 0.31)}
50% {box-shadow: 0 0 10.5px 5.25px rgba(255, 255, 0, 0.515)}
100% {box-shadow: 0 0 3.5px 1.75px rgba(255, 255, 0, 0.31)}
}
@keyframes level7 {
0% {box-shadow: 0 0 4px 2px rgba(255, 251, 0, 0.312)}
50% {box-shadow: 0 0 12px 6px rgba(255, 251, 0, 0.518)}
100% {box-shadow: 0 0 4px 2px rgba(255, 251, 0, 0.312)}
}
@keyframes level8 {
0% {box-shadow: 0 0 4.5px 2.25px rgba(255, 246, 0, 0.314)}
50% {box-shadow: 0 0 13.5px 6.75px rgba(255, 246, 0, 0.521)}
100% {box-shadow: 0 0 4.5px 2.25px rgba(255, 246, 0, 0.314)}
}
@keyframes level9 {
0% {box-shadow: 0 0 5px 2.5px rgba(255, 240, 0, 0.316)}
50% {box-shadow: 0 0 15px 7.5px rgba(255, 240, 0, 0.524)}
100% {box-shadow: 0 0 5px 2.5px rgba(255, 240, 0, 0.316)}
}
@keyframes level10 {
0% {box-shadow: 0 0 5.5px 2.75px rgba(255, 232, 0, 0.318)}
50% {box-shadow: 0 0 16.5px 8.25px rgba(255, 232, 0, 0.527)}
100% {box-shadow: 0 0 5.5px 2.75px rgba(255, 232, 0, 0.318)}
}
@keyframes level11 {
0% {box-shadow: 0 0 6px 3px rgba(255, 222, 0, 0.32)}
50% {box-shadow: 0 0 18px 9px rgba(255, 222, 0, 0.53)}
100% {box-shadow: 0 0 6px 3px rgba(255, 222, 0, 0.32)}
}
@keyframes level12 {
0% {box-shadow: 0 0 6.5px 3.25px rgba(255, 210, 0, 0.322)}
50% {box-shadow: 0 0 19.5px 9.75px rgba(255, 210, 0, 0.533)}
100% {box-shadow: 0 0 6.5px 3.25px rgba(255, 210, 0, 0.322)}
}
@keyframes level13 {
0% {box-shadow: 0 0 7px 3.5px rgba(255, 196, 0, 0.324)}
50% {box-shadow: 0 0 21px 10.5px rgba(255, 196, 0, 0.536)}
100% {box-shadow: 0 0 7px 3.5px rgba(255, 196, 0, 0.324)}
}
@keyframes level14 {
0% {box-shadow: 0 0 7.5px 3.75px rgba(255, 179, 0, 0.326)}
50% {box-shadow: 0 0 22.5px 11.25px rgba(255, 179, 0, 0.539)}
100% {box-shadow: 0 0 7.5px 3.75px rgba(255, 179, 0, 0.326)}
}
@keyframes level15 {
0% {box-shadow: 0 0 8px 4px rgba(255, 160, 0, 0.328)}
50% {box-shadow: 0 0 24px 12px rgba(255, 160, 0, 0.542)}
100% {box-shadow: 0 0 8px 4px rgba(255, 160, 0, 0.328)}
}
@keyframes level16 {
0% {box-shadow: 0 0 8.5px 4.25px rgba(255, 115, 0, 0.33)}
50% {box-shadow: 0 0 25.5px 12.75px rgba(255, 115, 0, 0.545)}
100% {box-shadow: 0 0 8.5px 4.25px rgba(255, 115, 0, 0.33)}
}
@keyframes level17 {
0% {box-shadow: 0 0 9px 4.5px rgba(255, 63, 0, 0.332)}
50% {box-shadow: 0 0 27px 13.5px rgba(255, 63, 0, 0.548)}
100% {box-shadow: 0 0 9px 4.5px rgba(255, 63, 0, 0.332)}
}
@keyframes level18 {
0% {box-shadow: 0 0 9.5px 4.75px rgba(255, 0, 0, 0.334)}
50% {box-shadow: 0 0 28.5px 14.25px rgba(255, 0, 0, 0.551)}
100% {box-shadow: 0 0 9.5px 4.75px rgba(255, 0, 0, 0.334)}
}
@keyframes level19 {
0% {box-shadow: 0 0 10px 5px rgba(251, 0, 33, 0.336)}
50% {box-shadow: 0 0 30px 15px rgba(251, 0, 33, 0.554)}
100% {box-shadow: 0 0 10px 5px rgba(251, 0, 33, 0.336)}
}
@keyframes level20 {
0% {box-shadow: 0 0 10.5px 5.25px rgba(246, 0, 63, 0.338)}
50% {box-shadow: 0 0 31.5px 15.75px rgba(246, 0, 63, 0.557)}
100% {box-shadow: 0 0 10.5px 5.25px rgba(246, 0, 63, 0.338)}
}
@keyframes level21 {
0% {box-shadow: 0 0 11px 5.5px rgba(240, 0, 90, 0.34)}
50% {box-shadow: 0 0 33px 16.5px rgba(240, 0, 90, 0.56)}
100% {box-shadow: 0 0 11px 5.5px rgba(240, 0, 90, 0.34)}
}
@keyframes level22 {
0% {box-shadow: 0 0 11.5px 5.75px rgba(232, 0, 115, 0.342)}
50% {box-shadow: 0 0 34.5px 17.25px rgba(232, 0, 115, 0.563)}
100% {box-shadow: 0 0 11.5px 5.75px rgba(232, 0, 115, 0.342)}
}
@keyframes level23 {
0% {box-shadow: 0 0 12px 6px rgba(222, 0, 138, 0.344)}
50% {box-shadow: 0 0 36px 18px rgba(222, 0, 138, 0.566)}
100% {box-shadow: 0 0 12px 6px rgba(222, 0, 138, 0.344)}
}
@keyframes level24 {
0% {box-shadow: 0 0 12.5px 6.25px rgba(210, 0, 160, 0.346)}
50% {box-shadow: 0 0 37.5px 18.75px rgba(210, 0, 160, 0.569)}
100% {box-shadow: 0 0 12.5px 6.25px rgba(210, 0, 160, 0.342)}
}
@keyframes level25 {
0% {box-shadow: 0 0 13px 6.5px rgba(196, 0, 179, 0.348)}
50% {box-shadow: 0 0 39px 19.5px rgba(196, 0, 179, 0.572)}
100% {box-shadow: 0 0 13px 6.5px rgba(196, 0, 179, 0.348)}
}
@keyframes level26 {
0% {box-shadow: 0 0 13.5px 6.75px rgba(179, 0, 196, 0.35)}
50% {box-shadow: 0 0 40.5px 20.25px rgba(179, 0, 196, 0.575)}
100% {box-shadow: 0 0 13.5px 6.75px rgba(179, 0, 196, 0.35)}
}
@keyframes level27 {
0% {box-shadow: 0 0 14px 7px rgba(160, 0, 210, 0.352)}
50% {box-shadow: 0 0 42px 21px rgba(160, 0, 210, 0.578)}
100% {box-shadow: 0 0 14px 7px rgba(160, 0, 210, 0.352)}
}