MediaWiki:Common.css

/* CSS placed here will be applied to all skins on the entire site. */

/* Wiki Border Glow */ .WikiaPage > .WikiaPageContentWrapper { border: 1px solid #FF8391; -moz-box-shadow: 0 0 30px #FF8391; -webkit-box-shadow: 0 0 30px #FF8391; box-shadow: 0 0 25px #FF8391; } /* Wiki Rail */ .WikiaRail .module { background: none; border-color: #865A4D; } .WikiaRail .module { border-width: 10px } .WikiaRail .rail-module { padding: 16px 10px 16px; margin: 0 0 25px 0; border: 1px solid #865A4D; background: rgba(134, 90, 77, 0.15) !important; border-radius: 15px; vertical-align: text-bottom !important; }

/* Hide Gallery Uploader */ .wikia-photogallery-add, .wikia-button noprint { display: none !important; }

/* Hide External Arrow */ .mw-parser-output a.external { background: none !important; content: none !important; padding-right: 0 !important; } .WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: none; content: none; } /* TOC */ .toc, #toc, .WikiaArticle .toc { background: rgba(134, 90, 77, 0.15) !important; border: 1px solid #865A4D; border-radius: 15px; text-align: left; } /* Fonts */ h1, h2, h3, h4, .WikiaPage .page-header__main { font-family: Avenir; }

/* Wiki Links - taken from Ghibli Wiki*/ a:hover, a:active { color: #FFFFFF !important; text-decoration: none; text-shadow: #FF8391 0 0 7px, #FF8391 0 0 7px, #FF8391 0 0 7px, #FF8391 0 0 7px, #FF8391 0 0 7px, #FF8391 0 0 	7px, #FF8391 0 0 7px, #FF8391 0 0 7px; transition: all 0.5s ease-in; } a.new:hover, a.new:active { color: #FFFFFF !important; text-decoration: none; text-shadow: red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px; transition: all 0.5s ease-in; } a { transition: all 0.5s ease-out; }

/* Tabber - taken from 2Actimv, KurwaAntics dev.fandom */ .tabbertab { border-top: 2px transparent !important; border-bottom: 2px transparent !important; border-left: 2px transparent !important; border-right: 2px transparent !important; }	/** add spaces to tabview tabs **/ .tabberlive > ul.tabbernav > li { margin-right: 2px; }		/*** not applying on the last tabview tabs ***/ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; } ul.tabbernav li a { -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; background: #FF8391 !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border: 2px transparent !important; color: white !important; font-size: 12px !important; font-weight: normal !important; margin-left: 0 !important; padding: 3px 0.5em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #FF8391 !important; border: 2px transparent !important; color: white !important; cursor: default; font-size: 12px !important; font-weight: bold !important; } ul.tabbernav li.tabberactive { line-height: 0 !important; } ul.tabbernav li.tabberactive:first-child a { margin-left: 0 !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }

/* Scroll - Credits to True Beauty Wiki */
 * -webkit-scrollbar {

height: 10px; width: 10px; }
 * -webkit-scrollbar-track {

border-radius: 1em; background-color: transparent !important; color: transparent !important; background: transparent !important; }
 * -webkit-scrollbar-thumb {

background: #FF8391; border-radius: 1em; }
 * -webkit-scrollbar-thumb:hover,
 * -webkit-scrollbar-thumb:active {

background: #865A4D; border-radius: 1em; }

/* UserTag CSS - reference to Dev Fandom and True Beauty Wiki */ /** ScarletRose223 **/ a[href$="/wiki/User:ScarletRose223"], a[href$="Message_Wall:ScarletRose223"], a[href*="Message_Wall:ScarletRose223"], a[href="/wiki/User_blog:ScarletRose223"], a[href="/wiki/Message_Wall:ScarletRose223"], a[href="/wiki/Special:Contributions/ScarletRose223"], a[href="/wiki/Special:UserProfileActivity/ScarletRose223"] { font-weight: bold !important; color: #8000FF !important; }

/* Infobox Customization */ .portable-infobox { background: rgba(255, 238, 238); border: 1px solid #FF8391; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-family: Avenir !important; font-weight: normal !important; width: 270px; } .portable-infobox .pi-item-spacing { padding: 4px 8px; } .portable-infobox .pi-image-collection-tab-content { background: none; } .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation { background-color: #FF8391; color: white; font-weight: normal; text-align: center; } .portable-infobox .pi-title { font-size: 20px; padding: 20px; -moz-border-radius: 19px 19px 0 0; -webkit-border-radius: 19px 19px 0 0; border-radius: 19px 19px 0 0; } .portable-infobox .pi-header, .portable-infobox .pi-navigation { font-size: 15px; font-weight: normal; padding: 8px; } .portable-infobox .pi-image-thumbnail { height: auto; width: 100%; } .portable-infobox .pi-image-collection-tabs { display: flex; flex-flow: row-reverse; justify-content: center; margin: 0; } .portable-infobox .pi-image-collection-tabs li { background: #f8f8f8; border: none; box-sizing: border-box; color: #999999; font-size: 12px; line-height: 25px; flex: 1 0 auto; margin: 0; } .portable-infobox .pi-image-collection-tabs li.current, .portable-infobox .pi-image-collection-tabs li:hover { background: #FF8391; color: white; font-weight: normal; transition: all 0.5s; } .portable-infobox .pi-image-thumbnail { height: auto; width: 100%; } .portable-infobox .pi-data-label { color: inherit; } .portable-infobox .pi-data, .portable-infobox .pi-group { border: none; } .portable-infobox .pi-caption { order: 1; text-align: center; } .portable-infobox.pi-theme-series .pi-title { padding: 20px 0 0 0; }