MediaWiki:Infoboxes.css


 * root {

--bgcolor1: #0000ff; --bgcolor2: #0000ff; --fontcolor1: #fff; --fontcolor2: #0000ff; }

/*=== infoboxes styling ===*/ .portable-infobox { width: 275px; font-size: smaller; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.portable-infobox { border: 1px solid #141414; padding: 5px; }

.portable-infobox .pi-image { margin-left: auto; margin-right: auto; background-color: #fff; } .portable-infobox .pi-image-thumbnail { width:100%; height:auto; }

.portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { text-align: center; background-color: var(--bgcolor1); color: var(--fontcolor1); font-weight:bold; border-color: transparent; }

.portable-infobox .pi-title { font-size: 16px; -moz-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }

.portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-font, .portable-infobox .pi-secondary-font {font-size: 11px;}

.pi-background {background-color: #FFF;} .portable-infobox .pi-header {line-height: 2.5;}

.portable-infobox .pi-image-thumbnail { width: 100%; height: auto; }

.pi-data { padding: 0; overflow: visible; }

.portable-infobox .pi-data-label { padding: 5px 5px; color: #000; font-weight:bold; }

.portable-infobox .pi-item-spacing {padding:0;} .pi-data-value {padding: 5px 5px;}

.portable-infobox .pi-navigation:last-child { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

/*=== infoboxes - image tabber ===*/ .portable-infobox .pi-image-collection ul.wds-tabs { justify-content: center; } .portable-infobox .pi-image-collection .wds-tabs__tab-label { font-size:	11px; height:	25px; margin:	0 4px; } .portable-infobox .pi-image-collection ul.wds-tabs:not(:last-of-type):after { content: "|"; width: 1em; }

/*=== infoboxes - design theme ===*/ /* round header with alternating data */ .pi-theme-round .pi-title, .pi-theme-round .pi-header { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .pi-theme-round .pi-data:nth-child(even) {background-color: #F0F0F0;}

/* alternating data */ .pi-theme-altercolor .pi-data:nth-child(even) {background-color: #F0F0F0;}