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 Infoboxes *****/
.portable-infobox {
margin-bottom: 0.5em;
margin-left: 1em;
float: right;
clear: right;
border: 1px solid #aaa;
width: 350px;
background-color: white;
color: #000;
}
.theme-fandomdesktop-dark .portable-infobox {
background-color: darkslategray;
color: #fff;
}
.pi-font {
font-size: 14px;
}
.pi-border-color {
border-radius: 0px;
padding: 0px;
}
.portable-infobox .pi-title img {
float: right;
}
.portable-infobox .pi-item-spacing {
padding: 0px;
}
.portable-infobox .pi-navigation {
text-align: center;
}
.portable-infobox .pi-image-collection-tabs {
text-align: center;
}
.portable-infobox .pi-data-value[data-source="imagecaption"] .pi-data-value[data-source="quote"] {
background-color: #FFFFFF !important;
}
/* Infobox titles and headers */
.portable-infobox .pi-title {
font-weight: bold;
font-size: 15px;
line-height: 20px;
color: #000;
background-color: #FFA040;
text-align: center;
padding: 9px;
}
.theme-fandomdesktop-dark .portable-infobox .pi-title {
color: #fff;
}
.portable-infobox .pi-header {
background-color: #FFE5A5;
color: #000;
text-align: center;
padding: 4px !important;
}
.theme-fandomdesktop-dark .portable-infobox .pi-header {
background-color: #7e5900;
color: #fff;
}
/* Images in infoboxes */
.portable-infobox .pi-caption {
text-align: center;
padding: 0 2px;
}
.portable-infobox .pi-image-collection-tabs {
margin: 0;
}
.portable-infobox ul.pi-image-collection-tabs li.pi-item-spacing {
padding: 2px 4px 1px;
}
/* Data in infoboxes */
.portable-infobox .pi-secondary-font,
.portable-infobox .pi-data-value {
padding: 5px;
flex-basis: 60%;
}
.portable-infobox .pi-secondary-font,
.portable-infobox .pi-data-label {
flex-basis: 40%;
background-color: #CCCCFF;
color: #000;
font-size: 14px !important;
}
.theme-fandomdesktop-dark .portable-infobox .pi-secondary-font,
.theme-fandomdesktop-dark .portable-infobox .pi-data-label {
background-color: #8080ff;
color: #fff;
}
/* Infobox styles and themes for various kinds of infoboxes */
/*** digimon infobox type ***/
.portable-infobox.type-digimon {
border: 2px solid #000;
padding: 2px;
}
.portable-infobox.type-digimon .pi-item {
grid-gap: 0;
}
.portable-infobox.type-digimon .pi-item-spacing {
padding: 1px;
border: none;
}
.portable-infobox.type-digimon .pi-title {
background-color: #FFA040;
padding: 0px !important;
}
.portable-infobox.type-digimon .pi-header {
background-color: #FFA040;
padding: 3px;
margin: 1px;
}
.portable-infobox.type-digimon .pi-data-label,
.portable-infobox.type-digimon .pi-navigation {
background-color: #FFA040;
}
.portable-infobox.type-digimon .pi-data-label a,
.portable-infobox.type-digimon .pi-navigation a {
color: #000;
}
.theme-fandomdesktop-dark .portable-infobox.type-digimon .pi-data-label a,
.theme-fandomdesktop-dark .portable-infobox.type-digimon .pi-navigation a {
color: #fff;
}
.portable-infobox.type-digimon .pi-data-value {
background-color: #FFE5A5;
border-left: 2px solid white;
}
.theme-fandomdesktop-dark .portable-infobox.type-digimon .pi-data-value {
background-color: #7e5900;
border-left: 2px solid darkslategray;
}
.portable-infobox.type-digimon .pi-secondary-font,
.portable-infobox.type-digimon .pi-data-value {
padding: 5px;
}
/*** digimon infobox second type (with the bigger title padding) ***/
.portable-infobox.type-digimon2 {
border: 2px solid #000;
padding: 2px;
}
.portable-infobox.type-digimon2 .pi-item {
grid-gap: 0;
}
.portable-infobox.type-digimon2 .pi-item-spacing {
padding: 1px;
border: none;
}
.portable-infobox.type-digimon2 .pi-title {
background-color: #FFA040;
padding: 9px;
}
.portable-infobox.type-digimon2 .pi-header {
background-color: #FFA040;
padding: 3px;
margin: 1px;
}
.portable-infobox.type-digimon2 .pi-data-label,
.portable-infobox.type-digimon2 .pi-navigation {
background-color: #FFA040;
}
.portable-infobox.type-digimon2 .pi-data-label a,
.portable-infobox.type-digimon2 .pi-navigation a {
color: #000;
}
.theme-fandomdesktop-dark .portable-infobox.type-digimon2 .pi-data-label a,
.theme-fandomdesktop-dark .portable-infobox.type-digimon2 .pi-navigation a {
color: #fff;
}
.portable-infobox.type-digimon2 .pi-data-value {
background-color: #FFE5A5;
border-left: 3px solid white;
}
.theme-fandomdesktop-dark .portable-infobox.type-digimon2 .pi-data-value {
background-color: #7e5900;
border-left: 3px solid darkslategray;
}
.portable-infobox.type-digimon2 .pi-secondary-font,
.portable-infobox.type-digimon2 .pi-data-value {
padding: 5px;
}
/*** images ***/
.portable-infobox.pi-theme-imagetest .pi-image,
.portable-infobox.pi-theme-imagetest .pi-image-thumbnail,
.portable-infobox.pi-theme-imagetest .pi-image-collection {
max-height: 320px;
max-width: 320px;
height: auto;
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
background: #FFF;
}
.portable-infobox.pi-theme-x300px .pi-image,
.portable-infobox.pi-theme-x300px .pi-image-thumbnail,
.portable-infobox.pi-theme-x300px .pi-image-collection {
max-height: 300px;
max-width: none;
height: auto;
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
background: #FFF;
}
.portable-infobox.pi-theme-x320px .pi-image,
.portable-infobox.pi-theme-x320px .pi-image-thumbnail,
.portable-infobox.pi-theme-x320px .pi-image-collection {
max-height: 320px;
max-width: none;
height: auto;
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
background: #FFF;
}
.portable-infobox.pi-theme-300x300px .pi-image,
.portable-infobox.pi-theme-300x300px .pi-image-thumbnail,
.portable-infobox.pi-theme-300x300px .pi-image-collection {
max-height: 300px;
max-width: 300px;
height: auto;
width: auto;
margin-left: auto;
margin-right: auto;
display: block;
background: #FFF;
}
/*** basic infobox type ***/
.portable-infobox.type-basic .pi-title,
.portable-infobox.type-basic .pi-header {
background-color: #CCCCFF;
}
.theme-fandomdesktop-dark .portable-infobox.type-basic .pi-title,
.theme-fandomdesktop-dark .portable-infobox.type-basic .pi-header {
background-color: #8080ff;
}
/*** character infobox type ***/
.portable-infobox.type-character .pi-title {
background-color: #FFA040;
}
.portable-infobox.type-character .pi-header {
background-color: #FFE5A5;
}
.theme-fandomdesktop-dark .portable-infobox.type-character .pi-header {
background-color: #7e5900;
}
.portable-infobox.type-character .pi-data-label,
.portable-infobox.type-character .pi-data,
.portable-infobox.type-character .pi-navigation {
background-color: #FFFFFF;
}
.theme-fandomdesktop-dark .portable-infobox.type-character .pi-data-label,
.theme-fandomdesktop-dark .portable-infobox.type-character .pi-data,
.theme-fandomdesktop-dark .portable-infobox.type-character .pi-navigation {
background-color: darkslategray;
}
/*** film infobox type ***/
.portable-infobox.type-film .pi-item-spacing {
border: none;
}
.portable-infobox.type-film .pi-title,
.portable-infobox.type-film .pi-header,
.portable-infobox.type-film .pi-data-label,
.portable-infobox.type-film .pi-navigation {
background-color: #f9f9f9;
}
/*** quest digimon rearise infobox type ***/
.portable-infobox.type-questrearise .pi-title {
background-color: #61B4CF;
}
.portable-infobox.type-questrearise .pi-header {
background-color: #81BCFF !important;
}
.portable-infobox.type-questrearise .pi-data-label {
background-color: #81BCFF;
}
.portable-infobox.type-questrearise .pi-data {
background-color: #FFFFFF;
border: none;
}
.portable-infobox.type-questrearise .pi-navigation {
background-color: #61B4CF;
}
/*** DXAboss infobox type ***/
.portable-infobox.type-dxaboss .pi-title {
background-color: #8CB535;
color: #000;
}
.portable-infobox.type-dxaboss .pi-header {
background-color: #8CB535;
color: #000;
}
.portable-infobox.type-dxaboss .pi-data-label {
background-color: #8CB535;
}
.portable-infobox.type-dxaboss .pi-data {
background-color: #FFFFFF;
}
/*** chapter infobox type ***/
.portable-infobox.type-chapter {
padding: 5px;
}
.portable-infobox.type-chapter .pi-data {
border: none;
}
.portable-infobox.type-chapter,
.portable-infobox.type-chapter .pi-data,
.portable-infobox.type-chapter .pi-data-label {
background-color: #F5F5F5;
}
/* theme for Digimon Xros Wars */
.portable-infobox.pi-theme-Digimon_Xros_Wars .pi-title,
.portable-infobox.pi-theme-Digimon_Xros_Wars .pi-header {
background-color: #E8E997;
}
/* themes for Digimon Adventure V-Tamer 01 and Digimon Chronicle */
.portable-infobox.pi-theme-Digimon_Adventure_V-Tamer_01 .pi-title,
.portable-infobox.pi-theme-Digimon_Adventure_V-Tamer_01 .pi-header,
.portable-infobox.pi-theme-Digimon_Chronicle .pi-title,
.portable-infobox.pi-theme-Digimon_Chronicle .pi-header {
background-color: #81BCFF;
}
/* themes for Digimon World Re:Digitize and Digimon World Re:Digitize: Encode */
.portable-infobox.pi-theme-Digimon_World_Re:Digitize .pi-title,
.portable-infobox.pi-theme-Digimon_World_Re:Digitize .pi-heade,
.portable-infobox.pi-theme-Digimon_World_Re:Digitize:_Encode .pi-title,
.portable-infobox.pi-theme-Digimon_World_Re:Digitize:_Encode .pi-header {
background-color: #61B4CF;
}
/* theme for Digimon D-Cyber */
.portable-infobox.pi-theme-Digimon_D-Cyber .pi-title,
.portable-infobox.pi-theme-Digimon_D-Cyber .pi-header {
background-color: #FF8080;
}
/* theme for Digimon Next */
.portable-infobox.pi-theme-Digimon_Next .pi-title,
.portable-infobox.pi-theme-Digimon_Next .pi-header {
background-color: #E0E0E0;
}
/* themes for Digimon Universe: Appli Monsters and Appli Monsters: Appmon Academy */
.portable-infobox.pi-theme-Digimon_Universe:_Appli_Monsters .pi-title,
.portable-infobox.pi-theme-Digimon_Universe:_Appli_Monsters .pi-heade,
.portable-infobox.pi-theme-Appli_Monsters:_Appmon_Academy .pi-title,
.portable-infobox.pi-theme-Appli_Monsters:_Appmon_Academy .pi-header {
background-color: #80FFB4;
}
/*** card infobox type ***/
.portable-infobox.type-card {
width: 325px;
}
/* DB-DM */
.portable-infobox.pi-theme-DB-DM .pi-title,
.portable-infobox.pi-theme-DB-DM .pi-header,
.portable-infobox.pi-theme-DB-DM .pi-data-label {
background-color: #BBBBFF;
}
/* DM-DM */
.portable-infobox.pi-theme-DM-DM1 .pi-title,
.portable-infobox.pi-theme-DM-DM1 .pi-header,
.portable-infobox.pi-theme-DM-DM1 .pi-data-label {
background-color: #FF6633;
}
.portable-infobox.pi-theme-DM-DM2 .pi-title,
.portable-infobox.pi-theme-DM-DM2 .pi-header,
.portable-infobox.pi-theme-DM-DM2 .pi-data-label {
background-color: #AACCFF;
}
/* DC-DM */
.portable-infobox.pi-theme-DC-DM .pi-title,
.portable-infobox.pi-theme-DC-DM .pi-header,
.portable-infobox.pi-theme-DC-DM .pi-data-label {
background-color: #FF9999;
}
/* DT-DM */
.portable-infobox.pi-theme-DT-DM .pi-title,
.portable-infobox.pi-theme-DT-DM .pi-header,
.portable-infobox.pi-theme-DT-DM .pi-data-label {
background-color: #BBBBBB;
}
/* DT-SP */
.portable-infobox.pi-theme-DT-SP .pi-title,
.portable-infobox.pi-theme-DT-SP .pi-header,
.portable-infobox.pi-theme-DT-SP .pi-data-label {
background-color: #BBBBBB;
}
/* DM-DMX */
.portable-infobox.pi-theme-DM-DMX .pi-title,
.portable-infobox.pi-theme-DM-DMX .pi-header,
.portable-infobox.pi-theme-DM-DMX .pi-data-label {
background-color: #FF6633;
}
.portable-infobox.pi-theme-DM-DMX .pi-navigation {
background-color: #FFF;
}
/* DB-PO */
.portable-infobox.pi-theme-DB-PO .pi-title,
.portable-infobox.pi-theme-DB-PO .pi-header,
.portable-infobox.pi-theme-DB-PO .pi-data-label {
background-color: #BBBBFF;
}
/* DM-OP */
.portable-infobox.pi-theme-DM-OP .pi-title,
.portable-infobox.pi-theme-DM-OP .pi-header,
.portable-infobox.pi-theme-DM-OP .pi-data-label {
background-color: #BBBBFF;
}
/* SDT */
.portable-infobox.pi-theme-SDT .pi-title,
.portable-infobox.pi-theme-SDT .pi-header,
.portable-infobox.pi-theme-SDT .pi-data-label {
background-color: #8CB535;
}
/* DJ-DM */
.portable-infobox.pi-theme-DJ-DM .pi-title,
.portable-infobox.pi-theme-DJ-DM .pi-header,
.portable-infobox.pi-theme-DJ-DM .pi-data-label {
background-color: #CCCCCC;
}
.portable-infobox.pi-theme-DJ-DM-a .pi-title,
.portable-infobox.pi-theme-DJ-DM-a .pi-header,
.portable-infobox.pi-theme-DJ-DM-a .pi-data-label {
background-color: #FFAAAA;
}
.portable-infobox.pi-theme-DJ-DM-g .pi-title,
.portable-infobox.pi-theme-DJ-DM-g .pi-header,
.portable-infobox.pi-theme-DJ-DM-g .pi-data-label {
background-color: #AAFFAA;
}
.portable-infobox.pi-theme-DJ-DM-s .pi-title,
.portable-infobox.pi-theme-DJ-DM-s .pi-header,
.portable-infobox.pi-theme-DJ-DM-s .pi-data-label {
background-color: #AAAAFF;
}
/* DC-DV */
.portable-infobox.pi-theme-DC-DV .pi-title,
.portable-infobox.pi-theme-DC-DV .pi-header,
.portable-infobox.pi-theme-DC-DV .pi-data-label {
background-color: #FF9999;
}
/* DFC-DI */
.portable-infobox.pi-theme-DFC-DI .pi-title,
.portable-infobox.pi-theme-DFC-DI .pi-header,
.portable-infobox.pi-theme-DFC-DI .pi-data-label {
background-color: #BBBBFF;
}
/* DMA-DM */
.portable-infobox.pi-theme-DMA-DM1 .pi-title,
.portable-infobox.pi-theme-DMA-DM1 .pi-header,
.portable-infobox.pi-theme-DMA-DM1 .pi-data-label {
background-color: #FF6633;
}
.portable-infobox.pi-theme-DMA-DM2 .pi-title,
.portable-infobox.pi-theme-DMA-DM2 .pi-header,
.portable-infobox.pi-theme-DMA-DM2 .pi-data-label {
background-color: #AACCFF;
}
/* DFC-DM */
.portable-infobox.pi-theme-DFC-DM .pi-title,
.portable-infobox.pi-theme-DFC-DM .pi-header,
.portable-infobox.pi-theme-DFC-DM .pi-data-label {
background-color: #BBBBFF;
}
/* DJ-DM */
.portable-infobox.pi-theme-a .pi-title,
.portable-infobox.pi-theme-a .pi-header,
.portable-infobox.pi-theme-a .pi-data-label {
background-color: #FFAAAA;
}
.portable-infobox.pi-theme-s .pi-title,
.portable-infobox.pi-theme-s .pi-header,
.portable-infobox.pi-theme-s .pi-data-label {
background-color: #AAAAFF;
}
.portable-infobox.pi-theme-g .pi-title,
.portable-infobox.pi-theme-g .pi-header,
.portable-infobox.pi-theme-g .pi-data-label {
background-color: #AAFFAA;
}
/* Colors */
.theme-fandomdesktop-light .variant-gray {
background-color:#ECECEC;
}
.theme-fandomdesktop-dark .variant-gray {
background-color:#5E5E5E;
}
.theme-fandomdesktop-light .variant-orange {
background-color:#FFE5A5;
}
.theme-fandomdesktop-dark .variant-orange {
background-color:#ffb90d;
}
.theme-fandomdesktop-light .variant-bg {
background-color:#ffe5a5;
}
.theme-fandomdesktop-dark .variant-bg {
background-color:#7e5900;
}
.theme-fandomdesktop-light .featured {
background-color:#d3d4ed;
}
.theme-fandomdesktop-dark .featured {
background-color:#676ac1;
}
/* unittable class for skinning normal tables */
table.unittable {
margin: 1em 1em 1em 0;
border: 1px #aaa solid;
border-collapse: collapse;
}
table.unittable th, table.unittable td {
border: 1px #aaa solid;
padding: 0.2em;
}
table.unittable th {
background: #FFA040;
text-align: center;
}
table.unittable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
table.unittable code {
background-color: transparent;
}