Template:Basketballbox/styles.css

.basketball-box-small {
	font-size: 85%;
}

.basketball-box-series {
	font-weight: bold;
	font-style: italic;
}

@media (min-width: 720px) {
	.basketball-box {
		display: flex;
	}
	
	.basketball-box-date {
		width: 14%;
		text-align: center;
	}
	
	.basketball-box-with-tv .basketball-box-date {
		width: 12%;
	}
	
	.basketball-box-report {
		width: 6%;
	}
	
	.basketball-box-teams {
		width: 54%;
		text-align: center;
		display: grid;
		grid-template-columns: 1fr min-content 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			"bboxteam12 bboxteam12 bboxteam12"
			"bboxteama bboxscores bboxteamb"
			"bboxqscores bboxqscores bboxqscores"
			"bboxhscores bboxhscores bboxhscores"
			"bboxnote bboxnote bboxnote"
			"bboxplayers1 . bboxplayers2"
			"bboxseries bboxseries bboxseries"
	}
	
	.basketball-box-with-tv .basketball-box-teams {
		width: 50%;
	}
	
	.basketball-box-team12 {
		grid-area: bboxteam12;
	}
	
	.basketball-box-teama {
		grid-area: bboxteama;
		text-align: right;
	}
	
	.basketball-box-scores {
		grid-area: bboxscores;
		text-align: center;
	}
	
	.basketball-box-teamb {
		grid-area: bboxteamb;
		text-align: left;
	}
	
	.basketball-box-qscores {
		grid-area: bboxqscores;
		text-align: center;
	}
	
	.basketball-box-hscores {
		grid-area: bboxhscores;
		text-align: center;
	}
	
	.basketball-box-note {
		grid-area: bboxnote;
		text-align: center;
	}
	
	.basketball-box-players1 {
		grid-area: bboxplayers1;
		text-align: right;
	}
	
	.basketball-box-players2 {
		grid-area: bboxplayers2;
		text-align: left;
	}
	
	.basketball-box-series {
		grid-area: bboxseries;
		text-align: center;
	}
	
	.basketball-box-venue {
		width: 24%;
	}
	
	.basketball-box-tv {
		width: 6%;
		text-align: right;
	}
}