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

/***************** /*  Container   * /*****************/

.darkbox { background: #545454; color: white; }

.darkbox-title { color: blue; font-size: 4; }

.characterbox { background: #616b7c; color: white; }

.characterbox-spheromancer { background: #830905; color: white; }

.characterbox-pentafist { background: #994b04; color: white; }

.characterbox-triblader { background: #1f6d1b; color: white; }

.characterbox-quadroguard { background: #1c246c; color: white; }

.characterbox-hexacast { background: #571b6d; color: white; }

/********************************
 * Used by Template:ItemLink *

.itemLinkLevel { text-align: center; background-color: #E7E7E7; border: 1px solid #AAA; border-radius: 6px; color: #6D6D6D; display: inline-block; width: 28px; height: 22px; margin-right: 2px; line-height: 22px; font-size: 10px; }

.itemLinkLevel.ascended { background-color: #FFA20C; border-color: #C66B00; color: #FFF; }

.itemLinkLevel sub { margin-left: 1px; }

.itemLinkIcon, .itemLinkFood { display: inline-block; margin-right: 2px; }

.itemLinkIcon.ascended { margin-top: -1px; margin-bottom: -1px; }

.itemLinkFood { width: 32px; text-align: center; }

/***************
 * End ItemLink *

/********************************* .pi-image { /**	 * This should be in: * - https://github.com/Wikia/unified-platform/tree/master/extensions/fandom/PortableInfobox/styles/PortableInfoboxMixins.scss * - https://github.com/Wikia/app/tree/master/extensions/wikia/PortableInfobox/styles/PortableInfoboxMixins.scss */	margin: 0; }
 * Portable Infobox Common Styles *

.portable-infobox.pi-theme-crosscode .pi-data-value:only-child { flex-basis: 100%; flex-grow: 1; }

.portable-infobox.pi-theme-crosscode.type-character .pi-caption { text-align: left; }

/********************************** .portable-infobox.pi-theme-crosscode { background-color: #000; color: #DDD; }
 * Portable Infobox Desktop Styles *

.portable-infobox.pi-theme-crosscode .pi-title, .portable-infobox.pi-theme-crosscode .pi-secondary-font { color: #FFF; }

.portable-infobox.pi-theme-crosscode .pi-title, .portable-infobox.pi-theme-crosscode .pi-header { text-align: center; }

.portable-infobox.pi-theme-crosscode .pi-image { margin: 0; }

.portable-infobox.pi-theme-crosscode .pi-caption { color: inherit; text-align: center; }

.portable-infobox.pi-theme-crosscode .pi-data-label { padding-top: 0; }

/* type="character" */ .portable-infobox.pi-theme-crosscode.type-character .pi-title, .portable-infobox.pi-theme-crosscode.type-character .pi-header { background-color: var(--theme-characterbox-background); }

.portable-infobox.pi-theme-crosscode.type-character { --theme-characterbox-background: #616b7c; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Spheromancer { --theme-characterbox-background: #830905; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Triblader { --theme-characterbox-background: #1f6d1b; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Quadroguard { --theme-characterbox-background: #1c246c; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Pentafist { --theme-characterbox-background: #994b04; }

.portable-infobox.pi-theme-crosscode.type-character.pi-theme-Hexacast { --theme-characterbox-background: #571b6d; }

/* type="enemy" */ .portable-infobox.pi-theme-crosscode.type-enemy .pi-image { padding-bottom: 1em; padding-top: 1em; }

/*********************** /*************************
 * End Portable Infobox *
 * Front page (FP) styles *

.fpbox { background: rgba( 0, 0, 0, .1 ); padding: 0.5em; box-shadow: rgba(0, 0, 0, 1) 0 0.1em 0.5em; border-radius: 0.3em; margin:10px 5px; border:1px solid rgb(23,109,112); }

text-align:center; }
 * 1) mf-welcome {

height:calc(100% - 35px); display:flex; align-items:center; }
 * 1) fpvideocontainer {

display:flex; flex-flow:row wrap; }
 * 1) fptopsection,
 * 2) fpmidsection {

flex:1 }
 * 1) fpabout {

.fpbox.fpcontent { display:flex; flex-direction:column; flex-grow:1; }

/****************
 * End FP styles *