Themes.css

/\*
Please be careful of what is changed here. This code is loaded into Commons and acts as the styling for all infoboxes. If you are not familiar with Portable Infobox syntax, please do not edit. Please do not edit without consulting @Original Authority!

```
Author: @Original Authority @UltimateSupreme
Last Updated: 06/07/2017 dd/mm/yyyy

```

* /

/\* General styling that applies to all infoboxes \*/

.portable-infobox .pi-data[data-source="Season"] {

```
   justify-content: center;

```

}

.portable-infobox .pi-horizontal-group .pi-data-label {

```
   text-align:center;

```

}

.portable-infobox .pi-secondary-font {

```
   font-size: 12px;
   text-align: left;

```

}

.pi-image img {
 height: auto;
 width: 268px;
}
.pi-title {
 text-align: center;
 font-size: 18px;
}

.portable-infobox {
 background: black;
}

.portable-infobox h2 {
 left: 0 !important;
}

.portable-infobox .pi-group {
 border: 0;
}
/\* Styling for Personagensrpg infoboxes; please use the variable "tvd" for TVD-related characters. The general theme for that is "#A60A0A".

Please use "to" for The Originals characters; the general theme is "#960aa6"

Please use "legacies" for Legacies characters; the general theme is "#054B14"

Please use "rpg" for Rpg characters; the general theme is "#0000FF"

* /

/\* Start Customization for The Vampire Diaries character infoboxes - #A60A0A \*/

.pi-theme-tvd .pi-header, .pi-theme-tvd .pi-title{

```
   background-image: linear-gradient(left, #A60A0A, black, #A60A0A);
   background-image: -o-linear-gradient(left, #A60A0A, black, #A60A0A);
   background-image: -moz-linear-gradient(left, #A60A0A, black, #A60A0A);
   background-image: -webkit-linear-gradient(left, #A60A0A, black, #A60A0A);
   background-image: -ms-linear-gradient(left, #A60A0A, black, #A60A0A);
   background-image: -khtml-linear-gradient(left, #A60A0A, black, #A60A0A);
   background-color: #A60A0A;

```

}

.pi-theme-tvd .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
 border-left: 1px solid #A60A0A;
}

.pi-theme-tvd .pi-item:not(section) {
 border: 1px solid #A60A0A;
 border-bottom: 0;
}
.pi-theme-tvd section.pi-item:last-child {
 border-bottom: 1px solid #A60A0A;
}

.pi-theme-tvd .pi-horizontal-group {

```
   border:1px solid #A60A0A;
   border-bottom: none;
   border-top: none;

```

}

/\* End \*/

/\* Start Customization for The Originals character infoboxes - #960aa6 \*/

.pi-theme-to .pi-header, .pi-theme-to .pi-title {

```
   background-image: linear-gradient(left, #960aa6, black, #960aa6);
   background-image: -o-linear-gradient(left, #960aa6, black, #960aa6);
   background-image: -moz-linear-gradient(left, #960aa6, black, #960aa6);
   background-image: -webkit-linear-gradient(left, #960aa6, black, #960aa6);
   background-image: -ms-linear-gradient(left, #960aa6, black, #960aa6);
   background-image: -khtml-linear-gradient(left, #960aa6, black, #960aa6);
   background-color: #960aa6;

```

}
.pi-theme-to .pi-item:not(section) {
 border: 1px solid #960aa6;
 border-bottom: 0;
}
.pi-theme-to section.pi-item:last-child {
 border-bottom: 1px solid #960aa6;
}

.pi-theme-to .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
 border-left: 1px solid #960aa6;
}

.pi-theme-to .pi-horizontal-group {

```
   border:1px solid #960aa6;
   border-bottom: none;
   border-top: none;

```

}

/\* End \*/

/\* Start Customization for Legacies character infoboxes - #054B14 \*/

.pi-theme-legacies .pi-header, .pi-theme-legacies .pi-title{

```
   background-image: linear-gradient(left, #054B14, black, #054B14);
   background-image: -o-linear-gradient(left, #054B14, black, #054B14);
   background-image: -moz-linear-gradient(left, #054B14, black, #054B14);
   background-image: -webkit-linear-gradient(left, #054B14, black, #054B14);
   background-image: -ms-linear-gradient(left, #054B14, black, #054B14);
   background-image: -khtml-linear-gradient(left, #054B14, black, #054B14);
   background-color: #054B14;

```

}

