MediaWiki:Mobile.css: Difference between revisions

From Starfield Fans Wiki
No edit summary
No edit summary
 
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* All CSS here will be loaded for users of the mobile site */


tr > td > table.frontpage-mobile {
/* 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-top: 2px;
   margin-bottom: 2px;
   margin-bottom: 2px;
  border: 1px solid #020202;
}
}


Line 11: Line 30:
   background-color: #f9f9f9;
   background-color: #f9f9f9;
   color: black;
   color: black;
  display: block!important;
   margin-bottom: 0.1em!important;
   margin-bottom: 0.1em!important;
   margin-left: 1em;
   margin-left: 1em;
Line 22: Line 40:
.infobox tr,
.infobox tr,
.infobox tbody {
.infobox tbody {
   vertical-align: top;
   vertical-align: top;
   display: block!important;
}
.content .infobox tbody > tr > td, .content .infobox tbody > tr > th{
  flex: inherit!important;
  border-bottom:none!important;
}
 
.infobox  tr  th{
  text-align:center!important;
}
 
 
.infobox tbody > tr {
   border-bottom:1px solid #eaecf0!important;
}
}
.infobox caption {
.infobox caption {
   font-size: larger;
   font-size: larger;
   margin-left: inherit;
   margin-left: inherit;
  display: block!important;
}
}
.infobox.bordered {
.infobox.bordered {
Line 65: Line 94:
.infobox tbody > tr > th, .infobox tbody > tr > td {   
.infobox tbody > tr > th, .infobox tbody > tr > td {   
     min-width: 100px;
     min-width: 100px;
    display: block!important;
}
 
/* Removes the long search result menu on mobile */
fieldset#mw-searchoptions {
  display: none !important;
}
}

Latest revision as of 19:18, 30 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;
   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;  
}
.content .infobox tbody > tr > td, .content .infobox tbody > tr > th{
   flex: inherit!important;
   border-bottom:none!important;
}

.infobox  tr  th{
   text-align:center!important;
}


.infobox tbody > tr {
   border-bottom:1px solid #eaecf0!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;
}

/* Removes the long search result menu on mobile */
fieldset#mw-searchoptions {
  display: none !important;
}