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:
/* Make infoboxes responsive on MinervaNeue */
@media screen and (max-width: 720px) {
.infobox {
  .infobox td,
  width: 100%;
  .infobox th {
  font-size: 0.95em;
    display: block;
  margin: 0 auto;
    width: 100%;
  clear: both;
    box-sizing: border-box;
}
    padding: 6px 10px;
    text-align: left;
  }


.infobox td,
  .infobox th {
.infobox th {
    background-color: #f3f3f3;
  display: block;
    font-weight: bold;
  width: 100%;
   }
  box-sizing: border-box;
  padding: 6px 10px;
   text-align: left;
}


.infobox-label {
  .infobox td {
  font-weight: bold;
    background-color: #fff;
   padding-top: 10px;
   }
}


.infobox-data {
  .infobox .mergedtoprow td,
  padding-bottom: 10px;
  .infobox .mergedtoprow th {
    border-top: 0;
  }
}
}

Revision as of 16:25, 24 April 2025

@media screen and (max-width: 720px) {
  .infobox td,
  .infobox th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    text-align: left;
  }

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

  .infobox td {
    background-color: #fff;
  }

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