Jump to content

MediaWiki:Mobile.css: Difference between revisions

From Shark's Hypothetical Weather
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 1: Line 1:
@media screen and (max-width: 720px) {
@media screen and (max-width: 720px) {
  .infobox {
    width: 100% !important;
    font-size: 0.88em;
    margin: 0.5em auto;
    line-height: 1.4em;
  }
   .infobox td,
   .infobox td,
   .infobox th {
   .infobox th {
Line 5: Line 12:
     width: 100%;
     width: 100%;
     box-sizing: border-box;
     box-sizing: border-box;
     padding: 6px 10px;
     padding: 0.3em 0.5em;
     text-align: left;
     text-align: left;
   }
   }
Line 12: Line 19:
     background-color: #f3f3f3;
     background-color: #f3f3f3;
     font-weight: bold;
     font-weight: bold;
  }
  .infobox td {
    background-color: #fff;
   }
   }


Line 21: Line 24:
   .infobox .mergedtoprow th {
   .infobox .mergedtoprow th {
     border-top: 0;
     border-top: 0;
  }
  .infobox .infobox-header {
    background-color: #cedff2;
    font-weight: bold;
    text-align: center;
  }
  .infobox .infobox-subheader {
    background-color: #dee3ea;
    text-align: center;
   }
   }
}
}

Revision as of 16:27, 24 April 2025

@media screen and (max-width: 720px) {
  .infobox {
    width: 100% !important;
    font-size: 0.88em;
    margin: 0.5em auto;
    line-height: 1.4em;
  }

  .infobox td,
  .infobox th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.3em 0.5em;
    text-align: left;
  }

  .infobox th {
    background-color: #f3f3f3;
    font-weight: bold;
  }

  .infobox .mergedtoprow td,
  .infobox .mergedtoprow th {
    border-top: 0;
  }

  .infobox .infobox-header {
    background-color: #cedff2;
    font-weight: bold;
    text-align: center;
  }

  .infobox .infobox-subheader {
    background-color: #dee3ea;
    text-align: center;
  }
}