Jump to content

MediaWiki:Common.css: Difference between revisions

From Archono Database
No edit summary
No edit summary
Line 17: Line 17:
body {
body {
font-family: 'Proxima Nova' !important;
font-family: 'Proxima Nova' !important;
}
.mw-logo-wordmark {
font-family: 'Audiowide' !important;
}
}



Revision as of 14:35, 21 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');
@import url('https://fonts.googleapis.com/css?family=Proxima+Nova'); /* Temporarily using Proxima Nova until Archono Sans is finished */

/* ======== 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 {
	font-family: 'Proxima Nova' !important;
}

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

h1 {
	font-family: 'Michroma' !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;
}