.pi-theme-legacies .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
 border-left: 1px solid #054B14;
 }

.pi-theme-legacies .pi-item:not(section) {
 border: 1px solid #054B14;
 border-bottom: 0;
}
.pi-theme-legacies section.pi-item:last-child {
 border-bottom: 1px solid #054B14;
}

.pi-theme-legacies .pi-horizontal-group {

```
   border:1px solid #054B14;
   border-bottom: none;
   border-top: none;

```

}

/\* End \*/

/\* Start Customization for Rpg character infoboxes - #0000FF \*/

.pi-theme-legacies .pi-header, .pi-theme-legacies .pi-title{

```
   background-image: linear-gradient(left, #0000FF, black, #0000FF);
   background-image: -o-linear-gradient(left, #0000FF, black, #0000FF);
   background-image: -moz-linear-gradient(left, #0000FF, black, #0000FF);
   background-image: -webkit-linear-gradient(left, #0000FF, black, #0000FF);
   background-image: -ms-linear-gradient(left, #0000FF, black, #0000FF);
   background-image: -khtml-linear-gradient(left, #0000FF, black, #0000FF);
   background-color: #0000FF;

```

}

.pi-theme-rpg .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
 border-left: 1px solid #0000FF;
 }

.pi-theme-rpg .pi-item:not(section) {
 border: 1px solid #0000FF;
 border-bottom: 0;
}
.pi-theme-rpg section.pi-item:last-child {
 border-bottom: 1px solid #0000FF;
}

.pi-theme-rpg .pi-horizontal-group {

```
   border:1px solid #0000FF;
   border-bottom: none;
   border-top: none;

```

}

/\* End \*/

/\* Start Customization for Comics - #d6b47b \*/

.pi-theme-comic .pi-header, .pi-theme-comic .pi-title {

```
   background-image: linear-gradient(left, #d6b47b, black, #d6b47b);
   background-image: -o-linear-gradient(left, #d6b47b, black, #d6b47b);
   background-image: -moz-linear-gradient(left, #d6b47b, black, #d6b47b);
   background-image: -webkit-linear-gradient(left, #d6b47b, black, #d6b47b);
   background-image: -ms-linear-gradient(left, #d6b47b, black, #d6b47b);
   background-image: -khtml-linear-gradient(left, #d6b47b, black, #d6b47b);
   background-color: #d6b47b;

```

}
.pi-theme-comic .pi-item:not(section) {
 border: 1px solid #d6b47b;
 border-bottom: 0;
}
.pi-theme-comic section.pi-item:last-child {
 border-bottom: 1px solid #d6b47b;
}

.pi-theme-comic .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
 border-left: 1px solid #d6b47b;
}

.pi-theme-comic .pi-horizontal-group {

```
   border:1px solid #d6b47b;
   border-bottom: none;
   border-top: none;

```

}

/\* End \*/

/\* Start Customization for The Vampire Diaries Episodes \*/

.pi-theme-episode {
 border: 1px solid #A60A0A;
 border-radius: 10px;
 padding: 10px;
 width: 297px;
 text-align: left;
 margin: 0 0 1em 1em;
}

.pi-theme-episode .pi-header, .pi-theme-episode .pi-title {
 background: #A60A0A !important;
}

.pi-theme-episode .pi-header {
 text-align: center;
 font-size: 15px;
 font-weight: normal;
}

.pi-theme-episode .pi-header a {
 font-weight: normal;
}
.pi-theme-episode .pi-title a, .pi-header a {
 color: white;
 font-size: 95%;
}

.pi-theme-episode .pi-title {
 padding: 0;
}

.pi-theme-episode .pi-title a {
 font-weight: bold;
}

.pi-data:not(:last-of-type) {
 border: 0;
}

.pi-theme-episode {
 background: inherit;

```
 	background: -webkit-linear-gradient(left, black , #A60A0A, black);
 	background: -o-linear-gradient(left, black , #A60A0A, black);
 	background: -moz-linear-gradient(eft, black , #A60A0A, black);
 	background: linear-gradient(left, black , #A60A0A, black);

```

}

.pi-theme-episode section.pi-item:last-child {
 border-bottom: 0 !important;
}

