Template:Infobox.css

.pi-title, .pi-header {
	text-align: center !important;
}
.pi-image {
	padding: 10px 0;
}
.pi-media-collection .pi-tab-link.current:hover {
	cursor: default;
}

.infoboxWrap {
	float: right;
	margin: 0 0 15px 15px;
	width: 270px;
	position: relative;
	background-color: #406ba1;
	background: linear-gradient(180deg, rgba(200,248,168,1) 0%, rgba(200,248,168,1) 12%, rgba(64,107,161,1) 12%, rgba(64,107,161,1) 50%, rgba(64,107,161,1) 100%);
	background-clip: content-box !important;
	border: 6px solid white;
	border-image: url(https://static.miraheze.org/pizzatowerwiki/6/6b/PTWiki-spr_computerbubble.png) 40 / 40px;
}
@media only screen and (max-width: 400px) { /* On mobile (idk why it appears smaller otherwise) */
	body.skin-cosmos .infoboxWrap { 
		width: 290px;
	}
}
.infoboxWrap>.portable-infobox {
	width: calc(100% - 12px);
	margin: 4px 0 0 0;
	background: transparent;
	border: none;
	float: none;
	position: relative;
	left: 4px;
}
.infoboxWrap>.portable-infobox figure>figcaption {
	border-bottom: none;
	color: inherit;
}
.infoboxWrap>.portable-infobox .pi-title, .infoboxWrap>.portable-infobox .pi-header {
	background-color: #c8f8a8 !important;
	color: #406ba1 !important;
}
.infoboxWrap>.portable-infobox .pi-image, .infoboxWrap>.portable-infobox .pi-data, .infoboxWrap>.portable-infobox .pi-horizontal-group-item {
	color: #ABFF00 !important;
}
.infoboxWrap>.portable-infobox h3 {
	color: inherit;
}
.infoboxWrap>.portable-infobox a, .infoboxWrap>.portable-infobox a:visited {
	color: white !important;
}
.infoboxWrap>.portable-infobox ul {
	margin-left: 0.6rem;
}
.infoboxWrap>.portable-infobox .pi-border-color {
	border-color: #c8f8a8;
}
.infoboxWrap>.portable-infobox .pi-horizontal-group-item { /* just to make the spacing between the tables a bit tighter */
	padding: 2px 10px;
}
.infoboxWrap>.portable-infobox .pi-media-collection-tabs {
	margin: 0;
	padding: 0 !important;
	background-color: #c8f8a8;
	border: none;
}
.infoboxWrap>.portable-infobox .pi-media-collection-tabs>.pi-tab-link {
	border: none;
}
.infoboxWrap>.portable-infobox .pi-media-collection-tabs>.pi-tab-link:not(.current) {
	background-color: transparent;
	color: #406ba1;
}
.infoboxWrap>.portable-infobox .pi-media-collection-tabs>.pi-tab-link.current {
	background-color: #406ba1;
	color: #ABFF00;
}
.infoboxWrap>.portable-infobox .pi-image-thumbnail {
	max-width: 100% !important;
}
@media only screen and (max-width: 750px) {
	.infoboxWrap {
		float: none;
		display: block;
		margin: 0 auto 15px;
	}
}

/* [[Category:Template styles]] */