Template:Football box/styles.css

/* */ .footballbox { clear:both; overflow:auto; } .footballbox tr { vertical-align:top; } .footballbox time { display:block; overflow:auto; } .footballbox .ftitle { text-align:center; font-weight:bold; } .footballbox .fevent { width:100%; table-layout:fixed; text-align:center; } .footballbox .fevent, .footballbox .fright { margin-bottom:10px; }

.footballbox .fdate, .footballbox .ftime { display:block; } .footballbox .fhome, .footballbox .faway { width:39%; } .footballbox .fscore { width:22%; } .footballbox .fgoals { font-size:85%; } .footballbox .fhome, .footballbox .fhgoal { text-align:right; } .footballbox .faway, .footballbox .fagoal { text-align:left; }

@media all and (min-width: 720px) { .footballbox .fdate, .footballbox .ftime { display:block; } .footballbox .fdate, .footballbox .ftime, .footballbox .frnd { text-align:right; } .footballbox .fleft, .footballbox .fright { float:left; padding:2px 0; } .footballbox .fleft { width:15%; overflow:auto; } .footballbox .fevent { float:left; width:61%; } .footballbox .fevent, .footballbox .fright { margin-bottom:0; } .footballbox .fright { font-size:85%; width:24%; } }