.pi-theme-episode .pi-border-color {
 border: transparent;
}

.pi-theme-episode > div:nth-of-type(1) div, .episode> div:nth-of-type(2) div {

```
   margin-left: auto;
   margin-right: auto;
   font-style: italic;

```

}

.pi-theme-episode .pi-horizontal-group .pi-horizontal-group-item {
 text-align:center;
}

/\* End \*/

/\* Start Customization for The Originals Episode \*/

.pi-theme-toepisode {
 border: 1px solid #960aa6;
 border-radius: 10px;
 padding: 10px;
 width: 310px;
 text-align: left;
 margin: 0 0 1em 1em;
}

.pi-theme-toepisode .pi-header, .pi-theme-toepisode .pi-title {
 background: #960aa6;
}

.pi-theme-toepisode .pi-title a {
 color: white;
 font-size: 95%;
}

.pi-theme-toepisode .pi-header {
 font-size: 15px;

```
   color: white;

```

 text-align: center;
 font-weight: normal;
}

.pi-theme-toepisode .pi-title {
 padding: 0;
}

.pi-theme-toepisode .pi-header a {
 font-weight: normal;
}

.pi-data:not(:last-of-type) {
 border: 0;
}

.pi-theme-toepisode {
 background: inherit;

```
 	background: -webkit-linear-gradient(left, black , #960aa6, black);
 	background: -o-linear-gradient(left, black , #960aa6, black);
 	background: -moz-linear-gradient(eft, black , #960aa6, black);
 	background: linear-gradient(eft, black , #960aa6, black);

```

}

.pi-theme-toepisode section.pi-item:last-child {
 border-bottom: 0;
}

.pi-theme-toepisode .pi-border-color {
 border: transparent;
}

.pi-theme-toepisode > div:nth-of-type(1) div, .toepisode> div:nth-of-type(2) div {

```
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   font-style: italic;

```

}

.pi-theme-toepisode .pi-horizontal-group .pi-horizontal-group-item {
 text-align:center;
}

.pi-theme-toepisode section.pi-item:last-child {
 border-bottom: 0 !important;
}

/\* End \*/

/\* Start Customization for Legacies Episode \*/

.pi-theme-lepisode {
 border: 1px solid #054B14;
 border-radius: 10px;
 padding: 10px;
 width: 310px;
 text-align: left;
 margin: 0 0 1em 1em;
}

.pi-theme-lepisode .pi-header, .pi-theme-lepisode .pi-title {
 background: #085416;
}

.pi-theme-lepisode .pi-title a {
 color: white;
 font-size: 95%;
}

.pi-theme-lepisode .pi-header {
 font-size: 15px;

```
   color: white;

```

 text-align: center;
 font-weight: normal;
}

.pi-theme-lepisode .pi-title {
 padding: 0;
}

.pi-theme-lepisode .pi-header a {
 font-weight: normal;
}

.pi-data:not(:last-of-type) {
 border: 0;
}

.pi-theme-lepisode {
 background: inherit;

```
 	background: -webkit-linear-gradient(left, black , #054B14, black);
 	background: -o-linear-gradient(left, black , #054B14, black);
 	background: -moz-linear-gradient(eft, black , #054B14, black);
 	background: linear-gradient(eft, black , #054B14, black);

```

}

.pi-theme-lepisode section.pi-item:last-child {
 border-bottom: 0;
}

.pi-theme-lepisode .pi-border-color {
 border: transparent;
}

.pi-theme-lepisode > div:nth-of-type(1) div, .lepisode> div:nth-of-type(2) div {

```
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   font-style: italic;

```

}

.pi-theme-lepisode .pi-horizontal-group .pi-horizontal-group-item {
 text-align:center;
}

.pi-theme-lepisode section.pi-item:last-child {
 border-bottom: 0 !important;
}

/\* End \*/

/\* Start Customization for TVD Relationship template \*/

.pi-theme-relationship .portable-infobox {
 width:252px;
 margin:0 0 .5em 1em;
 line-height: 1.5;
}
.pi-theme-relationship .pi-data-label {
 margin: auto;
}

