MediaWiki:Wikia.css

/*External Page Imports*/

@import url("https://fonts.googleapis.com/css?family=Poppins"); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernRail.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:Mediawiki:WikiaToolBar/code.css.css&only=styles"; @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css");

/*Customisation of Wiki Font*/

body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select {font-family:Poppins !important;}

/*Customisation of Infoboxes*/

.portable-infobox { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

.portable-infobox .pi-title { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

/*Customisation of Tabes of Contents*/

.toc { border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; -icab-border-radius: 10px 10px 10px 10px; -o-border-radius: 10px 10px 10px 10px; }

/*Animated 'scrolling' text*/

.marquee { height: 50px; overflow: hidden; position: relative; } .marquee h1 { font-size: 1em; position: absolute; width: 300%; height: 120%; margin: 0; line-height: 50px; text-align: center; /* Starting position */ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */ -moz-animation: marquee 50s linear infinite; -webkit-animation: marquee 50s linear infinite; animation: marquee 50s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes marquee { 0%  { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes marquee { 0%  { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes marquee { 0%  {  -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } .marquee h2 { font-size: 2em; position: absolute; width: 300%; height: 120%; margin: 0; line-height: 50px; text-align: center; /* Starting position */ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */ -moz-animation: marquee 50s linear infinite; -webkit-animation: marquee 50s linear infinite; animation: marquee 50s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes marquee { 0%  { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes marquee { 0%  { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes marquee { 0%  {  -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } .marquee h3 { font-size: 3em; position: absolute; width: 300%; height: 120%; margin: 0; line-height: 50px; text-align: center; /* Starting position */ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */ -moz-animation: marquee 50s linear infinite; -webkit-animation: marquee 50s linear infinite; animation: marquee 50s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes marquee { 0%  { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes marquee { 0%  { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes marquee { 0%  {  -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } }