MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ a, image a { color: #327ba7; }

a:visited, image a:visited, a:active, image a:active { color: #327ba7; }

a.new, image a.new { color: #ba0000; }

a.new:visited, image a.new:visited { color: #ba0000; }

div.vectorTabs li a, div.vectorMenu li a, div.vectorTabs li a:visited, div.vectorMenu li a:visited, div.vectorTabs li a:active, div.vectorMenu li a:active, color: #327ba7; }
 * 1) mw-panel .portal .body li a,
 * 1) mw-panel .portal .body li a:visited,
 * 1) mw-panel .portal .body li a:active {

div.vectorTabs li.new a, div.vectorMenu li.new a, div.vectorTabs li.new a:visited, div.vectorMenu li.new a:visited, div.vectorTabs li.new a:active, div.vectorMenu li.new a:active, color: #ba0000; }
 * 1) mw-panel .portal .body li.new a,
 * 1) mw-panel .portal .body li.new a:visited,
 * 1) mw-panel .portal .body li.new a:active {

.mw-body-content a.external, .mw-body-content a.extiw { color: #3869bb; }

.mw-body-content a.external:visited, .mw-body-content a.extiw:visited, .mw-body-content a.external:active, .mw-body-content a.extiw:active { color: #3869bb; }

.jsPurgeLink a.external { color: #327ba7; }

html { -webkit-text-size-adjust: 100%; }

body { font-family: sans-serif; }

.mw-body { color: #36414f; background-color: #fbfbfb; }

.mw-body-content { font-size: 0.9em; line-height: 1.75; }

.mw-body-content p { margin: 0 0 0.8em; }

h1, h2, h3, h4, h5, h6 { color: #444e5a; border-color: #e4eaee; }

h1 { font-weight: bold; }

h2 { border: none; }

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 { font-family: 'Linux Libertine', 'Georgia', 'Times', serif; margin-bottom: 0.3em; }

body.page-Repair_Preservation_Group .mw-parser-output { max-width: 75em; margin: 0 auto; }

body.page-Repair_Preservation_Group.action-view .catlinks, body.page-Repair_Preservation_Group.action-view #contentSub, body.page-Repair_Preservation_Group.action-view #firstHeading, body.page-Repair_Preservation_Group.action-view #siteNotice { display: none; }

body.page-Repair_Preservation_Group .mw-parser-output { max-width: 75em; margin: 0 auto; }

body.page-Repair_Preservation_Group.action-view .catlinks, body.page-Repair_Preservation_Group.action-view #contentSub, body.page-Repair_Preservation_Group.action-view #firstHeading, body.page-Repair_Preservation_Group.action-view #siteNotice { display: none; }

.mainpage-header { display: flex; margin: 2.6em 1.75em 1.5em; }

.mainpage-header .header-intro { flex: 2; }

.mainpage-header .header-intro h1 { font-size: 1.8em; border: none; margin: 0 0 0.15em; }

.mainpage-header .header-intro p { font-size: 1.1em; line-height: 1.7em; }

.mainpage-header .header-stats { flex: 1; display: flex; justify-content: center; align-items: center; margin-top: -1em; }

.mainpage-header .header-stats ul { list-style: 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; }