MediaWiki:Wikia.css


 * root {

--ve0: #EEEEEE; --ve1: #CCCCCC; --ve2: #999999; --ve3: #777777; --ve4: #444444; --ve5: #202020; }

.WikiaArticle a { font-family: Courier, monospace; font-weight: bold; } .WikiaArticle .selflink {  font-family: Courier, monospace; font-weight: bold; }

h1, h2, h3, h4, h5 { font-family: Courier, monospace; font-weight: bold; }

.tabbernav {   border-bottom: 1px solid var(--ve1) !important; }

.tabbernav > li > a { border: 0px !important; background: var(--ve1) !important; }

.tabbernav > li > a:link {   color: #877777 !important; }

.tabbertab {   border: 3px solid var(--ve1) !important; } /* wikia broke the plainlinks class with the UCP migration, hopefully they'll fix it and this will become redundant*/ .plainlinks a.external::after { display:none; }

/* Text selection style */
 * -moz-selection, /* Firefox */
 * -webkit-selection, /* Chrome and Safari */
 * selection {

background: #3399ff; color: white; } /* stylizes quotes to resemble the text on MSPA */ .nCharacter Quote { font-family:Courier, monospace; font-weight:bold; color:black; /**this color can be overriden with in-line stylings of course**/ } /**secret things only appear on mobile.... shhh its secret**/ .mobileOnly { display:none; }

/**main page styles**/ h2.greyheader { padding:0.2em 0.4em; margin:10px 0; border:1px solid #ddd; background:#eee; } ul.horizontal-list { display:flex; list-style:none; width:100%; flex-direction:row; justify-content:space-around; align-items:center; margin:0; }

/**article notice stylings**/ .mspaNotice { border:4px ridge #ccc; border-radius:10px; background:#eee; width:660px; margin-left:auto; margin-right:auto; display:flex; align-items:center; padding:5px; } .mspaNotice .noticeText { width:100%; padding:0 10px; } .mspaNotice .noticeTitle { font-size:x-large; text-align:center; font-weight:bold; }

/**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; }

/**stop the labels from being mspa text like it wants to be**/ .pi-theme-mspa .pi-data-label { font-family:sans-serif; }

/**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; } /**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-weight: bold; font-size:2.25em; padding-right:3%; padding-bottom:3%; } /**end strife card infobox**/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');

.WikiaArticle { font-family: 'Quicksand', sans-serif; }