MediaWiki:Wikia.css

/* Imports */ @import url('/load.php?mode=articles&articles=u:dev:MediaWiki:ModernRail.css|MediaWiki:Themes.css|MediaWiki:UserProfile.css|MediaWiki:Hover.css&only=styles');

/*font imports*/ @import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope|Alex+Brush|Architects+Daughter|Cinzel+Decorative|Coming+Soon|Indie+Flower|Lobster|Nothing+You+Could+Do|Shadows+Into+Light|The+Girl+Next+Door|Museo+Moderno|Waiting+for+the+Sunrise|Pacifico|Marck+Script|Abril+Fatface|Henny+Penny|Eater|BenchNine|Bigelow+Rules|Almendra+Display|Exo+2|IM+Fell+DW+Pica|Coiny|Pacifico|Inherit|Exo|Exo+2|Montserrat|Comfortaa|Courgette|Papyrus&display=swap'); @import url('https://fonts.googleapis.com/css?family=Quicksand|Parisienne|Poiret+One|Roboto+Slab:400,100,300,700&subset=latin,latin-ext');

/*Font*/ .WikiaPage { font-family: 'Quicksand'; border: 0.2px solid #000; color:#000; border:0.2; } .WikiaPageHeader > h1 { font-family: Montserrat; /* This changes the header on every article */ } .WikiaArticle { font-family: Montserrat; /* This changes the text in the content space only */ } body, .category-gallery-item, .snippet, .text, .wikia-button, .wikia-single-button, a, .wikia-menu-button, input, .button, button, select, .tabbernav { font-family: Quicksand !important; }

/* Scroll Bar*/
 * -webkit-scrollbar {

background-image: linear-gradient(135deg, #472654, #ffffff); width:10px; height:10px; }
 * -webkit-scrollbar-thumb {

border-radius:100em; background:#BFB8DA; }
 * -webkit-scrollbar-thumb:hover {

border-radius:100em; background:#a89fc9; }

/*Tabs*/ ul.tabbernav { font-weight:bold !important; padding:5px 0px !important; border: none !important; text-transform: uppercase !important;} ul.tabbernav li a { padding:5px 5px !important; margin-left:0px !important; border:0 !important; background: transparent !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;} ul.tabbernav li a:link { color:#BFB8DA !important; border-bottom: 2px solid #472654 !important; margin-right: 2px !important;} ul.tabbernav li a:visited { color: #BFB8DA !important; border-bottom: 2px solid #472654 !important; margin-right: 2px !important;} ul.tabbernav li a:hover { color:#a89fc9 !important; border-bottom: 2px solid #472654 !important; background-color: transparent !important; margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important;} ul.tabbernav li.tabberactive a { color:#a89fc9 !important; border-bottom: 2px solid #472654 !important; background-color: transparent !important; margin-right: 2px !important;} ul.tabbernav li.tabberactive a:hover { border-bottom: 2px solid #472654 !important; margin-right: 2px !important;} .tabberlive .tabbertab { border:0px solid transparent !important; border-top:0 !important; }

/* Span class */ .spanse, .spancr, .spanmm, .spanen, .spanqunew, .spansk { float:left; display: block; position: relative; z-index: 99; }

.spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { transition-duration: 0.5s; transition-timing-function: ease-out; display: block; position: absolute; z-index: 100; }

.spanse2, .spancr2, .spanmm2, .spanen2, .spanqunew2, .spansk2 { opacity: 0; } .spanse2:hover, .spanmm2:hover, .spanen2:hover, .spancr2:hover, .spanqunew2:hover, .spansk2:hover{ opacity: 100; }

/** Hovers **/ .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); }

.hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .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%); }

.hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }