.event { cursor: pointer; font-size: var(--fhc-calendar-fontsize-event, .875rem); } .event--parked { opacity: 0.45 !important; } .fhc-calendar-mode-day .fhc-calendar-base-grid-line, .fhc-calendar-mode-week .fhc-calendar-base-grid-line { padding: 0 var(--fhc-calendar-gap-events, var(--fhc-calendar-gap, 1px)); } .fhc-calendar-mode-day .all-day-events .event, .fhc-calendar-mode-week .all-day-events .event { margin: var(--fhc-calendar-gap-events, var(--fhc-calendar-gap, 1px)) 0; } .fhc-calendar-mode-list .event { margin-bottom: var(--fhc-calendar-gap-events, var(--fhc-calendar-gap, 1px)); } /* Border */ .fhc-calendar-mode-day .grid-main .event > *, .fhc-calendar-mode-week .grid-main .event > * { border: solid 1px var(--fhc-calendar-border-event); } .fhc-calendar-mode-day .event { --event-radius: var(--fhc-calendar-radius-day-event, 0); } .fhc-calendar-mode-week .event { --event-radius: var(--fhc-calendar-radius-week-event, 0); } .fhc-calendar-mode-month .event { --event-radius: var(--fhc-calendar-radius-month-event, 0); } .fhc-calendar-mode-list .event { --event-radius: var(--fhc-calendar-radius-list-event, 0); } .fhc-calendar-mode-day .all-day-events .event > *, .fhc-calendar-mode-week .all-day-events .event > *, .fhc-calendar-mode-day .event.event-begin > *, .fhc-calendar-mode-week .event.event-begin > * { border-top-left-radius: var(--event-radius); border-top-right-radius: var(--event-radius); } .fhc-calendar-mode-day .all-day-events .event > *, .fhc-calendar-mode-week .all-day-events .event > *, .fhc-calendar-mode-day .event.event-end > *, .fhc-calendar-mode-week .event.event-end > * { border-bottom-left-radius: var(--event-radius); border-bottom-right-radius: var(--event-radius); } .fhc-calendar-mode-month .event.event-begin > * { border-top-left-radius: var(--event-radius); border-bottom-left-radius: var(--event-radius); } .fhc-calendar-mode-month .event.event-end > * { border-top-right-radius: var(--event-radius); border-bottom-right-radius: var(--event-radius); } .fhc-calendar-mode-list .event > * { border-radius: var(--event-radius); } /* Colors */ .fhc-calendar-base .event { --event-default-bg: var(--fhc-calendar-bg-event, #ccc); } .fhc-calendar-base .event .event-type-reservierung { --event-default-bg: var(--fhc-calendar-bg-reservierung, #fff); } .fhc-calendar-base .event > * { background-color: var(--event-bg, var(--event-default-bg)); color: var(--event-color, var(--fhc-calendar-color-event, #000)); } .fhc-calendar-base .event > *:hover { filter: brightness(120%); } .fhc-resize-bar { display: flex; align-items: center; justify-content: center; height: 15px; flex: 0 0 12px; cursor: ns-resize; position: relative; visibility: hidden; pointer-events: none; background-color: transparent !important; border: none !important; } .fhc-resize-bar--top { margin-bottom: -16px; } .fhc-resize-bar--bottom { margin-top: -16px; } .fhc-calendar-base-grid-line-event:hover > .fhc-resize-bar { visibility: visible; pointer-events: auto; } .fhc-calendar-base-grid-line-event.event:hover { z-index: 50; } .fhc-resize-bar { z-index: 2; }