MediaWiki:Wikia.css

body {background-attachment:fixed}

/* You invoke the new style by adding theme="yourtheme" to the tag */ .pi-theme-yourtheme.pi-background { background-color: #ffeeaa; }  /* overall background */ .pi-theme-yourtheme .pi-image { } /* alignment of image box */ .pi-theme-yourtheme .pi-image-thumbnail { /* for adjusting the image */ /*   max-width:          123px; Size of image, typically use the same width as infobox, minus borders*/ /*   max-height:         123px; (if needed) */ /*   width:              auto;  (if needed) */ /*   height:             auto;  Preserves the image ratio */ } .pi-theme-yourtheme { } /* overall border, color, font, etc. */ .pi-theme-yourtheme .pi-item-spacing { } /* padding between each element */ .pi-theme-yourtheme .pi-title { } /* title padding, margin, font... */ .pi-theme-yourtheme .pi-caption { } /* caption font, color, etc. */ .pi-theme-yourtheme .pi-group { } /* group border, etc. */ .pi-theme-yourtheme .pi-border-color { } /* group and data border color */ .pi-theme-yourtheme .pi-header { } /* header alignment, border etc. */ .pi-theme-yourtheme .pi-secondary-font { } /* header, label font */ .pi-theme-yourtheme .pi-secondary-background { } /* header background */ .pi-theme-yourtheme .pi-data { } /* div around label and value */ .pi-theme-yourtheme .pi-data-label { } /* label alignment, wrapping, flex */ { /*   flex-basis:    50%; */ /* Changes ratio of left/right column width */ } .pi-theme-yourtheme .pi-data .pi-secondary-font { } /* make font of data block different than header */ .pi-theme-yourtheme .pi-data-value { } /* value field (right column) */ .pi-theme-yourtheme .pi-data-value:not(:first-child) { } /* padding/margin between data columns */ { /*   padding-left:       0;   */  /* As you think best */ /*   margin-left:        4px; */ } .pi-theme-yourtheme .pi-font { } /* value font */ .pi-theme-yourtheme .pi-horizontal-group { } /* table styles for horizontal group */ .pi-theme-yourtheme .pi-horizontal-group-item { } /* cell padding/margin */ .pi-theme-yourtheme .pi-horizontal-group .pi-data-label { } /* label in horizontal group */ .pi-theme-yourtheme .pi-horizontal-group-item { } /* table cells in horizontal group */ .pi-theme-yourtheme .pi-navigation { } /* nav tag */ .pi-theme-yourtheme .pi-item /* almost everything gets this, so be careful */ { }

/* == Peach PortableInfobox Theme == */ .pi-theme-peach { border: 5px #171717; background-color:#ffeeaa; }

.pi-theme-peach .pi-title { background-color:#ffeeaa; }

.pi-theme-peach .pi-secondary-background { background-color:#ffeeaa; }

.pi-theme-peach .pi-data:not(:last-of-type) { border-color:#ffeeaa; }

.pi-theme-peach .pi-horizontal-group .pi-horizontal-group-item { border-left-style: solid; border-left-width: 5px; border-left-color: #ffeeaa; }