MediaWiki:Wikia.css

/* Imported Fonts */ @import url('https://fonts.googleapis.com/css?family=VT323'); @import url('https://fonts.googleapis.com/css?family=Quantico'); @import url('https://fonts.googleapis.com/css?family=Play'); /* End Imported Fonts */ .WikiaArticle, .WikiaPage { font-size: 1em; line-height:1.3em; font-family: 'VT323',sans serif; } .i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/**************************/ /* Global color overrides */ /**************************/

/* Override the default text color (#e6e6e6) to make the text a bit less sharp and easier on the eyes. */ /* Some modules (e.g. Comments) use "color: var(...)" so we override those variables in addition to specific classes. */
 * root {

--text-color--light: #d5d4d4; --themed-text-color: #d5d4d4; }

body, .WikiaPage, table.wikitable {	color: var(--themed-text-color); }

.page-header__title,                         /* Article title, usually */ .ooui-theme-fandom .mw-collapsible-toggle a, /* Illuminate/Deluminate links in navboxes */ .category-page__trending-page-title          /* "Trending Pages" links on category pages in "Dynamic Categories" mode */ { color: inherit; }

/* Fix too light background of focused references */ ol.references li:target, sup.reference:target { background-color: var(--themed-page-background--secondary); }

/**************************/ /* Portable Infobox style */ /**************************/ .WikiaArticle h2 { border-bottom: none; background-image:url("https://static.wikia.nocookie.net/project-afterglow/images/2/25/Smallheader.svg"); background-repeat: no-repeat; background-position: 25% 105%; background-size:100% 10px; padding-bottom: 6px; color:#27d1f4; font-size: 18pt; }

/***************/ /* quote boxes */ /***************/ .quotebox { /* border: 1px solid #523F35; background:#FFF77D; */ -moz-border-radius: 1em; border-radius: 1em; -webkit-border-radius: 1em; display: table; } .quotebox + .quotebox { margin:1em 0 0 0; } .quotebox .leftquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align: left; padding:0.3em 0 0 0.3em; } .quotebox .rightquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align:right; padding:0 0.3em 0 0; } .quotebox .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 1em 0.2em 0 0.2em; line-height: 1.6em; width: 100%; } .quotebox .attribution { text-align: right; padding: 0em 1em 0.4em 0; font-weight: bold; font-style: oblique; } /*** portable infobox ***/ .portable-infobox { position: relative; margin-right:5px; margin-top:5px; border:1px solid #FFFD00; border-radius:1px; background-color:#111111; padding-bottom:4px; -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75); -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75); box-shadow:0px 0px 5px rgba(255,239,0,0.75); } /* fixes it so right border overlaps any infobox images */ .portable-infobox::after { content: ""; position: absolute; width: 8%; height: 100%; top: 0px; right: 0px; background-image: url("https://static.wikia.nocookie.net/project-afterglow/images/8/84/Vertical.svg/revision/latest"); background-repeat: repeat-y; background-size: 32px 1080px; }

/* Auto-resize larger images to fit the infobox */ .portable-infobox .pi-image img { max-width: 100%; height: auto; } /* edits portable infobox headers and titles to center */ .pi-title { font-family: "Quantico", sans serif; font-size: 22px; background-color: #FFFD00 !important; color: #27d1f4; border-bottom: none !important; margin-top: 5px !important; text-align:center; background-image: none !important; /* prevents h2 article header from adding image to infobox headers */ } .pi-header, .pi-horizontal-group .pi-header { background-color:transparent; color: #27d1f4; border-bottom: #ffef00 solid 1px !important; margin:5px 15px !important; text-align: center; font-size: 15px !important; background-position: 0% 135% !important; /* fixes h2 article header from adding image for infobox */ } /* captions */ .portable-infobox .pi-caption { text-align: center; line-height: 150%; } /* spacing between infobox rows */ .pi-item-spacing { padding: 3px !important; } /* Eliminate border between rows */ .pi-border-color { border-bottom-style: none !important; } /* portable infobox data labels (not input fields) */ .pi-data-label { padding: 3px 5px 3px 1px; text-align: right; border-right:1px #ffef00 solid; color: #27d1f4; } .pi-data-value { padding-top: 3px; padding-right: 1px; } /* removes the vertical line on smart groups */ .pi-horizontal-group .pi-data-label, .pi-horizontal-group .pi-data-value { border:none !important; }

/* to keep right border of infobox from possibly covering up text */ .pi-horizontal-group .pi-data-label:last-child, .pi-horizontal-group .pi-smart-data-value:last-child { padding-right:14px !important; }

/* removes data label background from smart groups and keeps them centered*/ .pi-horizontal-group .pi-data-label { text-align:center; }

/* all portable infobox images, including tabber images */ .pi-image { background-color: transparent !important; /* will revert to default otherwise */ padding: 0.12em 0em .1em 0em !important; /*add a little padding around images so they don't go edge to edge*/ } /* portable infobox thumbnail images only */ .pi-image-thumbnail { background-color: transparent !important; /*will revert to default otherwise */ } /* portable infobox thumbnail galleries fix */ .portable-infobox .pi-image-collection-tab-content { background-color: transparent !important; /* makes it so whatever the infobox background is set to, it'll flow consistently behind the images, like patterns */ } /*** tabber for portable infobox and images ***/ /* the whole tab row */ ul.pi-image-collection-tabs { margin-bottom: 0.01em; /* this fixes it so the image doesn't overlap the tabs */ } /* all tabs */ .pi-image-collection { text-align: center; font-size: 14px; } /* activated tab */ ul.pi-image-collection-tabs li.current { background-color: transparent !important; border: 0px none; color: #ffef00; } /* activated hover tab */ ul.pi-image-collection-tabs li.current:hover { background-color: transparent !important; border: 0px none; color: #27d1f4; } /* inactive tab */ ul.pi-image-collection-tabs li { border: 0px none; margin: 0px 4px; } /* inactive tab hover */ ul.pi-image-collection-tabs li:hover { background-color: transparent !important; border: 0px none; color: #27d1f4; } /*** end code for tabber for portable infobox ***/ /* section edits for different panels in infobox. Not this is only for the new style that was added to the backend called "section" and may not be in use*/ .pi-section-label { text-transform:none; height:20px; } /* remove hyphenations from infobox so no splitting words */ .portable-infobox .pi-navigation, .portable-infobox .pi-header, .portable-infobox .pi-caption, .portable-infobox .pi-data-value, .portable-infobox .pi-data-label { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; }

/* quote box */ .blockquote { border:1px solid #ffef00; border-radius:10px; background-color:#111111; text-align:center; padding: 10px; margin: 10px auto; line-height: 20px; overflow: hidden; -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75); -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75); box-shadow:0px 0px 5px rgba(255,239,0,0.75); }