MediaWiki:Mobile.css

From Starfield Fans Wiki
Revision as of 11:24, 28 August 2023 by Test123 (talk | contribs)

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.
/* All CSS here will be loaded for users of the mobile site */

/* Frontpage Announcement Header */
div.nodesktop table.frontpage-announcement-mobile-outer {
  margin-top: 0px;
  margin-bottom: 0px;
}

tr > td > table.frontpage-announcement-mobile-inner {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 1px solid #020202;
}

/* Frontpage Tables on Mobile */
table.frontpage-mobile-table-outer {
  margin-top: 0px;
  margin-bottom: 0px;
}

tr > td > table.frontpage-mobile-table {
  margin-top: 2px;
  margin-bottom: 2px;
  border: 1px solid #020202;
}

/* Old Infobox template style - NOT WORKING on Mobile*/
.infobox {
   border: 1px solid #020202;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.1em!important;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th,
.infobox tr,
.infobox tbody {
   vertical-align: top;
   flex: 0 0 1!important;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #020202;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}


/* remove header on main page (Starfield Wiki) */
body.page-Starfield_Wiki header.mw-body-header { 
  display: none;
}
body.page-Starfield_Wiki h1#firstHeading {
  display: none;
}


/* remove the empty space below the search bar and above the content  */
div.vector-sitenotice-container { 
  display: none;
}

/*Important: Show only mobile ad code on mobile*/
.nomobile {
  display: none !important;
}


.infobox tbody > tr > th, .infobox tbody > tr > td {   
    min-width: 100px;
}