MediaWiki:Wikia.css

/**PORTABLE INFOBOX STYLINGS START**/

.pi-theme-mspa { color:black; background-color:#eeeeee; font-size:89%; border:5px solid #c6c6c6; } /**topmost header styleing**/ .pi-theme-mspa .pi-title { background:#eee; font-family:inherit; text-align:center; vertical-align:middle; padding:5px; display:flex; justify-content:center; flex-direction:row; } .pi-theme-mspa .pi-title .title { width:100%; align-self:center; } .pi-theme-mspa .pi-title .iconLeft { width:32px; margin-right:-32px; } .pi-theme-mspa .pi-title .iconRight { width:32px; margin-left:-32px; } /**image styling**/ .pi-theme-mspa .pi-image { background:#e0e0e0; padding:5px; } .pi-theme-mspa .pi-image img { max-width:100%; height:auto; } /**caption styling -- we cant use the actual image caption tag because it doesnt work with tabbers thanks wikia**/ .pi-theme-mspa [data-item-name=caption] { text-align:center; background:#e0e0e0; justify-content:center; } /**uh. special stylings to give us unique background colors for the caption. because accent-source or w/e just doesnt cut it for this**/ .pi-theme-mspa [data-item-name=captionColored] { text-align:center; justify-content:center; padding:0; } .pi-theme-mspa [data-item-name=captionColored] div { width:100%; } .pi-theme-mspa [data-item-name=captionColored] .captionDiv { padding:5px 10px; width:auto; display:block; } /**i dont like things at the top**/ .pi-theme-mspa .pi-horizontal-group .pi-horizontal-group-item { vertical-align:middle; } /**no borders in my town**/ .pi-theme-mspa .pi-border-color { border-top-color:transparent; border-bottom-color:transparent; border-left-color:transparent; border-right-color:transparent; } /**header which is only used on the pesterlogs section**/ .pi-theme-mspa .pi-header { text-align:center; background:#e0e0e0; font-size:inherit; } /**image tabber stylings**/ .pi-theme-mspa .pi-image-collection { background:#e0e0e0; padding:5px 0; } .pi-theme-mspa ul.pi-image-collection-tabs { background:transparent; font-family:Courier, monospace; font-weight:bold; margin:5px 0; } .pi-theme-mspa ul.pi-image-collection-tabs li { border:1px solid #c6c6c6; margin:0; line-height:1em; padding:10px; margin-left:-1px; margin-top:-1px; } .pi-theme-mspa ul.pi-image-collection-tabs li:first-of-type { margin-left:0; margin-top:0; } .pi-theme-mspa ul.pi-image-collection-tabs li.current { background:#c6c6c6; } /**stop the labels from being mspa text like it wants to be**/ .pi-theme-mspa .pi-data-label { font-family:sans-serif; } /**pesterlog tab stylings**/ .pi-theme-mspa .pi-collapse-closed [data-item-name=pesterlogs] { display:none; } .pi-theme-mspa [data-item-name=pesterlogs] { display:block; } .pi-theme-mspa [data-item-name=pesterlogs] div.tabberlive { margin-top:0; } .pi-theme-mspa [data-item-name=pesterlogs] ul.tabbernav { border-bottom: 0 !important; border-top: 0; padding-bottom:0; } .pi-theme-mspa [data-item-name=pesterlogs] ul.tabbernav li {} .pi-theme-mspa [data-item-name=pesterlogs] ul.tabbernav li a, .pi-theme-mspa [data-item-name=pesterlogs] ul.tabbernav li a:link, .pi-theme-mspa [data-item-name=pesterlogs] ul.tabbernav li a:visited { border: 1px solid #c6c6c6 !important; background: transparent !important; color:black !important; margin-top:-1px; margin-left:-1px; } .pi-theme-mspa [data-item-name=pesterlogs] ul.tabbernav li:first-of-type a { margin-top:0; margin-left:0; } .pi-theme-mspa [data-item-name=pesterlogs] ul.tabbernav li.tabberactive a { background-color: #c6c6c6 !important; } .pi-theme-mspa [data-item-name=pesterlogs] .tabberlive .tabbertab { border: 1px solid #c6c6c6 !important; }

/**portable infobox but scratch colored**/ .pi-theme-mspa.pi-theme-scratch { color:white; border-color:black; background-color:#082a00; } .pi-theme-mspa.pi-theme-scratch .pi-title, .pi-theme-mspa.pi-theme-scratch ul.pi-image-collection-tabs li.current { background-color:#082a00; } .pi-theme-mspa.pi-theme-scratch .pi-image, .pi-theme-mspa.pi-theme-scratch [data-item-name=caption], .pi-theme-mspa.pi-theme-scratch .pi-image-collection, .pi-theme-mspa.pi-theme-scratch .pi-header { background:#0e4603; } .pi-theme-mspa.pi-theme-scratch ul.pi-image-collection-tabs li { border:1px solid #082a00; } .pi-theme-mspa.pi-theme-scratch [data-item-name=pesterlogs] ul.tabbernav li a, .pi-theme-mspa.pi-theme-scratch [data-item-name=pesterlogs] ul.tabbernav li a:link, .pi-theme-mspa.pi-theme-scratch [data-item-name=pesterlogs] ul.tabbernav li a:visited, .pi-theme-mspa.pi-theme-scratch [data-item-name=pesterlogs] .tabberlive .tabbertab { border:1px solid #0e4603 !important; color:white !important; } .pi-theme-mspa.pi-theme-scratch [data-item-name=pesterlogs] ul.tabbernav li.tabberactive a { background-color: #0e4603 !important; } .pi-theme-mspa.pi-theme-scratch .pi-collapse .pi-header:first-child::after { border-color:white; }

/* Link colors with better contrast */ .pi-theme-mspa .wds-link, .pi-theme-mspa a { color: #005fbd; }

/* Caption color fix */ .pi-theme-mspa .pi-caption { color: black; } /**PORTABLE INFOBOX STYLINGS END**/

/**strife card portable infoboxes stylings featuring 5 billion background images**/ .pi-theme-strife { background:url('https://vignette.wikia.nocookie.net/mspaintadventures/images/7/71/Strifebacktop.svg') top center/100% no-repeat, url('https://vignette.wikia.nocookie.net/mspaintadventures/images/3/33/Strifebackbottom.svg') bottom center/100% no-repeat, url('https://vignette.wikia.nocookie.net/mspaintadventures/images/3/39/Strifebackmiddle.svg') center center/100% no-repeat; min-height:350px; } .pi-theme-strife .pi-border-color { border-top-color:transparent; border-bottom-color:transparent; border-left-color:transparent; border-right-color:transparent; } .pi-theme-strife .pi-title[data-item-name=specibus] { text-align:center; padding:10px 33% 10px 10px; min-height:1.5em; background-size:100%; } .pi-theme-strife .pi-title[data-item-name=specibus] a { color:#00e371 !important; } .pi-theme-strife .pi-header { font-size:.6em; padding:0 12% 0 8%; min-height:13px; background:url('https://vignette.wikia.nocookie.net/mspaintadventures/images/6/65/Strifeheadtop.svg') top center/100% no-repeat; color:white; text-align:left; } .pi-theme-strife .pi-header a { color:white !important; } .pi-theme-strife .pi-data[data-source=users] { background:url('https://vignette.wikia.nocookie.net/mspaintadventures/images/c/cb/Strifecaptionbottom.svg') bottom center/100% no-repeat, url('https://vignette.wikia.nocookie.net/mspaintadventures/images/d/de/Strifecaptiontop.svg') bottom 45px center/100% no-repeat; padding: 3px 12% 3% 7%; min-height:40px; color:white; text-align:center; align-items:center; justify-content:center; } .pi-theme-strife .pi-data[data-source=users] a, .pi-theme-strife .pi-data[data-source=users] ul li a { color:white !important; } .pi-theme-strife .pi-data[data-source=users] ul { text-align:center; } .pi-theme-strife .pi-data[data-source=users] ul li { display:inline-block; } .pi-theme-strife .pi-data[data-source=users] ul li::after { content:'•'; padding:.5em; color:black; } .pi-theme-strife .pi-data[data-source=users] ul li:last-child::after { content:none; } .pi-theme-strife .pi-image { background:url('https://vignette.wikia.nocookie.net/mspaintadventures/images/9/9d/Strifeimagebottom.svg') bottom center/100% no-repeat, url('https://vignette.wikia.nocookie.net/mspaintadventures/images/b/b3/Strifeimagetop.svg') top center/100% no-repeat,url('https://vignette.wikia.nocookie.net/mspaintadventures/images/3/38/Strifeimagemid.svg') center center/100% no-repeat; min-height:200px; padding:0 32% 2% 7%; display:flex; align-items:center; justify-content:center; } .pi-theme-strife .pi-image a img { max-width:100%; height:auto; } .pi-theme-strife .pi-title[data-source=kind] { color:#00e371; text-align:center; font-size:2.25em; padding-right:3%; padding-bottom:3%; } /**end strife card infobox**/