MediaWiki:Common.css

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

/* Removing main page title */ body.page-Repair_Preservation_Group.action-view h1.firstHeading, body.page-Repair_Preservation_Group.action-submit h1.firstHeading { display: none; }

/* (mp_) For main-page styling - Inspired by MediaWiki's main page */ .mp_row { padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

.mp_box { padding: 0 10px 10px 10px; margin: 5px; flex: 1; flex-basis: 0; flex-grow: 1; flex-shrink: 1; min-width: 250px; /* Could we use media queries instead? */ border: 1px solid #CCC; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0px 0 1px rgb(10 10 10 / 2%); }

.mp_box h2 { padding-right: 0; padding-top: 0; padding-bottom: 0; margin: 0.5em 0; }

.mp_box .content { /* padding-top: 0.5em; */ }

.mp_box img .image-fullwidth { height: auto; width: 100%; }

.mainpage-social { border: none; box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); }

.mainpage-social .tile-top { display: flex; align-items: center; padding: 1em 1.5em; }

.mainpage-social .tile-top a { flex: 1; position: relative; text-decoration: none; }

.mainpage-social .tile-top a:hover .arrow { transform: translateX(50%); }

.mainpage-social .tile-bottom { border: none; padding: 1em 1.75em; }

.mainpage-social .tile-bottom p { color: #ffffff; font-weight: bold; font-size: 0.9em; text-align: center; text-transform: uppercase; letter-spacing: 0.03em; margin: 0; }

.mainpage-social .social-icon { margin-right: 0.75em; width: 60px; text-align: center; }

.mainpage-social .social-header { color: #ffffff; font-weight: bold; font-size: 1.15em; margin: 0.5em 0 -0.15em; }

.mainpage-social .social-tagline { color: rgba(255, 255, 255, 0.9); margin-bottom: 0.5em; }

.mainpage-social .arrow { position: absolute; top: calc(50% - .5em); right: 0; height: 1em; width: 0.7em; background-size: 0.7em 1em; transition: 0.3s ease-out; }

.mainpage-social.mainpage-discord .tile-top { background: #7289da; }

.mainpage-social.mainpage-discord .tile-bottom { background: #697ec4; }