MediaWiki:Common.css

/* General Portable Infobox CSS - Credits to Once Upon a Time Wiki */ /* Since this intricate coloring scheme was meant to   go with a base color palette very different to the one established by the Disney 2019 design, colors on most infoboxes had to be turned off for simple legibility reasons. This system can obviously be restored in a few weeks, after the campaign ends in the 2nd week of August 2019 */ /* Eaasiest to let the base .portable-infobox style do its thing. */  .portable-infobox { /* background-color: transparent;*/ border: 2px solid white; /* color: black;*/ width: 280px; } .portable-infobox .pi-border-color { /* border-color: #666; */ } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title { /*background: #2e3c25; color: #111111;*/ line-height: 26px; font-size: 17px; font-weight: bold; } .portable-infobox .pi-data .pi-data-label { display: flex; -webkit-flex-basis: auto; -moz-flex-basis: auto; flex-basis: auto; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 50%; } .portable-infobox .pi-header { /* background-color: #909090;*/ border-bottom: 1px solid /*#666*/; } .portable-infobox h2.pi-item.pi-header { padding: 3px; } .portable-infobox .pi-item-spacing { padding: 2px; } .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox .pi-image { /* background-color: #000;*/ } .portable-infobox .pi-data-value:not(.pi-horizontal-group-item) { text-align: right; } .portable-infobox .pi-data-value ul { text-align: right; } .portable-infobox .pi-navigation { background-color: transparent; border-bottom: 1px solid /* #666 */; font-size: smaller; text-align: center; } /*Character Themes */ .pi-theme-Red { border: 2px solid #e50000; } .pi-theme-Red .pi-title, .pi-theme-Red .pi-header:nth-of-type(2) { background-color:#e50000; border-bottom: 0; color: #000000; } .pi-theme-Red .pi-header a { color: white; } .pi-theme-Chuck { border: 2px solid #ffd800; } .pi-theme-Chuck .pi-title, .pi-theme-Chuck .pi-header:nth-of-type(2) { background-color:#ffd800; border-bottom: 0; color: #ff8c00; } .pi-theme-Chuck .pi-header a { color: white; } .pi-theme-Bomb { border: 2px solid black; } .pi-theme-Bomb .pi-title, .pi-theme-Bomb .pi-header:nth-of-type(2) { background-color:black; border-bottom: 0; color: white; } .pi-theme-Bomb .pi-header a { color: white; }

.pi-theme-Terence { border: 2px solid #bd0d0d; } .pi-theme-Terence .pi-title, .pi-theme-Terence .pi-header:nth-of-type(2) { background-color:#bd0d0d; border-bottom: 0; color: white; } .pi-theme-Terence .pi-header a { color: white; } .pi-theme-Matilda { border: 2px solid #fffcfe; } .pi-theme-Matilda .pi-title, .pi-theme-Matilda .pi-header:nth-of-type(2) { background-color:#fffcfe; border-bottom: 0; color: black; } .pi-theme-Matilda .pi-header a { color: black; }

.pi-theme-Zeta { border: 2px solid #5c0091; } .pi-theme-Zeta .pi-title, .pi-theme-Zeta .pi-header:nth-of-type(2) { background-color:#5c0091; border-bottom: 0; color: white; } .pi-theme-Zeta .pi-header a { color: white; }

.pi-theme-Silver { border: 2px solid #d1d1d1; } .pi-theme-Silver .pi-title, .pi-theme-Silver .pi-header:nth-of-type(2) { background-color:#d1d1d1; border-bottom: 0; color: #000000; } .pi-theme-Silver .pi-header a { color: white; }

.pi-theme-Debbie { border: 2px solid #ac8e8f; } .pi-theme-Debbie .pi-title, .pi-theme-Debbie .pi-header:nth-of-type(2) { background-color:#ac8e8f; border-bottom: 0; color: white; } .pi-theme-Debbie .pi-header a { color: white; } /* Content Area Tweaks */ .WikiaArticle { line-height: 1.5em; font-size: 13px; }

button.secondary, .CategorySelect.articlePage .add { background-color:#e5b900; color:black; border: #e5b900; }

.WikiaArticle .mw-headline { font-family:'Impact'; font-weight:500; color:darkred; } .WikiaArticle h2 { font-size:1.45rem; } .WikiaArticle h4 .mw-headline { font-weight:600; font-size:0.95rem; } .WikiaPage h3 { font-size:18px; } .WikiaPageHeader details { background-image:none; } .WikiaArticle .toc { line-height: 1.5em; background-image:none; border: 2px solid #ff0000; border-radius: 10px; }