MediaWiki:Themes.css

/* Blue RangerWiki INFOBOX */ .portable-infobox.pi-theme-Blue { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Blue .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Blue .pi.data-value { color: #000000; }

.portable-infobox.pi-theme-Blue .pi-secondary-font { color: #000; text-align: center; }

.pi-theme-Blue .pi-navigation, .pi-theme-Blue .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Blue .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.pi-theme-Blue .pi-header, .pi-theme-Blue .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background-color: blue; color: white; margin:3px; }

.portable-infobox.pi-theme-Blue .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Blue .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Blue .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .pi-theme-Blue .pi-data-value { padding:5px }

/* Getting rid of bottom-border between data/label points */ .pi-theme-Blue .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; }

/* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .pi-theme-Blue .pi-data-label { border-right:2px solid #ddd } .pi-theme-Blue .pi-item-spacing { padding: 0px 5px; }

/* Yellow RangerWiki INFOBOX */ .portable-infobox.pi-theme-Yellow { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; }

.portable-infobox.pi-theme-Yellow { text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Yellow .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Yellow .pi.data-value { color: #000000; vertical-align: center; }

.portable-infobox.pi-theme-Yellow .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Yellow .pi-navigation, .pi-theme-Yellow .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Yellow .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.pi-theme-Yellow .pi-header, .pi-theme-Yellow .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background-color: yellow; color: black; margin:3px; }

/* .portable-infobox.pi-theme-Yellow .pi-data:last-of-type + .pi-group { border-top-style: none; text-align: center; background-color: #D3D3D3; } .portable-infobox.pi-theme-Yellow .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Yellow .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Yellow .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .pi-theme-Yellow .pi-data-value { padding:5px vertical-align: center; } /* Getting rid of bottom-border between data/label points */ .pi-theme-Yellow .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .pi-theme-Yellow .pi-data-label { border-right:2px solid #ddd } .pi-theme-Yellow .pi-item-spacing { padding: 0px 5px; }

/* Red RangerWiki INFOBOX */ .portable-infobox.pi-theme-Red { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; }

.portable-infobox.pi-theme-Red { text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Red .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Red .pi.data-value { color: #000000; vertical-align: center; }

.portable-infobox.pi-theme-Red .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Red .pi-navigation, .pi-theme-Red .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Red .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.pi-theme-Red .pi-header, .pi-theme-Red .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background-color: red; color: white; margin:3px; }

/* .portable-infobox.pi-theme-Red .pi-data:last-of-type + .pi-group { border-top-style: none; text-align: center; background-color: #D3D3D3; } .portable-infobox.pi-theme-Red .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Red .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Red .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .pi-theme-Red .pi-data-value { padding:5px vertical-align: center; } /* Getting rid of bottom-border between data/label points */ .pi-theme-Red .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .pi-theme-Red .pi-data-label { border-right:2px solid #ddd } .pi-theme-Red .pi-item-spacing { padding: 0px 5px; }

/* Black RangerWiki INFOBOX */ .portable-infobox.pi-theme-Black { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; }

.portable-infobox.pi-theme-Black { text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Black .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Black .pi.data-value { color: #000000; vertical-align: center; }

.portable-infobox.pi-theme-Black .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Black .pi-navigation, .pi-theme-Black .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Black .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.pi-theme-Black .pi-header, .pi-theme-Black .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background-color: black; color: white; margin:3px; }

/* .portable-infobox.pi-theme-Black .pi-data:last-of-type + .pi-group { border-top-style: none; text-align: center; background-color: #D3D3D3; } .portable-infobox.pi-theme-Black .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Black .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Black .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .pi-theme-Black .pi-data-value { padding:5px vertical-align: center; } /* Getting rid of bottom-border between data/label points */ .pi-theme-Black .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .pi-theme-Black .pi-data-label { border-right:2px solid #ddd } .pi-theme-Black .pi-item-spacing { padding: 0px 5px; }

/* Pink RangerWiki INFOBOX */ .portable-infobox.pi-theme-Pink { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; }

.portable-infobox.pi-theme-Pink { text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Pink .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Pink .pi.data-value { color: #000000; vertical-align: center; }

.portable-infobox.pi-theme-Pink .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Pink .pi-navigation, .pi-theme-Pink .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Pink .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.pi-theme-Pink .pi-header, .pi-theme-Pink .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background-color: pink; color: black; margin:3px; }

/* .portable-infobox.pi-theme-Pink .pi-data:last-of-type + .pi-group { border-top-style: none; text-align: center; background-color: #D3D3D3; } .portable-infobox.pi-theme-Pink .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Pink .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Pink .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .pi-theme-Pink .pi-data-value { padding:5px vertical-align: center; } /* Getting rid of bottom-border between data/label points */ .pi-theme-Pink .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .pi-theme-Pink .pi-data-label { border-right:2px solid #ddd } .pi-theme-Pink .pi-item-spacing { padding: 0px 5px; }

/* White RangerWiki INFOBOX */ .portable-infobox.pi-theme-White { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; }

.portable-infobox.pi-theme-White { text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-White .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-White .pi.data-value { color: #000000; vertical-align: center; }

.portable-infobox.pi-theme-White .pi-secondary-font { color: #000; text-align: center; } .pi-theme-White .pi-navigation, .pi-theme-White .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-White .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.pi-theme-White .pi-header, .pi-theme-White .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background-color: white; color: black; margin:3px; }

/* .portable-infobox.pi-theme-White .pi-data:last-of-type + .pi-group { border-top-style: none; text-align: center; background-color: #D3D3D3; } .portable-infobox.pi-theme-White .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-White .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-White .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .pi-theme-White .pi-data-value { padding:5px vertical-align: center; } /* Getting rid of bottom-border between data/label points */ .pi-theme-White .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .pi-theme-White .pi-data-label { border-right:2px solid #ddd } .pi-theme-White .pi-item-spacing { padding: 0px 5px; }

/* Green RangerWiki INFOBOX */ .portable-infobox.pi-theme-Green { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; }

.portable-infobox.pi-theme-Green { text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Green .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Green .pi.data-value { color: #000000; vertical-align: center; }

.portable-infobox.pi-theme-Green .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Green .pi-navigation, .pi-theme-Green .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Green .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.pi-theme-Green .pi-header, .pi-theme-Green .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background-color: green; color: black; margin:3px; }

/* .portable-infobox.pi-theme-Green .pi-data:last-of-type + .pi-group { border-top-style: none; text-align: center; background-color: #D3D3D3; } .portable-infobox.pi-theme-Green .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Green .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Green .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .pi-theme-Green .pi-data-value { padding:5px vertical-align: center; } /* Getting rid of bottom-border between data/label points */ .pi-theme-Green .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .pi-theme-Green .pi-data-label { border-right:2px solid #ddd } .pi-theme-Green .pi-item-spacing { padding: 0px 5px; }

/* Multiple Color RangerWiki INFOBOXES */ .portable-infobox.pi-theme-Green-White-Red-Black .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background: linear-gradient(to right, green,white,red,black); color: black; margin:3px; }

.portable-infobox.pi-theme-Red-Black .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background: linear-gradient(to right, red,black); color: black; margin:3px; }

.portable-infobox.pi-theme-Green-Blue-Red .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background: linear-gradient(to right, green,blue,red); color: black; margin:3px; }

.portable-infobox.pi-theme-Blue-Red .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background: linear-gradient(to right, blue,red); color: black; margin:3px; }

.portable-infobox.pi-theme-Red-Blue .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background: linear-gradient(to right, red,blue); color: black; margin:3px; }

.portable-infobox.pi-theme-Black-Green .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background: linear-gradient(to right, black,green); color: black; margin:3px; }

.portable-infobox.pi-theme-Green-Black .pi-title { padding: 2px; text-align:center; font-size: 14px; font-weight: bold; background: linear-gradient(to right, green,black); color: black; margin:3px; }

.portable-infobox.pi-theme-Green-White-Red-Black { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Green-White-Red-Black .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Green-White-Red-Black .pi.data-value { color: #000000; }

.portable-infobox.pi-theme-Green-White-Red-Black .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Green-White-Red-Black .pi-navigation, .pi-theme-Green-White-Red-Black .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Green-White-Red-Black .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.portable-infobox.pi-theme-Green-White-Red-Black .pi-header { padding: 2px; text-align: center; font-size: 14px; background: transparent; font-weight: bold; margin: 3px; }

.portable-infobox.pi-theme-Green-White-Red-Black .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Green-White-Red-Black .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Green-White-Red-Black .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .portable-infobox.pi-theme-Green-White-Red-Black .pi-data-value { padding:5px } /* Getting rid of bottom-border between data/label points */ .portable-infobox.pi-theme-Green-White-Red-Black .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .portable-infobox.pi-theme-Green-White-Red-Black .pi-data-label { border-right:2px solid #ddd }

.portable-infobox.pi-theme-Green-White-Red-Black .pi-item-spacing { padding: 0px 5px; }

.portable-infobox.pi-theme-Red-Black { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Red-Black .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Red-Black .pi.data-value { color: #000000; }

.portable-infobox.pi-theme-Red-Black .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Red-Black .pi-navigation, .pi-theme-Red-Black .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Red-Black .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.portable-infobox.pi-theme-Red-Black .pi-header { padding: 2px; text-align: center; font-size: 14px; background: transparent; font-weight: bold; margin: 3px; }

.portable-infobox.pi-theme-Red-Black .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Red-Black .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Red-Black .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .portable-infobox.pi-theme-Red-Black .pi-data-value { padding:5px } /* Getting rid of bottom-border between data/label points */ .portable-infobox.pi-theme-Red-Black .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .portable-infobox.pi-theme-Red-Black .pi-data-label { border-right:2px solid #ddd }

.portable-infobox.pi-theme-Red-Black .pi-item-spacing { padding: 0px 5px; }

.portable-infobox.pi-theme-Blue-Red { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Blue-Red .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Blue-Red .pi.data-value { color: #000000; }

.portable-infobox.pi-theme-Blue-Red .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Blue-Red .pi-navigation, .pi-theme-Blue-Red .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Blue-Red .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.portable-infobox.pi-theme-Blue-Red .pi-header { padding: 2px; text-align: center; font-size: 14px; background: transparent; font-weight: bold; margin: 3px; }

.portable-infobox.pi-theme-Blue-Red .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Blue-Red .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Blue-Red .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .portable-infobox.pi-theme-Blue-Red .pi-data-value { padding:5px } /* Getting rid of bottom-border between data/label points */ .portable-infobox.pi-theme-Blue-Red .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .portable-infobox.pi-theme-Blue-Red .pi-data-label { border-right:2px solid #ddd }

.portable-infobox.pi-theme-Blue-Red .pi-item-spacing { padding: 0px 5px; }

.portable-infobox.pi-theme-Green-Blue-Red { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Green-Blue-Red .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Green-Blue-Red .pi.data-value { color: #000000; }

.portable-infobox.pi-theme-Green-Blue-Red .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Green-Blue-Red .pi-navigation, .pi-theme-Green-Blue-Red .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Green-Blue-Red .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.portable-infobox.pi-theme-Green-Blue-Red .pi-header { padding: 2px; text-align: center; font-size: 14px; background: transparent; font-weight: bold; margin: 3px; }

.portable-infobox.pi-theme-Green-Blue-Red .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Green-Blue-Red .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Green-Blue-Red .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .portable-infobox.pi-theme-Green-Blue-Red .pi-data-value { padding:5px } /* Getting rid of bottom-border between data/label points */ .portable-infobox.pi-theme-Green-Blue-Red .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .portable-infobox.pi-theme-Green-Blue-Red .pi-data-label { border-right:2px solid #ddd }

.portable-infobox.pi-theme-Green-Blue-Red .pi-item-spacing { padding: 0px 5px; }

.portable-infobox.pi-theme-Red-Blue { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Red-Blue .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Red-Blue .pi.data-value { color: #000000; }

.portable-infobox.pi-theme-Red-Blue .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Red-Blue .pi-navigation, .pi-theme-Red-Blue .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Red-Blue .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.portable-infobox.pi-theme-Red-Blue .pi-header { padding: 2px; text-align: center; font-size: 14px; background: transparent; font-weight: bold; margin: 3px; }

.portable-infobox.pi-theme-Red-Blue .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Red-Blue .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Red-Blue .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .portable-infobox.pi-theme-Red-Blue .pi-data-value { padding:5px } /* Getting rid of bottom-border between data/label points */ .portable-infobox.pi-theme-Red-Blue .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .portable-infobox.pi-theme-Red-Blue .pi-data-label { border-right:2px solid #ddd }

.portable-infobox.pi-theme-Red-Blue .pi-item-spacing { padding: 0px 5px; }

.portable-infobox.pi-theme-Black-Green { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Black-Green .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Black-Green .pi.data-value { color: #000000; }

.portable-infobox.pi-theme-Black-Green .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Black-Green .pi-navigation, .pi-theme-Black-Green .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Black-Green .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.portable-infobox.pi-theme-Black-Green .pi-header { padding: 2px; text-align: center; font-size: 14px; background: transparent; font-weight: bold; margin: 3px; }

.portable-infobox.pi-theme-Black-Green .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Black-Green .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Black-Green .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .portable-infobox.pi-theme-Black-Green .pi-data-value { padding:5px } /* Getting rid of bottom-border between data/label points */ .portable-infobox.pi-theme-Black-Green .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .portable-infobox.pi-theme-Black-Green .pi-data-label { border-right:2px solid #ddd }

.portable-infobox.pi-theme-Black-Green .pi-item-spacing { padding: 0px 5px; }

.portable-infobox.pi-theme-Green-Black { width: 275px; background-color: #DDDDDD; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Green-Black .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Green-Black .pi.data-value { color: #000000; }

.portable-infobox.pi-theme-Green-Black .pi-secondary-font { color: #000; text-align: center; } .pi-theme-Green-Black .pi-navigation, .pi-theme-Green-Black .secondary-background { background-color:#ddd!important }

.portable-infobox.pi-theme-Green-Black .pi-image { background-color: #DDDDDD; margin: 2px 0; }

.portable-infobox.pi-theme-Green-Black .pi-header { padding: 2px; text-align: center; font-size: 14px; background: transparent; font-weight: bold; margin: 3px; }

.portable-infobox.pi-theme-Green-Black .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; vertical-align: center; }

.portable-infobox.pi-theme-Green-Black .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; vertical-align: center; } .portable-infobox.pi-theme-Green-Black .pi-data-label { padding: 5px; flex-basis: 50%; font-size: 13px; text-align: left;

} .portable-infobox.pi-theme-Green-Black .pi-data-value { padding:5px } /* Getting rid of bottom-border between data/label points */ .portable-infobox.pi-theme-Green-Black .pi-item-spacing { border-bottom-color:transparent; border:none; padding:4px 2px; } /* Creating dividing line on   vertical layout, then making it touch the horizontal lines to   form what appears to be a single vertical dividing line */ .portable-infobox.pi-theme-Green-Black .pi-data-label { border-right:2px solid #ddd }

.portable-infobox.pi-theme-Green-Black .pi-item-spacing { padding: 0px 5px; }

/* Episodes INFOBOX */ .portable-infobox.pi-theme-Episodes { width: 275px; background-color: #D3D3D3; color: #000000; align-items: center; justify-content: center; font-size: 14px; text-align: center; vertical-align: center; }

.pi-theme-Episodes .pi-header { color: #FFFFFF; text-align:center; font-size: 14px; font-weight: bold; background-color: #000080; margin:3px; }

.pi-theme-Episodes .pi-title { color: #FFFFFF; text-align:center; font-size: 14px; font-weight: bold; background-color: #000080; margin:3px; }

.portable-infobox.pi-theme-Episodes .pi-font { font-size: 12px; color: #000000; text-align: center; vertical-align: center; }

.portable-infobox.pi-theme-Episodes .pi-image-thumbnail { max-width: 100%; height: auto; }

.portable-infobox.pi-theme-Episodes .pi.data-value { color: #000000; border-right:2px solid #D3D3D3; }

.portable-infobox.pi-theme-Episodes .pi-secondary-font { color: #000000; text-align: center; }

.pi-theme-Episodes .pi-navigation, .pi-theme-Episodes .secondary-background { background-color:#D3D3D3; }

.portable-infobox.pi-theme-Episodes .pi-image { background-color:#D3D3D3; }

.portable-infobox.pi-theme-Episodes .pi-data:nth-child(odd) { background-color: #D3D3D3; color: #000000; text-align: right; margin:2px; vertical-align: center; align-items: center; justify-content: center; }

.portable-infobox.pi-theme-Episodes .pi-data:nth-child(even) { background-color: #D3D3D3; color: #000000; text-align: right; margin:2px; vertical-align: center; align-items: center; justify-content: center; } .portable-infobox.pi-theme-Episodes .pi-data-label { flex-basis: 50%; font-size: 13px; text-align: left; }

/* Getting rid of bottom-border between data/label points */ .pi-theme-Episodes .pi-item-spacing { border-top-color: #D3D3D3; border-bottom-color: #D3D3D3; }