grav/plugins/events/assets/events.min.css

2 lines
11 KiB
CSS

.calendar-hide{display:none}.calendar-container{display:inline-block;width:100%}.calendar-container a{transition:0.2s}@media screen and (min-width: 768px){.calendar-container .calendar-table{float:left;display:block;margin-right:2.35%;width:55%}}.calendar-container .calendar-table table{font-family:sans-serif}.calendar-container .calendar-table table thead .calendar-controls .calendar-buttons{font-size:1em;text-align:center}.calendar-container .calendar-table table thead .calendar-controls .calendar-buttons a{border-radius:1.5rem;background-color:#efefef;color:#222;display:inline-block;line-height:1.5rem;margin:0.25rem 0.05em;text-align:center;width:1.5rem}.calendar-container .calendar-table table thead .calendar-controls .calendar-buttons a:hover{color:#222;background-color:shade(#efefef, 10);transition:background-color 0.15s ease}.calendar-container .calendar-table table thead .calendar-controls .calendar-title{font-size:1.25em;text-align:center}.calendar-container .calendar-table table thead .calendar-headings th{background:transparent;color:#222;font-size:0.75rem;line-height:2.5;text-align:center;width:14.2857142857%}.calendar-container .calendar-table table tbody tr td{padding:.45rem;vertical-align:top}.calendar-container .calendar-table table tbody tr td div{font-size:0.75rem;position:relative;text-align:center}.calendar-container .calendar-table table tbody tr td div .calendar-day.calendar-active{color:#1BB3E9}.calendar-container .calendar-table table tbody tr td div .calendar-day a{border-radius:2.5rem;background:#efefef;color:#222;display:inline-block}.calendar-container .calendar-table table tbody tr td div .calendar-day a:hover,.calendar-container .calendar-table table tbody tr td div .calendar-day a.calendar-active{background:#1BB3E9;color:#fff}.calendar-container .calendar-table table tbody tr td div .calendar-day a.calendar-active:hover{background:#32bbeb}.calendar-container .calendar-table table tbody tr td div .calendar-day a,.calendar-container .calendar-table table tbody tr td div .calendar-day span{font-size:0.75rem;line-height:2.5rem;text-align:center;width:2.5rem}.calendar-container .calendar-table table tbody tr td div .calendar-day-details{display:none}@media screen and (min-width: 768px){.calendar-container .calendar-details{float:left;display:block;width:42.65%}}.calendar-container .calendar-details .calendar-day-details .calendar-day{margin:0}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events{list-style:none;padding:0}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event{padding-top:0.5em;clear:both}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-left-column{float:left;display:block;margin-right:2.35%;width:25%;position:relative}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-left-column a{background:#efefef;background-size:cover;background-position:center center;display:block;min-height:4rem;width:100%}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-left-column a time{bottom:0;background:rgba(255,255,255,0.75);color:#222;position:absolute;padding:0.25rem 0.5rem;right:0;z-index:99}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-right-column{float:left;display:block;width:72.65%}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-right-column .event-item-title{font-weight:bold;margin:0}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-right-column .event-item-title span.location-pin{width:.8em;height:.8em;border-radius:50% 50% 50% 0;background-color:currentColor;display:inline-block;transform:rotate(-45deg);margin:.2em .05em 0}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-right-column .event-item-title span.location-pin:after{content:'';width:.374em;height:.374em;margin:.214em 0 0 .214em;background:#50596c;position:absolute;border-radius:50%}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-right-column .event-item-title a span.location-pin{opacity:.75}.calendar-container .calendar-details .calendar-day-details ul.calendar-day-events li.calendar-event .event-item-right-column .event-item-summary{margin:0.25rem 0}.calendar-container .calendar-details p.events-view-all{font-style:italic;clear:both}.events-container{display:inline-block;width:100%}.events-container .events-listing{padding-bottom:2rem}.events-container .events-listing .event-separator{border-bottom:1px solid #efefef;padding-top:1.5rem;clear:both}.events-container .events-listing .event-separator:last-child{border:0;padding:0}.events-container .events-listing .event-article{margin-bottom:0;padding:1rem 0}.events-container .events-listing .event-article:first-child{padding:0}.events-container .events-listing .event-article .event-header{display:block;position:relative}.events-container .events-listing .event-article .event{display:block}.events-container .events-listing .event-article .event .event-left-column{float:left;display:block;margin-right:2.35%;width:15%}.events-container .events-listing .event-article .event .event-left-column .event-datetime{color:#555;display:block;margin:0.5rem 1rem 0 0;text-align:right}.events-container .events-listing .event-article .event .event-left-column .event-datetime .event-day{display:block;font-size:1.75rem;font-weight:bold;line-height:1;margin:0}.events-container .events-listing .event-article .event .event-left-column .event-datetime .event-month{display:block;font-size:1rem;font-weight:bold;line-height:1;margin:0.5rem 0;text-transform:uppercase}.events-container .events-listing .event-article .event .event-left-column .event-datetime .event-time{display:block;font-size:0.95rem;line-height:1;margin-top:0.75rem}.events-container .events-listing .event-article .event .event-left-column .event-datetime .event-year{display:none}.events-container .events-listing .event-article .event .event-right-column{float:left;display:block;width:82.65%}.events-container .events-listing .event-article .event .event-right-column .event-title{margin:0.3rem 0rem}.events-container .events-listing .event-article .event .event-right-column .event-location{margin:-0.5rem 0 0.3rem}.events-container .events-listing .event-article .event .event-right-column .event-location span.location-pin{width:.8em;height:.8em;border-radius:50% 50% 50% 0;background-color:#898d94;display:inline-block;transform:rotate(-45deg);margin:.2em .05em 0}.events-container .events-listing .event-article .event .event-right-column .event-location span.location-pin:after{content:'';width:.374em;height:.374em;margin:.214em 0 0 .214em;background:#50596c;position:absolute;border-radius:50%}.events-container .events-listing .event-article .event .event-right-column .event-location a span.location-pin{opacity:.75}.events-container .events-listing .event-article .event .event-right-column .event-summary *{display:inline}.events-container .events-listing .event-article .event .event-right-column .event-categories{margin-top:0.4rem}.events-container .events-listing .event-article .event-meta{font-style:italic}.event-container{display:inline-block;width:100%}.event-container .event-listing{float:left;display:block;margin-right:2.35%;width:55%}.event-container .event-listing .event-separator{border-bottom:1px solid #efefef}.event-container .event-listing .event-separator:last-child{border:0}.event-container .event-listing .event-article{margin-bottom:0;padding:0;padding-bottom:1rem}.event-container .event-listing .event-article .event-header img{width:100%}.event-container .event-listing .event-article .event .event-right-column{display:flex;flex-direction:column}.event-container .event-listing .event-article .event .event-right-column .event-title{margin-top:1rem}.event-container .event-listing .event-article .event .event-right-column .event-location{margin-top:-.5rem}.event-container .event-listing .event-article .event .event-right-column .event-location span.location-pin{width:.8em;height:.8em;border-radius:50% 50% 50% 0;background-color:#898d94;display:inline-block;transform:rotate(-45deg);margin:.2em .05em 0}.event-container .event-listing .event-article .event .event-right-column .event-location span.location-pin:after{content:'';width:.374em;height:.374em;margin:.214em 0 0 .214em;background:#50596c;position:absolute;border-radius:50%}.event-container .event-listing .event-article .event .event-right-column .event-location a span.location-pin{opacity:.75}.event-container .event-listing .event-article .event .event-right-column .event-categories{margin-top:0.5rem;order:-1}.event-container .events-sidebar{float:left;display:block;width:42.65%}.event-container .events-sidebar .event-tags{list-style:none;margin:0;margin-bottom:2rem;padding:0}.event-container .events-sidebar .event-tags li{display:inline}.events-sidebar h3{margin:0}.events-sidebar .events-list{list-style:none;padding-left:0;margin-top:0}.events-sidebar .events-list .event-day{font-size:1.2rem;font-weight:bold;display:block;clear:both}.events-sidebar .events-list .event-day:first-child{padding-top:0}.events-sidebar .events-list .event-item-separator{border-bottom:1px solid #efefef;margin-bottom:1rem;padding-top:1rem;clear:both}.events-sidebar .events-list .event-item-separator:first-child{border:0;padding:0}.events-sidebar .events-list .event-item{display:block;margin-top:0.1rem;clear:both}.events-sidebar .events-list .event-item time{float:left;display:block;margin-right:2.35%;width:15%}.events-sidebar .events-list .event-item a{float:left;display:block}.events-sidebar .events-list .event-item span.location-pin{width:.8em;height:.8em;border-radius:50% 50% 50% 0;background-color:currentColor;display:inline-block;transform:rotate(-45deg);margin:.2em .05em 0}.events-sidebar .events-list .event-item span.location-pin:after{content:'';width:.374em;height:.374em;margin:.214em 0 0 .214em;background:#50596c;position:absolute;border-radius:50%}.events-sidebar .events-list .event-item a span.location-pin{opacity:.75}.event-tags{display:inline-block}.event-tags a{border-radius:4px;background:#1BB3E9;color:#fff;display:inline-block;padding:0 0.5rem;font-size:.75rem;font-weight:normal;text-transform:uppercase}.event-tags a:visited{color:#fff}.clear-user-agent-styles table,.clear-user-agent-styles thead,.clear-user-agent-styles tbody,.clear-user-agent-styles tfoot,.clear-user-agent-styles tr,.clear-user-agent-styles th,.clear-user-agent-styles td{border:none;border-color:inherit;vertical-align:inherit;text-align:left;font-weight:inherit}