/** * The Events Calendar Full Mobile Stylesheet * (Some of these styles may override your current theme's styles) * * Default Breakpoint: 768px * * This breakpoint can be customized using the 'tribe_events_mobile_breakpoint' filter, * or the responsive nature of the plugins can be removed by using the 'tribe_events_kill_responsive' filter. * * To add your own custom styles, create a stylesheet with the name * tribe-events.css in the tribe-events/ directory of your theme. * Your new stylesheet will be loaded after our own stylesheet. * * To replace our stylsheet altogether, you can use the 'tribe_events_stylesheet_url' filter. * * @package TribeEventsCalendar * */ .tribe-mobile #main { padding-top: 0; } a.tribe-events-gmap { display: block; } #tribe-events-content { width: 100%; } /* = Day Grid Template Styles @ Template: day.html =============================================*/ .tribe-events-day .tribe-events-day-time-slot h5 { margin-top: 2em; } .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin-left: 0; } /* = General Template Header/Footer Nav =============================================*/ #tribe-events #tribe-events-header, #tribe-events #tribe-events-footer { padding: 0; } #tribe-events-header, #tribe-events-footer { position: relative; } .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .events-list #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer { border-top:0; } #tribe-events-header:before, #tribe-events-header:after, #tribe-events-footer:before, #tribe-events-footer:after { content: ''; width: 1px; height: 100%; background-color: #fff; position: absolute; display: block; top: 0; z-index: 1; } #tribe-events-header:before, #tribe-events-footer:before { right: 50%;; } #tribe-events-header:after, #tribe-events-footer:after { left: 50%; } #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next, #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous { display: block; width: 50%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Hide Header when no events are found */ .tribe-events-notices + #tribe-events-header { display:none; } .tribe-events-sub-nav li a { display: block; padding: 10px 20px; color: #fff; white-space: normal; position:relative; padding-bottom: 1000px; margin-bottom: -990px; background: #666; } .tribe-events-sub-nav .tribe-events-nav-left a span{ display:block; content:"\ab"; position:absolute; left:10px; top:10px; } .tribe-events-sub-nav .tribe-events-nav-right a span{ display:block; content: "\00BB"; position:absolute; right:10px; top:10px; } .tribe-events-sub-nav li a:visited, .tribe-events-sub-nav li a:hover { color: #fff; } /* = List View Template Styles @ Template: list.html =============================================*/ .tribe-events-list .tribe-events-event-image { float: left; margin: 0 3% 0 0; } .tribe-events-list .tribe-events-event-image img { width: auto; max-height: 400px; } .tribe-events-list .tribe-events-event-image + div.tribe-events-content { float: none; position: relative; width: 100%; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo { display: block; margin: 4px 0 0; } #tribe-events .tribe-events-loop .tribe-events-content { padding: 0; } .tribe-events-list .tribe-events-loop .tribe-events-event-meta .recurringinfo .tribe-events-divider { display: none; } .tribe-events-loop .tribe-events-event-meta { padding: 12px 0 15px; margin-top: 12px; background: #fafafa; border: 1px solid #eee; } .tribe-events-list .time-details { padding: 0 12px; margin-bottom: 0; } .tribe-events-list .tribe-events-venue-details { border-top: 1px solid #eee; margin-top: 12px; padding: 8px 12px 0; } .tribe-events-list-separator-year, .tribe-events-list .tribe-events-event-cost { display: none; } .tribe-events-list-separator-month { margin: 36px 0 0; } /* = Single Event Template Styles @ Template: single-event.html =============================================*/ .single-tribe_events .tribe-events-schedule { padding: 12px; margin: 18px 0 8px; background: #fafafa; border: 1px solid #eee; } .single-tribe_events .tribe-events-schedule h3, .single-tribe_events .tribe-events-schedule .tribe-events-cost { display: block; font-weight: normal; font-size: 15px; margin: 0; line-height: 1.25; } .single-tribe_events .tribe-events-schedule h3 { margin-bottom: 2px; white-space: normal; } .single-tribe_events .tribe-events-schedule .recurringinfo .tribe-events-divider, .single-tribe_events .tribe-events-schedule .tribe-events-divider { display: none; } .single-tribe_events .tribe-events-event-image { margin-bottom: 10px; } #tribe-events div.tribe-events-single-event-description { padding: 0; margin-bottom: 10px; } .single-tribe_events .tribe-events-cal-links { margin-bottom: 30px; } .single-tribe_events .tribe-events-cal-links a { margin-top: 15px; } .single-tribe_events .tribe-events-event-meta { padding: 4% 0; margin: 15px 0 20px; } .tribe-events-meta-group .tribe-events-single-section-title { margin-top: 0; } .tribe-events-event-meta .tribe-events-meta-group { margin-bottom: 0; } .tribe-events-event-meta .tribe-events-meta-group, .tribe-events-event-meta .column { float: none; width: 100%; } .single-tribe_events .tribe-events-venue-map { width: 90%; margin: 5px auto 0; display: block; float: none; } /* = Global Grid Template Styles (Large Calendar & Week) @ Template: month.html & week.html =============================================*/ #tribe-mobile-container { display: block; margin: 0 auto 10px; } .tribe-events-calendar .tribe-events-has-events:after { content: ''; display: block; height: 8px; width: 8px; padding: 0; border-radius: 50%; background-color: #333; margin: 5px auto; } .tribe-events-calendar .tribe-events-has-events.tribe-events-othermonth:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } /* Actual Event Styles */ #tribe-mobile-container .type-tribe_events { padding: 20px 0 16px; margin-bottom: 0; } #tribe-mobile-container .type-tribe_events ~ .type-tribe_events { padding: 15px 0; border-top: 1px solid #ddd; } #tribe-mobile-container .type-tribe_events h4 { font-size: 1.25em; margin: 0 0 2px; line-height: 1.35; } #tribe-mobile-container .type-tribe_events .time-details { font-size: 13px; font-weight: bold; margin: 0 0 2px; } #tribe-mobile-container .type-tribe_events .tribe-events-event-image { float: left; width: 25%; margin: 5px 15px 10px 0; } #tribe-mobile-container .type-tribe_events .tribe-events-event-image a { display: block; } #tribe-mobile-container .type-tribe_events .entry-summary.description { padding: 0; margin-bottom: 0; } #tribe-mobile-container .type-tribe_events .tribe-events-read-more { margin-top: 8px; display: inline-block; } .tribe-mobile-day-heading { font-size:16px; margin-bottom:10px; } /* = Calendar (large) Grid Template Styles @ Template: month.html =============================================*/ .tribe-events-calendar td .tribe-events-viewmore, .tribe-events-calendar td .type-tribe_events { display: none; } #tribe-events-content .tribe-events-calendar td { height: 45px; padding: 0; } .tribe-events-calendar td.tribe-events-has-events:hover { cursor: pointer; } .tribe-events-calendar td div[id*="tribe-events-daynum-"], .tribe-events-calendar td div[id*="tribe-events-daynum-"] a { text-align: center; padding: 0; margin-top: 6px; font-size: 16px; line-height: 1; background: none; } #tribe-mobile-container .tribe-events-viewmore { margin: 5px 0 0; padding: 15px 0px 5px; border-top: 1px solid #ddd; } /* Specific Classes */ .tribe-events-calendar .mobile-active.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar .mobile-active.tribe-events-past div[id*="tribe-events-daynum-"] > a { color: #fff; } .tribe-events-calendar td.mobile-active, .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .mobile-active div[id*="tribe-events-daynum-"] a, .tribe-events-calendar .tribe-events-past.tribe-events-has-events:after { background-color: #999; color: #fff; } .tribe-events-calendar .tribe-events-present.tribe-events-has-events:after, .tribe-events-calendar .mobile-active.tribe-events-has-events:after { background: #fff; } .tribe-events-calendar .tribe-events-present, .tribe-events-calendar td.tribe-events-present.mobile-active, .tribe-events-calendar .tribe-events-present.mobile-active div[id*="tribe-events-daynum-"], .tribe-events-calendar .tribe-events-present.mobile-active div[id*="tribe-events-daynum-"] a { background-color: #666; } /* = Events Navigation Bar @ Template: modules/bar.html =============================================*/ .tribe-bar-collapse #tribe-bar-collapse-toggle { width: 60%; } #tribe-bar-form.tribe-bar-collapse #tribe-bar-views { width: 40%; } .tribe-bar-disabled { width:100%; float:none; } .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list { padding:0; } /* = Events Page Template Styles =============================================*/ #tribe-events-pg-template { padding: 40px 20px 20px; } #tribe-events-content, #tribe-events-content.tribe-events-list { margin-bottom: 20px; } .tribe-events-promo { text-align: center; margin-top: 10px; } #tribe-events-footer ~ a.tribe-events-ical.tribe-events-button { float: none; margin: 0 auto 10px; -webkit-border-radius: 0; border-radius: 0; display: block; text-align: center; font-size: 12px; line-height: 32px; height: 32px; padding: 0 10px; font-weight: normal; } /* = Twenty Fourteen Styling @ Template: ALL =============================================*/ .tribe-theme-twentyfourteen .entry-content .tribe-events-calendar th, .tribe-theme-twentyfourteen .tribe-events-calendar th { padding:3px; border-width:0; } .tribe-theme-twentyfourteen #tribe-events-pg-template { padding-left:0; padding-right:0; } .tribe-theme-twentyfourteen.events-archive .entry-content { width:90%; }