.pi-theme-relationship .pi-header {
 text-align: center !important;
 font-size: smaller;
 background: inherit;

```
 	background: -webkit-linear-gradient(left, black, #A60A0A, black);
 	background: -o-linear-gradient(left, black, #A60A0A, black);
 	background: -moz-linear-gradient(left, black, #A60A0A, black);
 	background: linear-gradient(left, black, #A60A0A, black);

```

}

.pi-theme-relationship .pi-title {

```
 background:  inherit;
 background: -webkit-linear-gradient(left, #A60A0A, black, #A60A0A);
 background: -o-linear-gradient(left, #A60A0A, black, #A60A0A);
 background: -moz-linear-gradient(left, #A60A0A, black, #A60A0A);
 background: linear-gradient(left, #A60A0A, black, #A60A0A);
 font-size: larger;
 font-weight: bold;

```

}

.pi-theme-relationship .pi-item:not(section) { /\* Red border \*/
 border: 1px solid #A60A0A;
 border-bottom: 0;

}

.pi-theme-relationship section.pi-item:last-child {
 border-bottom: 1px solid #A60A0A !important;
}

/\* End \*/

/\* Start Customization for TO Relationship Infobox \*/

.pi-theme-torelationship .portable-infobox {
 width:252px;
 margin:0 0 .5em 1em;
 line-height: 1.5;
}
.pi-theme-torelationship .pi-data-label {
 margin: auto;
}

.pi-theme-torelationship .pi-header {
 text-align: center !important;
 font-size: smaller;
 background: inherit;

```
 	background: -webkit-linear-gradient(left, black, #960aa6, black);
 	background: -o-linear-gradient(left, black, #960aa6, black);
 	background: -moz-linear-gradient(left, black, #510061, black);
 	background: linear-gradient(left, black, #960aa6, black);

```

}

.pi-theme-torelationship .pi-title {

```
 background:  inherit;
 background: -webkit-linear-gradient(left, #960aa6, black, #960aa6);
 background: -o-linear-gradient(left, #960aa6, black, #960aa6);
 background: -moz-linear-gradient(left, #960aa6, black, #960aa6);
 background: linear-gradient(left, #960aa6, black, #960aa6);
 font-size: larger;
 font-weight: bold;

```

}

.pi-theme-torelationship .pi-item:not(section) { /\* purple border \*/
 border: 1px solid #960aa6;
 border-bottom: 0;

}
.pi-theme-torelationship section.pi-item:last-child {
 border-bottom: 1px solid #960aa6 !important;
}

/\* End \*/

/\* Start Customization for LGC Relationship Infobox \*/

.pi-theme-lgcrelationship .portable-infobox {
 width:252px;
 margin:0 0 .5em 1em;
 line-height: 1.5;
}
.pi-theme-lgcrelationship .pi-data-label {
 margin: auto;
}

.pi-theme-lgcrelationship .pi-header {
 text-align: center !important;
 font-size: smaller;
 background: inherit;

```
 	background: -webkit-linear-gradient(left, #054B14, black, #054B14);
 	background: -o-linear-gradient(left, #054B14, black, #054B14);
 	background: -moz-linear-gradient(left, #054B14, black, #054B14);
 	background: linear-gradient(left, #054B14, black, #054B14);

```

}

.pi-theme-lgcrelationship .pi-title {

```
 background:  inherit;
 background: -webkit-linear-gradient(left, #054B14, black, #054B14);
 background: -o-linear-gradient(left, #054B14, black, #054B14);
 background: -moz-linear-gradient(left, #054B14, black, #054B14);
 background: linear-gradient(left, #054B14, black, #054B14);
 font-size: larger;
 font-weight: bold;

```

}

.pi-theme-lgcrelationship .pi-item:not(section) { /\* Red border \*/
 border: 1px solid #054B14;
 border-bottom: 0;

}
.pi-theme-lgcrelationship section.pi-item:last-child {
 border-bottom: 1px solid #054B14 !important;
}

/\* End \*/

/\* Start Customization for Novel infoboxes \*/

