MediaWiki:Infoboxes.css

/* * Heavily adapted from the PT Star Wars Wiki code by Lele Mj to reflect the The Elder Scrolls Wiki style (not portable at the time). */ /***** Portable Infoboxes *****/ .portable-infobox { text-align: left; font-size: 89%; line-height: 1.5em; border: 1px solid #4E4E4E; width: 270px; background: #FFF; padding: 5px; } /* Adjusts reference size */ .portable-infobox .reference, .refadjust .reference { font-size: 7.5px; line-height: 1.5; } /* Standardized padding for infobox elements */ .portable-infobox .pi-item-spacing { padding: 8px; margin: 1px 0px; } /* Title field */ .portable-infobox .pi-title { font-size: 120%; font-weight: bold; color: #FFFFFF; text-align: center; padding: 5px; } /* Secondary font - section headers and labels */ .portable-infobox .pi-secondary-font { font-size: 1.0em; line-height: 1.5; text-align: center; } /* Field labels */ .portable-infobox .pi-data-label { font-weight: bold; padding: 0; display:-webkit-flex; display:flex; } .pi-data .pi-data-label { -webkit-flex-basis:auto; -moz-flex-basis:auto; flex-basis:auto; -webkit-align-items:center; -moz-align-items:center; align-items:center; width:45%; } /* Field values */ .portable-infobox .pi-data-value { font-size: 1.0em; line-height: 1.5; } .pi-data .pi-data-value { ms-flex-preferred-size:auto; -webkit-flex-basis:auto; -moz-flex-basis:auto; flex-basis:auto; -webkit-align-items:center; -moz-align-items:center; align-items:center; width:55% } .portable-infobox .pi-data-value:not(:first-child) { padding-left: 5px; } .portable-infobox .pi-data-value li { line-height: 1.5em; } /* Image handling; giving this the same style as  .infoboximage img in Common.css */ .pi-image img { max-width:95%; height:auto } .pi-image { padding: 5px 0px 5px 0px; } /* Fix alignment of lists in horizontal rows */ .pi-horizontal-group-item.pi-data-value { text-align: center; background: #FFF; } .pi-horizontal-group-item.pi-data-label { display: table-cell; border-bottom: #bfdaeb 1px solid !important; background: #FFF; } /***** Portable Infoboxes *****/ /** Testing area — these classes only temporary **/ .pi-theme-lorebook .pi-title { background-color: #7995CA; } .pi-theme-lorebook .pi-navigation a { color: white; }