Add inline and block option to event logos

This commit is contained in:
Brian Miyaji
2016-08-19 22:47:23 +10:00
parent 63f41473f8
commit cd68522f8d
5 changed files with 223 additions and 61 deletions

View File

@@ -333,6 +333,29 @@
clear: both;
}
/* Event Logos Block */
.sp-template-event-logos-block .team-logo {
float: none;
max-width: none;
width: 100%;
height: auto;
}
.sp-template-event-logos-block .team-logo img {
vertical-align: middle;
}
.sp-template-event-logos-block .sp-team-name {
display: block;
clear: both;
vertical-align: middle;
font-size: 28px;
}
.sp-template-event-logos-block .sp-event-results {
font-size: 36px;
}
/* Countdowns */
.sp-template-countdown .event-name {
clear: both;
@@ -456,4 +479,38 @@
.sp-template-photo + .sp-post-content {
clear: none;
}
.sp-template-event-logos-block .team-logo {
width: 33%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sp-template-event-logos-block .team-logo img {
height: 100px;
}
.sp-template-event-logos-block .logo-odd {
text-align: left;
float: left;
}
.sp-template-event-logos-block .logo-even {
text-align: right;
float: right;
}
.sp-template-event-logos-block .logo-odd img {
margin-right: 10px;
}
.sp-template-event-logos-block .logo-even img {
margin-left: 10px;
}
.sp-template-event-logos-block .sp-team-name {
display: inline;
clear: none;
}
}