/*********************************************************** * Home ***********************************************************/ /* general */ #home-week-calendar { box-shadow: 0 2px 3px 0 #0000004D, 0 6px 10px 4px #00000026; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; } #home-week-calendar th, #home-week-calendar td, #home-week-calendar .fc-listWeek-view { border: none; } /* background */ #home-week-calendar .fc-header-toolbar.fc-toolbar, /* header */ #home-week-calendar .fc-view-harness.fc-view-harness-passive, /* body */ #home-week-calendar .fc-list-day-cushion.fc-cell-shaded { /* day header container */ background: var(--w1); } /* header */ #home-week-calendar .fc-header-toolbar.fc-toolbar { margin: 0; padding: 2em 1.875em 0.5em 1.875em; } /* time period */ #home-week-calendar .fc-toolbar-title { font-size: 24px; } /* prev and next buttons */ /* border-radius: 50%; */ /* aspect-ratio: 1/1; */ /* width: 28px; */ /* height: 28px; */ /* padding: 0 0 1px 0; */ #home-week-calendar .fc-prev-button, #home-week-calendar .fc-next-button { border: 0; background: var(--w1); color: var(--g2); } #home-week-calendar .fc-prev-button:hover, #home-week-calendar .fc-next-button:hover { color: var(--g4); } #home-week-calendar .fc-prev-button:focus, #home-week-calendar .fc-next-button:focus { border: 0 ; } /*#home-week-calendar .fc-prev-button {*/ /* margin-right: 14px;*/ /*}*/ /* today button (hide it) */ #home-week-calendar .fc-today-button { display: none; } /* duration of events (hide them since tlicks are all-day) */ #home-week-calendar .fc-list-event-time { display: none; } /* body container */ /* fc-listWeek-view fc-view fc-list fc-list-sticky */ /* body */ #home-week-calendar .fc-view-harness.fc-view-harness-passive { padding: 0 1em 1.5em 1em; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; overflow: hidden; } /* day header container */ #home-week-calendar .fc-list-day-cushion.fc-cell-shaded { padding-top: 1em; padding-bottom: 0; } /* day name */ #home-week-calendar .fc-list-day-text { color: #2B2B2B; /* G1 */ text-decoration: none; /*padding-left: 12px; !* vertically align letters *!*/ } /* day date */ #home-week-calendar .fc-list-day-side-text { color: #C1C1C1; /* G3 */ text-decoration: none; font-weight: normal; } /* event dot container (hide it) */ #home-week-calendar .fc-list-event-graphic { display: none; } /* event row */ #home-week-calendar .fc-event.fc-list-event { cursor: default; } #home-week-calendar .fc-event.fc-list-event:hover > .fc-list-event-title { background: transparent; } #home-week-calendar .fc-event.fc-list-event.tlick-completed a { background-color: var(--a1); border-color: var(--a1); } /* event container */ #home-week-calendar .fc-list-event-title { padding-top: 2px; padding-bottom: 2px; } /* events */ #home-week-calendar .fc-list-event-title > a { display: inline-block; padding: .375rem .75rem; font-weight: 400; line-height: 1.5; text-align: left; cursor:pointer; border: 0; border-radius: 16px; background: var(--g5); } #home-week-calendar .fc-list-event-title > a:hover { background: var(--g4); } /* when there are no events for the selected time period */ /* .fc-list-empty-cushion {} */ /*********************************************************** * Project/Home month calendar ***********************************************************/ /* month title */ .fc-toolbar-title { /*color: #054C7C;*/ } /* container div of table? */ .fc-dayGridMonth-vie.fc-view.fc-daygrid { /*background: red;*/ } /* entire calendar table? */ .fc-scrollgrid.fc-scrollgrid-liquid { background: white; } /* prev and next buttons */ #project-month-calendar .fc-prev-button, #project-month-calendar .fc-next-button, #home-month-calendar .fc-prev-button, #home-month-calendar .fc-next-button { border: 0; background: transparent; color: #757575; /* G3 */ } #project-month-calendar .fc-prev-button:hover, #project-month-calendar .fc-next-button:hover, #home-month-calendar .fc-prev-button:hover, #home-month-calendar .fc-next-button:hover { background: #DEDEDE; /* G3 */ } #project-month-calendar .fc-prev-button:focus, #project-month-calendar .fc-next-button:focus, #home-month-calendar .fc-prev-button:focus, #home-month-calendar .fc-next-button:focus { border: 0 ; } /* calendar header aka "Sun", "Mon" etc */ .fc-col-header-cell.fc-day { padding: 5px !important; text-align: left; } .fc-col-header-cell.fc-day > div > a { color: #757575; font-weight: normal; text-decoration: none; } /* table cell */ .fc-daygrid-day-frame.fc-scrollgrid-sync-inner:hover { /*background: red;*/ /*background: eee;*/ background: var(--g6); } /* number of the day container */ .fc .fc-daygrid-day-top { flex-direction: row; } /* number of the day */ .fc .fc-daygrid-day-top > a { padding-left: 9px; color: #2B2B2B; text-decoration: none; } /* cell of today */ .fc-day-today { background-color: rgba(206, 255, 244, 0.4) !important; /* --a4 (#CEFFF4) at 40% */ } /* cell of days of the previous or next month */ .fc-day-other { background: #F8F8F8; } /* day number of previous month, has opacity */ .fc-day.fc-day-other > .fc-daygrid-day-frame > .fc-daygrid-day-top > a { /*color: #2B2B2B;*/ } /* event */ #project-month-calendar .fc-event, #home-month-calendar .fc-event { padding: .375rem .75rem; font-weight: 400; line-height: 1.5; text-align: left; cursor:pointer; border: 0; border-radius: 16px; background: var(--g4); margin: 2px; } #project-month-calendar .fc-event:hover, #home-month-calendar .fc-event:hover { background: var(--g3); } #project-month-calendar .fc-event-title, #home-month-calendar .fc-event-title { color: var(--g1); } #project-month-calendar .fc-event.tlick-completed, #home-month-calendar .fc-event.tlick-completed { background-color: var(--a1); border-color: var(--a1); } /* today button */ .fc-today-button.fc-button.fc-button-primary { border-radius: 16px; background: #0AE5B5; border-color: #0AE5B5; color: #2B2B2B; } .fc-today-button.fc-button.fc-button-primary:hover { background: #00C196; border-color: #00C196; color: #2B2B2B; }