(Adaptabilité des infobox pour le dark mode (test)) |
m (Révocation des modifications de Thegamer1604 (discussion) vers la dernière version de Ozann23) Balise : Révocation |
||
| Ligne 18 : | Ligne 18 : | ||
} |
} |
||
| − | + | .portable-infobox .pi-font { |
|
color: #3a3a3a; |
color: #3a3a3a; |
||
| − | } |
+ | } |
.portable-infobox { |
.portable-infobox { |
||
| Ligne 293 : | Ligne 293 : | ||
.portable-infobox.pi-theme-Naomi .pi-border-colo { |
.portable-infobox.pi-theme-Naomi .pi-border-colo { |
||
border-color: #F66800; |
border-color: #F66800; |
||
| + | } |
||
} |
} |
||
.portable-infobox.pi-theme-DCEU .pi-border-color { |
.portable-infobox.pi-theme-DCEU .pi-border-color { |
||
Version du 18 juin 2021 à 20:13
/* ==== Portable infoboxes ==== */
.portable-infobox {
font-size: 13px;
padding: 0;
border: none;
width: 285px;
}
.pi-image-thumbnail {
width: 100%;
height: 100%;
}
ul.pi-image-collection-tabs li.pi-tab-link {
background: transparent;
border-color: transparent;
}
.portable-infobox .pi-font {
color: #3a3a3a;
}
.portable-infobox {
border-bottom: 4px solid #000;
}
.portable-infobox.pi-theme-Arrow, .portable-infobox.pi-theme-Arrow_-Temporada-2_5, .portable-infobox.pi-theme-Arrow_-The-Dark-Archer {
border-bottom: 4px solid #0A520D;
}
.portable-infobox.pi-theme-The-Flash, .portable-infobox.pi-theme-The-Flash_-Temporada-Cero {
border-bottom: 4px solid #83050F;
}
.portable-infobox.pi-theme-Constantine {
border-bottom: 4px solid #943C12;
}
.portable-infobox.pi-theme-Vixen {
border-bottom: 4px solid #C4963F;
}
.portable-infobox.pi-theme-DC_s-Legends-of-Tomorrow, .portable-infobox.pi-theme-Legends-of-Tomorrow {
border-bottom: 4px solid #516876;
}
.portable-infobox.pi-theme-Supergirl {
border-bottom: 4px solid #002D67;
}
.portable-infobox.pi-theme-Batwoman {
border-bottom: 4px solid #002D67;
}
.portable-infobox.pi-theme-The-Ray {
border-bottom: 4px solid #f5e77d;
}
.portable-infobox.pi-theme-Superman-et-Lois {
border-bottom: 4px solid #380070;
}
.portable-infobox.pi-theme-Superman_et_Lois {
border-bottom: 4px solid #380070;
}
.portable-infobox.pi-theme-GreenArrowandtheCanaries {
border-bottom: 4px solid #204a1a;
}
.portable-infobox.pi-theme-Black_Lightning {
border-bottom: 4px solid #D7DF01;
}
.portable-infobox.pi-theme-Black-Lightning {
border-bottom: 4px solid #D7DF01;
}
.portable-infobox.pi-theme-Stargirl {
border-bottom: 4px solid #D600CB;
}
.portable-infobox.pi-theme-Naomi {
border-bottom: 4px solid #F66800;
}
.portable-infobox.pi-theme-DCEU {
border-bottom: 4px solid #c5c3c1;
}
.portable-infobox.pi-theme-Birds_of_Prey {
border-bottom: 4px solid #482246;
}
.portable-infobox.pi-theme-Swamp_Thing {
border-bottom: 4px solid #648862;
}
.pi-theme-Arrow .pi-secondary-background,
.pi-theme-Arrow .pi-title,
.pi-theme-Arrow .pi-navigation,
.pi-theme-Arrow .pi-navigation a,
.pi-theme-Arrow_-Temporada-2_5 .pi-secondary-background,
.pi-theme-Arrow_-Temporada-2_5 .pi-title,
.pi-theme-Arrow_-Temporada-2_5 .pi-navigation,
.pi-theme-Arrow_-Temporada-2_5 .pi-navigation a,
.pi-theme-Arrow_-The-Dark-Archer .pi-secondary-background,
.pi-theme-Arrow_-The-Dark-Archer .pi-title,
.pi-theme-Arrow_-The-Dark-Archer .pi-navigation,
.pi-theme-Arrow_-The-Dark-Archer .pi-navigation a {
background-color: #0A520D;
color: white;
text-align: center;
}
.pi-theme-The-Flash .pi-secondary-background,
.pi-theme-The-Flash .pi-title,
.pi-theme-The-Flash .pi-navigation,
.pi-theme-The-Flash .pi-navigation a,
.pi-theme-The-Flash_-Temporada-Cero .pi-secondary-background,
.pi-theme-The-Flash_-Temporada-Cero .pi-title,
.pi-theme-The-Flash_-Temporada-Cero .pi-navigation,
.pi-theme-The-Flash_-Temporada-Cero .pi-navigation a{
background-color: #83050F;
color: white;
text-align: center;
}
.pi-theme-Constantine .pi-secondary-background,
.pi-theme-Constantine .pi-title,
.pi-theme-Constantine .pi-navigation,
.pi-theme-Constantine .pi-navigation a{
background-color: #943C12;
color: white;
text-align: center;
}
.pi-theme-Vixen .pi-secondary-background,
.pi-theme-Vixen .pi-title,
.pi-theme-Vixen .pi-navigation,
.pi-theme-Vixen .pi-navigation a{
background-color: #C4963F;
color: white;
text-align: center;
}
.pi-theme-DC_s-Legends-of-Tomorrow .pi-secondary-background,
.pi-theme-Legends-of-Tomorrow .pi-secondary-background,
.pi-theme-DC_s-Legends-of-Tomorrow .pi-title,
.pi-theme-Legends-of-Tomorrow .pi-title,
.pi-theme-DC_s-Legends-of-Tomorrow .pi-navigation,
.pi-theme-Legends-of-Tomorrow .pi-navigation,
.pi-theme-DC_s-Legends-of-Tomorrow .pi-navigation,
.pi-theme-Legends-of-Tomorrow .pi-navigation a{
background-color: #516876;
color: white;
text-align: center;
}
.pi-theme-Supergirl .pi-secondary-background,
.pi-theme-Supergirl .pi-title,
.pi-theme-Supergirl .pi-navigation,
.pi-theme-Supergirl .pi-navigation a{
background-color: #002D67;
color: white;
text-align: center;
}
.pi-theme-Batwoman .pi-secondary-background,
.pi-theme-Batwoman .pi-title,
.pi-theme-Batwoman .pi-navigation,
.pi-theme-Batwoman .pi-navigation a{
background-color: #120101;
color: white;
text-align: center;
}
.pi-theme-The-Ray .pi-secondary-background,
.pi-theme-The-Ray .pi-title,
.pi-theme-The-Ray .pi-navigation,
.pi-theme-The-Ray .pi-navigation a{
background-color: #f5e77d;
color: white;
text-align: center;
}
.pi-theme-Superman-et-Lois .pi-secondary-background,
.pi-theme-Superman-et-Lois .pi-title,
.pi-theme-Superman-et-Lois .pi-navigation,
.pi-theme-Superman-et-Lois .pi-navigation a{
background-color: #380070;
color: white;
text-align: center;
}
.pi-theme-Birds_of_Prey .pi-secondary-background,
.pi-theme-Birds_of_Prey .pi-title,
.pi-theme-Birds_of_Prey .pi-navigation,
.pi-theme-Birds_of_Prey .pi-navigation a{
background-color: #482246;
color: white;
text-align: center;
}
.pi-theme-Black_Lightning .pi-secondary-background,
.pi-theme-Black_Lightning .pi-title,
.pi-theme-Black_Lightning .pi-navigation,
.pi-theme-Black_Lightning .pi-navigation a{
background-color: #D7DF01;
color: white;
text-align: center;
}
.pi-theme-Black-Lightning .pi-secondary-background,
.pi-theme-Black-Lightning .pi-title,
.pi-theme-Black-Lightning .pi-navigation,
.pi-theme-Black-Lightning .pi-navigation a{
background-color: #D7DF01;
color: white;
text-align: center;
}
.pi-theme-Naomi .pi-secondary-background,
.pi-theme-Naomi .pi-title,
.pi-theme-Naomi .pi-navigation,
.pi-theme-Naomi .pi-navigation a{
background-color: #F66800;
color: white;
text-align: center;
}
.pi-theme-Stargirl .pi-secondary-background,
.pi-theme-Stargirl .pi-title,
.pi-theme-Stargirl .pi-navigation,
.pi-theme-Stargirl .pi-navigation a{
background-color: #D600CB;
color: white;
text-align: center;
}
.pi-theme-DCEU .pi-secondary-background,
.pi-theme-DCEU .pi-title,
.pi-theme-DCEU .pi-navigation,
.pi-theme-DCEU .pi-navigation a{
background-color: #c5c3c1;
color: white;
text-align: center;
}
.pi-theme-Swamp_Thing .pi-secondary-background,
.pi-theme-Swamp_Thing .pi-title,
.pi-theme-Swamp_Thing .pi-navigation,
.pi-theme-Swamp_Thing .pi-navigation a{
background-color: #648862;
color: white;
text-align: center;
}
.pi-theme-GreenArrowandtheCanaries .pi-secondary-background,
.pi-theme-GreenArrowandtheCanaries .pi-title,
.pi-theme-GreenArrowandtheCanaries .pi-navigation,
.pi-theme-GreenArrowandtheCanaries .pi-navigation a,
.pi-theme-GreenArrowandtheCanaries_-Temporada-2_5 .pi-secondary-background,
.pi-theme-GreenArrowandtheCanaries_-Temporada-2_5 .pi-title,
.pi-theme-GreenArrowandtheCanaries_-Temporada-2_5 .pi-navigation,
.pi-theme-GreenArrowandtheCanaries_-Temporada-2_5 .pi-navigation a,
.pi-theme-GreenArrowandtheCanaries_-The-Dark-Archer .pi-secondary-background,
.pi-theme-GreenArrowandtheCanaries_-The-Dark-Archer .pi-title,
.pi-theme-GreenArrowandtheCanaries_-The-Dark-Archer .pi-navigation,
.pi-theme-GreenArrowandtheCanaries_-The-Dark-Archer .pi-navigation a {
background-color: #204a1a;
color: white;
text-align: center;
}
.portable-infobox .pi-border-color {
border-color: #000;
}
.portable-infobox.pi-theme-Arrow .pi-border-color, .portable-infobox.pi-theme-Arrow_-Temporada-2_5 .pi-border-color, .portable-infobox.pi-theme-Arrow_-The-Dark-Archer .pi-border-color {
border-color: #3B753D;
}
.portable-infobox.pi-theme-The-Flash .pi-border-color, .portable-infobox.pi-theme-The-Flash_-Temporada-Cero .pi-border-color {
border-color: #9A343D;
}
.portable-infobox.pi-theme-Constantine .pi-border-color {
border-color: #943C12;
}
.portable-infobox.pi-theme-Vixen .pi-border-color {
border-color: #C8A25B;
}
.portable-infobox.pi-theme-DC_s-Legends-of-Tomorrow .pi-border-color, .portable-infobox.pi-theme-Legends-of-Tomorrow .pi-border-color {
border-color: #6B8391;
}
.portable-infobox.pi-theme-Supergirl .pi-border-color {
border-color: #1A497F;
}
.portable-infobox.pi-theme-Batwoman .pi-border-color {
border-color: #120101;
}
.portable-infobox.pi-theme-The-Ray .pi-border-color {
border-color: #f5e77d;
}
.portable-infobox.pi-theme-Superman-et-Lois .pi-border-color {
border-color: #380070;
}
.portable-infobox.pi-theme-Superman_et_Lois .pi-border-color {
border-color: #380070;
}
.portable-infobox.pi-theme-Naomi .pi-border-colo {
border-color: #F66800;
}
}
.portable-infobox.pi-theme-DCEU .pi-border-color {
border-color: #c5c3c1;
}
.portable-infobox.pi-theme-GreenArrowandtheCanaries .pi-border-color {
border-color: #204a1a;
}
.portable-infobox.pi-theme-Black_Lightning .pi-border-color {
border-color: #D7DF01;
}
.portable-infobox.pi-theme-Black-Lightning .pi-border-color {
border-color: #D7DF01;
}
.portable-infobox.pi-theme-Stargirl .pi-border-color {
border-color: #D600CB;
}
.portable-infobox.pi-theme-Birds_of_Prey .pi-border-color {
border-color: #482246;
}
.portable-infobox.pi-theme-Swamp_Thing .pi-border-color {
border-color: #648862;
}
.portable-infobox .pi-title {
font-size: 18px;
font-weight: normal;
padding: 4px 0 4px 0;
}
.portable-infobox .pi-data-value {
width: 100%;
}
.portable-infobox .pi-data-label {
flex-basis: 96px;
}
.portable-infobox .pi-title {
margin-bottom:3px;
}
.portable-infobox .pi-group .pi-header {
font-size: 12px;
line-height: 16px;
padding: 5px;
margin-top: 0;
border-bottom: 1px solid #CCC;
}
.portable-infobox .pi-secondary-font,
.portable-infobox .pi-font {
font-size: inherit;
line-height: inherit;
}
.portable-infobox .pi-navigation {
padding: 0px;
}
ul.pi-image-collection-tabs li.current {
color: #FFF;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding: 0 10px 3px 10px;
margin: 0 10px 0 10px;
}
ul.pi-image-collection-tabs li.pi-tab-link:not(.current) {
font-weight: bold;
color: #3a3a3a;
background: #DFDFDF;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding: 0 10px 3px 10px;
margin: 0 10px 0 10px;
}
ul.pi-image-collection-tabs li.pi-tab-link:not(.current):hover {
text-decoration: underline;
}
.pi-theme-Arrow ul.pi-image-collection-tabs li.current {
background: #0D7B12 !important;
}
.pi-theme-The-Flash ul.pi-image-collection-tabs li.current {
background: #83050F !important;
}
.pi-theme-Constantine ul.pi-image-collection-tabs li.current {
background: #943C12 !important;
}
.pi-theme-Vixen ul.pi-image-collection-tabs li.current {
background: #C4963F !important;
}
.pi-theme-DC_s-Legends-of-Tomorrow ul.pi-image-collection-tabs li.current, .pi-theme-Legends-of-Tomorrow ul.pi-image-collection-tabs li.current {
background: #516876 !important;
}
.pi-theme-Supergirl ul.pi-image-collection-tabs li.current {
background: #002D67 !important;
}
.pi-theme-Batwoman ul.pi-image-collection-tabs li.current {
background: #120101 !important;
}
.pi-theme-The-Ray ul.pi-image-collection-tabs li.current {
background: #f5e77d !important;
}
.pi-theme-Superman-et-Lois ul.pi-image-collection-tabs li.current {
background: #380070 !important;
}
.pi-theme-Superman_et_Lois ul.pi-image-collection-tabs li.current {
background: #380070 !important;
}
.pi-theme-Naomi ul.pi-imge-collection-tabs li.current {
background: #F66800 !important;
}
.pi-theme-DCEU ul.pi-image-collection-tabs li.current {
background: #c5c3c1 !important;
}
.pi-theme-GreenArrowandtheCanaries ul.pi-image-collection-tabs li.current {
background: #204a1a !important;
}
.pi-theme-Black_Lightning ul.pi-image-collection-tabs li.current {
background: #D7DF01 !important;
}
.pi-theme-Black-Lightning ul.pi-image-collection-tabs li.current {
background: #D7DF01 !important;
}
.pi-theme-Stargirl ul.pi-image-collection-tabs li.current {
background: #D600CB !important;
}
.pi-theme-Birds_of_Prey ul.pi-image-collection-tabs li.current {
background: #482246 !important;
}
.pi-theme-Swamp_Thing ul.pi-image-collection-tabs li.current {
background: #648862 !important;
}
.portable-infobox .pi-image-collection ul {
margin: -5px;
background: #FFF !important;
font-size: 11px;
}
.pi-title {
background-color:black;
color:white;
text-align:center;
}
.pi-header {
background-color:black;
color:white;
text-align:center;
}
.pi-navigation {
background-color:black;
color:white;
text-align:center;
}
.pi-navigation a {
color:white;
}
.pi-background {
background-color:white;
}
ul.pi-image-collection-tabs li {
margin-top:-3px;
}
/* Coloreando la flecha de los grupos colapsables */
.pi-collapse .pi-header::after {
border-color: #FFF;
}