MediaWiki:Wikia.css

/******************************** 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=SuperMod) *1.3) Content Mod Animations (keyname=ContentMod)  *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) Super Mod Animations *2.3) Content Mod Animations   *2.4) Discussion Mod Animations *2.5) Other User Animations **2.5.1) Wiki Designer **2.5.2) Bots

/*1) CSS imports*/ /*1.1) Wiki-wide fonts*/ @import url('https://fonts.googleapis.com/css?family=Abel');

/* 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: rubik, helvetica, arial, sans-serif !important; }

/**************************************************************************************************************************/ /********************************************* 1) ANIMATIONS **************************************************************/ /**** 1.1) Admin Animation ****/ /**** RainbowName Animation from Overlook Bay Wiki, Licensed under CC BY 3.0 ****/ /****************** @-webkit-keyframes Admin /*AnimationName*/ {   0% {color:red;} 33% {color:green;} 66% {color:blue;} 100% {color:red;} }
 * 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 SuperMod /*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;} }

/*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) USER ANIMATIONS *********************************************************/

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

/** 2.2) Super Moderator Colors **/ a[href$=":Tontu"], a[href$="/Tontu"] /* Formerly HitoshiSimp */			{			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"]		{			animation: Bot 3s ease-out infinite; /*			color: !important;*/			font-weight: bold !important; }