MediaWiki:Wikia.css

.WikiNav { font-family: 'Roboto Condensed' } .WikiaPage, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, .button, select, ul.tabbernav { font-family: 'Source Sans Pro' !important; }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 7pt; height: 110px; overflow: auto; padding: 3px; }

.hoverimage img { opacity: 100; filter: alpha(opacity=100); /* For IE8 and earlier */ }

.hoverimage img:hover { opacity: 0.7; filter: alpha(opacity=0.7); /* For IE8 and earlier */ }

.grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: invert(100%); }

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { border-radius: 0; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { border-radius: 0; } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, .wikia-menu-button.active, .wikia-menu-button:active, input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, button.active, button:active { border-radius: 0; } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary { border-radius: 0; } a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"].secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover { border-radius: 0; } a.wikia-button.secondary.active, a.wikia-button.secondary:active, .wikia-single-button a.secondary.active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary.active, .wikia-menu-button.secondary:active, input[type="submit"].secondary.active, input[type="submit"].secondary:active, input[type="reset"].secondary.active, input[type="reset"].secondary:active, input[type="button"].secondary.active, input[type="button"].secondary:active, .button.secondary.active, .button.secondary:active { border-radius: 0; } .EditPage .cke_button > a { border-radius: 0; } .wikia-menu-button, button.wikia-button { border-radius: 0; } .wikia-menu-button > a, .wikia-menu-button .drop { border-radius: 0; } .wikia-button.talk.comments { border-radius: 0; }

.tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #666666 !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #3a3a3a !important; border: none !important; background: transparent !important; } .tabberactive a { color: white !important; background: #666666 !important; } .tabbernav :not(.tabberactive) a:hover { background: rgba(237,192,255, 0.8) !important; } .tabbertab { border: none !important; padding: 0 !important; }

/* Scroll Bar (from Hailee Steinfeld wiki)*/
 * -webkit-scrollbar {

background:#FFE0FF; }


 * -webkit-scrollbar-thumb {

background:#b184cd !important; }
 * -webkit-scrollbar-thumb:hover {

background:#b184cd !important; }
 * -webkit-scrollbar-thumb {

width:auto !important; }

/* Image slider */ .cslider { background-color: #000; color: #fff; display: flex; height: 415px; margin: auto; overflow: hidden; position: relative; transition: background-color 400ms ease; width: 670px; } .cslider ul { display: inline-flex; padding: 0; margin: 0; position: relative; top: 0; left: 0; } .cslider ul li { list-style: none; margin: 0 !important; } .cslider ul li img { width: 670px; } .cslider figure { height: 406px; overflow: hidden; margin: 0 !important; } .cslider figcaption { background: rgba(0, 0, 0, .5); box-sizing: border-box; height: 31px; padding: 3px 12px; } .cslider-prev, .cslider-next { cursor: pointer; font-size: 30px; position: absolute; transform: scaleX(2); } .cslider-prev { left: 15px; } .cslider-next { right: 15px; } .cslider-caption { background: rgba(0, 0, 0, .5); bottom: 0; box-sizing: border-box; height: 90px; padding: 10px 15px; position: absolute; width: 670px; z-index: 10; } .cslider-caption h2 { border: none; font-size: 16px !important; font-weight: 700; } .cslider-caption p { font-size: 12px; } .cslider-caption a { background-color: #f5b4d3; background-image: -moz-linear-gradient(top, #f5b4d3 35%, #ef87b9 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #f5b4d3), color-stop(65%, #ef87b9)); background-image: -o-linear-gradient(top, #f5b4d3 35%, #ef87b9 65%); background-image: -ms-linear-gradient(top, #f5b4d3 35%, #ef87b9 65%); border: 1px solid #ef87b9; border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; text-decoration: none !important; line-height: 20px; padding: 0 10px; margin-top: 5px; } .cslider-caption p, .cslider-caption h2 { line-height: 20px; margin: 0 !important; padding: 0 !important; } .cslider-nav { display: flex; height: 40px; justify-content: center; margin: auto; padding: 5px 0; position: relative; width: 670px; z-index: 50; } .cslider-nav .active { border: 1px solid #fff; } .cslider-thumbs { height: 40px; } .cslider-thumbs img { border: 1px solid #444; box-sizing: border-box; cursor: pointer; display: inline-block; margin: 0 3px; height: 40px; }

/*Infoboxes*/ .portable-infobox { float: right; margin: 0 0 5px 5px; padding: 0px 0px; }

.portable-infobox .pi-background { background-color: #fce8f1; width: 250px; }

.portable-infobox .pi-font { font-size: 12px; }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; }

.pi-image-thumbnail { max-width: 270px; max-height: 500px; width: auto; height: auto; }

/*KNS48 Infobox Theme*/ .pi-theme-kns { background-color: white; border-radius: 2px; border: 1px solid #fe2057; }

.pi-theme-kns .pi-title { font-style: normal; font-size: 15px; background-color: #fe2057; }

.pi-theme-kns .pi-secondary-background { background-color: #fe2057; }

.pi-theme-kns .pi-border-color { border-color: #fe2057; }

.pi-theme-kns .pi-image-thumbnail { max-width: 270px; max-height: 450px; width: auto; height: auto; }

.pi-theme-kns .pi-image-collection-tabs li { background: #fe2057; color: white; }

.pi-theme-kns .pi-image-collection-tabs .current { background: #fe2057; color: white; }

/*Dream Infobox Theme*/ .pi-theme-dream { background-color: white; border-radius: 2px; border: 1px solid #918787; }

.pi-theme-dream .pi-title { font-style: normal; font-size: 15px; background-color: #918787; }

.pi-theme-dream .pi-secondary-background { background-color: #918787; }

.pi-theme-dream .pi-border-color { border-color: #918787; }

.pi-theme-dream .pi-image-thumbnail { max-width: 270px; max-height: 450px; width: auto; height: auto; }

.pi-theme-dream .pi-image-collection-tabs li { background: #918787; color: white; }

.pi-theme-dream .pi-image-collection-tabs .current { background: #918787; color: white; }

/*Happiness Infobox Theme*/ .pi-theme-happiness { background-color: white; border-radius: 2px; border: 1px solid #fec8df; }

.pi-theme-happiness .pi-title { font-style: normal; font-size: 15px; background-color: #fec8df; }

.pi-theme-happiness .pi-secondary-background { background-color: #fec8df; }

.pi-theme-happiness .pi-border-color { border-color: #fec8df; }

.pi-theme-happiness .pi-image-thumbnail { max-width: 270px; max-height: 450px; width: auto; height: auto; }

.pi-theme-happiness .pi-image-collection-tabs li { background: #fec8df; color: white; }

.pi-theme-happiness .pi-image-collection-tabs .current { background: #fec8df; color: white; }

/*Flower Infobox Theme*/ .pi-theme-flower { background-color: white; border-radius: 2px; border: 1px solid #b791c2; }

.pi-theme-flower .pi-title { font-style: normal; font-size: 15px; background-color: #b791c2; }

.pi-theme-flower .pi-secondary-background { background-color: #b791c2; }

.pi-theme-flower .pi-border-color { border-color: #b791c2; }

.pi-theme-flower .pi-image-thumbnail { max-width: 270px; max-height: 450px; width: auto; height: auto; }

.pi-theme-flower .pi-image-collection-tabs li { background: #b791c2; color: white; }

.pi-theme-flower .pi-image-collection-tabs .current { background: #b791c2; color: white; }

/*Other Infobox Theme*/ .pi-theme-other { background-color: white; border-radius: 2px; border: 1px solid #333d98; }

.pi-theme-other .pi-title { font-style: normal; font-size: 15px; background-color: #333d98; }

.pi-theme-other .pi-secondary-background { background-color: #333d98; }

.pi-theme-other .pi-border-color { border-color: #333d98; }

.pi-theme-other .pi-image-thumbnail { max-width: 270px; max-height: 450px; width: auto; height: auto; }

.pi-theme-other .pi-image-collection-tabs li { background: #333d98; color: white; }

.pi-theme-other .pi-image-collection-tabs .current { background: #333d98; color: white; }