MediaWiki:Common.css

/* CSS for general PI appearance */ .portable-infobox { margin: 0 0 .5em 1em; border: 1px solid; border-color: var(--title-background, #999999); font-size: smaller; line-height: 1.5; } .portable-infobox.pi-background { background: white; } .portable-infobox .pi-item-spacing { /* padding: unset; */ } .portable-infobox .pi-border-color { border-color: var(--header-background, transparent); } .portable-infobox .pi-title { text-align: center; color: var(--title-text, #FFF); background: var(--title-background, #A67B5B); font-size: larger; font-weight: bold; } .portable-infobox .pi-image { background: var(--title-background, #A67B5B); } .portable-infobox .pi-caption { font-size: smaller; color: var(--title-text, white); text-align: center; font-style: normal; } .portable-infobox .pi-caption a:link, .portable-infobox .pi-caption a:visited { color: var(--title-text, white); text-decoration: underline; } .portable-infobox .pi-header { text-align: left; font-weight: bold; background: var(--header-background, #C2B280); color: var(--header-text, black); /* padding-left: 0; */ } .portable-infobox .pi-data { background: var(--data-background, #F5F5DC); color: var(--data-text, black); } .portable-infobox .pi-data-label { max-width: 50%; flex-basis: 130px; font-weight: normal; } .portable-infobox .pi-data-value { max-width: 50%; text-align: right; } .portable-infobox .pi-data-value:only-child { text-align: center; margin: auto; } /* PI colors for each infobox type */ /*color1: --title-background*/ /*color2: --header-background*/ /*color3: --data-background*/ .pi-theme-Ainur { --title-background: #647abe; --header-background: #FFF0F5; --data-background: #C0DCCC; } .pi-theme-Dwarves { --title-background: #36454F; --header-background: #708090; --data-background: #CCC; } .pi-theme-Elves { --title-background: #2E8B57; --header-background: #7eba62; --data-background: #C0DCCC; } .pi-theme-Elves-of-Doriath { --title-background: #338333; --header-background: #4ea24e; --data-background: #999999; } .pi-theme-Elves-Loth-Lorien { --title-background: #63bc43; --header-background: #a5dc52; --data-background: #C0DCCC; } .pi-theme-Elves-Mirkwood { --title-background: #355E3B; --header-background: #44944A; --data-background: #C0DCCC; } .pi-theme-Elves-Rivendell { --title-background: #004953; --header-background: #00A693; --data-background: #C0DCCC; } .pi-theme-High-Elves { --title-background: #4c4ce2; --header-background: #C0C0C0; --data-background: #f2f2f2; } .pi-theme-Men { --title-background: #126d2a; --header-background: #6ca456; --data-background: #F0F0F0; } .pi-theme-Men-of-Dale-Laketown { --title-background: #935132;; --header-background: #6b8e23; --data-background: #dfd89c; } .pi-theme-Men-of-Bree { --title-background: #8e6525; --header-background: #aca77b; --data-background: #bebebe; } .pi-theme-Men-Dunedain { --title-background: #00693E; --header-background: #50C878; --data-background: #F0F0F0; } .pi-theme-Men-Gondor { --title-background: #5C7070; --header-background: #ABBABA; --data-background: #F0F0F0; } .pi-theme-Men-Rohan { --title-background: #8a522d; --header-background: #ab6639; --data-background: #F0F0F0; } .pi-theme-Servants-of-Evil { --title-background: #601c2e; --header-background: #8f2e2e; --data-background: #888888; --header-text: #FFF; } .pi-theme-Hobbits { --title-background: #285f46; --header-background: #82a365; --data-background: #9fcfa2; } .pi-theme-Wizards { --title-background: #164382; --header-background: #688CCD; --data-background: #C8C8f7; }