MediaWiki:Common.css: Difference between revisions

Latest revision as of 16:03, 5 April 2025

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

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400,401,500,501,700,701,900,901&display=swap');

html, body {
font-family: 'Satoshi', sans-serif !important;
}

.mw-first-heading, .mw-headline {
font-family: 'Satoshi', sans-serif !important;
font-weight:900;
}

#footer-places {
display:none;
}

.wikitable {
margin:0px!important;
}
.wikitable caption {
padding:0px; !important;
margin:0px; !important;
display:none!important;
}

.infobox-main {
width:290px; 
display:flex; 
flex-direction:column; 
gap:5px;
padding:10px;
border:1px solid  var(--border-color-base);
box-shadow:1px 1px 5px var(--border-color-base);
border-radius:15px;
}
@media only screen and (max-width: 640px) {
.infobox-main {
width:100%;
}
}
.infobox-main img, iframe {
border-radius:10px;
width:100% !important;
height:auto !important;
}
.infobox-main p {
margin:0px !important;
}
.infobox-main hr {
border:1px solid var(--border-color-base);
}
.infobox-main ul {
margin:0px;
margin-top:2px;
margin-left:15px;
}
.infobox-info {
display:grid;
grid-template-columns:2fr 3fr;
gap:5px;
padding:0px 5px;
}
.infobox-info span {
font-weight:700;
}
.infobox-header {
font-weight:700;
margin:0px;
margin-top:8px;
margin-bottom:3px;
opacity:0.7;
}

/* home page columns */
.nf-wiki-home-twocol {
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:20px;
margin-bottom:20px;
}
.nf-wiki-home-twocol h1, .nf-wiki-home-twocol h2, .nf-wiki-home-twocol h3, .nf-wiki-home-twocol h4, .nf-wiki-home-twocol h5 {
margin-top:0px;
}
@media only screen and (max-width: 640px) {
.nf-wiki-home-twocol {
grid-template-columns:1fr;
}
}

/* home page nav */
.nf-wiki-home-nav {
display:flex;
gap:15px;
flex-wrap:wrap;
}
.nf-wiki-home-nav a {
flex-shrink:0;
}

/* home page centered button */
.nf-wiki-home-center-button {
display:flex;
align-items:center;
justify-content:center;
gap:5px;
transition-duration:200ms;
border:1px solid var(--border-color-base);
box-shadow:1px 1px 5px var(--border-color-base);
border-radius:10px;
padding-top:5px;
padding-bottom:5px;
color:white!important;
text-decoration:none!important;
}
.nf-wiki-home-center-button a {
color:white!important;
text-decoration:none!important;
}
.nf-wiki-home-center-button:hover {
opacity:0.8;
}

/* front page fade */
.nf-wiki-home-fadein {
animation:nf-wiki-home-fadein 1.2s ease forwards;
}
@keyframes nf-wiki-home-fadein {
from {opacity:0;}
to {opacity:1;}
}