MediaWiki:Fandomdesktop.css

/*BACKGROUND*/ /*image*/ .theme-fandomdesktop-dark, .theme-fandomdesktop-light { background: #000000 url(https://static.wikia.nocookie.net/cider-kotoba/images/e/e0/Wiki-background.jpeg/revision/latest/scale-to-width-down/800?cb=20210819133935) no-repeat fixed center top; background-size: cover; }

/* remove header gradient */ .fandom-community-header__background::before { background-image: none; }

.page__right-rail .rail-module { background: transparent; }

/*Dark mode*/

.theme-fandomdesktop-dark .page__main{ background-color: rgba(47, 47, 47, 0.83); }

.theme-fandomdesktop-dark .page__right-rail{ background-color: rgba(47, 47, 47, 0.83); }

.theme-fandomdesktop-dark #mixed-content-footer{ background-color: rgba(47, 47, 47, 0.83); }

.theme-fandomdesktop-dark .page { border: 2px solid #0a13b3; box-shadow: 0 0 100px #fff; border-radius: 4px; }

/*Light mode*/

.theme-fandomdesktop-light .page__main{ background-color: rgba(255, 255, 255, 0.90); }

.theme-fandomdesktop-light .page__right-rail{ background-color: rgba(255, 255, 255, 0.90); }

.theme-fandomdesktop-light #mixed-content-footer{ background-color: rgba(255, 255, 255, 0.90); }

.theme-fandomdesktop-light .page { border: 2px solid #0a13b3; box-shadow: 0 0 100px #fff; border-radius: 4px; }

/* TOC styling */ .toc { padding: 5px !important; border: 3px solid #0a13b3!important; }

/*PI STYLING*/ .portable-infobox { border: 2px solid #fff200; padding: 2px; width: 270px; }

.portable-infobox .pi-title, .portable-infobox .pi-header { background: #fff200; font-size: 140%; text-align:center; padding: 1.5 ex; line-height: 12px; color: #fff; margin-bottom: 3px; }

.portable-infobox .pi-title { line-height: 20px; }

.portable-infobox .pi-data-label { background: #0a13b3; color: #fff; padding: 5px; margin-bottom: 3px; text-align: left; vertical-align: middle; flex-basis: 135px; }

.portable-infobox .pi-data { padding: 0px; }

.portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; font-size: 75%; }

.portable-infobox .pi-navigation { text-align: center; font-weight: bold; background: #fff200; font-family: Roboto Slab; padding: 1px; font-size: 11px; }

.portable-infobox .pi-navigation a { color: #fff; text-align: center; }

.portable-infobox.pi-background { width: 270px; }

.portable-infobox .pi-data-value { padding: 5px; }

.portable-infobox .pi-horizontal-group .pi-header { font-family: Roboto Slab; }

.portable-infobox .pi-horizontal-group .pi-data-value { padding: 5px; text-align: center; }

.portable-infobox .pi-horizontal-group .pi-data-label { padding: 5px; text-align: center; background-color:#0a13b3!important; font-family: Roboto Slab; border-bottom: #fff200 1px solid!important; }

.portable-infobox .pi-horizontal-group-item:nth-child(even) { background-color: transparent; }

.portable-infobox .pi-horizontal-group { margin-bottom: 3px; }

.portable-infobox.pi-navigation:last-child, .portable-infobox .pi-navigation:last-child { border-radius: 0 0 10px 10px; text-align: center; }

/*STAFF NAME HIGHLIGHTS*/ /*Administrators*/ a[href$="/wiki/User:Sir_memes_a_lot_more_than_needed"] { color: #fff200 !important; font-weight: bold !important; }

/*MASTHEAD CUSTOMIZATIONS*/ /*Image:right*/ /*#userProfileApp {

}*/

/*SCROLLBAR*/
 * -webkit-scrollbar {

width: 12px; height: 12px; } body::-webkit-scrollbar { background-color: #e7f3fe!important; }
 * -webkit-scrollbar-thumb {

background-color: #0a13b3!important; }
 * -webkit-scrollbar-thumb:hover {

background-color: #fff200!important; }
 * -webkit-scrollbar-thumb:active {

background-color: #fff200!important; }