Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.portable-infobox { width: 282px; border: 3px ridge #FF0000; border-radius: 10px; text-align: center; vertical-align: middle; }
.portable-infobox .pi-horizontal-group { padding: 2px !important; }
.portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin: 2px; margin-bottom: 0; padding: 0; }
.portable-infobox .pi-item-spacing { text-align: center; padding: 2px; }
.portable-infobox .pi-title, .portable-infobox .pi-data-label, .portable-infobox .pi-secondary-background { background-color: #DC143C; color: #FFF; }
.portable-infobox .pi-section-navigation { margin: 2px; margin-bottom: 0; flex-wrap: wrap; justify-content: center; background: #FF0000; }
.portable-infobox .pi-section-navigation .pi-section-tab { margin: 0; flex-grow: 1; padding: 2px; }
.portable-infobox .pi-section-navigation .pi-section-label { height: auto; color: #FFF; font-size: 14px; text-transform: none; font-weight: bold; }
.portable-infobox .pi-section-navigation .pi-section-tab:hover .pi-section-label { color: #FFF; cursor: pointer; }
.portable-infobox .pi-section-navigation .pi-section-active { box-shadow: none; background: #DC143C; }
.portable-infobox .pi-image-collection-tabs li { max-width: none; }
.pi-background { background: transparent; }
.pi-image img { width: 100%; height: auto; margin-top: 2px; }
.pi-border-color { border-color: #FF0000; }
.pi-title { border-radius: 6px 6px 0 0; font-weight: bold; }
.pi-header { border-radius: 0 8px 8px 0; }
.pi-header:nth-child(2) { border-radius: 0; }
.pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; }
.pi-horizontal-group .pi-data-label { border-radius: 0 0 0 0; display: table-cell; vertical-align: middle; padding: 2px !important; }
.pi-data-value { margin: 0.4em 0; }
.pi-navigation:last-child { border-radius: 0 0 6px 6px; margin-bottom: 2px; }
.pi-navigation:last-child a { color: #FFF; }
.pi-horizontal-group .pi-data-value { vertical-align: middle; }
.pi-image-collection .wds-tabber { text-align: center; vertical-align: middle; }
.pi-image-collection .wds__tabs { display: flex; flex-wrap: wrap; justify-content: center; border-color: transparent; margin: 2px; margin-bottom: 0; padding: 0; }
.pi-image-collection .wds-tabs__tab { flex-grow: 1; }
.pi-image-collection .wds__tabs li { background: none repeat scroll 0 0 #FF0000; color: #FFF; border: none; font-weight: bold; }
.pi-image-collection .wds-tabs__tab.wds-is-current { background: none repeat scroll 0 0 #DC143C; border-color: #DC143C; box-shadow: none; }
.pi-image-collection .wds-tabs__tab.wds-is-current:hover { background-color: #DC143C; }
.pi-tab-link.pi-item-spacing { text-align: center; vertical-align: middle; }
.wds-tab__content { background-color: transparent; }
.wds-tabs__tab-label { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
.pi-theme-Wiki { border: 3px groove; }
.pi-theme-Wiki, .pi-theme-Wiki .pi-border-color { border-color: #BFE6EF; background-color: #E6F5F9; }
.pi-theme-Wiki .pi-title, .pi-theme-Wiki .pi-secondary-font { background-color: #BFE6EF; color: #000; }
.pi-theme-Wiki .wds-tabs__tab.wds-is-current, .pi-theme-Wiki .wds-tabs__tab.wds-is-current:hover { background-color: #BFE6EF; }
.pi-theme-Wiki .wds-tabs__tab { background-color: #A3C2C9; color: #000; }
.pi-theme-Wiki .pi-navigation:last-child a { color: #000; }
.pi-theme-Wiki .wds-tabs__tab:hover { background-color: #E6FFF5; }
.pi-theme-Wiki ::-webkit-scrollbar { width: 12px; height: 12px; }
.pi-theme-Wiki ::-webkit-scrollbar-thumb { background: #BFE6EF; border-radius: 6px; }
.pi-theme-Wiki ::-webkit-scrollbar-thumb:hover { background: #E6FFF5 !important; }
.pi-theme-Wiki ::-webkit-scrollbar-thumb:active { background: #A3C2C9 !important; }
.pi-theme-Daphne, .pi-theme-Daphne .pi-border-color { border-color: #FAABB6; }
.pi-theme-Daphne .pi-title, .pi-theme-Daphne .pi-secondary-font, .pi-theme-Daphne .wds-tabs__tab.wds-is-current { background-color: #00FF7F; background: linear-gradient(#57FFAB 25%, #00BF5F 75%) !important; color: #000 }
.pi-theme-Daphne .pi-navigation:last-child a { color: #000; }
.pi-theme-Daphne .wds-tabs__tab, .pi-theme-Daphne .wds-tabs__tab.wds-is-current:hover { background-color: #00FF7F; }
.pi-theme-Daphne .wds-tabs__tab:hover { background-color: #FAABB6; }
.pi-theme-Daphne ::-webkit-scrollbar { width: 12px; height: 12px; }
.pi-theme-Daphne ::-webkit-scrollbar-thumb { background: #00FF7F; border-radius: 6px; }
.pi-theme-Daphne ::-webkit-scrollbar-thumb:hover { background: #FAABB6 !important; }
.pi-theme-Daphne ::-webkit-scrollbar-thumb:active { background: #FAABB6 !important; }