MediaWiki:Themes.css

/* All Infoboxes - General */ .portable-infobox { overflow: hidden; font-size: 80%; line-height: 1.5em; padding: 2px; border: 3px ridge #6F00FF; border-radius: 10px; margin: 0 0 0.5em 1em; }

.portable-infobox .pi-image-collection-tab-content, .portable-infobox.pi-background { background: transparent; }

/* All Infoboxes - Titles & Headers */ .portable-infobox .pi-data .pi-data-label, .portable-infobox .pi-header, .portable-infobox .pi-title { background-color: #6F00FF; font-size: inherit; line-height: inherit; color: #FFFFFF; text-align: center; padding: 0; }

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

.portable-infobox .pi-title { font-weight: normal; font-size: 130%; text-shadow: 3px 3px 3px #000000; padding: 5px; }

/* All Infoboxes - Images */ .portable-infobox .pi-image { border-bottom: 2px ridge #6F00FF; }

.portable-infobox .pi-image .pi-caption { font-style: italic; text-align: center; padding: 5px 5px 3px; }

.portable-infobox .pi-image-collection[data-item-name="top"] .pi-image-collection-tabs, .portable-infobox > .pi-image-collection:first-child .pi-image-collection-tabs, .portable-infobox .pi-image[data-item-name="top"] .pi-image-thumbnail, .portable-infobox > .pi-image:first-child .pi-image-thumbnail { border-radius: 5px 5px 0 0; }

.portable-infobox .pi-image-collection-tabs { background-color: #6F00FF; line-height: 1.1; padding: 5px 0 5px; margin: 0 0 2px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { color: #FFFFFF; padding: 0; border: 0; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { padding-left: 5px; border-left: 1px solid #FFFFFF; margin-left: 5px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background: transparent; color: #FFFFFF; cursor: auto; }

/* All Infoboxes - Data */ .portable-infobox .pi-item:not(.pi-group) { margin-bottom: 2px; }

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

.portable-infobox .pi-data-value { font-size: inherit; line-height: inherit; }

.portable-infobox .pi-data .pi-data-value { flex-grow: 1; text-align: right; padding-left: 1px; border-bottom: 1px solid #6F00FF; }

.portable-infobox .pi-data .pi-data-label { flex-basis: 80px; display: flex; align-items: center; font-weight: normal; text-align: left; padding: 0 0 1px 4px; border-radius: 0 8px 8px 0; margin: 0; }

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

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

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

.portable-infobox.pi-theme-green .pi-image-collection-tabs, .portable-infobox.pi-theme-green .pi-data .pi-data-label, .portable-infobox.pi-theme-green .pi-header, .portable-infobox.pi-theme-green .pi-title { background-color: #436057; }

/* Theme - Ice */ .portable-infobox.pi-theme-ice .pi-data .pi-data-value, .portable-infobox.pi-theme-ice .pi-image, .portable-infobox.pi-theme-ice { border-color: #B0D2FF; }

.portable-infobox.pi-theme-ice .pi-image-collection-tabs, .portable-infobox.pi-theme-ice .pi-data .pi-data-label, .portable-infobox.pi-theme-ice .pi-header, .portable-infobox.pi-theme-ice .pi-title { background-color: #B0D2FF; }

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

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

/* Theme - Blue */ .portable-infobox.pi-theme-blue .pi-data .pi-data-value, .portable-infobox.pi-theme-blue .pi-image, .portable-infobox.pi-theme-blue { border-color: #000099; }

.portable-infobox.pi-theme-blue .pi-image-collection-tabs, .portable-infobox.pi-theme-blue .pi-data .pi-data-label, .portable-infobox.pi-theme-blue .pi-header, .portable-infobox.pi-theme-blue .pi-title { background-color: #000099; }

/* Theme - Salmon */ .portable-infobox.pi-theme-salmon .pi-data .pi-data-value, .portable-infobox.pi-theme-salmon .pi-image, .portable-infobox.pi-theme-salmon { border-color: #FF7459; }

.portable-infobox.pi-theme-salmon .pi-image-collection-tabs, .portable-infobox.pi-theme-salmon .pi-data .pi-data-label, .portable-infobox.pi-theme-salmon .pi-header, .portable-infobox.pi-theme-salmon .pi-title { background-color: #FF7459; }

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

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

/* Theme - Grey */ .portable-infobox.pi-theme-grey .pi-data .pi-data-value, .portable-infobox.pi-theme-grey .pi-image, .portable-infobox.pi-theme-grey { border-color: #D2D2D1; }

.portable-infobox.pi-theme-grey .pi-image-collection-tabs, .portable-infobox.pi-theme-grey .pi-data .pi-data-label, .portable-infobox.pi-theme-grey .pi-header, .portable-infobox.pi-theme-grey .pi-title { background-color: #D2D2D1; }

/* Theme - Purple */ .portable-infobox.pi-theme-purple .pi-data .pi-data-value, .portable-infobox.pi-theme-purple .pi-image, .portable-infobox.pi-theme-purple { border-color: #763568; }

.portable-infobox.pi-theme-purple .pi-image-collection-tabs, .portable-infobox.pi-theme-purple .pi-data .pi-data-label, .portable-infobox.pi-theme-purple .pi-header, .portable-infobox.pi-theme-purple .pi-title { background-color: #763568; }