Themes.css

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.

/**
 * @Name:           Themes.css
 * @Description:    Applies aesthetic themes to all Portable Infoboxes
 * @For Europa?:    No
 * @Author:         Ursuul <https://dev.fandom.com/wiki/User:Ursuul>
 */

/* General */
.portable-infobox {
    overflow: hidden;
    background: transparent;
    padding: 0;
    border: 2px solid #cf4bff;
    border-radius: 15px;
    box-shadow: 3px 3px 5px #CCCCCC;
    margin-right: 7px;
}

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

.portable-infobox .pi-item {
    border-bottom: 0;
}

.portable-infobox .pi-item:not(.pi-group) {
    margin-bottom: 1px;
}

.portable-infobox .pi-navigation {
    background: transparent;
    text-align: center;
}

/* Titles & Headers */
.portable-infobox .pi-title {
    font-weight: bold;
    font-size: x-large;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
    padding: 8px 3px;
}

.portable-infobox .pi-title[data-item-name="translations"] span {
    font-weight: normal;
}

.portable-infobox .pi-title[data-item-name="translations"] span:lang(ja) {
    font-size: 70%;
}

.portable-infobox .pi-title[data-item-name="translations"] span:lang(en) {
    font-style: italic;
    font-size: 90%;
}

.portable-infobox .pi-header {
    font-size: large;
    text-align: center;
    padding: 5px 0;
    border-bottom: 2px solid #cf4bff;
}

/* Images */
.portable-infobox .pi-image .pi-image-thumbnail {
    max-width: 100%;
}

.portable-infobox .pi-caption {
    text-align: center;
    padding: 0 2px;
}

.portable-infobox .pi-image-collection-tabs {
    margin: 0;
}

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

.portable-infobox ul.pi-image-collection-tabs li {
    background: #cf4bff;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    margin-right: 0;
}

.portable-infobox ul.pi-image-collection-tabs li.pi-item-spacing {
    padding: 2px 4px 1px;
}

.portable-infobox ul.pi-image-collection-tabs li.current {
    background: #a805d9;
    color: #FFFFFF;
}

/* Data */
.portable-infobox .pi-secondary-background:not(.pi-navigation),
.portable-infobox.pi-layout-default .pi-data-label,
.portable-infobox .pi-data-label {
    color: #FFFFFF;
}

.portable-infobox > .pi-group:last-child .pi-item:last-child,
.portable-infobox > .pi-item:last-child,
.portable-infobox .pi-data-label {
    margin-bottom: 0;
}

.portable-infobox .pi-secondary-font,
.portable-infobox .pi-data-value {
    padding: 5px;
}

.portable-infobox .pi-data-value ul {
    list-style-type: disc;
}

.portable-infobox .pi-data-value ul,
.portable-infobox .pi-data-value ol {
    margin-left: 4px;
    list-style-position: inside;
}

.pi-data-label {
    flex-basis: 40%;
}