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; }

/* Formatting icons for tables */

div.fighterentry { position: relative; width:85px; height:85px; margin: 2px; display: inline-block; overflow: hidden; border:3px; border-color: black; }

div.fighterentry div { position: absolute; }

div.fighterentrytext { width: 79px; height: 79px; margin: 3px 3px; pointer-events: none; display: flex; align-items: flex-end; justify-content: center; line-height: 15px; font-size: 12px; text-align: center; color: white; text-shadow: -1px 0 0.2em black, 0 1px 0.2em black, 1px 0 0.2em black, 0 -1px 0.2em black; }

/* Stuff for the main page's layout */

.mp-content-table { width: 100%; background: #FEFEFF; /* Body background color	*/ border: 1px solid #b44335; /* Main border color		*/ margin: 0.5em 0; }

.mp-content-header { font-size: 140%; padding: 0.5em 0; color: #fff; background: #b44335; /* Header background color */ border: none; border-bottom: 1px solid #b44335; /* Main border color		*/ }

.mp-content-body { padding: 0.5em; }

/* Don't wordwrap top links on main page */

.mp-content-table ul>li a.external.text, .mp-content-table ul>li>b>a { white-space: nowrap; }

.mp-content-header-alt, .mp-title-gradient { color: #fff; background: #b44335; }

.mp-content-header-alt { font-size: 140%; font-weight: bold; border: none; border-bottom: 1px solid #b44335; /* Main border color		*/ text-align: left; color: #fff; padding: 0.5em; padding-left: 0.75em; margin: -0.5em -0.5em 0px; }

/* Auto-size main page index icons */

.mp-index-icon a img { width: 100%; min-width: 64px; max-width: 128px; /* Image sizes. Re-produce larger? */	height: auto; }

.mp-giant-banner { height: 250px; }

.mp-giant-banner img { width: 100%; height: 100%; }

.usermessage { margin-bottom: 39px !important; }
 * 1) mw-js-message,

display: flex; flex-direction: row; }
 * 1) mp-layout {

flex: 0 0 550px; margin-right: 1em; }
 * 1) mp-layout #mp-left {

flex: 1 1 auto; }
 * 1) mp-layout #mp-right {

border: solid 1px #838383; margin-bottom: 1em; padding: 1em; box-shadow: 1px 1px 20px #e7b6e3; }
 * 1) mp-layout .mp-block {

background: #000000; border: none; padding: 0; text-align: center; }
 * 1) mp-layout .mp-block#battle-pass {

height: 50px; color: #e7b6e3; text-align: center; font-weight: bold; font-size: 170%; border-bottom: solid 1px #8d86a9; white-space: nowrap; }
 * 1) mp-layout .mp-heading {

text-align: center; }
 * 1) mp-layout #heroes .mp-content {

.useful-articles-layout { display: flex; flex-wrap: wrap; }

.useful-articles-layout>div { flex: 0 0 33%; word-wrap: break-word; max-width: 33%; }

.useful-articles-layout>div>div:first-child { font-weight: bold; text-align: center; }