MediaWiki:Themes.css

/* RangerWiki INFOBOX */ .portable-infobox { 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-image-thumbnail { max-width: 100%; height: auto; }

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

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

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

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

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

/* Getting rid of bottom-border between data/label points */ .portable-infobox .pi-item-spacing { border-bottom-color:transparent; border:none; padding: 0px 5px; }

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

.portable-infobox.pi-theme-Blue { 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:last-of-type + .pi-group { border-top-style: none; text-align: center; background-color: #D3D3D3; } .portable-infobox.pi-theme-Blue .pi-data:nth-child(odd) { background-color: lightgrey; color: #000000; text-align: right; margin:2px; }

.portable-infobox.pi-theme-Blue .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; } .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; }

.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; }

.portable-infobox.pi-theme-Yellow .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; } .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 } /* 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; }

.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; }

.portable-infobox.pi-theme-Red .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; } .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 } /* 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; }

.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; }

.portable-infobox.pi-theme-Black .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; } .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 } /* 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; }

.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; }

.portable-infobox.pi-theme-Pink .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; } .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 } /* 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; }

.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; }

.portable-infobox.pi-theme-White .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; } .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 } /* 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; }

.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; }

.portable-infobox.pi-theme-Green .pi-data:nth-child(even) { background-color: white; color: #000000; text-align: right; margin:2px; } .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 } /* 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; }