MediaWiki:Infobox.css

/* Infobox table cells style */ .portable-infobox:not(.portable-infobox-theme-wikia) { display:table; } .portable-infobox:not(.portable-infobox-theme-wikia) .item-type-header { display:table-caption; } .portable-infobox:not(.portable-infobox-theme-wikia) .item-type-key-val { display:table-row; } .portable-infobox:not(.portable-infobox-theme-wikia) .portable-infobox-item-label, .portable-infobox:not(.portable-infobox-theme-wikia) .portable-infobox-item-value { display:table-cell; } /* -  Disney style infobox - */ .portable-infobox-theme-disney { width:258px; color:black; background:#fff; border-collapse:collapse; border:1px solid #2C2C68; line-height:1.5; font-size:smaller; } .portable-infobox-theme-disney a { color:#A47719; } .portable-infobox-theme-disney .portable-infobox-item-margins { padding:4px; } .portable-infobox-theme-disney .portable-infobox-header-font { font-size:inherit; } .portable-infobox-theme-disney .item-type-title { text-align:center; font-weight:700; color:#fff; background-color:#229DFA; box-shadow:0 -3px 7px 0 #002ED1 inset, 0 -11px 9px 4px #0070F6 inset, 0 3px 3px 0 #0070F6 inset,0 4px 10px 1px #C6ECFF inset,0 4px 5px 0 #0063FF inset; } .portable-infobox-theme-disney .portable-infobox-title { font-size:larger; line-height:1.5; } .portable-infobox-theme-disney .portable-infobox-image { width:258px; } .portable-infobox-theme-disney .item-type-header { text-align:center; color:#fff; box-shadow:0 -3px 7px 0 #000049 inset, 0 -11px 9px 4px #0001CB inset, 0 3px 3px 0 #0001CB inset,0 4px 10px 1px #339BFC inset,0 -32px 28px -17px white inset; background-color:#000BDF; } .portable-infobox-theme-disney .item-type-key-val { border-top:1px solid #999; border-bottom:1px solid #999; } .portable-infobox-theme-disney .portable-infobox-item-label, .portable-infobox-theme-disney .portable-infobox-item-value { padding:4px; } .portable-infobox-theme-disney .portable-infobox-item-label { line-height:1.5; }

/* -  Starwars style onfobox - */ .portable-infobox-theme-starwars { width:250px; border-collapse:collapse; border-width:0; font-size:0.8em; line-height:1.5; background-color:#f0f0f0; color:#3A3A3A; } .portable-infobox-theme-starwars .portable-infobox-header-font { font-size:inherit; font-weight:normal; } .portable-infobox-theme-starwars .item-type-title { text-align:center; color:#fff; background-color:#A00; padding:0; } .portable-infobox-theme-starwars .portable-infobox-title { font-size:larger; font-weight:bold; padding:4px; line-height:inherit; } .portable-infobox-theme-starwars .portable-infobox-image { width:250px; } .portable-infobox-theme-starwars .item-type-header { background-color:#E55; color:inherit; line-height:inherit; padding:0; } .portable-infobox-theme-starwars .portable-infobox-header { padding:4px; font-weight:bold; } .portable-infobox-theme-starwars .item-type-key-val:nth-child(even) { background-color:#F9F9F9; } .portable-infobox-theme-starwars .portable-infobox-item-label { padding:4px; vertical-align:middle; line-height:inherit; } .portable-infobox-theme-starwars .portable-infobox-item-value { padding:4px; width:100%; } .portable-infobox-theme-starwars .portable-infobox-footer { text-align:center; background-color:#A00; padding:0 0 4px 0; border-bottom-right-radius:8px; border-bottom-left-radius:8px; } .portable-infobox-theme-starwars .portable-infobox-footer a { color:#fff; }

/* -  Cardfight style infobox - */ .portable-infobox-theme-cardfight { background-color:#5B92E5; border:2px solid #000; border-radius:10px; text-align:center; width:19%; padding:2px; } .portable-infobox-theme-cardfight .portable-infobox-item-margins { padding:inherit; } .portable-infobox-theme-cardfight .portable-infobox-header-font { font-size:inherit; } .portable-infobox-theme-cardfight .portable-infobox-title { font-weight:bold; line-height:inherit; font-size:larger; } .portable-infobox-theme-cardfight .item-type-group { background-color:#e7feff; border-radius:10px; text-align:center; padding:1px; margin-top:2px; border-spacing:2px; border-collapse:separate; } .portable-infobox-theme-cardfight .item-type-header { background:transparent; color:inherit; } .portable-infobox-theme-cardfight .item-type-key-val:last-of-type > * { border:none; } .portable-infobox-theme-cardfight .portable-infobox-item-label, .portable-infobox-theme-cardfight .portable-infobox-item-value { border-bottom:1px solid #aaa; padding:2px; } .portable-infobox-theme-cardfight .portable-infobox-item-label { width:80px; text-align:right; vertical-align:middle; } .portable-infobox-theme-cardfight .portable-infobox-item-value { padding:inherit; } .portable-infobox-theme-cardfight .portable-infobox-item-value:only-child { background-color:#fff; border-radius:8px; padding:15px 3px 3px 3px; }

/* -  Alvin style infobox - */ .portable-infobox-theme-alvin { font-size:90%; width:275px; background-color:#FFF; border:1px solid #DC0808; color:#000; text-align:center; padding:.2em; } .portable-infobox-theme-alvin .item-type-header { background-color:#E0301C; color:#fff; padding:3px 10px; } .portable-infobox-theme-alvin .item-type-group { padding: 3px 0; } .portable-infobox-theme-alvin .item-type-group .item-type-key-val { text-align:initial; } .portable-infobox-theme-alvin .portable-infobox-item-label { width:83px; padding:0.2em; } .portable-infobox-theme-alvin .portable-infobox-item-value { width: 190px; padding:0.2em; } .portable-infobox-theme-alvin .portable-infobox-footer { background:transparent; }

.portable-infobox-theme-alvin .tabberlive { margin-top:0; } .portable-infobox-theme-alvin .tabberlive .tabbernav { border-bottom:none; padding:3px 0; margin-bottom:5px; } .portable-infobox-theme-alvin .tabberlive .tabbernav li { border-left:1px solid #000; } .portable-infobox-theme-alvin .tabberlive .tabbernav li:first-child { border-left:none; } .portable-infobox-theme-alvin .tabberlive .tabbernav li a { border:none; background:transparent; padding:3px; margin-left:0; } .portable-infobox-theme-alvin .tabberlive .tabbernav li a:link { color:#006CB0; font-size:89%; } .portable-infobox-theme-alvin .tabberlive .tabbernav .tabberactive a { color:#000; } .portable-infobox-theme-alvin .tabberlive .tabbertab { padding:0; border:none; } .portable-infobox-theme-alvin .tabberlive .tabbertab p { margin:0; }

/* -  Alvin style character infobox - */ /* Default character style */ .portable-infobox-theme-alvin-character { margin:0 0 0.5em 1em; width:220px; background-color:#F0F0F0; border-collapse:collapse; border:1px solid #0F1C8A; font-size:smaller; line-height:1.5; text-align:center; } .portable-infobox-theme-alvin-character .portable-infobox-item-margins { padding:4px; } .portable-infobox-theme-alvin-character .portable-infobox-image { width:220px; } .portable-infobox .portable-infobox-header-font { font-size:inherit; } .portable-infobox-theme-alvin-character .item-type-title { color:#fff; background-color:#0F1C8A; } .portable-infobox-theme-alvin-character .portable-infobox-title { font-size:larger; font-weight:bold; line-height:inherit; } .portable-infobox-theme-alvin-character .item-type-header { color:#fff; background-color:#3F4ED7; display:inherit; } .portable-infobox-theme-alvin-character .item-type-key-val { border-top:1px solid #0F1C8A; border-bottom:none; padding:0; } .portable-infobox-theme-alvin-character .item-type-key-val > * { padding:4px; } .portable-infobox-theme-alvin-character .portable-infobox-item-label { background-color:#DEDFDE; }

.portable-infobox.portable-infobox-theme-alvin-character .item-type-key-val { display:inherit; } .portable-infobox.portable-infobox-theme-alvin-character .portable-infobox-item-label, .portable-infobox-theme-alvin-character .portable-infobox-item-value { display:inherit; }

/* Individual character style */ .page-Alvin_Seville .portable-infobox { border:1px solid #AE0205; } .page-Alvin_Seville .portable-infobox .item-type-title { background-color:#AE0205; } .page-Alvin_Seville .portable-infobox .item-type-header { background-color:#CE191C; } .page-Alvin_Seville .portable-infobox .item-type-key-val { border-top:1px solid #AE0205; } .page-Brittany_Miller .portable-infobox { border:1px solid #FF49ED; } .page-Brittany_Miller .portable-infobox .item-type-title { background-color:#FF49ED; } .page-Brittany_Miller .portable-infobox .item-type-header { background-color:#FF86F3; } .page-Brittany_Miller .portable-infobox .item-type-key-val { border-top:1px solid #FF49ED; }

/* -  Mewmew style character infobox - */ body.page-Bu-Ling_Huang, body.page-Masha { background: #FDE url("https://vignette.wikia.nocookie.net/tokyomewmewpower/images/5/50/Wiki-background/revision/latest?cb=20131215221531"); } .page-Bu-Ling_Huang .WikiaPage .WikiaPageBackground, .page-Masha .WikiaPage .WikiaPageBackground { opacity:0.86; }

/* Default character style */ .portable-infobox { width:282px; border:3px ridge #FF84C4; border-radius:10px; color:white; } .portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin:2px; padding:0; } .portable-infobox .pi-item-spacing { text-align:center; padding:2px; } .pi-background { background:transparent; } .pi-image img { width:100%; height:auto; } .pi-border-color { border-color:#FFFF38; } .pi-title, .pi-data-label, .pi-secondary-background { background-color:#FF84C4; } .pi-title { border-radius:6px 6px 0 0; font-weight:bold; } .pi-header, .pi-data-label { border-radius:0 8px 8px 0; } .pi-data-label { display:flex; flex-direction:column; justify-content:center; } .pi-data-value { margin: 0.4em 0; } .pi-navigation:nth-child(2) { margin-bottom:0; } .pi-navigation:nth-child(3) { font-weight:normal; font-style:italic; border-top:1px dotted black; margin-top:0; } .pi-navigation:last-child { border-radius:0 0 6px 6px; } .pi-navigation:last-child a { color:white; }

/* Individual character style */ .pi-theme-Ichigo, .pi-theme-Ichigo .pi-border-color { border-color:#FFCBE4; color:black; } .pi-theme-Ichigo .pi-title, .pi-theme-Ichigo .pi-secondary-font { background-color:#FFCBE4; } .pi-theme-Ichigo .pi-navigation:last-child a { color:black; } .pi-theme-Mint, .pi-theme-Mint .pi-border-color { border-color:#2141D6; } .pi-theme-Mint .pi-title, .pi-theme-Mint .pi-secondary-font { background-color:#2141D6; } .pi-theme-Lettuce, .pi-theme-Lettuce .pi-border-color { border-color:#2EB651; } .pi-theme-Lettuce .pi-title, .pi-theme-Lettuce .pi-secondary-font { background-color:#2EB651; } .pi-theme-Pudding, .pi-theme-Pudding .pi-border-color { border-color:#FFFF38; color:black; } .pi-theme-Pudding .pi-title, .pi-theme-Pudding .pi-secondary-font { background-color:#FFFF38; } .pi-theme-Pudding .pi-navigation:last-child a { color:black; } .pi-theme-Zakuro, .pi-theme-Zakuro .pi-border-color { border-color:#984D95; } .pi-theme-Zakuro .pi-title, .pi-theme-Zakuro .pi-secondary-font { background-color:#984D95; } .pi-theme-Ringo, .pi-theme-Ringo .pi-border-color { border-color:#FF2F1A; } .pi-theme-Ringo .pi-title, .pi-theme-Ringo .pi-secondary-font { background-color:#FF2F1A; } .pi-theme-Berry, .pi-theme-Berry .pi-border-color { border-color:#FFFFB3; color:black; } .pi-theme-Berry .pi-title, .pi-theme-Berry .pi-secondary-font { background-color:#FFFFB3; } .pi-theme-Berry .pi-navigation:last-child a { color:black; }