MediaWiki:Common.css

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

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

/* Prevents the anomaly table on Terrain from conflicting with siderail */ @media only screen and (min-width:1350px) and (max-width:1560px) { div#global-wrapper.with-siderail table#anomaly-table { font-size:0.9em; } div#global-wrapper.with-siderail table#anomaly-table td:last-child img { max-width:100%; height:auto; } }

/* Responsive front page */ display: grid; grid-template-areas: "a" "b" "c" "d"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #fp-container { grid-template-areas: "a b" "c b" "c d"; grid-template-columns: 50% 50%; } } @media screen and (min-width:1350px) { #fp-container { grid-template-areas: "a b c" "d b c"; grid-template-columns: 33.3% 33.3% 33.3%; } }
 * 1) fp-container {

.fp-section { display: flex; flex-wrap: wrap; }

.fp-section .fpbox { width: calc(100% - 2px); }

grid-area: a; }
 * 1) fp-1 {

grid-area: b; }
 * 1) fp-2 {

grid-area: c; }
 * 1) fp-3 {

grid-area: d; } /********************* /* Front page styles * /*********************/ .fpbanner { border: 6px solid rgba(36, 61, 92, 0.17); border-radius: 2px; background: rgba(255, 255, 255, 0.75) padding-box; margin: 0 5px 5px 5px; padding: 5px; min-height: 80px; }
 * 1) fp-4 {

.fpbannertable { display: table; border: none; background: transparent; width: 100%; min-height: 75px; margin: 0; padding: 5px; }

.fpbannercell { display: table-cell; text-align: center; vertical-align: middle; }

.fpbannerblock { border: none; color: #ffffff; font-weight: bold; text-shadow: 0 0 8px rgba(255, 255, 255, 0.75); font-size: 132%; width: 100%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox { border: 6px solid rgba(36, 61, 92, 0.17); border-radius: 2px; background: rgba(255, 255, 255, 0.75) padding-box; margin: 5px 5px 5px 5px; padding: 5px 15px 5px 15px; }

.fpboxnoresize { border: 6px solid rgba(36, 61, 92, 0.17); border-radius: 2px; background: rgba(255, 255, 255, 0.75) padding-box; margin: 5px 5px 5px 5px; padding: 5px 15px 5px 15px; }

.fpbox .welcome { display: inline-block; border: none; border-bottom: 1px solid #dddddd; color: #243e5c; font-weight: bold; font-size: 150%; margin: 0 auto 10px auto; padding: 0 0 5px 0; }

.fpbox .heading { border: none; color: #243e5c; font-weight: bold; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox .subheading { border: none; color: #a61c1c; font-weight: bold; margin: 0 0 0 0; padding: 0 0 2px 0; }

.columns { padding: 0; margin: 10px 0 0 0; overflow: hidden; }

.columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

.columns .centercol { float: left; margin: 0; padding: 0; }

.columns .rightcol { float: right; width: 50%; margin: 0; padding: 0; }

.fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }