Themes/Jojo/theme.css

.portable-infobox:not(.pi-europa) {

```
   overflow: hidden;
   font-size: 90%;
   background-image:url('http://static1.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png');
   border: 2px solid #FF98BA;
   border-radius: 10px;
   font-size: smaller;
   line-height: 1.5;
   width: 270px;

```

}

/\* Character Info \*/
.portable-infobox.pi-theme-thin:not(.pi-europa) {

```
   width: 270px;

```

}

/\* Episode Info \*/
.portable-infobox.pi-theme-wide:not(.pi-europa) {

```
   width: 270px;

```

}

.portable-infobox:not(.pi-europa) .pi-item {

```
   /* a row */

```

}

.portable-infobox:not(.pi-europa) .pi-item-spacing {

```
   /* The padding around titles, captions, data, headers, and navigation */
   padding: 1px;
   padding-left: 2px;
   padding-top: initial;

```

}

.portable-infobox:not(.pi-europa) .pi-border-color {

```
   /* The separator between data and groups. */
   border-color: #F0F0F0;

```

}

.portable-infobox:not(.pi-europa) .pi-font {

```
   /* The font of data values. */
   font-family: 'Rubik';

```

}

.portable-infobox:not(.pi-europa) .pi-secondary-font {

```
   /* The font of labels, headers, and navigation. */
   color: #FFFFFF;
   font-family: 'Rubik';
   letter-spacing: inherit;
   font-weight: bold;
   text-transform: none;

   padding: 4px;

```

}

.portable-infobox:not(.pi-europa) .pi-background {

```
   /* The background underneath the entire infobox. */
   background-color: #F0F0F0;

```

}

.portable-infobox:not(.pi-europa) .pi-secondary-background {

```
   /* The background behind headers and navigation. */
   background: #FF98BA;
   margin-left: 2px;
   margin-right: 2px;

```

}

.portable-infobox:not(.pi-europa) .pi-title {

```
   color: #FFFFFF;
   background: #FF98BA;
   font-size: 20px;
   font-family: 'Lato';
   text-align: center;
   letter-spacing: inherit;
   font-weight: bold;
   text-transform: none;
   border: 0px solid #F0F0F0;
   padding: 1px;

```

}

.portable-infobox:not(.pi-europa) .pi-image {

```
   padding: 0;
   background-image:url(');
   margin: 1px;

```

}

.portable-infobox:not(.pi-europa) .pi-image-thumbnail {

```
   width: 100%;
   height: auto;

```

}

.portable-infobox:not(.pi-europa) .pi-data .pi-data-label {

```
   /* border-top: 1px solid #999;
   border-bottom: 1px solid #f0f0f0; */
   background-color: #FF98BA;
   font-family: 'Rubik';
   color: white;
   letter-spacing: inherit;
   flex-basis: 50%;
   min-width: 75px;
   font-size: 12px;
   padding-top: 1px;

```

}

.portable-infobox.pi-theme-wide:not(.pi-europa) .pi-data .pi-data-label {

```
   text-align: center;
   min-width: 125px;

```

}

.portable-infobox:not(.pi-europa) .pi-data .pi-data-value {

```
   background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FFFFFF), color-stop(75%, #f0f0f0));
   background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FFFFFF), color-stop(75%, #F0F0F0));
   background-image:-moz-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%);
   background-image:-o-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%);
   background-image:-ms-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%);

```

}

.portable-infobox:not(.pi-europa) .pi-data .pi-data-value:not(:first-child) {

```
   padding-left: 4px;
   padding: 4px;

```

}

.portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-label,
.portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-value {

```
   background-image:url('http://static1.wikia.nocookie.net/\_\_cb20131231120024/jjba/images/f/f5/Diamondbg.png');
   text-align: center;
   vertical-align: top;
   font-size: 80%;
   color: #3A3A3A;

```

}

/\*Tabbers\*/
/\* This is for all tabs \*/
.portable-infobox .pi-image-collection-tabs li {

```
 color: #63487f;

```

}
/\* This is for the current selected tab \*/
.portable-infobox .pi-image-collection-tabs li.current {

```
 background: #ffe2ec; /*your color here*/
 color: #63487f;

```

}

/\* Episode is black text \*/
.portable-infobox:not(.pi-europa) .pi-header {

```
   border-bottom: 2px solid #F0F0F0;
   text-align: center;
   background: #FF98BA;
   font-size: 16px;
   font-weight: bold;

```

}

.portable-infobox.pi-theme-wide:not(.pi-europa) .pi-header {

```
   color: black;
   font-size: smaller;

```

}

.portable-infobox.pi-theme-wide:not(.pi-europa) .pi-horizontal-group {

```
   width: inherit;

```

}