User:CrazyCamie456/common.css

/* bee infobox theme */

.pi-theme-bee {

background:#00081f;

border:0;

color:#FFF;

font-size:90%;

}

.pi-theme-bee .pi-border-color {

border-color:goldenrod;

}

.pi-theme-bee .pi-caption {

color:#FFF;

text-align:center;

}

.pi-theme-bee .pi-header {

background-image:url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/70/09/5057b58ead36709.jpg);

background-size: 100%;

border:2px solid goldenrod;

color:black;

font-weight:700;

line-height:95%;

margin:5px;

text-align:center;

}

.pi-theme-bee .pi-image-collection-tabs .current {

background:goldenrod;

border-color:goldenrod;

color:black;

}

.pi-theme-bee .pi-title {

background-image:url(https://png.pngtree.com/thumb_back/fw800/back_pic/03/70/09/5057b58ead36709.jpg);

background-size: 100%;

border:2px solid goldenrod;

font-family:Lobster;

font-size:150%;

font-weight:700;

margin:5px;

text-align:center;

}

.pi-theme-bee .pi-image-thumbnail {

width: 95.5%;

height: auto;

}

.portable-infobox .pi-theme-bee .pi-secondary-background {

background:goldenrod;

}

/* moth infobox theme */

.pi-theme-moth {

background:#00081f;

border:0;

color:#FFF;

font-size:90%;

}

.pi-theme-moth .pi-border-color {

border-color:purple;

}

.pi-theme-moth .pi-caption {

color:#FFF;

text-align:center;

}

.pi-theme-moth .pi-header {

background-image:url(https://i.ytimg.com/vi/QVge69zoZlY/maxresdefault.jpg);

background-size: 100%;

border:2px solid purple;

color:white;

font-weight:700;

line-height:95%;

margin:5px;

text-align:center;

}

.pi-theme-moth .pi-image-collection-tabs .current {

background:purple;

border-color:purple;

color:white;

}

.pi-theme-moth .pi-title {

background-image:url(https://i.ytimg.com/vi/QVge69zoZlY/maxresdefault.jpg);

background-size: 100%;

border:2px solid purple;

color:white;

font-family:Lobster;

font-size:150%;

font-weight:700;

margin:5px;

text-align:center;

}

.pi-theme-moth .pi-image-thumbnail {

width: 95.5%;

height: auto;

}

.portable-infobox .pi-theme-moth .pi-secondary-background {

background:purple;

}