MediaWiki:Common.css: Difference between revisions
(setting up some additional infobox css styling according to https://stackoverflow.com/questions/27801082/how-do-you-make-infoboxes-in-mediawiki answer 28) |
mNo edit summary |
||
Line 2: | Line 2: | ||
.infobox { | .infobox { | ||
border: | border: 2px solid #a2a9b1; | ||
border-spacing: 3px; | border-spacing: 3px; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; |
Revision as of 16:34, 19 April 2024
/* CSS placed here will be applied to all skins */ .infobox { border: 2px 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; } .infobox-table th { text-align: right; vertical-align: top; width: 120px; } .infobox-table td { vertical-align: top; } .infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image { text-align: center; }, .infobox-navbar, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox-label, .infobox-data, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td { /* @noflip */ text-align: left; } /* Remove .infobox when element selectors above are removed */ .infobox .infobox-above, .infobox-title { font-size: 2em; text-align: center; } /* Remove element selector 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 selector when every .infobox thing is using the standard module/templates */ .infobox caption { padding: 0.2em; } /* Remove .infobox when element selectors 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 element selectors above are removed */ .infobox .infobox-navbar { /* @noflip */ text-align: right; }