Improve event styling

This commit is contained in:
Brian Miyaji
2015-07-17 15:35:44 +10:00
parent f43cb0e9a9
commit 130a2815d9

View File

@@ -149,6 +149,16 @@
cursor: pointer; cursor: pointer;
} }
/* Event Logos */
.sp-event-logos a {
text-decoration: none;
}
.sp-event-logos img {
display: inline !important;
vertical-align: middle;
}
/* Event Venue */ /* Event Venue */
.sp-event-venue thead th { .sp-event-venue thead th {
white-space: normal; white-space: normal;
@@ -173,6 +183,20 @@
width: 25%; width: 25%;
} }
/* Event Performance (Icons) */
.sp-event-performance-teams .sp-template-event-performance-icons {
box-sizing: border-box;
width: 50%;
float: left;
padding-right: 10px;
}
.sp-event-performance-teams .sp-template-event-performance-icons:nth-child(2n) {
float: right;
padding-right: 0;
padding-left: 10px;
}
/* Event Calendar */ /* Event Calendar */
.sp-event-calendar { .sp-event-calendar {
border-spacing: 0; border-spacing: 0;
@@ -313,17 +337,37 @@
font-weight: bold; font-weight: bold;
} }
/* Hidden Responsive Element */
.sp-desktop {
display: none;
}
/* Media Queries */ /* Media Queries */
@media screen and (min-width: 783px) { @media screen and (min-width: 801px) {
/* Widget Alignment */ /* Widget Alignment */
.sp-widget-align-none {
clear: both;
}
.sp-widget-align-left { .sp-widget-align-left {
width: 48.3871%; width: 50%;
float: left; float: left;
clear: left; clear: left;
padding-right: 10px;
box-sizing: border-box;
} }
.sp-widget-align-right { .sp-widget-align-right {
width: 48.3871%; width: 50%;
float: right; float: right;
clear: right; clear: right;
padding-left: 10px;
box-sizing: border-box;
}
/* Hidden Responsive Element */
.sp-desktop {
display: block;
}
.sp-mobile {
display: none;
} }
} }