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 2: Line 2:
   .infobox {
   .infobox {
     width: 100% !important;
     width: 100% !important;
    max-width: 270px;
    margin: 0.5em auto;
     font-size: 0.88em;
     font-size: 0.88em;
     margin: 0.5em auto;
     line-height: 1.35em;
     line-height: 1.4em;
     border-collapse: collapse;
    background: #f9f9f9;
    color: #000;
   }
   }


   .infobox td,
   .infobox td,
   .infobox th {
   .infobox th {
     display: block;
     padding: 0.25em 0.4em;
     width: 100%;
     border: 1px solid #aaa;
    box-sizing: border-box;
     vertical-align: top;
    padding: 0.3em 0.5em;
     text-align: left;
   }
   }


   .infobox th {
   .infobox th {
     background-color: #f3f3f3;
     background-color: #f3f3f3;
    font-weight: normal;
    text-align: left;
  }
  .infobox-header {
    background-color: #cedff2;
    font-weight: bold;
    text-align: center;
  }
  .infobox-subheader {
    background-color: #dee3ea;
     font-weight: bold;
     font-weight: bold;
    text-align: center;
   }
   }


Line 26: Line 41:
   }
   }


   .infobox .infobox-header {
   .infobox img {
     background-color: #cedff2;
    margin: 0 auto;
     font-weight: bold;
    display: block;
     text-align: center;
    max-width: 100%;
  }
 
  .infobox .image {
     margin-bottom: 0.3em;
  }
 
  .infobox .navbox {
     margin-top: 0.5em;
     font-size: 0.8em;
   }
   }


   .infobox .infobox-subheader {
   .infobox caption {
     background-color: #dee3ea;
     font-weight: bold;
     text-align: center;
     text-align: center;
    padding: 0.3em 0;
   }
   }
}
}

Revision as of 16:29, 24 April 2025

@media screen and (max-width: 720px) {
  .infobox {
    width: 100% !important;
    max-width: 270px;
    margin: 0.5em auto;
    font-size: 0.88em;
    line-height: 1.35em;
    border-collapse: collapse;
    background: #f9f9f9;
    color: #000;
  }

  .infobox td,
  .infobox th {
    padding: 0.25em 0.4em;
    border: 1px solid #aaa;
    vertical-align: top;
  }

  .infobox th {
    background-color: #f3f3f3;
    font-weight: normal;
    text-align: left;
  }

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

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

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

  .infobox img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
  }

  .infobox .image {
    margin-bottom: 0.3em;
  }

  .infobox .navbox {
    margin-top: 0.5em;
    font-size: 0.8em;
  }

  .infobox caption {
    font-weight: bold;
    text-align: center;
    padding: 0.3em 0;
  }
}