MediaWiki:Mobile.css: Difference between revisions

From Starfield Fans Wiki
No edit summary
No edit summary
Line 3: Line 3:
/* Frontpage Announcement Header */
/* Frontpage Announcement Header */
div.nodesktop table.frontpage-announcement-mobile-outer {
div.nodesktop table.frontpage-announcement-mobile-outer {
   margin-top: 0px !important;
   margin-top: 0px;
   margin-bottom: 0px !important;
   margin-bottom: 0px;
}
}



Revision as of 10:30, 28 August 2023

/* 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;
   display: block!important;
   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;
   display: block!important;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
   display: block!important;
}
.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;
    display: block!important;
}