MediaWiki:Themes.css

/***** 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; } .pi-font { font-size: 14px; } .pi-border-color { border-radius: 0px; padding: 0px; } .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; } .portable-infobox .pi-header { background-color: #FFE5A5 color: #000; padding: 4px !important; } /* 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; }

/* Links in infoboxes in dark mode */ .theme-fandomdesktop-dark .portable-infobox a { color: #006cb0; }

/* Infobox styles and themes for various kinds of infoboxes */

/*** digimon infobox type ***/

.portable-infobox.type-digimon { border: 2px solid #000; padding: 2px; color: black; }

.portable-infobox.type-digimon .pi-image { background: #FFF; }

.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: #FFF; padding: 0px !important; }

.portable-infobox .pi-title img { float: right; }

.portable-infobox.type-digimon h2.pi-item { padding: 0px; margin: 0px; display: flex; }

.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-horizontal-group { margin: 2px auto; }

.portable-infobox.type-digimon .pi-data-label a, .portable-infobox.type-digimon .pi-navigation a { color: #000; }

.portable-infobox.type-digimon .pi-data-value { border-left: 2px solid white; background-color: #FFE5A5; }

.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; }

.portable-infobox.type-digimon2 .pi-data-value { background-color: #FFE5A5; border-left: 3px solid white; }

.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-top: auto; margin-bottom: 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; }

/*** basic infobox type ***/

.portable-infobox.type-basic .pi-title { background-color: #CCCCFF; }

.portable-infobox.type-basic .pi-header { background-color: #CCCCFF; }

/*** character infobox type ***/

.portable-infobox.type-character .pi-title { background-color: #FFA040; }

.portable-infobox.type-character .pi-header { background-color: #FFE5A5; }

.portable-infobox.type-character .pi-data-label, .portable-infobox.type-character .pi-data, .portable-infobox.type-character .pi-navigation { background-color: #FFFFFF; }

/*** 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 .featured { background-color:#d3d4ed; }

.theme-fandomdesktop-dark .featured { background-color:#676ac1; }