MediaWiki:Wikia.css

/* Font family for page headers. Similar to the font * used for the printed English names for characters * at the beginning of original Young Animal volumes */ @import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,700,700i); /**************************************************
 * Global variables
 * root {
 * root {

--main_border-color: #ccc; --main_theme: #03687c; --main_font-color_secondary: #555; --main_font-family_serif: 'Crimson Text', serif; --block_bg: hsl(0, 0%, 97%); --block_bg_title: hsl(0, 0%, 88%); --block_bg_header: hsl(0, 0%, 90%); }

/************************************************** .portable-infobox { width: 250px; background: var(--block_bg); border: 1px solid var(--main_border-color); } .portable-infobox .pi-title { font: bold 14px sans-serif; text-align: center; color: #fff; background: var(--main_theme); } h2.pi-title + h2.pi-title { margin-top: -5px; padding-top: 0; font-weight: normal; } .pi-collapse .pi-header { font: bold 13px sans-serif; color: #333; background: var(--block_bg_header); }
 * Infoboxes

/* Navigations */ .portable-infobox .pi-secondary-background { background: var(--main_theme); color: #fff; }

/* Padding */ .portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation, .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { padding: 3px 5px; }

/* Border */ /*.portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-navigation, .portable-infobox .pi-image { border-bottom: 1px solid var(--main_border-color); } .portable-infobox > :last-child { border-bottom: 0; }

/* Image area */ .pi-image-thumbnail { width: 250px; height: auto; } /* Row data label, row data value */ .portable-infobox .pi-data-label { border-right: 1px solid var(--main_border-color); background: var(--block_bg_header); } .portable-infobox .pi-data { padding: 0; } .portable-infobox .pi-border-color { border-color: var(--main_border-color); } /* PI tab customizations */ ul.pi-image-collection-tabs { display: flex; border-bottom: 1px solid var(--main_border-color); } ul.pi-image-collection-tabs li { flex: auto; color: #6e7275; padding: 0 7px !important; border: 0; border-top: 2px solid transparent; border-bottom: 2px solid transparent; font: normal 14px sans-serif; -webkit-transition: background-color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out; -o-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; } ul.pi-image-collection-tabs li:hover { background: var(--block_bg_header); } ul.pi-image-collection-tabs li.current { font-weight: normal; background: transparent; border-bottom: 2px solid #6e7275; } .pi-image-collection-tab-content { background: transparent; }