MediaWiki:Common.css

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

/* For elements which only display in the mobile view */ .mobile-only { display: none; }

/* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding: 0.25ex 1ex 0ex; font-size: 95%; }

.ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 2px auto; width: 80%; }

.ambox-gray { border-left-color: #383838; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -2px; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; }

.ambox-red { border-left: 10px solid #b22222; }

.ambox-orange { border-left: 10px solid #f28500; }

.ambox-yellow { border-left: 10px solid #f4c430; }

.ambox-purple { border-left: 10px solid #9932cc; }

.ambox-gray { border-left: 10px solid #bba; }

.ambox-green { border-left: 10px solid #228b22; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left: 0.8em; margin-top: 0.5em; }

/* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(0, 0, 0, 0); border: 1px solid #505050; color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-color: #181818; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxname { background-color: #181818; font-size: 110%; font-weight: bold; padding: 0.5em; }

.infoboxdetails { padding: 0em; }

/* copyright images tweak */ .skin-hydradark .copyright-icon { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png"); background-size: 100%; height: 32px; width: 32px; }

/* interwiki table bg fix for active entries */ .mw-interwikitable-local, .mw-interwikitable-trans { text-shadow: 1px 1px 1px #000000; }

/** * Color Pallet

Regular Backgrounds: #073163 rgba(7,49,99,.8) Solid/Dark backgrounds: #001429 Borders/Label Text: #25e8ea



/******************** * Main Page Styles * ********************/

body.page-Main_Page h1#firstHeading, body.page-World_of_Final_Fantasy_Wiki h1#firstHeading { display: none; }

body.page-Main_Page div#content, body.page-World_of_Final_Fantasy_Wiki div#content { background: none; border: none; color: #ffffff; padding: 0; text-shadow: 1px 1px 0 #000000; }

div#mp-welcome { width: 60%; text-align: center; margin: 0 auto 1em; font-size: 150%; padding: .5em; }

div#mp-layout { display: flex; }

div#mp-left, div#mp-right { display: flex; flex-direction: column; }

div#mp-layout > div { flex: auto 1 1; }

div.mp-block { display: flex; flex-direction: column; position: relative; padding: .5em 1em; }

div.mp-heading { background: #001429; border: solid 2px #25e8ea; border-radius: 1em; padding: 0 1.5em; position: absolute; top: .5em; left: 3em; z-index: 2; flex: auto 0 0; }

div.mp-content { background: rgba(7,49,99,.8); border: solid 2px #25e8ea; padding: 1em; position: relative; border-radius: 2em; flex: auto 1 0; }

div.mp-block div.mp-heading + div.mp-content { margin-top: 1em; }

div#mp-layout div#mp-twitter { flex: auto 0 0; }

/****************** * Infobox Styles * ******************/

.infobox { background: rgba(0,20,41,.5); border: solid 2px #25e8ea; border-radius: 1em; box-shadow: 0 0 .75em .25em rgba(37, 232, 234, .75) inset; float: right; padding: .75em; margin: 0 0 2em 1em; }

.infobox > table { width: 15em; }

.infobox > table > tr > th, .infobox > table > * > tr > th { text-align: left; }

.infobox > table > tr > td, .infobox > table > * > tr > td { text-align: right; }

.infobox .infobox-name { background: rgba(37, 232, 234, .5); border-radius: .25em; text-align: center; }

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

img.scalable { max-width: 100%; height:auto; } .globalNotice .globalNoticeDismiss { display: none; }