Template:Organized Play/styles.css

.infobox {
	font-size:.9em; 
	color:#333333; 
	letter-spacing:.03em; 
	font-family:Arial,Sans-serif; 
	border-spacing:0px; 
	border:solid 1px #808080; 
	margin-bottom:15px; margin-top:10px;
	background-image:linear-gradient(#ffffff 50%,#eaeffb);
	border-radius: 20px; 
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); 
}
.topimage {
	padding-top:20px; padding-bottom:10px; 
}
.name {
	padding-top:10px; padding-bottom:10px; 
	letter-spacing:.03em; 
	font-size:1.5em; 
	font-weight:bold; 
	color:#000000; 
	background-color:#809ee5; 
	border-top:solid 1px #6a90e2;
	border-bottom:solid 1px #95b0ea;
	background-image:linear-gradient(217deg,#d5dff6,#95b0ea);
	text-shadow: 1px 2px 1px #e6e6e6; text-align: center;
}
.row {
	display:flex; 
	padding:2px;
}
.middlerow {
	padding-top:5px; padding-bottom:5px;
	background-color:#d5dff6;
	text-align:center;
	font-weight:bold;
	border-top:solid 1px #aabfee;
	border-bottom:solid 1px #aabfee;
}
.bottomrow {
	display:flex;
	padding:2px;
}
.textleft {
	flex:30%; 
	font-weight:bold; 
	text-align:right; 
	margin-right:5px;
}
.textright {
	flex:70%;
}
@media screen and (min-width: 701px) {
  div.infobox {
  	width:325px;
  	float:right;
	margin-left:10px;
	margin-right:10px; 
  }
}
@media screen and (max-width: 700px) {
  div.infobox {
  	width:95%;
  	max-width:350px;
  	margin-left:auto;
  	margin-right:auto;
  }
}