MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Set up Google fonts */ @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&IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;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; } 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; } /* Animations */ @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)} }