.pi-theme-novel .pi-title {

```
   background-image: linear-gradient(left, #510094, black, #510094);
   background-image: -o-linear-gradient(left, #510094, black, #510094);
   background-image: -moz-linear-gradient(left, #510094, black, #510094);
   background-image: -webkit-linear-gradient(left, #510094, black, #510094);
   background-image: -ms-linear-gradient(left, #510094, black, #510094);
   background-image: -khtml-linear-gradient(left, #510094, black, #510094);
   background-color: #510094;

```

}
.pi-theme-novel .pi-header {

```
   background-image: linear-gradient(left, black, #510094, black);
   background-image: -o-linear-gradient(left, black, #510094, black);
   background-image: -moz-linear-gradient(left, black, #510094, black);
   background-image: -webkit-linear-gradient(left, black, #510094, black);
   background-image: -ms-linear-gradient(left, black, #510094, black);
   background-image: -khtml-linear-gradient(left, black, #510094. black);
   background-color: #510094;

```

}
.pi-theme-novel .pi-item:not(section) {
 border: 1px solid #510094;
 border-bottom: 0;
}
.pi-theme-novel section.pi-item:last-child {
 border-bottom: 1px solid #510094 !important;
}

/\* End \*/

/\* Start Customization for Actor infoboxes \*/

