Hello there! We are conducting a survey to better understand the user experience in making a first edit. If you have ever made an edit on Gamepedia, please fill out the survey. Thank you!

MediaWiki:Mobile.css

From Civilization: Beyond Earth Wiki
Jump to: navigation, search

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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; /* if you require sections that are not displayed in the mobile view, this should be paired with a "mobileonly" class specified in the main css file */
}

/* *** Begin section mainly for dark wikis ***  */
a.watch-this-article {
    background-image: url("https://commons.gamepedia.com/media/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */
}

/* search header */
.pre-content #page-actions {
    background: none;
}

.overlay .overlay-header-container {
}

.search-overlay .overlay-header,
.search-overlay .results {
}

.search-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

ul.suggestions-results,
ul.suggestions-results li {
    background: none;
    color: #ffffff;
}

ul.suggestions-results li.suggestions-result {
    color: #ffffff;
}

/* general header */
#mw-mf-header form,
#mw-mf-sq {
}
/* *** End section mainly for dark wikis *** */

/* non-content area */
#mw-mf-page-center,
body.navigation-enabled #mw-mf-page-center {
    background-image: url(/media/2/26/Background.png);
    background-position: center top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-color: #000000;
    background-size: auto;
    color: #ffffff;
}

.header {
    margin: -0.38em -0.38em 0;
    width: calc(100% + .76em);
}

.header,
.pre-content {
    background: rgba(0,0,0,.65);
}

.header,
.pre-content,
#section_0,
.header #mw-mf-main-menu-button,
.header #secondary-button.user-button {
    border-color: rgba(255,255,255,.2);
}

#footer {
    border-top: none;
    color: #ffffff;
}

#footer a {
    color: #3fe088;
}

#footer h2 {
    color: #ffffff;
}

/* content area */
#content_wrapper {
    background: none;
    border: none;
    color: #ffffff;
}

#content {
    margin: .5em;
    padding: .5em;
    background: rgba(0,0,0,.65);
}

a,
a.external {
    color: #3fe088;
}

h1, h2, h3, h4, h5, h6 {
    background: none;
    color: #ffffff;
}

.thumb,
#content_wrapper .thumb {
    background: rgba(255,255,255,.07);
    border-color: transparent;
}

/* Unclassed tables should not have any visible style */

.content table {
    border: none;
}

.content table th,
.content table td {
    border: none;
    background: none;
}

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

table.wikitable td {
    border: none;
    background: rgba(255, 255, 255, .07);
}

table.wikitable th {
    background: rgba(255, 255, 255, .14);
    border: none;
}

.mwm-notice,
#searchbox {
    background: transparent;
    border: 2px solid <border-color>;
    border-radius: 5px 5px 5px 5px;
}

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

a.back_to_top,
a.back_to_top:visited {
    margin-top: 7px;
}

pre {
    background: rgba(255,255,255,.07);
    border: dashed 1px rgba(255,255,255,.07);
    color: #ffffff;
}

.content .infoboxtable {
    margin: 1em auto !important;
    border-spacing: 2px !important;
    border-collapse: separate !important;
    width: auto !important;
    display: table;
}

.content .infoboxtable > tr > th,
.content .infoboxtable > * > tr > th {
    background: rgba(255,255,255,.14) !important;
}

.content .infoboxtable > tr > td,
.content .infoboxtable > * > tr > td {
    background: rgba(255,255,255,.07);
}

.infoboxname {
    font-size: 120%;
}















.notification-count {
   background: transparent;
}