Seattle Sports Commission Calendar: Home Games

Embed code and CSS are below the calendar.  Your calendar should appear exactly as below.  Please delete any previous CSS you may have used for this calendar.  Thank you!

Calendar Embed Code*

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
<script type=’text/javascript’ src=’https://events.iloveseattle.org/wp-content/plugins/eventon-api/eventon.js?ver=1.0.6′></script>
<script type=’text/javascript’>
jQuery(document).ready(function($){
$(‘#eventoncontent’).evoCalendar({
api: ‘https://events.iloveseattle.org/wp-json/eventon/calendar?event_type=74,&show_et_ft_img=yes&hide_mult_occur=no’,
calendar_url: ‘https://events.iloveseattle.org’,
new_window: true,
loading_text: ‘Coming Up…’,
});
});
</script>
<div id=’eventoncontent’ style=”height:100%; width:100%”></div>

 

Calendar CSS

.ajde_evcal_calendar.evoapi .desc_trig_outter {
font-family: ‘open sans’,arial;
margin-bottom: 20px !important;
border-bottom: 1px solid #e5e5e5;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 em i {
color: #555555 !important;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 em {
font-size: 14px !important;
line-height: 170% !important;
color: #595858;
float: left;
display: block;
padding-right: 7px !important;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 em i {
color: #000000;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 {
font-size: 12px;
line-height: 110%;
color: #525252;
float: left;
font-weight: 600;
display: block;
padding-right: 6px;
}

.ajde_evcal_calendar.evoapi #evcal_list .eventon_list_event .evcal_event_title {
text-transform: none !important;
font-size: 26px !important;
color: #0c649e;
font-weight: 900;
}

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 {
font-size: 16px !important;
line-height: 120% !important;
color: #F9F9F9;
float: left;
display: block;
padding-right: 6px;
padding-bottom: 0px;
}

.ajde_evcal_calendar.evoapi #evcal_list .eventon_list_event .evcal_desc_info {
font-size: 14px !important;
line-height: 120%;
padding-bottom: 13px !important;
opacity: 1 !important;
color: #000000;
}

.ajde_evcal_calendar.evoapi .evcal_cblock .evo_start {
float: left;
font-size: 20px !important;
clear: both;
}

element.style {
border-color: #055b89;
border-width: 2px;
}

.ajde_evcal_calendar.evoapi .eventon_list_event .evcal_list_a:hover {
border-left-width: 3px !important;
background-color: #f4f4f4;
}

.ajde_evcal_calendar.evoapi .eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle {
font-size: 16px;
text-transform: none !important;
color: #666666;
font-weight: 600;
margin-bottom: 10px;
line-height: 140%;
}

.ajde_evcal_calendar.evoapi .eventon_events_list .eventon_list_event .ev_ftImg {
background-repeat: no-repeat;
width: 240px !important;
height: 95% !important;
max-height: 160px !important;
position: absolute;
margin: auto 0 auto 0px !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: top left;
display: block;
border-radius: 5px;
}

.ajde_evcal_calendar.evoapi #evcal_list .eventon_list_event .hasFtIMG .evcal_desc {
padding-left: 255px !important;
}

.ajde_evcal_calendar.evoapi .eventon_events_list .eventon_list_event .hasFtIMG .evcal_cblock {
left: 0px !important;
color: #000000 !important;
background-color: rgba(255, 255, 255, 0.9) !important;
}

 

CSS to hide Red Featured Highlight Box

.ajde_evcal_calendar.evoapi .eventon_events_list .eventon_list_event .evcal_desc span.evo_above_title span {
display: none;
color: #fff;
background-color: #F79191;
border-radius: 5px;
padding: 4px 9px;
margin-bottom: 4px;
margin-right: 5px;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 1;
position: relative;
}

CSS to hide Event Organizer, Audience & Calendar Tags

.ajde_evcal_calendar.evoapi .evcal_desc .evcal_desc3 em {
display: none !important;
}

* Note about Embed Code (if calendar hangs on page)