MediaWiki:Common.css: Difference between revisions

Latest revision as of 20:52, 22 June 2026

/* CSS placed here will be applied to all skins */

/* ==== FONTS ==== */
@import url('https://fonts.googleapis.com/css2?family=Audiowide'); 
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

/* ======= Proxima Nova ======= */
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  src: url('https://fonts.gstatic.com/l/font?kit=FwZc7-Am2FI_-VOxaLDvvq27omO73q3LkQ&skey=96867d716c89840e&v=v20') format('woff2');
}

/* ======== Coolvetica ======== */
@font-face {
    font-family: "Coolvetica";
    font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
    src: url("https://static.wikitide.net/normwiki/7/78/Coolvetica.woff2") format("woff2")
}

body, #content {
	font-family: 'Proxima Nova', 'Audiowide' !important;
}

.mw-logo-wordmark {
	font-family: 'Audiowide' !important;
}

h1 {
	font-family: 'Michroma' !important;
}

h2, h3, h4, h5, h6 {
	font-family: 'Audiowide' !important;
}

a:not(.new), #mw-content a:not(.new) {
	color: rgb(234, 134, 3) !important;
}

.infobox:hover {
	background-color: rgba(124,124,124,0.7);
}

.infobox {
	transition: background-color 0.5s ease-in-out;
}

@keyframes rainbow-loop {
	0%{background-color:#8e2f29}
	12.5%{background-color:#b06c49}
	25%{background-color:#dbc87c}
	37.5%{background-color:#84d0b6}
	50%{background-color:#686dad}
	62.5%{background-color:#a25d9e}
	75%{background-color:#c05c9c}
	100%{background-color:#8e2f29}
}

/* === OVERSEER STUFF */
@keyframes overseerAnim {
	0%{
		-webkit-text-fill-color: white;
		background-image:linear-gradient(120deg,white, black);
	}
	50%{
		-webkit-text-fill-color: black;
		background-image:linear-gradient(-120deg,white, black);
	}
	100%{
		-webkit-text-fill-color: white;
		background-image:linear-gradient(120deg,white, black);
	}
}
.overseer-text {
	animation: overseerAnim 0.6593406593s ease-out;
	animation-iteration-count: infinite;
}

.profile-user-group {
	color: black !important;
}

.tooltip {
	color: black !important;
}