MediaWiki:Themes.css

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

.theme-fandomdesktop-dark .portable-infobox { color: inherit; }

.portable-infobox:not(.type-game) .pi-image-collection-tab-content, .portable-infobox:not(.type-game).pi-background { background: transparent; }

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

.portable-infobox:not(.type-game) .pi-header:before { content: "\2022\00A0"; } .portable-infobox:not(.type-game) .pi-header:after { content: "\00A0\2022"; }

.portable-infobox:not(.type-game) .pi-header[data-item-name="title"], .portable-infobox:not(.type-game) .pi-title { font-weight: normal; font-size: 130%; text-shadow: 3px 3px 3px #000000; padding: 5px; }

.portable-infobox:not(.type-game) .pi-header[data-item-name="title"]:before, .portable-infobox:not(.type-game) .pi-header[data-item-name="title"]:after { display: none; }

.portable-infobox:not(.type-game) .pi-collapse-closed .pi-header[data-item-name="title"] { margin-bottom: 0; }

.portable-infobox:not(.type-game) .pi-collapse .pi-header[data-item-name="title"]:first-child:after { content: ""; display: block; border-color: #FFFFFF; }

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

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

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

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

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

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

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

.portable-infobox:not(.type-game) .pi-image-collection > .wds-tabs__wrapper { background-color: #6F00FF; border-radius: 5px 5px 0 0; margin: 0 0 2px; padding: 5px 0 5px; }

.portable-infobox:not(.type-game) .pi-image-collection > .wds-tabs__wrapper > .wds-tabs { flex-flow: row wrap; justify-content: center; }

.portable-infobox:not(.type-game) .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:not(:first-child) { border-left: 1px solid #FFFFFF; margin-left: 5px; padding-left: 5px; }

.portable-infobox:not(.type-game) .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current { box-shadow: none; }

.portable-infobox:not(.type-game) .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab.wds-is-current > .wds-tabs__tab-label { font-weight: 700; }

.portable-infobox:not(.type-game) .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label { color: white; font-size: 10px; height: auto; margin: 0; }

/* All Infoboxes - Tabs */ .portable-infobox:not(.type-game) .pi-panel .wds-tabs__wrapper > .wds-tabs { flex-flow: row wrap; justify-content: center; }

.portable-infobox:not(.type-game) .pi-panel .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab { margin: 3px 0; }

.portable-infobox:not(.type-game) .pi-panel .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:only-child { flex-grow: 1; }

.portable-infobox:not(.type-game) .pi-panel .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:only-child { text-align: center; }

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

.portable-infobox:not(.type-game) .pi-data { border: 0; grid-column-gap: 0; padding: 0; }

.portable-infobox:not(.type-game) .pi-data-value { font-size: inherit; line-height: inherit; }

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

.portable-infobox:not(.type-game) .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; }

.portable-infobox:not(.type-game) > .pi-group:last-child > .pi-navigation:last-child, .portable-infobox:not(.type-game) > .pi-group:last-child > .pi-item:last-child, .portable-infobox:not(.type-game) > .pi-navigation:last-child, .portable-infobox:not(.type-game) > .pi-item:last-child { overflow: hidden; border-radius: 0 0 5px 5px; margin-bottom: 0; }

.portable-infobox:not(.type-game) > .pi-group:last-child > .pi-data:last-child .pi-data-value, .portable-infobox:not(.type-game) > .pi-data:last-child .pi-data-value { border-bottom: 0; }

.portable-infobox:not(.type-game) > .pi-group:only-child > .pi-navigation:only-child, .portable-infobox:not(.type-game) > .pi-group:only-child > .pi-item:only-child, .portable-infobox:not(.type-game) > .pi-navigation:only-child, .portable-infobox:not(.type-game) > .pi-item:only-child { border-radius: 5px; }

/* Type - game */ .portable-infobox.type-game { padding: 5px; border: 1px solid #AAB8C6; border-radius: 5px; }

.portable-infobox.pi-background.type-game { background-color: #C9DBEB; }

.portable-infobox.type-game .pi-header, .portable-infobox.type-game .pi-title { background-color: #FF69B4; font-weight: bold; font-size: x-small; color: #FFFFFF; text-align: center; padding: 0; border-radius: 5px; }

.portable-infobox.type-game .pi-title { font-size: small; line-height: 18px; padding: 5px 0; }

.portable-infobox.type-game .pi-item:not(.pi-group), .portable-infobox.type-game .pi-navigation { margin-bottom: 2px; }

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

.portable-infobox.type-game .pi-data-label { font-size: smaller; }

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

.portable-infobox.pi-theme-brightred .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-brightred .pi-image-collection-tabs, .portable-infobox.pi-theme-brightred .pi-data .pi-data-label, .portable-infobox.pi-theme-brightred .pi-header, .portable-infobox.pi-theme-brightred .pi-title { background-color: #FF0000; }

/* 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 > .wds-tabs__wrapper, .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 - Scarlet */ .portable-infobox.pi-theme-scarlet .pi-data .pi-data-value, .portable-infobox.pi-theme-scarlet .pi-image, .portable-infobox.pi-theme-scarlet { border-color: #E70000; }

.portable-infobox.pi-theme-scarlet .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-scarlet .pi-image-collection-tabs, .portable-infobox.pi-theme-scarlet .pi-data .pi-data-label, .portable-infobox.pi-theme-scarlet .pi-header, .portable-infobox.pi-theme-scarlet .pi-title { background-color: #E70000; }

/* Theme - Crimson */ .portable-infobox.pi-theme-crimson .pi-data .pi-data-value, .portable-infobox.pi-theme-crimson .pi-image, .portable-infobox.pi-theme-crimson { border-color: #DC143C; }

.portable-infobox.pi-theme-crimson .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-crimson .pi-image-collection-tabs, .portable-infobox.pi-theme-crimson .pi-data .pi-data-label, .portable-infobox.pi-theme-crimson .pi-header, .portable-infobox.pi-theme-crimson .pi-title { background-color: #DC143C; }

/* Theme - Maroon */ .portable-infobox.pi-theme-maroon .pi-data .pi-data-value, .portable-infobox.pi-theme-maroon .pi-image, .portable-infobox.pi-theme-maroon { border-color: #990000; }

.portable-infobox.pi-theme-maroon .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-maroon .pi-image-collection-tabs, .portable-infobox.pi-theme-maroon .pi-data .pi-data-label, .portable-infobox.pi-theme-maroon .pi-header, .portable-infobox.pi-theme-maroon .pi-title { background-color: #990000; }

/* Theme - Blood */ .portable-infobox.pi-theme-blood .pi-data .pi-data-value, .portable-infobox.pi-theme-blood .pi-image, .portable-infobox.pi-theme-blood { border-color: #A52A2A; }

.portable-infobox.pi-theme-blood .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-blood .pi-image-collection-tabs, .portable-infobox.pi-theme-blood .pi-data .pi-data-label, .portable-infobox.pi-theme-blood .pi-header, .portable-infobox.pi-theme-blood .pi-title { background-color: #A52A2A; }

/* Theme - DeepPink */ .portable-infobox.pi-theme-deeppink .pi-data .pi-data-value, .portable-infobox.pi-theme-deeppink .pi-image, .portable-infobox.pi-theme-deeppink { border-color: #FE1543; }

.portable-infobox.pi-theme-deeppink .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-deeppink .pi-image-collection-tabs, .portable-infobox.pi-theme-deeppink .pi-data .pi-data-label, .portable-infobox.pi-theme-deeppink .pi-header, .portable-infobox.pi-theme-deeppink .pi-title { background-color: #FE1543; }

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

.portable-infobox.pi-theme-pink .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-pink .pi-image-collection-tabs, .portable-infobox.pi-theme-pink .pi-data .pi-data-label, .portable-infobox.pi-theme-pink .pi-header, .portable-infobox.pi-theme-pink .pi-title { background-color: #FF69B4; }

/* 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 > .wds-tabs__wrapper, .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 - Grass */ .portable-infobox.pi-theme-grass .pi-data .pi-data-value, .portable-infobox.pi-theme-grass .pi-image, .portable-infobox.pi-theme-grass { border-color: #228B22; }

.portable-infobox.pi-theme-grass .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-grass .pi-image-collection-tabs, .portable-infobox.pi-theme-grass .pi-data .pi-data-label, .portable-infobox.pi-theme-grass .pi-header, .portable-infobox.pi-theme-grass .pi-title { background-color: #228B22; }

/* 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 > .wds-tabs__wrapper, .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 > .wds-tabs__wrapper, .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 - Nord */ .portable-infobox.pi-theme-nord .pi-data .pi-data-value, .portable-infobox.pi-theme-nord .pi-image, .portable-infobox.pi-theme-nord { border-color: #000000; }

.portable-infobox.pi-theme-nord .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-nord .pi-image-collection-tabs, .portable-infobox.pi-theme-nord .pi-data .pi-data-label, .portable-infobox.pi-theme-nord .pi-header, .portable-infobox.pi-theme-nord .pi-title { background-color: #000000; color: #1B7987; }

.portable-infobox.pi-theme-nord .pi-image-collection-tabs .pi-tab-link:not(:first-child) { border-left-color: #1B7987; }

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

.portable-infobox.pi-theme-hell .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-hell .pi-image-collection-tabs, .portable-infobox.pi-theme-hell .pi-data .pi-data-label, .portable-infobox.pi-theme-hell .pi-header, .portable-infobox.pi-theme-hell .pi-title { background-color: #000000; color: #FF2400; }

.portable-infobox.pi-theme-hell .pi-image-collection-tabs .pi-tab-link:not(:first-child) { border-left-color: #FF2400; }

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

.portable-infobox.pi-theme-dark .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-dark .pi-image-collection-tabs, .portable-infobox.pi-theme-dark .pi-data .pi-data-label, .portable-infobox.pi-theme-dark .pi-header, .portable-infobox.pi-theme-dark .pi-title { background-color: #000000; color: #A64CA6; }

.portable-infobox.pi-theme-dark .pi-image-collection-tabs .pi-tab-link:not(:first-child) { border-left-color: #A64CA6; }

/* Theme - Sky Blue */ .portable-infobox.pi-theme-skyblue .pi-data .pi-data-value, .portable-infobox.pi-theme-skyblue .pi-image, .portable-infobox.pi-theme-skyblue { border-color: #0070FF; }

.portable-infobox.pi-theme-skyblue .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-skyblue .pi-image-collection-tabs, .portable-infobox.pi-theme-skyblue .pi-data .pi-data-label, .portable-infobox.pi-theme-skyblue .pi-header, .portable-infobox.pi-theme-skyblue .pi-title { background-color: #0070FF; }

/* 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 > .wds-tabs__wrapper, .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 - Navy */ .portable-infobox.pi-theme-navy .pi-data .pi-data-value, .portable-infobox.pi-theme-navy .pi-image, .portable-infobox.pi-theme-navy { border-color: #000080; }

.portable-infobox.pi-theme-navy .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-navy .pi-image-collection-tabs, .portable-infobox.pi-theme-navy .pi-data .pi-data-label, .portable-infobox.pi-theme-navy .pi-header, .portable-infobox.pi-theme-navy .pi-title { background-color: #000080; }

/* Theme - Blue Grey */ .portable-infobox.pi-theme-bluegray .pi-data .pi-data-value, .portable-infobox.pi-theme-bluegrey .pi-data .pi-data-value, .portable-infobox.pi-theme-bluegray .pi-image, .portable-infobox.pi-theme-bluegrey .pi-image, .portable-infobox.pi-theme-bluegray, .portable-infobox.pi-theme-bluegrey { border-color: #6699CC; }

.portable-infobox.pi-theme-bluegray .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-bluegrey .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-bluegray .pi-image-collection-tabs, .portable-infobox.pi-theme-bluegrey .pi-image-collection-tabs, .portable-infobox.pi-theme-bluegray .pi-data .pi-data-label, .portable-infobox.pi-theme-bluegrey .pi-data .pi-data-label, .portable-infobox.pi-theme-bluegray .pi-header, .portable-infobox.pi-theme-bluegrey .pi-header, .portable-infobox.pi-theme-bluegray .pi-title, .portable-infobox.pi-theme-bluegrey .pi-title { background-color: #6699CC; }

/* Theme - Cerulean */ .portable-infobox.pi-theme-cerulean .pi-data .pi-data-value, .portable-infobox.pi-theme-cerulean .pi-image, .portable-infobox.pi-theme-cerulean { border-color: #016D9E; }

.portable-infobox.pi-theme-cerulean .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-cerulean .pi-image-collection-tabs, .portable-infobox.pi-theme-cerulean .pi-data .pi-data-label, .portable-infobox.pi-theme-cerulean .pi-header, .portable-infobox.pi-theme-cerulean .pi-title { background-color: #016D9E; }

/* Theme - Steel Blue */ .portable-infobox.pi-theme-steelblue .pi-data .pi-data-value, .portable-infobox.pi-theme-steelblue .pi-image, .portable-infobox.pi-theme-steelblue { border-color: #4554A4; }

.portable-infobox.pi-theme-steelblue .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-steelblue .pi-image-collection-tabs, .portable-infobox.pi-theme-steelblue .pi-data .pi-data-label, .portable-infobox.pi-theme-steelblue .pi-header, .portable-infobox.pi-theme-steelblue .pi-title { background-color: #4554A4; }

/* Theme - Baby Blue */ .portable-infobox.pi-theme-babyblue .pi-data .pi-data-value, .portable-infobox.pi-theme-babyblue .pi-image, .portable-infobox.pi-theme-babyblue { border-color: #7E9FE0; }

.portable-infobox.pi-theme-babyblue .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-babyblue .pi-image-collection-tabs, .portable-infobox.pi-theme-babyblue .pi-data .pi-data-label, .portable-infobox.pi-theme-babyblue .pi-header, .portable-infobox.pi-theme-babyblue .pi-title { background-color: #7E9FE0; }

/* 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 > .wds-tabs__wrapper, .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 > .wds-tabs__wrapper, .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 - Light Grey */ .portable-infobox.pi-theme-lightgray .pi-data .pi-data-value, .portable-infobox.pi-theme-lightgrey .pi-data .pi-data-value, .portable-infobox.pi-theme-lightgray .pi-image, .portable-infobox.pi-theme-lightgrey .pi-image, .portable-infobox.pi-theme-lightgray, .portable-infobox.pi-theme-lightgrey { border-color: #D2D2D1; }

.portable-infobox.pi-theme-lightgray .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-lightgrey .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-lightgray .pi-image-collection-tabs, .portable-infobox.pi-theme-lightgrey .pi-image-collection-tabs, .portable-infobox.pi-theme-lightgray .pi-data .pi-data-label, .portable-infobox.pi-theme-lightgrey .pi-data .pi-data-label, .portable-infobox.pi-theme-lightgray .pi-header, .portable-infobox.pi-theme-lightgrey .pi-header, .portable-infobox.pi-theme-lightgray .pi-title, .portable-infobox.pi-theme-lightgrey .pi-title { background-color: #D2D2D1; }

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

.portable-infobox.pi-theme-gray .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-grey .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-gray .pi-image-collection-tabs, .portable-infobox.pi-theme-grey .pi-image-collection-tabs, .portable-infobox.pi-theme-gray .pi-data .pi-data-label, .portable-infobox.pi-theme-grey .pi-data .pi-data-label, .portable-infobox.pi-theme-gray .pi-header, .portable-infobox.pi-theme-grey .pi-header, .portable-infobox.pi-theme-gray .pi-title, .portable-infobox.pi-theme-grey .pi-title { background-color: #C0C0C0; }

/* Theme - Dark Grey */ .portable-infobox.pi-theme-darkgray .pi-data .pi-data-value, .portable-infobox.pi-theme-darkgrey .pi-data .pi-data-value, .portable-infobox.pi-theme-darkgray .pi-image, .portable-infobox.pi-theme-darkgrey .pi-image, .portable-infobox.pi-theme-darkgray, .portable-infobox.pi-theme-darkgrey { border-color: #808080; }

.portable-infobox.pi-theme-darkgray .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-darkgrey .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-darkgray .pi-image-collection-tabs, .portable-infobox.pi-theme-darkgrey .pi-image-collection-tabs, .portable-infobox.pi-theme-darkgray .pi-data .pi-data-label, .portable-infobox.pi-theme-darkgrey .pi-data .pi-data-label, .portable-infobox.pi-theme-darkgray .pi-header, .portable-infobox.pi-theme-darkgrey .pi-header, .portable-infobox.pi-theme-darkgray .pi-title, .portable-infobox.pi-theme-darkgrey .pi-title { background-color: #808080; }

/* 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 > .wds-tabs__wrapper, .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; }

/* Theme - Violet */ .portable-infobox.pi-theme-violet .pi-data .pi-data-value, .portable-infobox.pi-theme-violet .pi-image, .portable-infobox.pi-theme-violet { border-color: #800080; }

.portable-infobox.pi-theme-violet .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-violet .pi-image-collection-tabs, .portable-infobox.pi-theme-violet .pi-data .pi-data-label, .portable-infobox.pi-theme-violet .pi-header, .portable-infobox.pi-theme-violet .pi-title { background-color: #800080; }

/* Theme - Lavender */ .portable-infobox.pi-theme-lavender .pi-data .pi-data-value, .portable-infobox.pi-theme-lavender .pi-image, .portable-infobox.pi-theme-lavender { border-color: #E6E6fA; }

.portable-infobox.pi-theme-lavender .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-lavender .pi-image-collection-tabs, .portable-infobox.pi-theme-lavender .pi-data .pi-data-label, .portable-infobox.pi-theme-lavender .pi-header, .portable-infobox.pi-theme-lavender .pi-title { background-color: #E6E6fA; color: #000000; }

.portable-infobox.pi-theme-lavender .pi-header[data-item-name="title"], .portable-infobox.pi-theme-lavender .pi-title { text-shadow: none; }

.portable-infobox.pi-theme-lavender .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label { color: #000000; }

.portable-infobox.pi-theme-lavender .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:not(:first-child), .portable-infobox.pi-theme-lavender .pi-image-collection-tabs .pi-tab-link:not(:first-child) { border-left-color: #000000; }

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

.portable-infobox.pi-theme-yellow .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-yellow .pi-image-collection-tabs, .portable-infobox.pi-theme-yellow .pi-data .pi-data-label, .portable-infobox.pi-theme-yellow .pi-header, .portable-infobox.pi-theme-yellow .pi-title { background-color: #FFFF00; color: #000000; }

.portable-infobox.pi-theme-yellow .pi-header[data-item-name="title"], .portable-infobox.pi-theme-yellow .pi-title { text-shadow: none; }

.portable-infobox.pi-theme-yellow .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label { color: #000000; }

.portable-infobox.pi-theme-yellow .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:not(:first-child), .portable-infobox.pi-theme-yellow .pi-image-collection-tabs .pi-tab-link:not(:first-child) { border-left-color: #000000; }

/* Theme - Gold */ .portable-infobox.pi-theme-gold .pi-data .pi-data-value, .portable-infobox.pi-theme-gold .pi-image, .portable-infobox.pi-theme-gold { border-color: #FFD700; }

.portable-infobox.pi-theme-gold .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-gold .pi-image-collection-tabs, .portable-infobox.pi-theme-gold .pi-data .pi-data-label, .portable-infobox.pi-theme-gold .pi-header, .portable-infobox.pi-theme-gold .pi-title { background-color: #FFD700; color: #FF0000; }

.portable-infobox.pi-theme-gold .pi-header[data-item-name="title"], .portable-infobox.pi-theme-gold .pi-title { text-shadow: none; }

.portable-infobox.pi-theme-gold .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label { color: #FF0000; }

.portable-infobox.pi-theme-gold .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:not(:first-child), .portable-infobox.pi-theme-gold .pi-image-collection-tabs .pi-tab-link:not(:first-child) { border-left-color: #FF0000; }

/* Theme - UC Berkeley I guess */ .portable-infobox.pi-theme-ucberkeley .pi-data .pi-data-value, .portable-infobox.pi-theme-ucberkeley .pi-image, .portable-infobox.pi-theme-ucberkeley { border-color: #FFE34C; }

.portable-infobox.pi-theme-ucberkeley .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-ucberkeley .pi-image-collection-tabs, .portable-infobox.pi-theme-ucberkeley .pi-data .pi-data-label, .portable-infobox.pi-theme-ucberkeley .pi-header, .portable-infobox.pi-theme-ucberkeley .pi-title { background-color: #FFE34C; color: #1919FF; }

.portable-infobox.pi-theme-ucberkeley .pi-header[data-item-name="title"], .portable-infobox.pi-theme-ucberkeley .pi-title { text-shadow: none; }

.portable-infobox.pi-theme-ucberkeley .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab > .wds-tabs__tab-label { color: #1919FF; }

.portable-infobox.pi-theme-ucberkeley .pi-image-collection > .wds-tabs__wrapper > .wds-tabs > .wds-tabs__tab:not(:first-child), .portable-infobox.pi-theme-ucberkeley .pi-image-collection-tabs .pi-tab-link:not(:first-child) { border-left-color: #1919FF; }

/* Theme - Tan */ .portable-infobox.pi-theme-tan .pi-data .pi-data-value, .portable-infobox.pi-theme-tan .pi-image, .portable-infobox.pi-theme-tan { border-color: #FFD181; }

.portable-infobox.pi-theme-tan .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-tan .pi-image-collection-tabs, .portable-infobox.pi-theme-tan .pi-data .pi-data-label, .portable-infobox.pi-theme-tan .pi-header, .portable-infobox.pi-theme-tan .pi-title { background-color: #FFD181; }

/* Theme - Brown */ .portable-infobox.pi-theme-brown .pi-data .pi-data-value, .portable-infobox.pi-theme-brown .pi-image, .portable-infobox.pi-theme-brown { border-color: #964B00; }

.portable-infobox.pi-theme-brown .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-brown .pi-image-collection-tabs, .portable-infobox.pi-theme-brown .pi-data .pi-data-label, .portable-infobox.pi-theme-brown .pi-header, .portable-infobox.pi-theme-brown .pi-title { background-color: #964B00; }

/* Theme - Chocolate */ .portable-infobox.pi-theme-chocolate .pi-data .pi-data-value, .portable-infobox.pi-theme-chocolate .pi-image, .portable-infobox.pi-theme-chocolate { border-color: #79443B; }

.portable-infobox.pi-theme-chocolate .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-chocolate .pi-image-collection-tabs, .portable-infobox.pi-theme-chocolate .pi-data .pi-data-label, .portable-infobox.pi-theme-chocolate .pi-header, .portable-infobox.pi-theme-chocolate .pi-title { background-color: #79443B; }

/* Theme - Orange */ .portable-infobox.pi-theme-orange .pi-data .pi-data-value, .portable-infobox.pi-theme-orange .pi-image, .portable-infobox.pi-theme-orange { border-color: #FFAE42; }

.portable-infobox.pi-theme-orange .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-orange .pi-image-collection-tabs, .portable-infobox.pi-theme-orange .pi-data .pi-data-label, .portable-infobox.pi-theme-orange .pi-header, .portable-infobox.pi-theme-orange .pi-title { background-color: #FFAE42; }

/* Theme - Bronze */ .portable-infobox.pi-theme-bronze .pi-data .pi-data-value, .portable-infobox.pi-theme-bronze .pi-image, .portable-infobox.pi-theme-bronze { border-color: #E97118; }

.portable-infobox.pi-theme-bronze .pi-image-collection > .wds-tabs__wrapper, .portable-infobox.pi-theme-bronze .pi-image-collection-tabs, .portable-infobox.pi-theme-bronze .pi-data .pi-data-label, .portable-infobox.pi-theme-bronze .pi-header, .portable-infobox.pi-theme-bronze .pi-title { background-color: #E97118; }

/* Container - Grid Layout */ [data-layout="infobox-grid"] { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; width: 100%; padding: 0.25em; box-sizing: border-box; }

[data-layout="infobox-grid"] .portable-infobox, [data-layout="infobox-grid"] > * { margin: 0 10px 15px; }

.portable-infobox.type-hack .pi-image, .portable-infobox.type-hack { border: 0; }

.portable-infobox.type-hack .pi-image .image .pi-image-thumbnail, .portable-infobox.type-hack .pi-image.pi-item, .portable-infobox.type-hack { border-radius: 0; }