MediaWiki:Wikia.css

@import "https://fonts.googleapis.com/css?family=Rancho";
@import "https://fonts.googleapis.com/css?family=Uncial+Antiqua";
.WikiHeader {
    font-family: 'Rancho';
}


/*==INFOBOX==*/

/*=Green=*/

.portable-infobox.type-green {
   width: 250px;
   color: #000000;
}
/*Infobox: Space between data*/
.portable-infobox.type-green .pi-item-spacing {
    padding: 2px 5px;
}
/*Setting IMG to fill max width*/
.portable-infobox.type-green .pi-image-thumbnail { 
    width: 100%;
    height: auto;
}
/*Infobox Background color*/
.portable-infobox.type-green.pi-background {
    background-color: #deffc8;
}
/*Infobox Secondary background color*/
.portable-infobox.type-green .pi-secondary-background {
    background-color: #007337;
    color: #ffffff;
}
/*Infobox Title*/
.portable-infobox.type-green .pi-title {
    color: #ffffff;
    background: #007337;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 7px;
    padding-bottom: 5px;
}

/*=Blue=*/

.portable-infobox.type-blue {
   width: 250px;
   color: #000000;
}
/*Infobox: Space between data*/
.portable-infobox.type-blue .pi-item-spacing {
    padding: 2px 5px;
}
/*Setting IMG to fill max width*/
.portable-infobox.type-blue .pi-image-thumbnail { 
    width: 100%;
    height: auto;
}
/*Infobox Background color*/
.portable-infobox.type-blue.pi-background {
    background-color: #b0e0e6;
}
/*Infobox Secondary background color*/
.portable-infobox.type-blue .pi-secondary-background {
    background-color: #146496;
    color: #ffffff;
}
/*Infobox Title*/
.portable-infobox.type-blue .pi-title {
    color: #ffffff;
    background: #146496;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 7px;
    padding-bottom: 5px;
}

/*=Brown=*/

.portable-infobox.type-brown {
   width: 250px;
   color: #000000;
}
/*Infobox: Space between data*/
.portable-infobox.type-brown .pi-item-spacing {
    padding: 2px 5px;
}
/*Setting IMG to fill max width*/
.portable-infobox.type-brown .pi-image-thumbnail { 
    width: 100%;
    height: auto;
}
/*Infobox Background color*/
.portable-infobox.type-brown.pi-background {
    background-color: #dcaa78;
}
/*Infobox Secondary background color*/
.portable-infobox.type-brown .pi-secondary-background {
    background-color: #654321;
    color: #ffffff;
}
/*=Purple=*/

.portable-infobox.type-purple {
   width: 250px;
   color: #000000;
}
/*Infobox: Space between data*/
.portable-infobox.type-purple .pi-item-spacing {
    padding: 2px 5px;
}
/*Setting IMG to fill max width*/
.portable-infobox.type-purple .pi-image-thumbnail { 
    width: 100%;
    height: auto;
}
/*Infobox Background color*/
.portable-infobox.type-purple.pi-background {
    background-color: #d64fff;
}
/*Infobox Secondary background color*/
.portable-infobox.type-purple .pi-secondary-background {
    background-color: #800080;
    color: #ffffff;
}
/*Infobox Title*/
.portable-infobox.type-purple .pi-title {
    color: #ffffff;
    background: #800080;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 7px;
    padding-bottom: 5px;
}

/*=Red=*/

.portable-infobox.type-red {
   width: 250px;
   color: #000000;
}
/*Infobox: Space between data*/
.portable-infobox.type-red .pi-item-spacing {
    padding: 2px 5px;
}
/*Setting IMG to fill max width*/
.portable-infobox.type-red .pi-image-thumbnail { 
    width: 100%;
    height: auto;
}
/*Infobox Background color*/
.portable-infobox.type-red.pi-background {
    background-color: #ff9a73;
}
/*Infobox Secondary background color*/
.portable-infobox.type-red .pi-secondary-background {
    background-color: #cc0000;
    color: #ffffff;
}
/*Infobox Title*/
.portable-infobox.type-red .pi-title {
    color: #ffffff;
    background: #cc0000;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 7px;
    padding-bottom: 5px;
}

/*=Disambiguation WIP=*/

.disambig1 {
    background-image:url('https://vignette.wikia.nocookie.net/fablehaven/images/c/c0/Disambig_fablehaven2.png');
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

/*=Event=*/

.portable-infobox.type-event {
   width: 250px;
   color: #000000;
}
/*Infobox: Space between data*/
.portable-infobox.type-event .pi-item-spacing {
    padding: 2px 5px;
}
/*Setting IMG to fill max width*/
.portable-infobox.type-event .pi-image-thumbnail { 
    width: 100%;
    height: auto;
}
/*Infobox Background color*/
.portable-infobox.type-event.pi-background {
    background-color: #f4ff75;
}
/*Infobox Secondary background color*/
.portable-infobox.type-event .pi-secondary-background {
    background-color: #ffae00;
    color: #ffffff;
}
/*Infobox Title*/
.portable-infobox.type-event .pi-title {
    color: #ffffff;
    background: #ffae00;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 7px;
    padding-bottom: 5px;
}
.portable-infobox.type-event .pi-horizontal-group-item:nth-child(2n) {
    background-color: #f4ff75;
    background-color: #f8ffad;
}