Códigos portables

## Infoboxes de DT

```
/\*\*\*\*\*\*\*\*\*\* ISLA DEL DRAMA - ESTILO DE INFOBOXES \*\*\*\*\*\*\*\*\*\*/
.pi-theme-episodioidd.pi-background {
 background: #fdf;
}
.pi-theme-episodioidd .pi-secondary-background {
 background: crimson !important;
 color: #fff;
 font-size: 16px !important;
}
.pi-theme-episodioidd .pi-image-thumbnail {
 max-height: auto;
 width: 280px;
}
.pi-theme-episodioidd .pi-title {
 background: #960e29;
}

/\*\*\*\*\*\*\*\*\*\* LUZ, DRAMA, ACCION - ESTILO DE INFOBOXES \*\*\*\*\*\*\*\*\*\*/

.pi-theme-episodiolda.pi-background {
 background: #fee;
}
.pi-theme-episodiolda .pi-secondary-background {
 background: #333 !important;
 color: #fff;
 font-size: 16px !important;
}
.pi-theme-episodiolda .pi-image-thumbnail {
 max-height: auto;
 width: 280px;
}
.pi-theme-episodiolda .pi-title {
 background: #dc212e;
}

/\*\*\*\*\*\*\*\*\*\* DRAMA TOTAL: GIRA MUNDIAL - ESTILO DE INFOBOXES \*\*\*\*\*\*\*\*\*\*/

.pi-theme-episodiodtgm.pi-background {
 background: #ffe;
}
.pi-theme-episodiodtgm .pi-secondary-background {
 background: #cea669 !important;
 color: #fff;
 font-size: 16px !important;
}
.pi-theme-episodiodtgm .pi-image-thumbnail {
 max-height: auto;
 width: 280px;
}
.pi-theme-episodiodtgm .pi-title {
 background: #c5752e;
}

/\*\*\*\*\*\*\*\*\*\* DRAMA TOTAL: LA VENGANZA DE LA ISLA - ESTILO DE INFOBOXES \*\*\*\*\*\*\*\*\*\*/

.pi-theme-episodiodtvi.pi-background {
 background: #cdfadb;
}
.pi-theme-episodiodtvi .pi-secondary-background {
 background: #26ca57 !important;
 color: #fff;
 font-size: 16px !important;
}
.pi-theme-episodiodtvi .pi-image-thumbnail {
 max-height: auto;
 width: 280px;
}
.pi-theme-episodiodtvi .pi-title {
 background: #0d9436;
}

/\*\*\*\*\*\*\*\*\*\* DRAMA TOTAL: TODOS ESTRELLAS - ESTILO DE INFOBOXES \*\*\*\*\*\*\*\*\*\*/

.pi-theme-episodiodtte.pi-background {
 background: #ffd;
}
.pi-theme-episodiodtte .pi-secondary-background {
 background: #cdcd00 !important;
 color: #232;
 font-size: 16px !important;
}
.pi-theme-episodiodtte .pi-image-thumbnail {
 max-height: auto;
 width: 280px;
}
.pi-theme-episodiodtte .pi-title {
 background: #00b3b3;
}

/\*\*\*\*\*\*\*\*\*\* DRAMA TOTAL: ISLA PAHKITEW - ESTILO DE INFOBOXES \*\*\*\*\*\*\*\*\*\*/

.pi-theme-episodiodtip.pi-background {
 background: khaki;
}
.pi-theme-episodiodtip .pi-secondary-background {
 background: #7e765e !important;
 color: #fff;
 font-size: 16px !important;
}
.pi-theme-episodiodtip .pi-image-thumbnail {
 max-height: auto;
 width: 280px;
}
.pi-theme-episodiodtip .pi-title {
 background: #6f474f;
}

/\*\*\* Diseño de los infoboxes \*\*\*/
.pi-border-color {
 border: none;
}

.portable-infobox {
 border: 1px solid #999;
}

.pi-background {
 width: 280px;
}
.pi-data:hover {
 background: rgba(220,220,220,0.6);
}

.pi-secondary-background {
 background: #E9BFF6 !important;
 font-size: 16px !important;
 color: #000;
}
.pi-data-label {
 flex-basis: 130px;
}

.pi-collapse .pi-header::after {
 border-color: #fff;
 cursor: pointer;
 transition: 0.5s;
}

.portable-infobox .pi-navigation {
 text-align: center;
 font-size: 12px !important;
 letter-spacing: 2px;
 color: #FFF;
 padding: 0 !important;
 font-weight: normal !important;
}
.pi-navigation a {
 color: #FFF !important;
}

.pi-title {
 text-align: center;
 font-size: 22px !important;
 color: #000;
 background: #e1a9f3;
 padding: 0 !important;
 line-height: 41px !important;
}

/\*\*\* Regular Show \*\*\*/
.pi-theme-regularshow.pi-background {
 background: #efe;
}
.pi-theme-regularshow .pi-secondary-background {
 background: #32cd80 !important;
 color: #fff;
 font-size: 16px !important;
}
.pi-theme-regularshow .pi-image-thumbnail {
 height: auto;
 width: 280px;
}
.pi-theme-regularshow .pi-title {
 background: limegreen;
}

a[href$=":Zombrex"],
[href$="/Zombrex"] {
 color: turquoise !important;
 font-style: normal !important;
 text-transform: uppercase !important;
 font-weight: bold;
}

```