MediaWiki:Common.css

From WHY2025 wiki
Revision as of 01:14, 23 June 2025 by Okarin (talk | contribs)
Jump to navigation Jump to search

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 spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

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