MediaWiki:Wikia.css

body {background-attachment:fixed}

/* You invoke the new style by adding theme="yourtheme" to the tag */ .pi-theme-yourtheme.pi-background { }  /* 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 .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-peach { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

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

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

.pi-theme-peach .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-peach .pi-header { text-align: center; font-size: 115%; }

.pi-theme-peach .pi-item { border: 1px; border-style: solid; border-color: #171717; }

/* == Light Blue PortableInfobox Theme == */ .pi-theme-lightblue .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-lightblue .pi-caption { font-size: 100%; }

.pi-theme-lightblue { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

.pi-theme-lightblue .pi-title { background-color: #ADD8E6; }

.pi-theme-lightblue .pi-secondary-background { background-color: #ADD8E6; }

.pi-theme-lightblue .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-lightblue .pi-header { text-align: center; font-size: 115%; }

.pi-theme-lightblue .pi-item { border: 1px; border-style: solid; border-color: #171717; }

/* == Orange PortableInfobox Theme == */ .pi-theme-orange .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-orange { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

.pi-theme-orange .pi-title { background-color: #FF8C00; }

.pi-theme-orange .pi-secondary-background { background-color: #FF8C00; }

.pi-theme-orange .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-orange .pi-header { text-align: center; font-size: 115%; }

.pi-theme-orange .pi-item { border: 1px; border-style: solid; border-color: #171717; }

/* == Dark Gray PortableInfobox Theme == */ .pi-theme-darkgray .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-darkgray { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

.pi-theme-darkgray .pi-title { background-color: #696969; }

.pi-theme-darkgray .pi-secondary-background { background-color: #696969; }

.pi-theme-darkgray .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-darkgray .pi-header { text-align: center; font-size: 115%; color: white; }

.pi-theme-darkgray .pi-item { border: 1px; border-style: solid; border-color: #171717; }

/* == Green PortableInfobox Theme == */ .pi-theme-green .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-green { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

.pi-theme-green .pi-title { background-color: #228B22; }

.pi-theme-green .pi-secondary-background { background-color: #228B22; }

.pi-theme-green .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-green .pi-header { text-align: center; font-size: 115%; color: white; }

.pi-theme-green .pi-item { border: 1px; border-style: solid; border-color: #171717; }

/* == Cyan PortableInfobox Theme == */ .pi-theme-cyan .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-cyan { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

.pi-theme-cyan .pi-title { background-color: #66EEEE; }

.pi-theme-cyan .pi-secondary-background { background-color: #66EEEE; }

.pi-theme-cyan .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-cyan .pi-header { text-align: center; font-size: 115%; }

.pi-theme-cyan .pi-item { border: 1px; border-style: solid; border-color: #171717; }

/* == Lavender PortableInfobox Theme == */ .pi-theme-lavender .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-lavender { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

.pi-theme-lavender .pi-title { background-color: #c9c9ff; }

.pi-theme-lavender .pi-secondary-background { background-color: #c9c9ff; }

.pi-theme-lavender .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-lavender .pi-header { text-align: center; font-size: 115%; }

.pi-theme-lavender .pi-item { border: 1px; border-style: solid; border-color: #171717; }

/* == Light Gray PortableInfobox Theme == */ .pi-theme-lightgray .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-lightgray { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

.pi-theme-lightgray .pi-title { background-color: #DEDDE2; }

.pi-theme-lightgray .pi-secondary-background { background-color: #DEDDE2; }

.pi-theme-lightgray .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-lightgray .pi-header { text-align: center; font-size: 115%; }

.pi-theme-lightgray .pi-item { border: 1px; border-style: solid; border-color: #171717; }

/* == Lime Green PortableInfobox Theme == */ .pi-theme-limegreen .pi-image-thumbnail { width: 100%; height:auto; }

.pi-theme-limegreen { background-color:#ededed; border-style: solid; border-color: #171717; border: 1px; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #171717; }

.pi-theme-limegreen .pi-title { background-color: #9feb05; }

.pi-theme-limegreen .pi-secondary-background { background-color: #9feb05; }

.pi-theme-limegreen .pi-data: { border-style: solid; border-color: #171717; }

.pi-theme-limegreen .pi-header { text-align: center; font-size: 115%; }

.pi-theme-limegreen .pi-item { border: 1px; border-style: solid; border-color: #171717; }

.pi-theme-limegreen .pi-horizontal-group-item { text-align: center; }