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.
/**
* @Description: Applies aesthetic themes to all Portable Infoboxes
*/
/* All Infoboxes — General */
.portable-infobox.pi-background {
background-color: #C9DBEB;
padding: 5px;
border: 1px solid #AAB8C6;
}
.portable-infobox .pi-navigation,
.portable-infobox .pi-header,
.portable-infobox .pi-caption,
.portable-infobox .pi-data-value,
.portable-infobox .pi-data-label {
-moz-hyphens: none;
-epub-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
/* All Infoboxes — Titles & Headers */
.portable-infobox .pi-header,
.portable-infobox .pi-title {
padding: 0 5px;
margin: 0 0 2px;
}
.portable-infobox .pi-header:last-child {
padding: 0 5px;
margin: 0;
}
.portable-infobox .pi-header[data-item-name="appears"] {
font-weight: normal;
}
.portable-infobox .pi-header a {
color: #2D30EB;
text-decoration: none;
}
.portable-infobox .pi-header a:hover {
text-decoration: underline;
}
/* All Infoboxes — Images */
.portable-infobox .pi-image .pi-caption {
font-size: x-small;
color: inherit;
text-align: center;
padding: 0;
border-bottom: 1px solid #AAAAAA;
}
.portable-infobox .pi-image {
margin-bottom: 2px;
}
/* All Infoboxes — Data */
.portable-infobox .pi-data {
padding: 0;
margin: 0 0 2px;
}
.portable-infobox .pi-data-label {
flex-basis: 40%;
font-size: 90%;
padding: 2px;
margin: 0 5px 0 0;
outline-width: 2px;
}
.portable-infobox .pi-data-value {
font-size: 90%;
padding: 2px;
outline-width: 2px;
}
.portable-infobox .pi-data[data-item-name="notes"] {
border-top: 1px solid #AAAAAA;
}
.portable-infobox .pi-data[data-item-name="notes"] .pi-data-value {
font-size: x-small;
}
/* All Infoboxes — Horizontal groups */
.portable-infobox .pi-horizontal-group {
margin-bottom: 2px;
}
.portable-infobox .pi-horizontal-group-item.pi-data-value,
.portable-infobox .pi-horizontal-group-item.pi-data-label {
vertical-align: middle;
padding: 5px;
}
.portable-infobox .pi-horizontal-group-item:not(:first-child) {
border-left: 1px dotted #AAAAAA;
}
.portable-infobox .pi-horizontal-group-item:nth-child(even) {
background: transparent;
}
/* Theme — darkred */
.portable-infobox.pi-theme-darkred .pi-data-label,
.portable-infobox.pi-theme-darkred .pi-header,
.portable-infobox.pi-theme-darkred .pi-title {
background-color: #660000;
color: #FFFFFF;
}
/* Theme — ntw */
.portable-infobox.pi-theme-ntw .pi-data-label,
.portable-infobox.pi-theme-ntw .pi-header,
.portable-infobox.pi-theme-ntw .pi-title {
background-color: #000080;
color: #FFFFFF;
}
/* Theme — etw */
.portable-infobox.pi-theme-etw .pi-data-label,
.portable-infobox.pi-theme-etw .pi-header,
.portable-infobox.pi-theme-etw .pi-title {
background-color: #330000;
color: #FFFFFF;
}
/* Theme — twr2 */
.portable-infobox.pi-theme-twr2 .pi-data-label,
.portable-infobox.pi-theme-twr2 .pi-header,
.portable-infobox.pi-theme-twr2 .pi-title {
background-color: #660000;
color: #FFFFFF;
}
/* Theme — tws2 */
.portable-infobox.pi-theme-tws2 .pi-data-label,
.portable-infobox.pi-theme-tws2 .pi-header,
.portable-infobox.pi-theme-tws2 .pi-title {
background-color: #996600;
color: #FFFFFF;
}
/* Theme — m2tw */
.portable-infobox.pi-theme-m2tw .pi-data-label,
.portable-infobox.pi-theme-m2tw .pi-header,
.portable-infobox.pi-theme-m2tw .pi-title {
background-color: #9999FF;
color: #FFFFFF;
}
/* Theme — fots */
.portable-infobox.pi-theme-fots .pi-data-label,
.portable-infobox.pi-theme-fots .pi-header,
.portable-infobox.pi-theme-fots .pi-title {
background-color: #000033;
color: #FFFFFF;
}
/* Theme — rots */
.portable-infobox.pi-theme-rots .pi-data-label,
.portable-infobox.pi-theme-rots .pi-header,
.portable-infobox.pi-theme-rots .pi-title {
background-color: #008000;
color: #FFFFFF;
}
/* Theme — tob */
.portable-infobox.pi-theme-tob .pi-data-label,
.portable-infobox.pi-theme-tob .pi-header,
.portable-infobox.pi-theme-tob .pi-title {
background-color: #787878;
color: #FFFFFF;
}
/* Theme — tww */
.portable-infobox.pi-theme-tww .pi-data-label,
.portable-infobox.pi-theme-tww .pi-header,
.portable-infobox.pi-theme-tww .pi-title {
background-color: #FF8C00;
color: #FFFFFF;
}
/* Theme — twa */
.portable-infobox.pi-theme-twa .pi-data-label,
.portable-infobox.pi-theme-twa .pi-header,
.portable-infobox.pi-theme-twa .pi-title {
background-color: #330000;
color: #FFFFFF;
}
/* Theme — att */
.portable-infobox.pi-theme-att .pi-data-label,
.portable-infobox.pi-theme-att .pi-header,
.portable-infobox.pi-theme-att .pi-title {
background-color: #660000;
color: #FFFFFF;
}
/* Theme — battle */
.portable-infobox.pi-theme-battle .pi-header,
.portable-infobox.pi-theme-battle .pi-title {
background-color: #B0C4DE;
color: #000000;
}
.portable-infobox.pi-theme-battle .pi-header {
font-size: small;
}
/* Theme — troy */
.portable-infobox.pi-theme-troy.pi-background {
background-color: #0e0f13;
color: #b1560f;
}
.portable-infobox.pi-theme-troy .pi-data-label,
.portable-infobox.pi-theme-troy .pi-header,
.portable-infobox.pi-theme-troy .pi-title {
background-color: #b1560f;
color: #0e0f13;
}
.portable-infobox.pi-theme-troy a:link,
.portable-infobox.pi-theme-troy a:visited {
color: #fc8c09;
}