User:Augrunga/common.css

/* Testing grounds for format stuff */

/* Link colors: more pink with dull grayish-pink color for visited links */

a.new:link { color: #f9314f }

a:link { color: #C777CC }

a:visited { color: #c7abc3 }

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

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

div.supportentry div { position: absolute; }

div.supportentrytext { width: 66px; height: 66px; margin: 3px 3px; pointer-events: none; display: flex; align-items: flex-end; justify-content: center; line-height: 15px; font-size: 11px; 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; }

/* Better CargoTable colors */

table.cargoTable td.odd { background: #354f4d; }

table.cargoTable td.even { background: #426360; }

/* Tabber customization */

ul.tabbernav { font-size: 10px; display: flex; justify-content: center; }

.tabber .tabbertab { border: none; }

.mw-collapsible td { padding: 0px; padding-top: 6px; }

/* For Mechanics Nav */

.hlist ul { margin: 0; }

.hlist li { display: inline; margin: 0; white-space: nowrap; }

.hlist li:after { content: " ·"; font-weight: bold; color: white; }

.hlist li:last-child:after { content: none; }

.hlist .navbox-group { padding: 6px 12px 1px 12px; }