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-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-tabs .pi-tab-link { background: transparent; border-style: none; margin: 0; padding: 0; color: var(--fontcolor2); font-weight: bold; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #000; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "|"; color: #000; font-weight: bold; width: 1em; padding-right: 3px }

/*=== 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;} /* blue data label */ .pi-theme-blue .pi-data-label {background-color: #0000ff; color:#fff;}

/* red theme */ .pi-theme-red .pi-header, .pi-theme-red .pi-title, .pi-theme-red .pi-navigation {background-color: #d80000;} .pi-theme-red .pi-data-label {background-color: #e51616; color:#fff;}

/*=== character theme ===*/ /* brunhild theme */ .pi-theme-brunhild .pi-header, .pi-theme-brunhild .pi-title, .pi-theme-brunhild .pi-navigation {background-color: #845bd7; color:#fff;} .pi-theme-brunhild .pi-data-label {background-color:#a385e0; color:#fff;}