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

/* Template documentation styles */ /* If modifying these styles, be sure to update the mobile skin! */ .doc { margin: 0em auto 1em; background-color: #E7E7F3; border: 2px solid #CCCCDD; border-radius: 1em; padding: 1em; }

.doc-header { padding-bottom: 3px; border-bottom: 1px solid #CCCCDD; margin-bottom: 1ex; color: #666677; }

.doc-footer { margin: 0; background-color: #E7E7F3; color: #666677; border: 2px solid #CCCCDD; border-radius: 1em; padding: 1em; }

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */ /* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */ .desktopleft {   text-align: left; }

.desktopcenter { text-align: center; }

.desktopright { text-align: right; }

/* Front page structure */ .fpmain { width: 100%; overflow: hidden; }

.fpbox { margin: 5px; padding: 5px; overflow: auto; }

.fpbox.plain { background: transparent; border: none; box-shadow: none; }

.fpbox .heading, .fpbox .mainheading, .fpbox .welcome { margin: 0 0 10px; padding: 0 0 5px; overflow: auto; }

.fpbox .mainheading, .fpbox .welcome { font-size: 150%; font-weight: bold; }

.fpbox .heading { text-align: center; font-size: 132%; }

.linkslabel { margin: 15px 5px 5px; padding: 0 0 5px; }

/* Template:FP links styles */ .fplinks { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; text-align: center; }

.fplink-outer { padding: 5px; flex-basis: calc(25% - 10px); width: calc(25% - 15px); min-width: 115px; display: inline-block; vertical-align: middle; }

.fplink-wide { flex-basis: calc(33% - 10px); width: calc(33% - 15px); }

.fplink-fullwidth { flex-basis: 100%; width: calc(100% - 15px); font-weight: bold; }

.fplink { padding: 0.5em; box-sizing: border-box; width: 100%; height: 100%; display: table; }

.fplink-plain { background: transparent; border-radius: 0; border: 0; box-shadow: none; }

.fplink-inner { display: table-row; }

.fplink a { display: table-cell; vertical-align: middle; }

.fplink img { max-width: 150px; width: 100%; height: auto; }

/* Auto-resize front page video to fit smaller columns */ .fpbox .embedvideowrap { width: 100%!important; max-width: 480px; margin: 0 auto; }

.fpbox .embedvideowrap iframe { width: 100%!important; }

/* Prevent sitenotice show/hide toggle from moving page contents down after pageload */ .globalNotice { margin: 0px; padding: 0px; }

.globalNotice .globalNoticeDismiss { float: right; }

/* Mark external links with local targets as plain */ background: none; padding-right: 0; }
 * 1) content a.external[href^="https://twinsuniverse.gamepedia.com"],
 * 2) content a.external[href^="//twinsuniverse.gamepedia.com"] {

/* Prevent page jump from the toolbar loading */ .client-js #editform { /* To disable margin collapsing */ overflow: hidden; }

.client-js .mw-editform > #wpTextbox1 { margin-top: 73px; }

.mw-editform .wikiEditor-ui-top { min-height: 72px; }

/* ****************** */ /* OLD PLATFORM BELOW */ /* ****************** */

/* CATEGORY TREE */ list-style-type: none; }
 * 1) mw-subcategories ul {

display: block; }
 * 1) mw-subcategories ul li {

/* LAST UPDATE */ table.lastupdate { border-radius: 18px; -moz-border-radius: 18px; background: lightblue; margin: 12px auto; width: 70%; }

table.lastupdate td.lastupdate-left { padding: 10px; width: 240px; text-align: center; }

table.lastupdate td.lastupdate-right { border: solid 10px lightblue; border-radius: 18px; -moz-border-radius: 18px; background: #ffffff; padding: 12px; }

/* MAIN-NAVIGATOR */ table.mainnavigator { border-spacing: 10px; margin: auto; }

/* INFOBOX */ table.infobox { border: solid 2px; border-spacing: 4px; border-radius: 12px; -moz-border-radius: 12px; padding: 0px; min-width: 240px; text-align: left; }

table.infobox th { border: solid 2px; border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px; margin: 0px; padding: 2px 6px; text-align: right; vertical-align: bottom; line-height: 20px; white-space: nowrap; }

table.infobox th.title { border-radius: 8px; -moz-border-radius: 8px; background-position: 2px center; background-repeat: no-repeat; padding: 6px; padding-left: 36px; text-align: center; font-size: 130%; font-weight: bold; }

table.infobox th.subtitle { border-radius: 8px; -moz-border-radius: 8px; padding: 6px; text-align: center; font-size: 110%; font-weight: bold; }

table.infobox th.heading { border-width: 0px 0px 2px; border-radius: 0px; -moz-border-radius: 0px; text-align: left; font-weight: bold; }

table.infobox td, table.infobox td.data { margin: 0px; padding: 2px; }

table.infobox td.data { border: solid 0px; border-bottom: solid 2px; height: 24px; line-height: 20px; text-align: left; vertical-align: bottom; }

table.infobox td.image { border: solid 0px; text-align: center; }

table.infobox td.data p, table.infobox td.data sup { margin: 0px; padding: 0px; }

/* INFOBOX SIDE */ table.infobox.side { margin: 0px 0px 10px 10px; float: right; clear: both; }

/* INFOBOX TOP */ body.ns-6 #mw-content-text { position: relative; }

table.infobox.position-top { position: absolute; top: 40px; right: 0px; }

table.infobox.position-top th.title { max-width: 220px; text-align: left; white-space: normal; }

.diff-currentversion-title + .mw-parser-output table.infobox.position-top { position: static; }
 * 1) wikiPreview table.infobox.position-top,

/* INFOBOX DEFAULT THEME */ table.infobox, table.infobox th, table.infobox td.data { border-color: #cccccc; }

table.infobox th { background-color: #ccccff; color: #000000; }

table.infobox, table.infobox th.heading { background-color: #ffffff; }

/* INFOBOX THEME ICONS */ table.infobox th.theme-icon-grey { background-image: url("/images/6/6e/Orb_grey30.png"); }

table.infobox th.theme-icon-green { background-image: url("/images/d/da/Orb_green30.png"); }

table.infobox th.theme-icon-red { background-image: url("/images/f/f8/Orb_red30.png"); }

table.infobox th.theme-icon-pink { background-image: url("/images/f/f8/Orb_pink30.png"); }

table.infobox th.theme-icon-yellow { background-image: url("/images/e/e4/Orb_yellow30.png"); }

table.infobox th.theme-icon-cyan { background-image: url("/images/6/6f/Orb_cyan30.png"); }

table.infobox th.theme-icon-blue { background-image: url("/images/7/7b/Orb_navy30.png"); }

table.infobox th.theme-icon-orange { background-image: url("/images/e/e4/Orb_yellow30.png"); }

table.infobox th.theme-icon-purple { background-image: url("/images/6/61/Orb_purple30.png"); }

table.infobox th.theme-icon-dblue { background-image: url("/images/7/7b/Orb_navy30.png"); }

table.infobox th.theme-icon-navy { background-image: url("/images/7/7b/Orb_navy30.png"); }

table.infobox th.theme-icon-sand { background-image: url("/images/e/e4/Orb_yellow30.png"); }

/* ARTICLE LINK */ span.articlelink.planet a { background: transparent no-repeat; background-position: left center; padding-left: 16px; font-weight: bold; text-decoration: underline; }

span.articlelink.island a { background: transparent; font-weight: bold; text-decoration: underline; }

/* ARTICLE LINK THEMES */ span.articlelink.island.twinsun a, span.articlelink.planet.twinsun a { color: royalblue; }

span.articlelink.planet.twinsun a { background-image: url("/images/d/d3/Twinsun_icon.gif"); }

span.articlelink.island.moon a, span.articlelink.planet.moon a { color: seagreen; }

span.articlelink.planet.moon a { background-image: url("/images/6/60/Moon_icon.gif"); padding-left: 17px; }

span.articlelink.island.zeelich a, span.articlelink.planet.zeelich a { color: sienna; }

span.articlelink.planet.zeelich a { background-image: url("/images/1/16/Zeelich_icon.gif"); padding-left: 18px; }

span.articlelink.island.undergas a, span.articlelink.planet.undergas a { color: darkred; }

span.articlelink.planet.undergas a { background-image: url("/images/1/16/Zeelich_icon.gif"); padding-left: 18px; }

/* QUOTE */ table.quote { border: solid 2px; border-color: #b2b7f2 #4c615d #4c615d #b2b7f2; border-radius: 10px; max-width: 70%; line-height: 1.5em; overflow: hidden; }

table.quote td { padding: 10px; }

table.quote td.quote-body::before { color: #b2b7f2; font-family: 'Times New Roman', serif; font-size: 2.2em; font-weight: bold; line-height: 0; content: '“'; }

table.quote td.quote-body::after { color: #b2b7f2; font-family: 'Times New Roman', serif; font-size: 2.2em; font-weight: bold; line-height: 0; content: '„'; }

table.quote td.quote-body { background-color: #ebeff3; vertical-align: middle; }

table.quote td.quote-cite { padding-top: 0px; padding-bottom: 4px; font-weight: bold; font-style: italic; text-align: right; }

table.quote td.quote-cite b { white-space: nowrap; }

/* QUOTE - COMPACT */ table.quote.quote-compact { border: solid 0px; border-radius: 0px; max-width: 100%; }

table.quote.quote-compact td { padding: 3px; }

table.quote.quote-compact td.quote-image { display: none; }

table.quote.quote-compact td.quote-body::before { color: black; font-size: 1.2em; }

table.quote.quote-compact td.quote-body::after { color: black; font-size: 1.2em; }

table.quote.quote-compact td.quote-body { border-left: solid 5px #cccccc; background-color: transparent; }

table.quote.quote-compact td.quote-cite { padding-left: 20px; padding-bottom: 0px; text-align: left; }

table.quote.quote-compact td.quote-cite b { white-space: normal; }

/* MESSAGE BOX */ table.mbox { border: solid 1px #000000; border-collapse: collapse; color: #000000; margin: 4px auto; padding: 0px 1em; max-width: 75%; }

table.mbox td { padding: 5px 10px; vertical-align: middle; }

table.mbox td:first-child { background: transparent no-repeat center; width: 50px; line-height: 40px; text-align: center; vertical-align: top; }

table.mbox td p, table.mbox td ul { margin-top: 6px; margin-bottom: 0px; }

/* MESSAGE BOX THEMES */ table.mbox.cleanup { border-color: #d1b11b; background-color: #f8f0c7; }

table.mbox.cleanup td:first-child { background-image: url("/images/1/1b/40px-Edit-clear.svg.png"); }

table.mbox.content { border-color: #ff8005; background-color: #ffe0c1; }

table.mbox.content td:first-child { background-image: url("/images/3/38/Imbox_content.png"); }

table.mbox.move { border-color: #b700b7; background-color: #ffe1ff; }

table.mbox.move td:first-child { background-image: url("/images/1/11/Imbox_move.png"); }

table.mbox.notice { border-color: #62b0f6; background-color: #e0eef7; }

table.mbox.notice td:first-child { background-image: url("/images/3/31/Imbox_notice.png"); }

table.mbox.protect { border-color: #66727f; background-color: #e3e6e8; }

table.mbox.protect td:first-child { background-image: url("/images/9/90/Imbox_protection.png"); }

table.mbox.warning { border-color: #c31c1c; background-color: #fce0e0; font-size: 100%; }

table.mbox.warning td:first-child { background-image: url("/images/e/e5/Imbox_warning.png"); }

table.mbox.delete { border-color: #ff0000; background-color: #ffd2d2; }

table.mbox.delete td:first-child { background-image: url("/images/9/99/Imbox_delete.png"); }

table.mbox.disambig { border-color: #000000; background-color: #e2e2e2; }

table.mbox.disambig td:first-child { background-image: url("/images/a/a3/Imbox_disambig.png"); }

/* DIFF */ table.diff { padding: 0.5em; }

td.diff-addedline { background-color: #d8e4f6; }

td.diff-addedline span.diffchange { background-color: #b0c0f0; color: #001040; font-weight: bold; }

td.diff-deletedline { background-color: #e4f6d8; }

td.diff-deletedline span.diffchange { background-color: #b0e897; color: #104000; font-weight: bold; }