Jump to content

MediaWiki:Common.css: Difference between revisions

From WikiChilopoda
No edit summary
No edit summary
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === Taxobox base === */
.infobox {
 
  float: right;
.infobox.taxobox {
  clear: right;
    border: 1px solid #a2a9b1;
  margin: 0.5em;
    background-color: #f8f9fa;
  width: 260px;
    color: #202122;
  border: 1px solid #a2a9b1;
    float: right;
  background: #f8f9fa;
    clear: right;
  font-size: 88%;
    margin: 0.5em 0 1em 1em;
  line-height: 1.45;
    padding: 0.2em;
  padding: 0.2em;
    width: 22em;
    font-size: 88%;
    line-height: 1.5em;
    box-sizing: border-box;
}
 
/* Title (species name at top) */
.infobox.taxobox caption {
    background-color: #f2f2ce;
    font-weight: bold;
    font-size: 125%;
    text-align: center;
    padding: 0.4em 0.2em;
}
}


/* Cells */
.infobox-title {
.infobox.taxobox th,
  background: #f2f2ce;
.infobox.taxobox td {
  text-align: center;
    padding: 0.2em 0.4em;
  font-weight: bold;
    vertical-align: top;
  font-size: 110%;
}
}


/* Left labels like Kingdom, Phylum */
.infobox-image {
.infobox.taxobox th {
  background: #f8f9fa;
    font-weight: normal;
  text-align: center;
    text-align: left;
  width: 250px;
    white-space: nowrap;
  margin: 0 auto;
}
}


/* Data cells */
.infobox-image img {
.infobox.taxobox td {
  width: 250px;
    text-align: left;
  height: auto;
  display: block;
  margin: 0 auto;
}
}


/* Yellow section headers */
.infobox-section {
.infobox.taxobox .taxobox-header {
  background: #f2f2ce;
    background-color: #f2f2ce;
  text-align: center;
    border-top: 1px solid #a2a9b1;
  font-weight: bold;
    border-bottom: 1px solid #a2a9b1;
  font-size: 110%
    font-weight: bold;
    text-align: center;
    padding: 0.3em 0.2em;
}
}


/* Binomial name emphasis */
.infobox td {
.infobox.taxobox .taxobox-binomial {
  vertical-align: top;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}
}


/* Image */
.infobox td:first-child {
.infobox.taxobox img {
  width: 40%;
    max-width: 100%;
  white-space: nowrap;
    height: auto;
    display: block;
    margin: 0.2em auto;
}
}


/* Image caption */
.binomial-name {
.infobox.taxobox .infobox-caption {
  text-align: center;
    font-size: 90%;
  font-style: italic;
    text-align: center;
  font-weight: bold;
    padding: 0.2em;
  font-size: 110%;
}
}


/* Responsive */
.binomial-name .authority {
@media screen and (max-width: 720px) {
  font-style: normal;
    .infobox.taxobox {
  font-weight: normal;
        float: none;
        margin: 0.5em auto;
        width: auto;
    }
}
}

Latest revision as of 04:23, 31 December 2025

.infobox {
  float: right;
  clear: right;
  margin: 0.5em;
  width: 260px;
  border: 1px solid #a2a9b1;
  background: #f8f9fa;
  font-size: 88%;
  line-height: 1.45;
  padding: 0.2em;
}

.infobox-title {
  background: #f2f2ce;
  text-align: center;
  font-weight: bold;
  font-size: 110%;
}

.infobox-image {
  background: #f8f9fa;
  text-align: center;
  width: 250px;
  margin: 0 auto;
}

.infobox-image img {
  width: 250px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.infobox-section {
  background: #f2f2ce;
  text-align: center;
  font-weight: bold;
  font-size: 110%
}

.infobox td {
  vertical-align: top;
}

.infobox td:first-child {
  width: 40%;
  white-space: nowrap;
}

.binomial-name {
  text-align: center;
  font-style: italic;
  font-weight: bold;
  font-size: 110%;
}

.binomial-name .authority {
  font-style: normal;
  font-weight: normal;
}