Template:DesInfobox/styles.css

.portable-infobox .pi-header, .portable-infobox .pi-title { border: 0; margin: 0; } .portable-infobox { background-color: #f8f9fa; border: 1px solid #c9cfd4; } .pi-title { font-size: 18px; line-height:28px; } .pi-item-spacing { padding: 5px 10px; } .portable-infobox > .pi-item:last-child { border-bottom: 0; } .pi-border-color { border-color: #c9cfd4; } .pi-data, .pi-data2, .pi-group { border-bottom-style: solid; border-bottom-width: 1px; } .portable-infobox .pi-secondary-font { font-size: 12px; font-weight: bold; line-height: 18px; margin-top: 0; } .pi-secondary-background { background-color:#e5ebf0; } .pi-image > p, .pi-data > p { padding: 0; margin: 0; } .pi-caption { color: gray; font-size: 12px; font-style: italic; text-align: left; word-wrap: break-word; } .pi-data { display: flex; flex-direction: row; box-sizing: border-box; overflow: hidden; width: 100%; } .pi-data2 { display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; width: 100%; } .portable-infobox .pi-data-label { margin-bottom: inherit; margin-top: 0; } .pi-data-value:not(:first-child):not(.pi-tc) { flex-basis: 180px; padding-left: 10px; } .pi-data-value { font-size: 12px; line-height: 18px; padding-left: 0; word-break: break-word; } .pi-data-label { flex-basis: 120px; overflow: hidden; word-wrap: break-word; } .pi-data2-label { overflow: hidden; word-wrap: break-word; } .pi-tc { width: calc(100% - 13px); text-align: center; } .pi-yo { position: relative; top:60px; height:0; padding:0; } .tabs-content > p, .tabs-content > p > .mw-kartographer-map { margin: 0; } .tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label { margin: 0; } .tabs-tabbox > .tabs-label, .tabs-tabbox > .tabs-container { border-radius: 0; } .tabs-tabbox > .tabs-container { padding: 0; border-left:0; border-right:0; border-bottom:0; } .tabs-tabbox { margin: 0 0 -6px 0; } .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label { padding: 5px 10px; font-size: 12px; font-weight: bold; line-height: 18px; background-color: #e5ebf0; } .tabs-tabbox > .tabs-label { padding: 5px 10px; font-size: 12px; font-weight: bold; line-height: 18px; } .pi-ty, .portable-infobox { clear: right; float: right; margin: 0 0 15px 15px; width: 341px; } .pi-ty > .portable-infobox { clear: none; float: none; margin: 0; width: 100%; } .pi-nb { border: 0; }