Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Template doc) |
(Imported from Wikipedia (https://en.wikipedia.org/wiki/MediaWiki:Common.css license)) |
||
Line 11: | Line 11: | ||
background-color: #ecfcf4; | background-color: #ecfcf4; | ||
padding: 5px; | padding: 5px; | ||
+ | } | ||
+ | |||
+ | /* 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; | ||
} | } |
Revision as of 18:43, 26 August 2021
/* CSS placed here will be applied to all skins */ body.page-Main_Page.action-view h1.firstHeading { display: none !important; } .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 5px; } /* 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; }