Template:Bilibili/player.css

.bilibili-full {
	width:95%;
	height:500px;
	margin:10px auto;
	border: 2px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 10px 12px 1px rgba(0,0,0,0.1);
}

@media screen and (max-width: 500px){
	.bilibili-full {
		height:200px;
	}
}

.bilibili-left{
	clear: both;
	border: 2px solid #fff;
	border-radius: 5px;
    overflow: hidden;
	box-shadow: 0 10px 12px 1px rgba(0,0,0,0.1);
	margin:10px;
	width:360px;
	height:202px;
	float:left;
}

.bilibili-right{
	clear: both;
	border: 2px solid #fff;
	border-radius: 5px;
    overflow: hidden;
	box-shadow: 0 10px 12px 1px rgba(0,0,0,0.1);
	margin:10px;
	width:360px;
	height:202px;
	float:right;
}

@media screen and (max-width: 550px){
	.bilibili-left {
		float:none;
		margin:10px auto;
	}
	.bilibili-right {
		float:none;
		margin:10px auto;
	}
}

.mw-body h1,h2,h3{
	clear:both;
}

.bilibili-title-left{
	float:none;
}

.bilibili-title-right{
	float:right;
}

.bilibili-title-full{
	margin: 0 auto;
}