MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400');

/* --- Portable infobox styling --- */

/* Default: Dominant: #dd360a Accent: #ea785a Accent2: #e9a18e

.WikiaPage .wds-community-header { border: 3px double #d6b17e; border-bottom: 0; }

.WikiaPage .WikiaPageContentWrapper { border: 3px double #d6b17e; border-top: 0; } /* Base infobox: gold theme (#d6b17e) */ .pi-europa.portable-infobox { width: 270px; border: 1px double #d6b17e; } .pi-europa.pi-background { background-color: transparent; padding: 3px 3px 1px 3px; } .pi-europa .pi-title { margin-bottom: 3px; font-size: 20px; } .pi-europa .pi-header, .pi-europa .pi-title { background: #ffffff; border-bottom: 5px solid #d6b17e; border-image: url("https://static.wikia.nocookie.net/shining-nikki/images/c/c1/Divider.png/revision/latest") 35 / 10px; color: #000000; font-size: 16px; padding: 14px 0 12px 0!important; } .pi-europa .pi-image-collection-tabs { background: #ffffff; line-height: 20px; text-align: center; padding-bottom: 3px; margin-bottom: 3px; } .pi-europa .pi-image-collection-tabs .current { background: transparent; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: " | "; width: 1em; font-weight: bold; padding-right: 3px; } .pi-image { padding-bottom: 3px; } .pi-image-thumbnail { height: auto; max-width: 270px; max-height: 500px; } .pi-tab-link.pi-item-spacing { padding: 0!important; } .pi-europa .pi-collapse .pi-header:first-child:after, .pi-europa .pi-header.collapsible:after { border-color: #d6b17e; } .pi-europa .pi-item-spacing.pi-caption { border-top: 5px solid #d6b17e; border-image: url("https://static.wikia.nocookie.net/shining-nikki/images/c/c1/Divider.png/revision/latest") 20 / 10px; font-size: 10px; font-style: italic; padding: 8px 0 12px 0; text-align: center; } .pi-europa .pi-item-spacing { padding: 0; } .pi-europa .pi-navigation { background: #d6b17e; font-weight: bold; margin-bottom: 3px; padding: 3px; text-align: center; } .pi-europa .pi-tab-link { font-size: 12px; } .pi-europa .pi-data-label { color: #000000; flex-basis: 120px; font-size: 11px; line-height: 14px; padding-right: 3px; } .pi-europa .pi-data-value { font-size: 11px; padding: 3px 0 7px 5px; } .portable-infobox .pi-data-label { background: #ffffff; margin-bottom: 3px; padding: 5px; text-align: left; vertical-align: middle; } .pi-europa .pi-horizontal-group .pi-data-label { background-color: #ffffff!important; padding: 5px; text-align: center; } .pi-europa .pi-horizontal-group .pi-data-value { padding: 5px; text-align: center; } .pi-europa .pi-horizontal-group-item:nth-child(odd) { background-color: transparent; border-right: 1px solid #d6b17e; } .pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: transparent; border-left: 1px solid #d6b17e; } .pi-europa .pi-horizontal-group .pi-horizontal-group-item:nth-child(2n) { background-color: transparent; } .pi-europa .pi-horizontal-group { margin-bottom: 3px; } .pi-europa .pi-navigation a { color: #ffffff; }

/* Character themed infobox: pink theme (#ffb4c5) */ .pi-europa.portable-infobox.pi-theme-chara { border: 1px double #ffb4c5; } .pi-europa.pi-theme-chara .pi-title { background: #ffb4c5; border-radius: 0 5px 5px 0; border: 0; padding: 8px 0 7px 0!important; margin-bottom: 3px; } .portable-infobox.pi-theme-chara .pi-data-label { background: #ffb4c5; border-radius: 0 5px 5px 0; } .pi-europa.pi-theme-chara .pi-navigation { background: #ffb4c5; } .pi-europa.pi-theme-chara .pi-navigation a { color: #000000; } .pi-europa.pi-theme-chara .pi-horizontal-group-item:nth-child(odd) { border-right: 1px solid #ffb4c5; } .pi-europa.pi-theme-chara .pi-horizontal-group-item:nth-child(even) { border-left: 1px solid #ffb4c5; } .pi-europa.pi-theme-chara .pi-navigation a { color: #000000; } .pi-europa.pi-theme-chara .pi-collapse .pi-header:first-child:after, .pi-europa .pi-header.collapsible:after { border-color: #000000; }

.custom_scroll::-webkit-scrollbar { width: 10px; }

.custom_scroll::-webkit-scrollbar-track { background: transparent; }

.custom_scroll::-webkit-scrollbar-thumb { background: #dd360a; border-radius: 10px; }

.custom_scroll::-webkit-scrollbar-thumb:hover { background: #000; } .tabber .tabbertab { border: 0!important; } .tabbernav { border: 0!important; } /* Design of tabs not selected & general tab design */ .tabbernav a { color: #ceb60c!important; background: #7b241c!important; border: 2px solid #7b241c!important; border-radius: 5px 5px 0px 0px!important; border-bottom: 0!important; } /* Change text color */ .tabbernav a:link { color: #fff!important; } /* Design when hovering over tabs not selected */ .tabbernav a:hover { color: #fff!important; border: 2px solid #ceb60c!important; background: #7b241c!important; border-bottom: 0!important; } /* Design of currently selected tab */ .tabbernav .tabberactive a { color: #fff!important; border: 2px solid #ceb60c!important; background: #521711!important; border-bottom: 0!important; } /* Design when hovering over currently selected tab */ .tabbernav .tabberactive a:hover { /* Currently blank; can change when necessary */ }

/* Fix underlining on tabbers */ ul.tabbernav li a:hover, a:active { text-decoration: none; }

/* Animations */

.chara_base { background: url("https://static.wikia.nocookie.net/shining-nikki/images/a/a7/Icon_%28Hover%29.png") no-repeat top center; background-size: 180px; } .chara_portal { position: relative; top: 15px; transition: top ease 0.5s; } .chara_portal:hover { top: 0px; }

.border { border-bottom: 10px solid transparent; border-image: url(https://static.wikia.nocookie.net/riiul-testing-wiki/images/d/da/Divider_%28Header%29.png) 65 / 10px; }

.tabs:hover { border-image: url(https://static.wikia.nocookie.net/shining-nikki/images/d/da/Divider_%28Header%29.png/revision/latest) round 70; }