MediaWiki:Common.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.

/* READ ME READ ME READ ME */
/* See https://gitlab.com/why2025/team-sysadmin/mediawiki-themes/-/tree/master/vector/why?ref_type=heads */
/* Prefix temporary bugfixes with either `body.theme-why` or `body.theme-why-light` for the dark and light theme respectively */







/* End of intentional gap */

/* Countdown begin */

/* the countdown clock on the front page of the wiki. See common.js for the script. */
#clockdiv{
  font-family: Beon;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

#clockdiv > div{
  padding: 10px;
  border-radius: 1px;
  display: inline-block;
  margin-left: 10px;
  color: white;
}

#clockdiv > div:nth-child(1) {  background: #5234BF;}
#clockdiv > div:nth-child(2) {  background: #B03BBF;}
#clockdiv > div:nth-child(3) {  background: #F24535;}
#clockdiv > div:nth-child(4) {  background: #FFFB96;}

#clockdiv div > span{
  padding: 15px;
  border-radius: 1px;
  background: #00000073;
  display: inline-block;
  min-width:50px;
  height:50px;
}

.clocksmalltext{
  padding-top: 5px;
  font-size: 20px;
  color: #000000;
}


/* Countdown end */

/* Background colors for thumbs need to go, given the design generator creates transparent pngs. */
.thumbimage {
background-color: transparent !important;
}

/* Fix Page Forms map / location picker */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
	max-width: none !important;
	max-height: none !important;
}

@keyframes flicker {
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      
        text-shadow:
            -0.2rem -0.2rem 1rem #fff,
            0.2rem 0.2rem 1rem #fff,
            0 0 2rem var(--neon-text-color),
            0 0 4rem var(--neon-text-color),
            0 0 6rem var(--neon-text-color),
            0 0 8rem var(--neon-text-color),
            0 0 10rem var(--neon-text-color);
        
        box-shadow:
            0 0 .5rem #fff,
            inset 0 0 .5rem #fff,
            0 0 2rem var(--neon-border-color),
            inset 0 0 2rem var(--neon-border-color),
            0 0 4rem var(--neon-border-color),
            inset 0 0 4rem var(--neon-border-color);        
    }
    
    20%, 24%, 55% {        
        text-shadow: none;
        box-shadow: none;
    }    
}

.page-Village_̸̡̛̯̳͎͔̟̠̪̲͖̦̒̆̀̈̉̒͊̚̕͝ {
    animation: flicker 1.5s infinite alternate;
}