MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

.test-attr2 { color: yellow; }

.portable-infobox-base, .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; }

.portable-infobox-absolute { position: relative; overflow: hidden; }

.pi-title { position: relative; vertical-align: bottom; text-align: center; background: white !important; transform: translateY(-45px); z-index: 100; }

.pi-title > h2 { position: absolute; }

.pi-image { background-position: center; }

.pi-item { background-color: #f8f9fa; }

.pi-data { clear: both; }

.pi-data-label { position: absolute; display: inline; font-size: 100% !important; line-height: 100% !important; transform: translateY(-35%); }

.pi-data-value { position: relative; display: inline-block; left: 50%; width: 50%; }

.pi-navigation, .pi-data, .pi-data-label, .pi-data-value { overflow-wrap: break-word; }

.pi-header-absolute { position: absolute; left: inherit; overflow: hidden; background: unset; transform: translateY(-42.5px); width: 100%; z-index: 101; }

.pi-header, .pi-navigation, .pi-group, .pi-data, .pi-image, .pi-caption, .infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image, .infobox-navbar, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td { vertical-align: top; margin: 2.5px; }

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

.pi-title, .pi-caption, /* Remove .infobox when element selectors above are removed */ .infobox .infobox-above, .infobox .infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption { font-size: 125%; font-weight: bold; text-align: center; }

.pi-caption,

.infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption { padding: 0.2em; }

.pi-header, .pi-image, .pi-navigation, /* 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; }

.pi-section-navigation, .pi-media-collection-tabs { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-box-orient: horizontal; -webkit-box-orient: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; width: 100%; }

.portable-infobox .pi-section-navigation, .portable-infobox .pi-media-collection-tabs { margin: 0 -1px; padding: 2px 0 1px; list-style: none; text-align: center; }

.client-nojs .pi-section-navigation { display: none; }

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link { border-width: 1px; border-style: solid; border-color: #eaecf0; box-sizing: border-box; cursor: pointer; display: inline-block; margin: -1px -1px 0 0; max-width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; }

.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: #eaecf0; font-weight: bold; }

.client-js .pi-section-content { display: none; }

.client-js .pi-section-content.pi-section-active { display: block; }

.pi-media-collection { overflow: hidden; margin: 0px; }

.client-nojs .pi-media-collection-tabs { display: none; }

.pi-media-collection-tab-content { display: none; }

.pi-media-collection-tab-content.current { display: block; }

@media screen and (max-width: 720px) { .pi-section-navigation li li { flex: 1 50%; } }