Jump to content

MediaWiki:Common.css: Difference between revisions

From WikiChilopoda
No edit summary
Tag: Reverted
No edit summary
 
(47 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-collapse: collapse; /* collapse table borders for clean spacing */
   line-height: 1.45;
  padding: 0.2em;
}
}


/* 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: 4px 2px;
   width: 250px;
   border-bottom: 1px solid #aaa; /* subtle line under header */
   margin: 0 auto;
}
 
.infobox-image img {
  width: 250px;
  height: auto;
  display: block;
  margin: 0 auto;
}
}


/* Section headers (Scientific classification / Binomial name) */
.infobox-section {
.infobox-header {
   background: #f2f2ce;
   background: #e6e6cc;
  text-align: center;
   font-weight: bold;
   font-weight: bold;
  text-align: center;
   font-size: 110%
  padding: 3px 2px;
   font-size: 95%;
  border-top: 1px solid #aaa;    /* separates from previous content */
  border-bottom: 1px solid #aaa; /* separates from table rows below */
}
}


/* Table cells */
.infobox td {
.infobox td {
  padding: 4px 6px;
   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: #fff;
   font-style: italic;
   padding: 2px;
   font-weight: bold;
   border-bottom: 1px solid #aaa; /* subtle separation from taxonomy section */
   font-size: 110%;
}
}


/* Image caption */
.binomial-name .authority {
.infobox-caption {
   font-style: normal;
  font-size: 90%;
   font-weight: normal;
  line-height: 1.2;
}
 
/* Binomial section */
.infobox-binomial {
  text-align: center;
   font-size: 105%;
}
 
/* Authority text */
.infobox-authority {
   font-size: 90%;
}
}

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