MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ /* Header and footer */ .header-container.header-chrome, background: #212121; }
 * 1) mw-mf-page-center {

.nomobile { display: none; }

/* rss */ .rss_item { border: 1px solid #666666; box-shadow: none; }

.rss_previous { background-color: rgba(169,213,240,0.7); border-radius: 10px; display: inline-block; padding: 5px; }

display: none; }
 * 1) fprss div.rss_item:nth-child(n+5) {

display: none; }
 * 1) fprss-expand .mw-collapsible-content > div.rss_item:nth-child(1) {

display: none; }
 * 1) fprss-expand .mw-collapsible-content > div.rss_item:nth-child(2) {

display: none; }
 * 1) fprss-expand .mw-collapsible-content > div.rss_item:nth-child(3) {

display: inline-block; }
 * 1) fprss-expand .mw-collapsible-content > div.rss_item:nth-child(n+4) {

overflow: auto; }
 * 1) fprss {

.fprss-expand-notice { float: left; color: #d9a62e; }

/* imglnk */

.imglnk { display: inline-block; text-align: center; margin: 5px; }

.imglnk * { text-align: center; }

.imglnk .imglnk-image { margin-bottom: -30px; }

.imglnk .imglnk-text { position: relative; font-family: 'Metrophobic', Arial, sans-serif; font-weight: bold; font-size: 120%; color: #ffffff; text-align: center; text-shadow: 1px 1px 1px #404040; z-index: 1; }

.imglnk .imglnk-text > a { color: #ffffff !important; }

.banner { width: 100%; }

/* fpbox */ .fpbox { border-style: solid; border-color: gray; border-width: 1px; margin: 5px; padding: 5px; }

.fpbox .heading { border-bottom: 1px solid #505050; font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpcontent { width: 100%; overflow: hidden; z-index: 1; display: inline; }

text-align: left; }
 * 1) fpwiki * {

.fpwiki-centered { text-align: center !important; }

.fpwiki-centered * { text-align: center !important; }

.fp-image * { max-width: 500px !important; max-height: 350px !important; height: auto; margin: auto; display: flex; }

@media (max-width: 1299px) { display: flex; flex-direction: column; }
 * 1) fptopsection {

display: flex; flex-direction: column; }
 * 1) fpflexsection {

display: flex; flex-direction: column; } }
 * 1) fpbottomsection {

@media (min-width: 1300px) { float: left; width: 50%; display: flex; flex-direction: column; }
 * 1) fptopsection {

width: 50%; float: right; display: flex; flex-direction: column; }
 * 1) fpflexsection {

width: 50%; float: left; display: flex; flex-direction: column; } }
 * 1) fpbottomsection {

/* infoboxes */ .big { font-size: 16px; }

.caps { text-transform: uppercase; }

.upper { text-transform: capitalize; }

.red { color: #fb5b4e; }

.sand { color: #FFE3A4 !important; }

.green { color: #7DD573; }

.blue { color: #8CB4C2; }

.break { font-size: 7px; }

.info-flex { display: flex; flex-direction: row; flex-wrap: wrap; }

.info-empty { display: none; }

.info-noalign { float: none; }

.info-rightalign { float: right; }

.info-padding { padding: 5px; }

.info-container { background-color: #000000; border: 2px solid #1C3942; margin: 5px; padding: 5px 5px 0 5px; width: 500px; font-family: 'Metrophobic', Arial, sans-serif; }

.info-row-top { text-align: center; }

.info-row { width: 100%; }

.info-name { color: #FFE3A4; font-size: 120%; }

.info-type { font-size: 110%; }

.info-inner { color: #8CB4C2; border: 2px solid #1C3942; padding: 1px 0 1px 5px; margin-bottom: 5px; font-size: 15px; }

.info-left { float: left; }

.info-right { float: right; padding-right: 5px; }

.entry { padding: 1px 0; }

/* glyph infobox specific */ .info-image-glyph { width: 82px; }

.info-head-glyph { text-align: center; width: 350px; }

.info-name-glyph { font-size: 120%; margin-bottom: 10px; color: #8CB4C2; }

.info-type-glyph { font-size: 105%; color: #8CB4C2; }

.info-posneg { display: flex; margin-top: 2px; }

.info-posneg.info-empty { display: none; }

.info-posneg-image { padding: 5px 0; }

.info-posneg-text { font-size: 15px; padding: 6px 0 0 5px; }

/* resource infobox specific */ .info-image-resource { width: 65px; padding-bottom: 5px; vertical-align: top; }

.info-desc-resource { vertical-align: top; }

/* crafting/repair infobox specific */ .info-craft-container { width: 350px; }

.info-craft-text { font-size: 15px; padding: 6px 5px; }

/* link box specific */ .info-link-container { width: 170px; height: 150px; }

.info-link-top { vertical-align: top; }

.info-link-bottom { vertical-align: bottom; }

/* non-content area */ body { background: #000000 url(https://static.wikia.nocookie.net/everspace_gamepedia/images/9/98/Bg.jpg/revision/latest) no-repeat fixed center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #FFFFFF; }

border-top: 1px solid #505050; color: #ffffff; }
 * 1) footer {

color: #d9a62e; }
 * 1) footer a {

color: #f9f9f9; }
 * 1) footer h2 {

/* content area */

.overlay-enabled, #content { background-color: rgba(0, 0, 0, 0.8); }

a, a:visited, a.external { color: #d9a62e !important; }

.content table th { background-color: rgba(0, 0, 0, 0); }

.content table td, .content table th { border: medium none; padding: 3px; }

h1, h2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #505050; color: #f9f9f9; font-family: "Orbitron-medium" !important; }

h3, h4, h5, h6 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #f9f9f9; font-family: "Orbitron-medium" !important; }

.thumb, background: transparent; border: 2px solid rgba(0, 0, 0, 0.2); }
 * 1) content_wrapper .thumb {

table.wikitable { border: none; border-collapse: separate !important; border-spacing: 2px !important; margin: auto; margin-bottom: 1em; }

table.wikitable td { border: none; padding: 3px; background: rgba(0, 0, 0, 0); }

table.wikitable th { background: rgba(0, 0, 0, 0); border: none; padding: 3px; }

.mwm-notice, background: rgba(0, 0, 0, 0); border: 2px solid rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px; }
 * 1) searchbox {

.divclearable, a.watch-this-article, .jsEnabled #mw-mf-main-menu-button { background-color: rgba(0, 0, 0, 0); }

a.back_to_top, a.back_to_top:visited { margin-top: 7px; } /******************** /* Navbox templates * /********************/ table.navbox { border: 1px solid #666666; background: rgba(0, 0, 0, 0.25); color: #d5d5d5; clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; }

/* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

/* Base background */ .navbox, .navbox-subgroup { background: transparent; }

.navbox-list { background: transparent; /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: rgba(0, 0, 0, 0.75); color: #d5d5d5; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(0, 0, 0, 0.60); color: #d5d5d5; }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: rgba(0, 0, 0, 0.40); color: #d5d5d5; }

/* Even row striping */ .navbox-even { background: rgba(0, 0, 0, 0.30); color: #d5d5d5; }

/* Odd row striping */ .navbox-odd { background: rgba(0, 0, 0, 0.20); } .collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; }