MediaWiki:Common.css: Difference between revisions

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

@@ Line 1: / Line 1: @@
-/* CSS placed here will be applied to all skins */
-/* Overall infobox table */
 .infobox {
    float: 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;
-   font-family: "Segoe UI", "Arial", sans-serif;
 }
-/* Table cells */
+.infobox-title {
-.infobox td, .infobox th {
+   background: #f2f2ce;
-   padding: 4px 6px;
+   text-align: center;
-   vertical-align: top;
+  font-weight: bold;
-   border: 0;
+   font-size: 110%;
 }
-/* Narrow label column */
-.infobox td:first-child {
-  width: 40%;
-  font-weight: normal;
-}
-/* Value column */
-.infobox td:last-child {
-  width: 60%;
-}
-/* Image area */
 .infobox-image {
+  background: #f8f9fa;
    text-align: center;
-   background: #f9f9f9;
+   width: 250px;
-   padding: 4px 0; /* small vertical spacing like Wikipedia */
+   margin: 0 auto;
 }
-/* Image caption */
+.infobox-image img {
-.infobox-caption {
+   width: 250px;
-   font-size: 90%;
+   height: auto;
-   line-height: 1.2;
-  text-align: center;
    display: block;
-   margin-top: 2px;
+   margin: 0 auto;
 }
-/* Top scientific name bar */
+.infobox-section {
-.infobox-title {
-  display: inline-block;       /* shrink to content */
    background: #f2f2ce;
-   font-size: 110%;
+   text-align: center;
    font-weight: bold;
-   text-align: center;
+   font-size: 110%
-  padding: 4px 12px;
-  border-radius: 2px;
-  margin: 2px auto;
 }
-/* Section headers (yellow bars like 'Scientific classification') */
+.infobox td {
-.infobox-header {
+   vertical-align: top;
-   display: inline-block;
-  background: #e6e6cc;
-  font-weight: bold;
-  text-align: center;
-  padding: 3px 10px;
-  border-radius: 2px;
-  font-size: 95%;
-  margin: 2px auto;
 }
-/* Center the inline-block bars */
+.infobox td:first-child {
-.infobox th.infobox-title,
+  width: 40%;
-.infobox th.infobox-header {
+   white-space: nowrap;
-   text-align: center;
 }
-/* Binomial section */
+.binomial-name {
-.infobox-binomial {
    text-align: center;
-  font-size: 105%;
    font-style: italic;
-   padding: 2px 0;
+   font-weight: bold;
+  font-size: 110%;
 }
-/* Authority text */
+.binomial-name .authority {
-.infobox-authority {
+   font-style: normal;
-   font-size: 90%;
+   font-weight: normal;
-   text-align: center;
-  padding-bottom: 2px;
-}
-/* Add subtle spacing between rows like Wikipedia */
-.infobox tr {
-  vertical-align: top;
-}
-/* Optional: border under the image to separate sections (Wikipedia style) */
-.infobox-image + tr {
-  border-top: 1px solid #aaa;
 }