MediaWiki:Timeless.css
From NOISZ Wiki
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.
/* All CSS here will be loaded for users of the Timeless skin */
/* ==UserStyle==
@name NOISZ Wiki Anarch - Timeless
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("https://anarch.games/") {
/* Insert code here... */
}
@font-face {
font-family: 'Exo';
font-style: normal;
src: url(https://fonts.gstatic.com/s/exo/v24/4UaOrEtFpBISc36j.woff2) format('woff2');
}
@media only screen and (min-width: 1024px) {
.mainpage-rightcolumn {
display: block;
float: right;
position: initial;
right: 0px;
top: 0px;
width: 30%;
}
.mainpage-leftcolumn {
display: block;
float: left;
width: 60%;
padding-left: 5%
}
.desktop-spoiler {
display: block;
}
.album-spoiler {
display: none;
}
}
@media only screen and (max-width: 840px) {
.mainpage-rightcolumn {
display: block;
float: right;
position: initial;
right: 0px;
top: 0px;
width: 100%;
}
.mainpage-leftcolumn {
display: block;
float: left;
width: 100%;
padding-left: 5%
}
.desktop-spoiler {
display: block;
}
.album-spoiler {
display: none;
}
}
@media only screen and (max-width:840px) {
.desktop-spoiler {
display: none;
}
.album-spoiler {
display: block;
}
}
.timeless-logo img,
#p-banner {
content: url(https://anarch.games/noisz/wiki/images/e/e6/Site-logo.png);
position: relative;
width: 50%
}
#mw-header-container,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: #6f027c
}
/* CSS placed here will be applied to all skins */
/* CSS for SL song table (in the individual song pages) and style info */
#mw-content {
border: 1px solid #f533db;
margin-bottom: 2em
}
#mw-content-container {
padding: 0px
}
.ts-inner {
max-width: initial
}
.diff-addedline {
border-color: #f533db
}
.diff-addedline .diffchange {
background-color: #6f027c
}
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background: #ffd9f1;
color: #f533db;
font-family: 'Exo';
border-radius: 10px;
border: 1px solid #f533db;
}
#mw-content-block {
background-image: url(https://anarch.games/starlivht/images/bg.jpg);
background-attachment: fixed;
background-size: 1000px;
background-position: 50% 50%;
background-clip: border-box;
}
#mw-site-navigation .sidebar-chunk h3,
#p-banner {
font-family: 'Exo', sans serif
}
.cosmos-bannerOption * {
fill: #fff;
stroke: #fff
}
/* This covers pretty much all text I can find. */
body #mw-content-text,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-capiunto-infobox,
.editOptions,
.editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label,
.oo-ui-fieldLayout-body,
.oo-ui-labelWidget.oo-ui-inline-help,
#firstHeading,
.ve-ce-contentBranchNode,
.cosmos-header__sitename a:any-link,
.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li > a:not(.wds-button),
.cosmos-header__counter *,
#cosmos-footer-footerContent *,
body #mw-content,
.cosmos-dropdown-list > ul > li > :only-child *,
body .mw-changeslist-line,
.oo-ui-fieldLayout-header,
body .wikitable > * > tr > td,
table.mw-datatable,
.oo-ui-radioSelectInputWidget .oo-ui-labelElement-label,
#personal h2,
.thumbcaption,
textarea,
#wpSummary,
#wpDestFile,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-widget-dateInputWidget.oo-ui-textInputWidget .oo-ui-labelElement-label,
code,
pre,
#mw_metadata * {
color: #fff;
font-family: 'Exo';
}
code {
background-color: darkgray
}
.album-spoiler img {
filter: blur(20px);
}
.album-spoiler img:hover,
.album-spoiler img:active {
filter: blur(0px)
}
/* you WILL obey. */
.tocnumber {
color: #fff !important
}
/* This is the background colour for the main body. */
#mw-content,
#catlinks,
#toc,
.mw-datatable tr:hover td,
.mw-prefs-buttons,
textarea,
#wpSummary,
#wpDestFile,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-widget-dateInputWidget.oo-ui-textInputWidget .oo-ui-labelElement-label,
.mw-editform .editOptions,
pre,
ul#filetoc {
background-color: rgba(14, 25, 26, 0.7)
}
/* This is the link colour. */
#mw-content a:not(.new) {
color: #37fcfffc
}
body .oo-ui-tabSelectWidget-framed {
background-color: #ffabdf
}
/* This is the background colour for elements designed to blend in with the background, but still provide a readable backdrop for things. */
li.gallerybox div.thumb,
.mw-body li.gallerybox div.thumb,
.mw-capiunto-infobox,
.cosmos-header *,
.cosmos-header:before,
.wds-dropdown__content,
.cosmos-header .wds-dropdown__content,
#cosmos-footer-footerContent,
.cosmos-dropdown-list:not(.cosmos-personalTools-list),
#cosmos-footer,
.wikitable:not([style*="background-color"]) > * > tr > td,
.mw-datatable tr td,
.thumbinner,
#mw_metadata * {
background: #352432
}
thumbinner.cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a:not(.wds-button) {
color: #f533db
}
.oo-ui-window-content .oo-ui-labelElement-label,
.ve-ce-branchNode-slug,
.ve-ui-linearContextItem-title {
color: #000
}
.headerbox,
#mw-headline {
font-family: 'Arial Narrow', Arial, sans serif !important
}
.mw-capiunto-infobox,
.toc {
border-radius: 10px
}
.desktop-spoiler img {
filter: blur(20px);
}
.desktop-spoiler img:hover,
.desktop-spoiler img:active {
filter: blur(0px)
}
.song-table.Clover > tbody > tr > th,
.Grace-style > tbody > tr > td > table > tbody > tr > th,
.Clover-folder {
background-color: #2ec817 !important;
background-color: rgba(46, 200, 23, 0.3) !important;
}
.song-table.Dia > tbody > tr > th,
.song-table.Diamond > tbody > tr > th,
.Sera-style > tbody > tr > td > table > tbody > tr > th,
.Dia-folder {
background-color: #52a1fe !important;
background-color: rgba(82, 161, 254, 0.3) !important;
}
.song-table.Heart > tbody > tr > th,
.Sumire-style > tbody > tr > td > table > tbody > tr > th,
.Heart-folder {
background-color: #ff5558 !important;
background-color: rgba(255, 85, 88, 0.3) !important;
}
.Hitori-style > tbody > tr > td > table > tbody > tr > th {
background-color: #ff5558 !important;
background-color: rgba(225, 65, 68, 0.3) !important;
}
.song-table.Spade > tbody > tr > th,
.Hakuno-style > tbody > tr > td > table > tbody > tr > th,
.Spade-folder {
background-color: #f1f1f1 !important;
background-color: rgba(241, 241, 241, 0.3) !important;
}
.song-table.Joker > tbody > tr > th,
.Joker-style > tbody > tr > td > table > tbody > tr > th,
.Joker-folder {
background-color: #B90000 !important;
background-color: rgba(185, 0, 0, 0.35) !important;
}
.song-table td {
text-align: center;
}
/* Resizing song infobox album art */
.album-image > .portable-infobox {
max-width: 200px;
height: auto;
}
/* Sortable table hover highlight */
.article-table.sortable > tbody > tr:hover {
background-color: pink;
background-color: rgba(255, 171, 223, 0.8);
left: -10px;
}
/* For lyrics, colours indicating who's singing */
.seratext {
color: #3090FF;
}
.sumiretext {
color: #FF5252;
}
.gracetext {
color: #248900;
}
.hakunotext {
color: #725B5F;
}
.jokertext {
color: #cb3838;
}
.shiontext {
color: #AF0000;
}
.asukatext {
color: #AF8900;
}
.hikaritext {
color: #35AACE;
}
.sltext {
color: #CB3890;
}
.srtext {
color: #F49B2E;
}
.beyondtext {
color: #4D8AC6;
}
.aritext {
color: #843636;
}
/* For lyrics in lines featuring two or more characters, so that the line includes the colours of everyone singing */
.serashiontext {
background: -webkit-linear-gradient(.2turn, #52A1FF, #AF0000);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.asukahikaritext {
background: -webkit-linear-gradient(.3turn, #AF8900, #35AACE);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.asukashiontext {
background: -webkit-linear-gradient(right, #AF8900 30%, #AF0000);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.hakunosumiretext {
background: -webkit-linear-gradient(.2turn, #725B5F, #FF5252);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.seragracetext {
background: -webkit-linear-gradient(.2turn, #3090FF, #248900);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.cottext {
background: -webkit-linear-gradient(.3turn, #CB3890, #F49B2E);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.jokergracetext {
background: -webkit-linear-gradient(.2turn, #cb3838, #248900);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.serasumiretext {
background: -webkit-linear-gradient(.2turn, #3090FF, #FF5252);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.hakunogracetext {
background: -webkit-linear-gradient(.2turn, #725B5F, #248900);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.gracesumirehakunotext {
background: -webkit-linear-gradient(.2turn, #248900, #FF5252, #725B5F);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
.seragracesumitext {
background: -webkit-linear-gradient(.2turn, #3090FF, #248900, #FF5252);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: transparent;
background-clip: text;
}
/* SL Joker spoiler warning, for SLTH warning */
.sljokerwarning::after {
content: '';
background-image: url(https://anarch.games/noisz/wiki/images/f/fc/Jokerspoiler.png);
height: 150px;
width: 162px;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: relative;
top: -170px;
left: 60px;
margin-bottom: -180px;
padding-top: 80px;
}
.sljokerboxtext .mbox {
margin-left: 50px;
padding-left: 140px;
background-image: url(https://anarch.games/noisz/wiki/images/2/2f/Dialogue_Box_BG_TH.jpg) !important;
background-size: cover;
border: 2px solid #ec625e !important;
border-left-color: #ec625e !important;
box-shadow: 0 0 10px #ec625e;
border-radius: 10px !important;
background-position: center;
min-height: 90px;
color: white;
}
/* SL Beyond spoiler warning, for SL spoiler warning */
.slbeyondwarning::after {
content: '';
background-image: url(https://anarch.games/noisz/wiki/images/0/02/Beyondspoiler.png);
height: 100px;
width: 162px;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: relative;
top: -187px;
left: 60px;
margin-bottom: -180px;
padding-top: 80px;
}
.slbeyondboxtext .mbox {
margin-left: 50px;
padding-left: 50px;
background-image: url(https://anarch.games/noisz/wiki/images/0/04/Dialogue_Box_BG.jpg) !important;
background-size: cover;
border: 2px solid #FCAAE2 !important;
border-left-color: #FCAAE2 !important;
box-shadow: 0 0 10px #FC78E2;
border-radius: 10px !important;
background-position: center;
color: white
}
/* Arietta spoiler warning, for NOISZ Ignition spoiler warning */
.ariwarning::after {
content: '';
background-image: url(https://anarch.games/noisz/wiki/images/c/c0/Arispoiler.png);
height: 150px;
width: 162px;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: relative;
top: -149px;
left: 50px;
margin-bottom: -180px;
padding-top: 80px;
}
.ariwarning .mbox {
margin-left: 50px;
padding-left: 50px;
background-color: #525456 !important;
border: 2px solid #C68281 !important;
border-left-color: #C68281 !important;
border-radius: 10px !important;
box-shadow: 0 0 10px #931010;
color: white
}
/* Beyond warning, for Needs Information banner */
.beyondwarning::after {
content: '';
background-image: url(https://anarch.games/noisz/wiki/images/e/e5/Beyondneedsinfo.png);
height: 80px;
width: 162px;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: relative;
top: -167px;
left: 55px;
margin-bottom: -180px;
padding-top: 80px;
}
.beyondwarning .mbox {
margin-left: 50px;
padding-left: 50px;
background-color: #525456 !important;
border: 2px solid #ABF6F7 !important;
border-left-color: #ABF6F7 !important;
border-radius: 10px !important;
box-shadow: 0 0 10px #50ABB7;
color: white
}
/* Stornel spoiler warning, for NOISZ re:VERSE spoiler warning */
.stornelwarning::after {
content: '';
background-image: url(https://anarch.games/noisz/wiki/images/d/de/Stornelspoiler.png);
height: 80px;
width: 162px;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: relative;
top: -167px;
left: 60px;
margin-bottom: -180px;
padding-top: 80px;
}
.stornelwarning .mbox {
margin-left: 50px;
padding-left: 50px;
background-color: #525456 !important;
border: 2px solid #9B9B9B !important;
border-left-color: #9B9B9B !important;
border-radius: 10px !important;
box-shadow: 0 0 10px #828282;
color: white
}
/* Gaius spoiler warning, for NOISZ episode G spoiler warning */
.gaiuswarning::after {
content: '';
background-image: url(https://anarch.games/noisz/wiki/images/0/07/Gaius_Antiphon_EPISODE_G.png);
height: 150px;
width: 162px;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: relative;
top: -172px;
left: 60px;
margin-bottom: -180px;
padding-top: 80px;
}
.gaiuswarning .mbox {
margin-left: 50px;
padding-left: 50px;
background-color: #626365 !important;
border: 2px solid #87CD92 !important;
border-left-color: #87CD92 !important;
border-radius: 10px !important;
box-shadow: 0 0 10px #109525;
color: white
}
/* Main Character (NOISZ) spoiler warning, for NOISZ series spoiler warning */
.mcwarning::after {
content: '';
background-image: url(https://anarch.games/noisz/wiki/images/2/2e/Ignition_Protagonist.png);
height: 150px;
width: 162px;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: relative;
top: -149px;
left: 50px;
margin-bottom: -180px;
padding-top: 80px;
}
.mcwarning .mbox {
margin-left: 50px;
padding-left: 50px;
background-color: #525456 !important;
border: 2px solid #CA88C3 !important;
border-left-color: #CA88C3 !important;
border-radius: 10px !important;
box-shadow: 0 0 10px #9C158E;
color: white
}
/* For NOISZ style tables */
.Arietta > tbody > tr > th {
background-color: #AE191C !important;
background-color: rgba(358, 85, 68, 0.5) !important;
}
.Beyond > tbody > tr > th {
background-color: #5BC5EF !important;
background-color: rgba(91, 197, 239, 0.5) !important;
}
.Stornel > tbody > tr > th {
background-color: white !important;
background-color: rgba(255, 255, 255, 0.5) !important;
color: black !important;
}
.Gaius > tbody > tr > th {
background-color: rgba(2, 124, 0, 0.5) !important;
background-color: green;
color: white !important;
}
/* Transparency to main container */
.page__main,
.wikiEditor-ui,
.page__right-rail {
background-color: var(--theme-page-background-color);
background-color: rgba(var(--theme-page-background-color--rgb), 0.7);
}
/* For the front page banner */
.noiszbanner img {
width: 100%;
height: auto;
}
/* So Bandcamp players fill the whole width and don't look really mispositioned */
.inline_player {
display: contents !important;
}
/* For the events countdowns headers */
.sl-events img {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.sl-events img:hover {
transform: scale(1.0);
}
/*For the headers on the frontpage*/
h2.headerbox {
padding-left: 20px;
padding-bottom: 10px;
padding-top: 10px;
background-color: #FFABDF;
color: #E345A4 !important;
text-transform: uppercase;
}
.headerbox .mw-editsection a,
.wds-dropdown * {
color: #E345A4;
}
.header-box {
padding-left: 30px;
padding-bottom: 10px;
padding-top: 10px;
background-color: #FFABDF;
color: #f533db;
font-size: 38px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-weight: bold;
text-shadow: 0 0 6px rgba(242, 73, 177, 0.4);
box-shadow: 0 0 20px 0 #f249b1
}
/* For the menu index buttons on the frontpage */
.main-page-button img,
#NOISZ_ST--RLIVHT-Gameplay img {
filter: brightness(1.0);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.main-page-button img:hover,
#NOISZ_ST--RLIVHT-Gameplay img:hover {
filter: brightness(1.25);
-webkit-filter: brightness(1.1);
}
.main-page-button img:active,
#NOISZ_ST--RLIVHT-Gameplay img:active {
filter: brightness(0.7);
-webkit-filter: brightness(0.7);
}
/* Normal green is hard on the eyes */
.Clover-folder,
.Heart-folder {
filter: grayscale(0.4);
-webkit-filter: grayscale(0.4);
}
/* Mouseover event when the user hovers over an image in Upcoming */
.coming-soon-slider img {
transition: transform 0.6s ease-in-out;
}
.coming-soon-slider img:hover {
transform: scale(1.1);
}
/* So SL story table header colours change with theme */
.sl-header > tbody > tr:nth-child(1),
.sl-story-navbar,
.sl-gameplay-navbox > table > tbody > tr > th {
background-color: rgba(var(--theme-sticky-nav-background-color--rgb), 0.5);
}
.noisz-story-navbar {
background-color: rgba(var(--theme-sticky-nav-background-color--rgb), 0.5);
filter: hue-rotate(300deg);
}
.noisz-story-navbar a {
filter: hue-rotate(-300deg);
}
/* For story chapter table */
/* Grace */
.sl-chapter-table td:nth-child(4) {
border: 1px solid #2ec817;
padding: 0px;
}
/* Sera */
.sl-chapter-table td:nth-child(5) {
border: 1px solid #52a1fe;
padding: 0px;
}
/* Sumire */
.sl-chapter-table td:nth-child(6) {
border: 1px solid #ff5558;
padding: 0px;
}
/* Hakuno */
.sl-chapter-table td:nth-child(7) {
border: 1px solid #f1f1f1;
padding: 0px;
}
/* Joker */
.sl-chapter-table td:nth-child(8) {
border: 1px solid #B90000;
padding: 0px;
}
/* Chapter row */
.sl-chapter-table td:nth-child(1) {
padding: 5px;
}
/* ALternating colours to make tables slightly more readable */
.sl-chapter-table tr:nth-child(2n + 1),
.sl-song-table tr:nth-child(2n + 1),
.artists-table tr:nth-child(2n + 1) {
background-color: #7B4F7C;
background-color: rgba(128, 128, 128, 0.2);
}
.sl-character-navigation {
border: 1px solid var(--theme-accent-color);
}
/* For the diamonds around the SL story LV requirements */
.gracelv:after {
content: url(https://anarch.games/noisz/wiki/images/4/4a/Gracediamondempty.png);
}
.seralv:after {
content: url(https://anarch.games/noisz/wiki/images/a/a3/Seradiamondempty.png);
}
.sumirelv:after {
content: url(https://anarch.games/noisz/wiki/images/9/96/Sumirediamondempty.png);
}
.hakunolv:after {
content: url(https://anarch.games/noisz/wiki/images/a/ac/Hakunodiamondempty.png);
filter: brightness(0.85);
}
.jokerlv:after {
content: url(https://anarch.games/noisz/wiki/images/8/88/Jokerdiamondempty.png);
}
.gracelv:after,
.seralv:after,
.sumirelv:after,
.hakunolv:after,
.jokerlv:after {
position: relative;
display: flex;
height: 35px;
top: -34px;
left: 9px;
}
.gracelv b,
.seralv b,
.sumirelv b,
.hakunolv b,
.jokerlv b {
left: 25%;
position: relative;
z-index: 2;
text-align: center;
}
/* I was trying something to auto-update the event images when the timer ran out, but nothing came of it - ignore */
.nucleardripevent,
.attitudemintevent {
transition: .5s ease;
position: relative;
}
.nucleardripevent img {
height: 0px;
}
/* Tweaks for the story character image galleries; transitions are for mouseover and click events */
.sl-story-gallery img,
.noisz-story-gallery img {
padding: 2px;
transition: .5s ease;
}
.sl-story-gallery img:hover,
.noisz-story-gallery img:hover {
filter: brightness(1.25);
transition: .5s ease;
}
.sl-story-gallery img:active,
.noisz-story-gallery img:active {
filter: brightness(0.75);
transition: .5s ease;
}
.sl-story-gallery {
display: grid;
justify-content: center;
}
.article-table.story-gallery-table td {
border: none;
}
/* This is to align them half a diamond over so the even rows fit nicely together */
.sl-story-gallery .row-2 img,
.sl-story-gallery .row-4 img,
.sl-story-gallery .row-6 img {
position: relative;
right: -76px;
top: -90px;
}
.sl-area-convos .row-1 p:nth-child(2),
.sl-area-convos .row-3,
.sl-area-convos .row-4,
.sl-area-convos .row-5,
.sl-area-convos .row-6 {
display: none
}
.sl-area-convos .row-2 {
position: relative;
left: 8px
}
.sl-chapter-table .sl-story-gallery {
position: relative;
display: table-cell;
}
.sl-chapter-table .sl-story-gallery img {
right: -16px !important;
top: -20px !important;
}
.sl-chapter-table .story-gallery-table > tbody > tr,
.sl-area-convos .story-gallery-table > tbody > tr {
background-color: transparent;
display: table-cell;
}
.sl-chapter-table .story-gallery-table {
width: auto !important;
}
/* This moves the entire story gallery up a bit so it's not pushing against the borders */
.sl-story-gallery-move-up {
position: relative;
top: -10px;
}
/* To centre the Bandcamp players in song pages */
#bandcamp {
position: relative;
left: 25%;
}
/* For the AC Cabinets map */
.maps-googlemaps3 p {
text-align: center;
color: black;
}
/* For the images showing what characters are featured in each NOISZ reV/Ignition stage */
.noisz-story-gallery img {
border: 1px solid white;
border-radius: 10px;
margin: 5px;
}
/* Animation for the "What" the Cat page. Currently inactive and not working but leaving the code for wheneve */
.meowfly img:after,
.meowfly:after {
bottom: 200px;
content: url(https://anarch.games/noisz/wiki/images/4/46/What_the_cat.png);
position: fixed;
left: -200px;
transition: linear 0s;
transition-delay: 2.0s;
}
.meowfly img:hover::after,
.meowfly:hover::after,
.meowfly img:active::after,
.meowfly:active::after {
position: fixed;
left: 40000px;
transition: linear 10.0s;
}
/* For the update history page */
.patch-updates-cell {
background-color: rgba(143, 185, 252, 0.5);
}
.content-updates-cell {
background-color: rgba(255, 242, 204, 0.5);
}
