Wikia.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/**********************************/
/* Font                           */
/**********************************/
 
@import url(https://fonts.googleapis.com/css?family=Julee);
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');
@import url('https://fonts.googleapis.com/css?family=Rancho');
@import url('https://fonts.googleapis.com/css?family=Dekko');
@import url('https://fonts.googleapis.com/css?family=Dekko|Kavivanar');
@import url('https://fonts.googleapis.com/css?family=Delius+Swash+Caps');
@import url('https://fonts.googleapis.com/css?family=Merienda');

.oasis-split-skin .WikiaHeader,
#WikiaPageHeader h1, 
.WikiaArticle h2,
.tabs li,
.tally,
.activityfeed strong, 
.ChatModule h1.chat-headline, 
.ChatModule .WikiaRail .module h2.chat-headline, 
.WikiaRail .module .ChatModule h2.chat-headline, 
.ChatModule .WikiaRail #RIGHT_SKYSCRAPER h2.chat-headline, 
.WikiaRail #RIGHT_SKYSCRAPER .ChatModule h2.chat-headline, 
.WikiaRail .module h1, 
.WikiaRail #RIGHT_SKYSCRAPER h1, 
.WikiaRail .module h2, 
.WikiaRail #RIGHT_SKYSCRAPER h2,
.WikiaBarWrapper .wikia-bar,
.WikiaBlogListingBox h3,
.WikiaActivityModule li em,
.ForumActivityModule h1   

.WikiaPageHeader > h1, h2, h3, h4, h5, h6, h7 {
    font-family: 'Merienda';
}

.WikiaArticle {
 font-family: Merienda;/* This changes the text in the content space only */
}

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


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

div.ajax-poll { width:auto !important; }

/* Administrators: Red */
a[href="/wiki/User:Purple_Heart"],
a[href="/wiki/User:Feinoha"]{ font-weight: bold !important; color:#FF0000 !important; }

/* Moderators: Purple */
a[href="/wiki/User:MayomiCCz"]{ font-weight: bold !important; color:#CC00FF !important; }

/**********************************/
/* General                        */
/**********************************/
/* Background Style */

section.HotSpotsModule.module, section.FollowedPagesModule.module {
  background: transparent;
  border: 1px solid #FF6EC7 !important;
  border-radius: 6px;
}

.ChatModule, .ChatRailModule, .ChatEntryPoint,.CommunityCornerModule{
    border: 1px solid #FF6EC7 !important;
    border-radius: 6px;
}

section.ChatModule.module {
  background: transparent;
  background-size:cover;
}

.ChatModule .chat-whos-here {
border: 1px solid #FF6EC7;
}

section.insights-module {
  border: 1px solid #FF6EC7 !important;
  border-radius: 6px;
}
section.WikiaActivityModule.module {
  background: transparent;
  border: 1px solid #FF6EC7 !important;
  border-radius: 6px;
}

.module.AchievementsModule.UserProfileAchievementsModule{
  border: 1px solid #FF6EC7 !important;
  border-radius: 6px;
  background: transparent;
}

.UserProfileMasthead .masthead-info {
    background: #FDF8FF url("https://i.imgur.com/KzSGzbB.png") no-repeat center;
    overflow:hidden;
}


.UserProfileMasthead .masthead-avatar .avatar {
 border: 4px #FF6EC7;
 box-shadow: 0px 2px 8px 0px #FF6EC7
}
 
.avatar {
  border-radius: 4px;
}

/** Table of Contents **/
#toc {
	background: none;
	border-radius: 8px 8px 8px 8px!important;
	border: 1px solid #FF82AB !important;
	margin: 10px 5px!important;
}
#toc h2 {
	background-color: transparent!important;
	background: none!important;
	border: 0!important;
}
#toc ul,
#toc li {margin-left: 0!important;}
#toc li {font-size: 12px!important;line-height: 16px!important;}


/* ################################################## */
/* ### NAVBOXES (Template:Navbox)                 ### */
/* ################################################## */
 
/* Outer table - border */
.va-navbox-border {
   border: 1px solid #aaa;
}
 
.va-navbox-bottom + .va-navbox-bottom {
   margin-top: 2px;
}
 
/* Outer table - widths, floats */
.va-navbox {
   width: 100%;
   font-size: 11px; 
   line-height: 16px;
}
 
.va-navbox-bottom {
   width: 100%;
   clear: both; 
   margin: 5px auto 0;
}
 
.va-navbox-left {
   width: 200px;
   clear: left;
   float: left;
   margin: 0 1.5em 0.5em 0;
}
 
.va-navbox-right {
   width: 200px;
   clear: right;
   float: right;
   margin: 0 0 0.5em 1.5em;
}
 
/* Inner tables */
.va-navbox-brick {
   width: 100%;
   margin: 0;
}
 
/* Cellspacing */
.va-navbox, .va-navbox-border,
.va-navbox-brickcont, .va-navbox-padding,
.va-navbox-space-h, .va-navbox-space-v {
   background: transparent;
}
 
.va-navbox-padding {
   padding: 1px;
}
 
.va-navbox-space-h {
   width: 1px;
}
 
.va-navbox-colcont .va-navbox-space-h {
   width: 0%;
   border-right: 1px solid #FFF;
}
 
.va-navbox-space-v {
   height: 1px;
   font-size: 1pt;
   line-height: 0em;
}
 
/* Cell styles and widths */
/* Remember to update the column width calculations when changing widths */
.va-navbox-title {
   background: #EE1289;
   font-weight: normal;
   color: #000;
   padding: 4px 2px;
}
 
.va-navbox-headertext,
.va-navbox-titletext {
   font-weight: bold;
   padding-left: 40px;
   padding-right: 40px;
}
 
.va-navbox-maintitle .va-navbox-titletext {
   font-size: 118%;
}
 
.va-navbox-editlink {
   float: left;
   width: 40px;
   text-align: left;
   margin-right: -100%;
}
 
.va-navbox .collapseButton {
   margin-left: -100%;
}
 
.va-navbox-cell, .va-navbox-colgroup,
.va-navbox-col, .va-navbox-footer,
.va-navbox-group, .va-navbox-header,
.va-navbox-image, .va-navbox-subgroup {
   padding: 1px 2px;
}
 
.va-navbox-colgroup, .va-navbox-group,
.va-navbox-subgroup {
   font-weight: bold;
}
 
.va-navbox-group, .va-navbox-subgroup {
   width: 15%;
   text-align: center;
}
 
.va-navbox-footer, .va-navbox-group,
.va-navbox-header {
   background: #FF6EB4;
   border: 0;
}
 
.va-navbox-colgroup, .va-navbox-subgroup {
   background: #eee;
}
 
.va-navbox-cell, .va-navbox-col,
.va-navbox-image {
   background: #fafafa;
   border: 1px solid transparent;
}
 
.va-navbox-cell-nogroups, .va-navbox-col,
.va-navbox-colgroup, .va-navbox-footer,
.va-navbox-image {
   text-align: center;
}
 
.va-navbox-cell-withgroups {
   text-align: left;
}
 
.va-navbox-col {
   vertical-align: top;
}
 
.va-navbox-image {
   width: 8%;
}
 
/* Lists in column rows */
.va-navbox-formatlist ul,
.va-navbox-formatlist li {
   list-style: none;
   line-height: 16px;
   margin: 0.6em 0;
   padding: 0;
}
 
.va-navbox-formatlist li li {
   font-size: 90%;
}
 
.va-navbox-formatlist li ul {
   margin-top: -0.1em;
   margin-bottom: 0.5em;
}
 
.va-navbox-formatlist li ul li {
   margin: 0em;
}
 
/* Nested */
.va-navbox .va-navbox-nested {
   font-size: 100%;
}
 
.va-navbox-nested .va-navbox-title {
   background: #F7C024;
   color: #000;
}
 
.va-navbox-nested .va-navbox-footer, 
.va-navbox-nested .va-navbox-group,
.va-navbox-nested .va-navbox-header {
   background: #F7C024;
}
 
.va-navbox-nested .va-navbox-colgroup, 
.va-navbox-nested .va-navbox-subgroup {
   background: #eee;
}
 
/* Links */
.va-navbox-editlink .va-navbar-item {
   color: #000 !important;
}
 
.va-navbox-nowraplinks .va-navbox-cell a,
.va-navbox-nowraplinks .va-navbox-col a {
   white-space: nowrap;
}
 
.va-navbox-maintitle a:link,
.va-navbox-maintitle a:visited {
   color: #000 !important;
}
 
.va-navbox-maintitle a:hover,
.va-navbox-maintitle a:active {
   color: #000;
}
 
.va-navbox-maintitle a.new {
   color: #F11 !important;
}
 
/* Printing */
@media print {
   .va-navbox, .va-navbox-border {
      display: none;
   }
}
/* end Navboxes */

/*==================================Cursor==================================*/
body, a[href="#"] {
	cursor: url('http://i.imgur.com/vxpD0jg.png'), auto;
}
 
a[href], input[type="button"], input[type="submit"], button {
    cursor: url('http://i.imgur.com/1u2w7fI.png'), auto;
}

p:hover{
  cursor: url('http://i.imgur.com/TczPic8.png'), text;
}

/* ################################################## */
/* ### Tabbertab                                  ### */
/* ################################################## */
 
.tabbertab {
   border-top: transparent !important;
   border-bottom: transparent !important;
   border-left: transparent !important;
   border-right: transparent !important;
}
 
/* add spaces to tabview tabs */
.tabberlive > ul.tabbernav > li {
        margin-right: 2px;
        line-height: 21px;
        padding-bottom: 0;
}
/* not applying on the last tabview tabs */
.tabberlive > ul.tabbernav > li:last-child {
        margin-right: 0px;
}
 
.tabbernav {
   background: transparent;
   border-bottom: none !important;
   padding: 0 0 !important;
}
 
ul.tabbernav li a {
   color: #FF6EC7 !important;
   padding: 3px 0.5em !important;
   margin-left: 0px !important;
   background: transparent !important;
   border: 1px solid #FF6EC7  !important;
   font-weight: bold !important;
   -moz-border-radius-topright: 3px !important;
   border-top-right-radius: 3px !important;
   -moz-border-radius-topleft: 3px !important;
   border-top-left-radius: 3px !important;
   position: relative;
}
 
 
ul.tabbernav li.tabberactive a {
   border: 1px solid #FF6EC7  !important;
   color: #FFF !important;
   border-bottom: 1px solid transparent !important;
   background-color: #FF6EC7  !important;
   cursor: default;
}
 
/*ul.tabbernav li.tabberactive {line-height: 0px !important;}*/
 
ul.tabbernav li.tabberactive:first-child a {
   margin-left: 0px !important;
}
 
.tabbertab  .ajax-poll {
   border: none !important;
}
 
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {
   display:block !important;
}

/*

<pre>*/
/* === Template:Ambox designs === */
 
/* Ambox design */
.ambox {
    font-size: 95%;
    width: 80%; 
    margin: 0 auto;
    border: 1px #AAA solid;
    border-left: 10px solid #228b22;
    border-collapse: collapse;
    background-color: #EEE;
}
 
/* Ambox colours */
.ambox-blue {
    border-left: 10px solid #1e90ff;    /* Blue (notice) */
}
.ambox-red {
    border-left: 10px solid #b22222;    /* Red (delete/serious) */
}
.ambox-orange {
    border-left: 10px solid #f28500;    /* Orange (content) */
}
.ambox-yellow {
    border-left: 10px solid #f4c430;    /* Yellow (style) */
}
.ambox-purple {
    border-left: 10px solid #9932cc;    /* Purple (merge) */
}
.ambox-gray {
    border-left: 10px solid #bba;        /* Gray (protection) */
}
.ambox-green {
    border-left: 10px solid #228b22;    /* Green */
}
 
/* Ambox small text */
.ambox-smalltext {
    font-size: smaller;
    margin-top:0.5em;
    margin-left:0.8em;
}
 
/* Ambox image */
.ambox-image {                    /* The left image cell */
    width: 60px;
    padding: 2px 0px 2px 0.5em;        /* 0.5em left, 0px right */
    text-align: center;
}
 
@media print { .ambox { display: none; } }    /* no ambox when printing */
/*</pre>

*/

/* Wikia Page Border */
.WikiaPage {
    border: 1px solid #ef7fb5;
    box-shadow: 0 0 20px #f7add0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


table {
	margin:0 auto;
	width:40%;
	border-radius:7px;
	background:#222222;
	text-align:center;
}
 
tr > th {
	background:#4372AA;
	border-radius:3.5px;
}
 
tr > td {
	background:#333333;
	border-radius:3.5px;
	color:#ffffff;
}
 
tr > td.highlight {
	background:#000000;
	border-radius:3.5px;
	color:#ffffff;
}