aside.pi-theme-actor {
 background: linear-gradient(to right, black, #315700, black);
 border: 1px solid white;
 border-radius: 10px;
 padding: 0 6px;
 width: 250px;
}
.pi-theme-actor .pi-data-value {

```
   font-size: 10px;
   text-align: right;

```

}
.pi-theme-actor .pi-data-label {

```
   font-size: 10px;

```

}
.pi-theme-actor .pi-title {
 background: linear-gradient(to right, black, #315700, black);
}

.pi-theme-actor .pi-item:not(.pi-title) {
 border-bottom: 0;
 border-top: 1px solid white;
}

.pi-theme-actor .pi-image img,
.pi-theme-season .pi-image img {

```
   width:250px !important;

```

}

/\* End \*/

/\* Start Customization for Crew infobox \*/

aside.pi-theme-crew {
 background: linear-gradient(to right, black, #6b080b, black);
 border: 1px solid white;
 border-radius: 10px;
 padding: 0 6px;
 width: 250px;
}
.pi-theme-crew .pi-data-value {

```
   font-size: 10px;
   text-align: right;

```

}
.pi-theme-crew .pi-data-label {

```
   font-size: 10px;

```

}
.pi-theme-crew .pi-title {
 background: linear-gradient(to right, black, #6b080b, black);
}

.pi-theme-crew .pi-item:not(.pi-title) {
 border-bottom: 0;
 border-top: 1px solid white;
}

/\* End \*/

/\* Start Customization for Location Infobox \*/

.pi-theme-location .pi-item:not(section) {
 border: 1px solid white;
 border-bottom: 0 !important;
}
.pi-theme-location .pi-item:last-child {
 border-bottom: 1px solid white !important;
}
.pi-theme-location .pi-header:first-of-type {
 border-top: 0 !important;
}
.pi-theme-location .pi-title {
 background: linear-gradient(to right, #6E6E6E, black, #6E6E6E);
 border-bottom: 0 !important;
}

.pi-theme-location .pi-header {

```
   background: linear-gradient(to right, black, #6E6E6E, black);
   border-bottom: 1px solid white !important;

```

}

/\* Group Infobox \*/
.pi-theme-group {
 border: 1px solid #31d400;
}
.pi-theme-group .pi-title {
 background: linear-gradient(to right, black, darkgreen, black);
 border-bottom: 0 !important;
}
.pi-theme-group .pi-item:not(.pi-title) {
 border-top: 1px solid #31d400;
}

.pi-theme-group .pi-header {

```
   background: linear-gradient(to right, black, darkgreen, black);
   border-top: 0 !important;

```

}

.pi-theme-group .pi-item:last-child {

```
   border-bottom: 0 !important;

```

}

/\* End \*/

/\* Start Customization for Book infobox \*/

.pi-theme-book {
 background: linear-gradient(to right, black, #200057, black);
 border-radius: 10px;
 border: 1px solid #5e00ff;
 padding: 8px;
}
.pi-theme-book .pi-title,
.pi-theme-book .pi-header {
 background: #2b0075;
 padding: 3px;
 text-align: center;
}
.pi-theme-book section.pi-item:last-child {

```
   border-bottom: 0 !important;

```

}

.pi-theme-book .pi-title {

```
   border-bottom: 0;

```

}

/\* End \*/

/\* Start Customization for Comic Issue infobox \*/

.pi-theme-comic-issue {
 background: linear-gradient(to right, black, #d6b47b, black);
 border-radius: 10px;
 border: 1px solid #AB9062;
 padding: 8px;
}
.pi-theme-comic-issue .pi-title,
.pi-theme-comic-issue .pi-header {
 background: #d6b47b;
 padding: 3px;
 text-align: center;
}
.pi-theme-comic-issue section.pi-item:last-child {

```
   border-bottom: 0 !important;

```

}

.pi-theme-comic-issue .pi-title {

```
   border-bottom: 0;

```

}

/\* End \*/

/\* Start Customization for Species Infobox \*/

 .pi-theme-species {
 border: 1px solid white;
}
.pi-theme-species .pi-title {
 background: linear-gradient(to right, black, #734500, black);
 border-bottom: 0 !important;
}
.pi-theme-species .pi-item:not(section) {
 border: 1px solid white;
 border-bottom: 0;
}

.pi-theme-species section.pi-item:last-child {

```
   border-bottom: 1px solid white !important;

```

}

.pi-theme-species .pi-header {

```
   background: linear-gradient(to right, black, #734500, black);
   border-top: 0 !important;

```

}

/\* End \*/

/\* Start Customization for Novel \*/

 .pi-theme-novel-species {
 border: 1px solid white;
}
.pi-theme-novel-species .pi-title {
 background: #1b003d;
 border-bottom: 0 !important;
}
.pi-theme-novel-species .pi-item:not(section) {
 border: 1px solid white;
 border-bottom: 0;
}

.pi-theme-novel-species section.pi-item:last-child {

```
   border-bottom: 1px solid white !important;

```

}

.pi-theme-novel-species .pi-header {

```
   background:#2c0061;
   border-top: 0 !important;

```

}

/\* family \*/
.pi-theme-family .pi-item:not(section) {
 border: 1px solid white;
 border-bottom: 0;
}
.pi-theme-family .pi-item:last-child {
 border-bottom: 1px solid white !important;
}
.pi-theme-family .pi-header:first-of-type {
 border-top: 0 !important;
}
.pi-theme-family .pi-title {
 background: linear-gradient(to right, black, #004657, black);
 border-bottom: 0 !important;
}

.pi-theme-family .pi-header {

```
   background: linear-gradient(to right, black, #004657, black);
   border-bottom: 1px solid white !important;

```

}
.pi-theme-family {

```
   border: 1px solid white;

```

}

/\* End \*/

/\* Start Customization for ADT Episode \*/

.pi-theme-adt-episode {
 border: 1px solid #291a1d;
 border-radius: 10px;
 padding: 10px;
 width: 297px;
 text-align: left;
 margin: 0 0 1em 1em;
}

.pi-theme-adt-episode .pi-horizontal-group .pi-data-label {

```
   text-align: center !important;

```

}

.pi-theme-adt-episode .pi-header, .pi-theme-episode .pi-title {
 background: #66574e;
}

.pi-theme-adt-episode .pi-header {
 text-align: center;
 font-size: 15px;
 font-weight: normal;
}

.pi-theme-adt-episode .pi-header a {
 font-weight: normal;
}
.pi-theme-adt-episode .pi-title a, .pi-header a {
 color: white;
 font-size: 95%;
}

.pi-theme-adt-episode .pi-title {
 padding: 0;
 background: #66574E;
}

.pi-theme-adt-tepisode .pi-title a {
 font-weight: bold;
}

.pi-theme-adt-episode {
 background: linear-gradient(to right, black, #291a1d);
}

.pi-theme-atd-episode section.pi-item:last-child {
 border-bottom: 0 !important;
}

.pi-theme-atd-episode .pi-border-color {
 border: transparent;
}

.pi-theme-atd-episode > div:nth-of-type(1) div, .episode> div:nth-of-type(2) div {

```
   margin-left: auto;
   margin-right: auto;
   font-style: italic;

```

}

.pi-theme-atd-episode .pi-horizontal-group .pi-horizontal-group-item {
 text-align:center;
}

/\* End \*/

/\* Start Customization for The Vampire Diaries Season Infobox \*/

.pi-theme-season .pi-horizontal-group .pi-data-label {
 text-align: center !important;
}

.pi-theme-season .pi-horizontal-group .pi-data-value {
 text-align: center !important;
}

aside.pi-theme-season {
 background: black;
 border: 1px solid #A60A0A;
 border-radius: 10px;
 padding: 0 6px;
 width: 250px;
}
.pi-theme-season .pi-data-value {

```
   font-size: 10px;
   text-align: right ;

```

}
.pi-theme-season .pi-data-label {

```
   font-size: 10px;

```

}

.pi-theme-season .pi-title {
 background: linear-gradient(to right, black, #A60A0A, black);
 margin: 6px;
}

.pi-theme-season .pi-item:not(.pi-title) {
 border-bottom: 0;
 border-top: 1px solid #A60A0A;
}

.pi-theme-season .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {

```
   border-left: 0 !important;

```

}

.pi-theme-season .pi-title,
.pi-theme-season .pi-header {
 background: linear-gradient(to right, black, #A60A0A, black);
 padding: 0;
 text-align: center;
}

/\* End \*/

/\* Start Customization for The Originals Season Infobox \*/

.pi-theme-to-infobox-season .pi-horizontal-group .pi-data-label {
 text-align: center !important;
}

.pi-theme-to-infobox-season img {

```
   max-width:250px;

```

}

.pi-theme-to-infobox-season .pi-horizontal-group .pi-data-value {
 text-align: center !important;
}

aside.pi-theme-to-infobox-season {
 background: black;
 border: 1px solid #960aa6;
 border-radius: 10px;
 padding: 0 6px;
 width: 250px;
}
.pi-theme-to-infobox-season .pi-data-value {

```
   font-size: 10px;
   text-align: right ;

```

}
.pi-theme-to-infobox-season .pi-data-label {

```
   font-size: 10px;

```

}

.pi-theme-to-infobox-season .pi-title {
 background: linear-gradient(to right, black, #960aa6, black);
 margin: 6px;
}

.pi-theme-to-infobox-season .pi-item:not(.pi-title) {
 border-bottom: 0;
 border-top: 1px solid #960aa6;
}

.pi-theme-to-infobox-season .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {

```
   border-left: 0 !important;

```

}

.pi-theme-to-infobox-season .pi-title,
.pi-theme-to-infobox-season .pi-header {
 background: linear-gradient(to right, black, #960aa6, black);
 padding: 0;
 text-align: center;
}

/\* End \*/

/\* Start Customization for Legacies \*/

.pi-theme-legacies .pi-header, .pi-theme-legacies2 .pi-title{

```
   background-image: -webkit-linear-gradient(left, #054B14, black, #054B14);

```

}

.pi-theme-legacies .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
 border-left: 1px solid #054B14;
 }

.pi-theme-legacies .pi-item:not(section) {
 border: 1px solid #054B14;
 border-bottom: 0;
}
.pi-theme-legacies section.pi-item:last-child {
 border-bottom: 1px solid #054B14;
}

.pi-theme-legacies .pi-horizontal-group {

```
   border:1px solid #054B14;
   border-bottom: none;
   border-top: none;

```

}

/\* End \*/

/\* Start Customization for Legacies Infobox Season \*/

.pi-theme-legacies-infobox-season .pi-horizontal-group .pi-data-label {
 text-align: center !important;
}

.pi-theme-legacies-infobox-season .pi-horizontal-group .pi-data-value {
 text-align: center !important;
}

aside.pi-theme-legacies-infobox-season {
 background: black;
 border: 1px solid #054B14;
 border-radius: 10px;
 padding: 0 6px;
 width: 250px;
}

.pi-theme-legacies-infobox-season .pi-data-value {

```
   font-size: 10px;
   text-align: right ;

```

}
.pi-theme-legacies-infobox-season .pi-data-label {

```
   font-size: 10px;

```

}

.pi-theme-legacies-infobox-season .pi-title {
 background: linear-gradient(to right, black, #054B14, black);
 margin: 6px;
}

.pi-theme-legacies-infobox-season .pi-item:not(.pi-title) {
 border-bottom: 0;
 border-top: 1px solid #054B14;
}

.pi-theme-legacies-infobox-season .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {

```
   border-left: 0 !important;

```

}

.pi-theme-legacies-infobox-season .pi-title,
.pi-theme-legacies-infobox-season .pi-header {
 background: linear-gradient(to right, black, #054B14, black);
 padding: 0;
 text-align: center;
}

/\* End \*/