MediaWiki:Themes.css

/* ===========================  Themes for individual portable infoboxes =========================== */

/* The most ubiquitous infobox on the wiki, which we'll call "wide-load", in deference to   its extreme width. */

.pi-theme-wide-load-kinsect.portable-infobox, .pi-theme-wide-load.portable-infobox { width:95%!important; } .pi-theme-wide-load-kinsect .pi-image, .pi-theme-wide-load .pi-image { text-align:center; position:absolute; padding-left:40px; } .pi-theme-wide-load-kinsect .pi-data-value, .pi-theme-wide-load .pi-data-value { text-align:center } .pi-theme-wide-load-kinsect .pi-data-value:not(:first-child), .pi-theme-wide-load .pi-data-value:not(:first-child) { -ms-flex-preferred-size:60%; -webkit-flex-basis:60%; -moz-flex-basis:60%; flex-basis:60%; padding-left:10px; } .pi-theme-wide-load-kinsect .pi-data, .pi-theme-wide-load .pi-data { width:50%; margin-left:50%; } .pi-theme-wide-load-kinsect .pi-data-label, .pi-theme-wide-load .pi-data-label { padding:7px; font-size:14px; font-weight:bold; -ms-flex-preferred-size:40%; -webkit-flex-basis:40%; -moz-flex-basis:40%; flex-basis:40%; } .pi-theme-wide-load-kinsect .pi-navigation, .pi-theme-wide-load .pi-navigation { text-align:center; font-weight:bold; background-color:#3A5766; } .pi-theme-wide-load-kinsect .pi-navigation a, .pi-theme-wide-load-kinsect .pi-navigation a:link, .pi-theme-wide-load-kinsect .pi-navigation a:visited, .pi-theme-wide-load .pi-navigation a, .pi-theme-wide-load .pi-navigation a:link, .pi-theme-wide-load .pi-navigation a:visited { color:#fff!important }

/* This is how you could get the Description field all the way to the left. Problem is  that the image would interfere with it */

/* This is how wide-load-kinsect differs from regular wide-laod, so wide-load-kinsect not defined */

.pi-theme-wide-load .pi-data:last-child { width:100%; margin-left:0; } .pi-theme-wide-load .pi-data-value:last-child { -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; -moz-flex-basis:100%; flex-basis:100%; text-align:left; } .pi-theme-wide-load .pi-group .pi-group-item:not(:last-child) { text-align:center!important }

/* This is how wide-load-kinsect differs from regular wide-load, so wide-load not defined */

.pi-theme-wide-load-kinsect .pi-horizontal-group .pi-horizontal-group-item { text-align:center!important }