MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1: Line 1:
/* ===== Infobox (Person) base styles ===== */
/* CSS for Infoboxes */
.infobox {
.infobox {
  width: 100%;
    border: 1px solid #aaa;
  max-width: 320px;
    background-color: #f9f9f9;
  font-size: 90%;
    color: black;
  line-height: 1.45;
    margin: 0.5em 0 0.5em 1em;
  color: #202122;
    padding: 0.2em;
  background: #f8f9fa;
    float: right;
  border: 1px solid #a2a9b1;
    clear: right;
  border-collapse: collapse;
    width: 22em;
  margin: 0 0 1em 1em;   /* float right on desktop */
    font-size: 88%;
  float: right;
    line-height: 1.5em;
  clear: right;
}
}


.infobox caption,
.infobox-title {
.infobox .infobox-header {
    font-size: 125%;
  text-align: center;
    font-weight: bold;
  font-weight: 700;
    text-align: center;
  background: #eaecf0;
    background-color: #ccf;
  padding: .6em;
    padding: 0.2em;
}
}


.infobox td, .infobox th {
.infobox-image {
  border-top: 1px solid #a2a9b1;
    text-align: center;
  padding: .35em .6em;
    padding: 0.3em;
  vertical-align: top;
}
}


.infobox .infobox-image {
.infobox-heading {
  text-align: center;
    background-color: #ddf;
  padding: .6em;
    text-align: center;
    font-weight: bold;
}
}


.infobox .infobox-caption {
.infobox-label {
  text-align: center;
    width: 30%;
  font-size: 85%;
    padding: 0.2em;
  padding-top: .3em;
    vertical-align: top;
  color: #54595d;
    text-align: left;
    font-weight: bold;
}
}


.infobox .nowrap { white-space: nowrap; }
.infobox-data {
 
     width: 70%;
/* Mobile: center the box, don’t float */
     padding: 0.2em;
@media (max-width: 768px) {
     vertical-align: top;
  .infobox {
     float: none;
     margin: 0 auto 1em;
     max-width: 100%;
  }
}
}