Infobox css

/* Infobox template style */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; width: 22em; }

/* not strictly certain these styles are necessary

* just replicating the module faithfully
*/

.infobox-subbox { padding: 0; border: none; margin: -3px; width: auto; min-width: 100%; font-size: 100%; clear: none; float: none; background-color: transparent; }

.infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image, .infobox-navbar, /* Remove element declaration when both a) infobox3cols is migrated and

* b) when every .infobox thing is using the standard module/templates  */

.infobox th, .infobox td { vertical-align: top; }

.infobox-label, .infobox-data, /* Remove element declaration when both a) infobox3cols is migrated and

* b) when every .infobox thing is using the standard module/templates  */

.infobox th, .infobox td { /* @noflip */ text-align: left; }

/* remove .infobox when th, td above are removed */ .infobox .infobox-above, .infobox .infobox-title, /* Remove element declaration when both a) infobox3cols is migrated and

* b) when every .infobox thing is using the standard module/templates  */

.infobox caption { font-size: 125%; font-weight: bold; text-align: center; }

.infobox-title, /* Remove element declaration when both a) infobox3cols is migrated and

* b) when every .infobox thing is using the standard module/templates  */

.infobox caption { padding: 0.2em; }

/* remove .infobox when th, td above are removed */ .infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below { text-align: center; }

/* remove .infobox when th, td above are removed */ .infobox .infobox-navbar { /* @noflip */ text-align: right; }

.infobox.bordered { border-collapse: collapse; }

/* TODO split definitions to appropriate class names when live from HTML element */ .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; }

/* TODO split definitions to appropriate class names when live from HTML element */ .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* styles for bordered infobox with merged rows */ /* TODO split definitions to appropriate class names when live from HTML element */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; }

/* TODO split definitions to appropriate class names when live from HTML element */ .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; /* @noflip */ border-right: 1px solid #a2a9b1; }

/* Styles for geography infoboxes, eg countries,

  country subdivisions, cities, etc.            */

.infobox.geography { border-collapse: collapse; line-height: 1.2em; font-size: 90%; }

/* TODO split definitions to appropriate class names when live from HTML element */ .infobox.geography td, .infobox.geography th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.4em 0.6em; }

/* TODO split definitions to appropriate class names when live from HTML element */ .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.2em 0.6em; }

/* TODO split definitions to appropriate class names when live from HTML element */ .infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; }

/* TODO split definitions to appropriate class names when live from HTML element */ .infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: 1px solid #a2a9b1; padding: 0 0.6em 0.4em 0.6em; }

/* TODO split definitions to appropriate class names when live from HTML element */ .infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; }