MediaWiki:Infoboxes.css

/***** Portable Infoboxes *****/

.portable-infobox {

width: 250px;

background: none !important;

}

/* Adjusts reference size */

.portable-infobox .reference, .refadjust .reference {

font-size: 7.5px;

line-height: 1.5;

}

/* Alternating row colors;

Colors taken directly from

the original, non-PI infoboxes */

.portable-infobox .pi-data:nth-child(even) {

background-color: #F0F0F0;

}

.portable-infobox .pi-data:nth-child(odd) {

background-color: #f9f9f9;

}

/* Eliminate border between rows */

.portable-infobox .pi-border-color { border-bottom-style: none !important; }

/* Standardized padding for infobox elements */

.portable-infobox .pi-item-spacing { padding: 4px; }

/* Title field */

.portable-infobox .pi-title {

font-size: 0.96em;

font-weight: bold;

color: #FFFFFF;

text-align: center;

line-height: 1.5;

}

/* Secondary font - section headers and labels */

.portable-infobox .pi-secondary-font {

font-size: 0.8em;

line-height: 1.5;

}

/* Field labels */

.portable-infobox .pi-data-label {

font-weight: normal;

padding: 0;

}

.pi-data .pi-data-label {

flex-basis:auto;

align-items:center;

width:40%;

}

/* Field values */

.portable-infobox .pi-data-value {

font-size: 0.8em;

line-height: 1.5;

}

.pi-data .pi-data-value {

flex-basis:auto;

align-items:center;

width:60%

}

.portable-infobox .pi-data-value:not(:first-child) { padding-left: 5px; }

.portable-infobox .pi-data-value li { line-height: 1.5em; }

/* Bottom rounded corners */

.portable-infobox.pi-navigation:last-child,

.portable-infobox .pi-navigation:last-child {

border-radius: 0 0 10px 10px;

text-align:center;

}

/* Image handling;

giving this the same style as

.infoboximage img

in Common.css */

.pi-image img {

max-width:100%;

height:auto;

background:#F0F0F0;

}

/* Fix alignment of lists in horizontal rows */

.pi-horizontal-group-item.pi-data-value {

text-align: left;

background: #f9f9f9;

}

.pi-horizontal-group-item.pi-data-label {

display: table-cell;

border-bottom: #bfdaeb 1px solid !important;

background: #f0f0f0;

}

/* Sorting out the */

/* Secondary font - section headers and labels */

.portable-infobox small a { color : #fff !important }

.template-c { font-size : smaller }

.template-c a { color : #5f1023 !important; }