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 vibe{
	0%{}
	2%{
		transform: translateX(5px) rotateZ(1deg);
	}
	4%{transform: translateX(-5px)  rotateZ(-0.1deg);}
	6%{transform: translateX(3px)  rotateZ(0.2deg);}
	8%{transform: translateX(-2px)  rotateZ(-0.2deg);}
	10%{transform: translateX(1px)  rotateZ(0.2deg);}
	12%{transform: translateX(-5px)  rotateZ(-0.2deg);}
	14%{transform: translateX(3px)  rotateZ(-0.1deg);}
	16%{transform: translateX(-5px)  rotateZ(-0.2deg);}
	18%{transform: translateX(5px)  rotateZ(0.2deg);}
	20{transform: translateX(-5px)  rotateZ(-0.2deg);}
	22%{transform: translateX(5px)  rotateZ(0.2deg);}
	24%{transform: translateX(-3px)  rotateZ(-0.2deg);}
	26%{transform: translateX(0px)  rotateZ(0.0deg);}
	100%{}
}

.page-Village_Øl_Telecom h1, td:has(a[title="Village:Øl Telecom"]){
    animation: vibe 1.5s infinite alternate;
}