MediaWiki:Mobile.css: Difference between revisions
Appearance
	
	
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:   |      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;  | ||
   }  |    }  | ||
| 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 14: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;
  }
}