Module:Football box/styles.css

/* {{pp-template}} */

.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,

.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%;

}

}