Jump to content

MediaWiki:Common.css: Difference between revisions

From WikiChilopoda
No edit summary
No edit summary
 
(42 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
.infobox {
.infobox {
   float: right;
   float: right;
   clear: right;
   clear: right;
   width: 280px;
   margin: 0.5em;
   margin: 0 0 1em 1em;
   width: 260px;
   border: 1px solid #aaa;
   border: 1px solid #a2a9b1;
   background: #f9f9f9;
   background: #f8f9fa;
   font-size: 90%;
   font-size: 88%;
   border-spacing: 0;
   line-height: 1.45;
   border-collapse: collapse;
   padding: 0.2em;
  line-height: 1.2;
}
}


/* Top scientific name bar */
.infobox-title {
.infobox-title {
   background: #f2f2ce;
   background: #f2f2ce;
  text-align: center;
  font-weight: bold;
   font-size: 110%;
   font-size: 110%;
   font-weight: bold;
}
 
.infobox-image {
   background: #f8f9fa;
   text-align: center;
   text-align: center;
   padding: 6px 4px; /* vertical + horizontal padding inside bar */
   width: 250px;
  margin: 0 auto;
}
}


/* Section headers */
.infobox-image img {
.infobox-header {
  width: 250px;
   background: #e6e6cc;
  height: auto;
  display: block;
  margin: 0 auto;
}
 
.infobox-section {
   background: #f2f2ce;
  text-align: center;
   font-weight: bold;
   font-weight: bold;
  text-align: center;
   font-size: 110%
  padding: 4px 4px;  /* vertical + horizontal padding */
   font-size: 95%;
}
}


/* Table cells */
.infobox td {
.infobox td {
  padding: 2px 6px; /* space inside each table cell */
   vertical-align: top;
   vertical-align: top;
}
}


/* Narrow label column */
.infobox td:first-child {
.infobox td:first-child {
   width: 40%;
   width: 40%;
   font-weight: normal;
   white-space: nowrap;
}
}


/* Value column */
.binomial-name {
.infobox td:last-child {
  width: 60%;
}
 
/* Image area */
.infobox-image {
   text-align: center;
   text-align: center;
   background: #f9f9f9; /* same as table background */
   font-style: italic;
   padding: 0;           /* no extra box around image */
   font-weight: bold;
  font-size: 110%;
}
}


/* Image caption */
.binomial-name .authority {
.infobox-caption {
   font-style: normal;
  font-size: 90%;
   font-weight: normal;
  line-height: 1.2;
  text-align: center;
  padding-top: 2px;
}
 
/* Binomial section */
.infobox-binomial {
  text-align: center;
  font-size: 105%;
   font-style: italic; /* match Wikipedia style */
  padding: 2px 0;
}
 
/* Authority text */
.infobox-authority {
   font-size: 90%;
  text-align: center;
  padding-bottom: 2px;
}
}

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;
}