MediaWiki:Themes.css

/*Test*/

ul.pagetabs { align-content: center; align-items: center; display: flex; flex-flow: row wrap; justify-content: center; margin: 0; } .pagetabs li { display: block; margin: 0 0 0.5em; } .pagetabs li + li { margin-left: 5px; }

.WikiaArticle blockquote.themed { border: 1px solid; margin: 0 0 0.5em; padding: 2px; text-align: justify; } @media only screen and (min-width: 1596px) { .WikiaPage blockquote.themed { font-size: inherit; line-height: inherit; } } blockquote.themed > div { padding: 1em 2em; } blockquote.themed > div > div { font-size: larger; font-style: italic; line-height: 1.555em; position: relative; } blockquote.themed > div > div::before, blockquote.themed > div > div::after { content: "“"; font-size: 2.2em; font-style: normal; opacity: 0.5; position: absolute; } blockquote.themed > div > div::before { left: -0.5em; } blockquote.themed > div > div::after { right: -0.5em; transform: scale(-1, -1); } blockquote.themed cite { display: block; margin-top: 0.5em; } blockquote.themed cite::before { content: "— "; }

ul.pagetabs { align-content: center; align-items: center; display: flex; flex-flow: row wrap; justify-content: center; margin: 0; } .pagetabs li { display: block; margin: 0 0 0.5em; } .pagetabs li + li { margin-left: 5px; } .pagetabs li > :only-child { border: 2px solid; display: block; font-weight: bold; line-height: 1.3em; min-width: 110px; padding: 0.5em; text-align: center; text-decoration: none; }

.page-theme { display: none; }

.page-theme.theme-Whizzy ~ blockquote.themed { border-color: #450b66; color: #ffffff; } .page-theme.theme-Whizzy ~ blockquote.themed a { color: #ffffff; } .page-theme.theme-Whizzy ~ blockquote.themed > div { background-color: #aa73c9; } .page-theme.theme-Whizzy ~ .pagetabs li > :only-child { background-color: #aa73c9; border-color: #aa73c9; color: #ffffff; } .page-theme.theme-Whizzy ~ .pagetabs li > :only-child a { color: #ffffff; } .page-theme.theme-Whizzy ~ .pagetabs li > :only-child::before { background-color: #ffffff; } .page-theme.theme-Whizzy ~ .pagetabs li > .selflink:only-child { background-color: #ffffff; color: #aa73c9; } .page-theme.theme-Whizzy ~ .pagetabs li > .selflink:only-child a { color: #aa73c9; } .page-theme.theme-Whizzy ~ .pagetabs li > .selflink:only-child::before { background-color: #aa73c9; } .page-theme.theme-Whizzy ~ .portable-infobox { border-color: #aa73c9; } .page-theme.theme-Whizzy ~ .portable-infobox .pi-title, .page-theme.theme-Whizzy ~ .portable-infobox .pi-header, .page-theme.theme-Whizzy ~ .portable-infobox .pi-navigation { background-color: #aa73c9; color: #ffffff; } .page-theme.theme-Whizzy ~ .portable-infobox .pi-title a, .page-theme.theme-Whizzy ~ .portable-infobox .pi-header a, .page-theme.theme-Whizzy ~ .portable-infobox .pi-navigation a { color: #ffffff; } .page-theme.theme-Whizzy ~ .portable-infobox .pi-data-label { background-color: #7b32a8; }

/* Infobox */ .portable-infobox { border: 2px dotted #e64aa9; padding: 2px; width: 270px; }

.portable-infobox .pi-title, .portable-infobox .pi-header { background: #050042; font-size: 140%; text-align:center; text-shadow: 0px 0px 3px #fff; padding: 1.5 ex; line-height: 12px; color: #fff; margin-bottom: 3px; }

.portable-infobox .pi-title { line-height: 20px; }

.portable-infobox .pi-image { height: auto; width: auto; padding-bottom: 3px; max-width: 270px; max-height: 500px; }

.portable-infobox .pi-data-label { background: #821a57; color: #fff; text-shadow: 0px 0px 3px #fff; padding: 5px; margin-bottom: 3px; text-align: left; vertical-align: middle; flex-basis: 135px; }

.portable-infobox .pi-data { padding: 0px; }

.portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; font-size: 75%; }

.portable-infobox .pi-navigation { text-align: center; font-weight: bold; background: #050042; font-family: "Exo 2", sans-serif; padding: 1px; font-size: 11px; }

.portable-infobox .pi-navigation a { color: #fff; text-shadow: 0px 0px 3px #fff; text-align: center; }

.portable-infobox.pi-background { width: 270px; }

.portable-infobox .pi-header, .portable-infobox .pi-image-collection-tabs { line-height: 7px; }

.portable-infobox .pi-image-collection-tabs { background-color: transparent; text-align: center; border-bottom: 2px solid #050042 }

.portable-infobox .pi-image-collection-tabs .current { background-color: transparent; font-size: 12px; color: #3a3a3a; }

.portable-infobox .pi-tab-link { color: #e64aa9; font-weight: bold; font-size: 12px; }

.portable-infobox .pi-data-value { padding: 5px; }

.portable-infobox .pi-horizontal-group .pi-header { font-family: "Exo 2", sans-serif; text-shadow: 0px 0px 3px #fff; }

.portable-infobox .pi-horizontal-group .pi-data-value { padding: 5px; text-align: center; }

.portable-infobox .pi-horizontal-group .pi-data-label { padding: 5px; text-align: center; background-color:#831c58!important; font-family: "Exo 2", sans-serif; }

.portable-infobox .pi-horizontal-group-item:nth-child(even) { background-color: transparent; }

.portable-infobox .pi-horizontal-group { margin-bottom: 3px; }

.pi-image-thumbnail { height: auto; max-width: 270px; max-height: 500px;