MediaWiki:Wikia.css

/* Credits to wormface.fandom.com for some of the code. Most code here is from there but modified to own wiki's needs */

/******************************** TABLE OF CONTENTS /******************************** 1) CSS imports  *1.1) Wiki-wide fonts 2) Wikia Designs  *2.1) Site Header *2.2) Site Pages /***** Staff Animation(s) ******/ /* 1) Animation Keyframes *1.1) Admin Animations (keyname=Admin)  *1.2) Super Mod Animations (keyname=Mod) *1.3) Content Mod Animations (keyname=ArticleMod)  *1.4) Discussion Mod Animations (keyname=DiscussionMod) *1.5) Other Animations (keyname=Other) **1.5.1) Wiki Designer Animation (keyname=Designer) **1.5.2) Bot Animation (keyname=Bot) 2) Animations *2.1) Admin Animations   *2.2) Mod Animations *2.3) Article Mod Animations   *2.4) Discussion Mod Animations *2.5) Other User Animations **2.5.1) Wiki Designer **2.5.2) Bots

/* 1) Imports */ /* 1.1) Wiki-Wide Fonts*/ @import url('https://fonts.googleapis.com/css?family=Abel'); @import url('https://fonts.googleapis.com/css?family=Ubuntu');

/* 2) Modern Text Font from Piggy Wiki - Wikia Designs */ .wds-community-header { /*2.1) Site Header*/ font-family: abel, helvetica, arial, sans-serif !important; } .WikiaPage { /*2.2) Site Pages*/   font-family: ubuntu, helvetica, arial, sans-serif !important; /* Testing Ubuntu */ }

/********* Customization **********/ /*1) Wikia Background*/ /*Taken from Adopt Me Wikia, oldid 242984 of MediaWiki:WikiaDesign.css*/ .skin-oasis {   background:url('https://static.wikia.nocookie.net/traitor-rblx/images/8/8a/Wiki-background.jpg/revision/latest?cb=20210121071929') fixed !important;    background-size: cover !important;    top: 0px; }

/**************************************************************************************************************************/ /********************************************* 1) ANIMATIONS **************************************************************/ /**** 1.1) Admin Animation ****/ /**** RainbowName Animation from Overlook Bay Wiki, Licensed under CC BY 3.0 ****/ /****************** @-webkit-keyframes Admin /*AnimationName*/ {   0% {color:lightgreen;} 33% {color:steelblue;} 66% {color:black;} 100% {color:black;} }
 * Animation Deployment
 * 1) Red
 * 2) Green
 * 3) Blue
 * 4) Red

/*All Animations here are based off of Overlook Bay Wiki specified higher, thanks*/

@-webkit-keyframes Mod /*AnimationName*/ {    0% /*1*/ {color:#a43632;} 10% /*2*/ {color:#a43271;} 20% /*3*/ {color:#9632a4;} 30% /*4*/ {color:#6632a4;} 40% /*5*/ {color:#3240a4;} 50% /*6*/ {color:#327fa4;} 60% /*7*/ {color:#32a48d;} 70% /*8*/ {color:#7ca432;} 80% /*9*/ {color:#a4a332;} 90% /*10*/{color:#a48f32;} 100% /*11*/{color:#a46432;} } /** Additional notes: All mods use this for the moment of writing. Remove when separate animations are made for others **/ /** Additional note 2: Animation must be still designed to suite wiki's design **/

/*1.6.1) Wiki Designer Animation @-webkit-keyframes Designer /*AnimationName*/ {	33% {color:lime;}   66% {color:lightgreen;}    100%{color:lime;} } /*1.6.2) Bots Animation @-webkit-keyframes Bot /*AnimationName*/ {	33% {color:#f784e9;} 66% {color:#a620dc;} 100% {color:#2031dc;} }
 * Animation Deployment
 * 1) Lime
 * 2) Green
 * 3) Lime
 * Animaiton Deployment
 * 1) Pink
 * 2) Purple
 * 3) Dark Blue

/************************************** 2) ANIMATIONS ***********************************************/ /** 2.1) Administrator Colors **/ a[href$=":Raz_Mail"], a[href$="/Raz_Mail"], a[href$=":Mngpsc"], a[href$="/Mngpsc"] {			animation: Admin 10s ease-out infinite; /*			color: !important;*/ font-weight: bold !important; }

/** 2.2) Moderator Colors ** a[href$=":"], a[href$="/"]		{			animation: SuperMod 10s ease-out infinite; /*			color: !important;*			font-weight: bold !important; }   /** 2.6) Other User Animations **/ /** 2.6.1) Wiki Designer Colors **/ /*		{			animation: Designer 3s ease-out infinite; /*			color: !important;*			font-weight: bold !important; }*/

/** 2.6.2) Bot Colors **/ a[href$=":Raz_Mail%27s_Bot"], a[href$="/Raz_Mail%27s_Bot"], a[href$=":FANDOM"], a[href$="/FANDOM"]		{			animation: Bot 3s ease-out infinite; /*			color: !important;*/			font-weight: bold !important; }