MediaWiki:Wikia.css

/* This code controls ALL infoboxes styling */ .portable-infobox { width:325; justify-content: center; } .pi-background { background-color: #f0f1f0; } .pi-header { text-align:center; line-height: 22px; justify-content: center; } .pi-title { background:#E44A3C; font-size: 130%; font-weight: bold; padding-top: 14px; padding-bottom: 7px; line-height: 25px; vertical-align: middle; align-items: center; text-align: center; justify-content: center; } .pi-image, .pi-image-thumbnail { max-width:90%; height:auto; margin-left:auto; margin-right:auto; justify-content: center ; padding:10px; }

.pi-data { border: none; justify-content: center; } .pi-data-label { font-weight: bold; text-align: center; } .pi-item[data-source=image]{ text-align: center; vertical-align: middle; align-items: center; justify-content: center; } .pi-data-value { line-height: 22px; text-align: center; justify-content: center; }

/* Infobox (theme) for Production Buildings */ .portable-infobox.pi-theme-production { width:415; }

/* Infobox (theme) for Common horses */ .pi-theme-common .pi-header { background:linear-gradient(rgba(252, 204, 120,0),rgba(252, 204, 120,1)); } .pi-theme-common .pi-title { background:linear-gradient(rgba(252, 204, 120,1),rgba(252, 204, 120,0)); }

/* Infobox (theme) for Fantasy horses */ .pi-theme-fantasy .pi-header { background:linear-gradient(rgba(207, 195, 239,0),rgba(207, 195, 239,1)); } .pi-theme-fantasy .pi-title { background:linear-gradient(rgba(207, 195, 239,1),rgba(207, 195, 239,0)); }

/* Infobox (theme) for Constellation horses */ .pi-theme-constellation .pi-header { background:linear-gradient(rgba(137, 195, 235,0),rgba(137, 195, 235,1)); } .pi-theme-constellation .pi-title { background:linear-gradient(rgba(137, 195, 235,1), rgba(137, 195, 235,0)); }

/* Infobox (theme) for Exclusive horses */ .pi-theme-exclusive .pi-header { background:linear-gradient(rgba(244, 135, 138,0),rgba(244, 135, 138,1)); } .pi-theme-exclusive .pi-title { background:linear-gradient(rgba(244, 135, 138,1),rgba(244, 135, 138,0)); }

/* Infobox (theme) for HARVEST Items */ .pi-theme-harvest .pi-header { background:linear-gradient(rgba(16,112,38,0),rgba(16,112,38,1)); } .pi-theme-harvest .pi-title { background:linear-gradient(rgba(16,112,38,1),rgba(16,112,38,0)); } /* Infobox (theme) for PRODUCE Items */ .pi-theme-produce .pi-header { background:linear-gradient(rgba(242,131,17,0),rgba(242,131,17,1)); } .pi-theme-produce .pi-title { background:linear-gradient(rgba(242,131,17,1),rgba(242,131,17,0)); }