MediaWiki:Themes.css

/* All Portable Infoboxes */ .portable-infobox { overflow: hidden; background: transparent; border: 3px ridge #000099; padding: 2px; border-radius: 10px; }

.portable-infobox .pi-header, .portable-infobox .pi-title { background-color: #000099; font-size: 80%; line-height: 145%; color: #FFFFFF; text-align: center; padding: 0; margin: 2px 0 0; }

.portable-infobox .pi-header:before { content: "\2022\00A0" }

.portable-infobox .pi-header:after { content: "\00A0\2022" }

.portable-infobox .pi-title.pi-item-spacing { font-size: 104%; line-height: 1em; text-shadow: 3px 3px 3px #000000; padding: 7px 2px; }

.portable-infobox .pi-image { overflow: hidden; padding-bottom: 1px; border-bottom: 2px ridge #000099; border-radius: 7px 7px 0 0; }

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

.portable-infobox .pi-item-spacing { padding: 0; }

.portable-infobox .pi-group, .portable-infobox .pi-data { border: 0; }

.portable-infobox .pi-data-label { -ms-flex-preferred-size: 75px; -webkit-flex-basis: 75px; -moz-flex-basis: 75px; flex-basis: 75px; background-color: #000099; font-weight: normal; font-size: 80%; line-height: 155%; color: #FFFFFF; padding: 0 4px 1px 2px; border-radius: 0 8px 8px 0; box-sizing: border-box; margin-top: 2px; }

.portable-infobox .pi-data-value { flex-grow: 1; font-size: 80%; line-height: 155%; color: #000000; text-align: right; padding: 1px 0 1px 1px; border-bottom: 1px solid #000099; }

/* Theme - Pink */ .portable-infobox.pi-theme-pink .pi-data-value, .portable-infobox.pi-theme-pink .pi-image, .portable-infobox.pi-theme-pink { border-color: #E3026B; }

.portable-infobox.pi-theme-pink .pi-data-label, .portable-infobox.pi-theme-pink .pi-header, .portable-infobox.pi-theme-pink .pi-title { background-color: #E3026B; }

/* Theme - Red */ .portable-infobox.pi-theme-red .pi-data-value, .portable-infobox.pi-theme-red .pi-image, .portable-infobox.pi-theme-red { border-color: #CC0000; }

.portable-infobox.pi-theme-red .pi-data-label, .portable-infobox.pi-theme-red .pi-header, .portable-infobox.pi-theme-red .pi-title { background-color: #CC0000; }

/* Theme - Black */ .portable-infobox.pi-theme-black .pi-data-value, .portable-infobox.pi-theme-black .pi-image, .portable-infobox.pi-theme-black { border-color: #000000; }

.portable-infobox.pi-theme-black .pi-data-label, .portable-infobox.pi-theme-black .pi-header, .portable-infobox.pi-theme-black .pi-title { background-color: #000000; }

/* Theme - Yellow */ .portable-infobox.pi-theme-yellow .pi-data-value, .portable-infobox.pi-theme-yellow .pi-image, .portable-infobox.pi-theme-yellow { border-color: #FFD90E; }

.portable-infobox.pi-theme-yellow .pi-data-label, .portable-infobox.pi-theme-yellow .pi-header, .portable-infobox.pi-theme-yellow .pi-title { background-color: #FFD90E; }

/* Theme - Green */ .portable-infobox.pi-theme-green .pi-data-value, .portable-infobox.pi-theme-green .pi-image, .portable-infobox.pi-theme-green { border-color: #009A00; }

.portable-infobox.pi-theme-green .pi-data-label, .portable-infobox.pi-theme-green .pi-header, .portable-infobox.pi-theme-green .pi-title { background-color: #009A00; }

/* Theme - Teal */ .portable-infobox.pi-theme-teal .pi-data-value, .portable-infobox.pi-theme-teal .pi-image, .portable-infobox.pi-theme-teal { border-color: #008080; }

.portable-infobox.pi-theme-teal .pi-data-label, .portable-infobox.pi-theme-teal .pi-header, .portable-infobox.pi-theme-teal .pi-title { background-color: #008080; }

/* Theme - Cyan */ .portable-infobox.pi-theme-cyan .pi-data-value, .portable-infobox.pi-theme-cyan .pi-image, .portable-infobox.pi-theme-cyan { border-color: #00FFFF; }

.portable-infobox.pi-theme-cyan .pi-data-label, .portable-infobox.pi-theme-cyan .pi-header, .portable-infobox.pi-theme-cyan .pi-title { background-color: #00FFFF; }

.portable-infobox.pi-theme-cyan .pi-data-label { color: #000000; }