Mobile.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

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

.nomobile {
    display: none;
}

/* Fixes for defaults from Mobile Frontend */
/* Tables without classes should not have borders or backgrounds that are then inherited by tables that do have classes. */
table,
table > tr > td,
table > tr > th, 
table > * > tr > td,
table > * > tr > th,
.content table th,
.content table td, .content table th {
    background: none;
    border-collapse: separate;
    border-spacing: 2px;
    border: none;
}

#content {
    background: none;
}

/* Tables are tables, not blocks................... */
table {
    display: table;
}

html, body, .primary-navigation-enabled {
}

body #mw-mf-page-center,
body.navigation-enabled #mw-mf-page-center {
    background-color: #062c39;
    background-image: url("https://static.wikia.nocookie.net/flinthook_gamepedia_en/images/1/1f/Background.jpg/revision/latest");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}

div#content {
    background: rgba(0,0,0,0.9);
    border: solid 1px #ff4c72;
    margin: .5em;
    padding: .5em;
}

a,
a:visited,
a.external {
    color: #ff4c72;
}

.mwm-notice, #searchbox {
    background: rgba(0,0,0,.9);
    border: solid 1px #ff4c72;
}

.content table.wikitable {
    background: none;
    border: 1px solid #ff4c72;
    color: #dcdcdc;
}

.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
    background-color: #000;
    border: 2px solid #ff4c72;
    color: #ff4c72;
}

.content table.wikitable > tr > td,
.content table.wikitable > * > tr > td {
    background: none;
    border: 1px solid #ff4c72;
    padding: 0.2em;
}

table.infobox {
    background: #222;
    background: rgba(0,0,0,.15);
    background: linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,.02) 100%);
    border: 1px solid #ff4c72;
    border-spacing: 2px;
    width: 20em;
    float: right;
    margin: 0 0 2em 1em;
}

table.infobox > tr > td,
table.infobox > * > tr > td {
    background: none;
    padding: 0 .5em;
    text-align: right;
}

table.infobox > tr > th,
table.infobox > * > tr > th {
    background-color: rgba(255,76,114,.30);
    padding-left: .5em;
    padding-right: .5em;
}

table.infobox > tr > th.name,
table.infobox > * > tr > th.name,
table.infobox > tr > th.title,
table.infobox > * > tr > th.title {
    font-size: 120%;
    text-align: center;
}

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

table.infobox {
    background: rgba(0,0,0,.15) !important;
    border-spacing: 2px !important;
    float: none;
    margin: 0 auto 1em !important;
}

table.infobox .header {
    display: table-cell;
}

table.infobox {
    margin-right: auto;
    margin-left: auto !important;
    background: inherit;
    border: solid 1px #ff4c72;
    max-width:  21em !important;
    width: auto !important;
}