From afe228adac7a5e4447b2187131d9ca4c53812196 Mon Sep 17 00:00:00 2001 From: Edlyn Villegas Date: Fri, 10 Jul 2020 19:01:37 +0800 Subject: [PATCH] [UPDATE] No event text UI --- evo-calendar/css/evo-calendar.css | 13 +++++++++++-- evo-calendar/css/evo-calendar.midnight-blue.css | 7 +++++++ evo-calendar/css/evo-calendar.midnight-blue.min.css | 2 +- evo-calendar/css/evo-calendar.min.css | 2 +- evo-calendar/css/evo-calendar.orange-coral.css | 7 +++++++ evo-calendar/css/evo-calendar.orange-coral.min.css | 2 +- evo-calendar/css/evo-calendar.royal-navy.css | 7 +++++++ evo-calendar/css/evo-calendar.royal-navy.min.css | 2 +- evo-calendar/js/evo-calendar.js | 6 ++++-- evo-calendar/js/evo-calendar.min.js | 2 +- 10 files changed, 41 insertions(+), 9 deletions(-) diff --git a/evo-calendar/css/evo-calendar.css b/evo-calendar/css/evo-calendar.css index 751da86..c198334 100644 --- a/evo-calendar/css/evo-calendar.css +++ b/evo-calendar/css/evo-calendar.css @@ -316,6 +316,15 @@ tr.calendar-body .calendar-day .day[disabled] { clear: both; display: table; } +.event-list > .event-empty { + padding: 15px 10px; + background-color: rgba(135,115,193,.15); + border: 1px solid #8773c1; +} +.event-list > .event-empty > p { + margin: 0; + color: #755eb5; +} .event-container { display: block; width: 100%; @@ -854,8 +863,8 @@ button.icon-button > span.chevron-arrow-right { .calendar-events > .event-header > p { font-size: 20px; } - .calendar-events > .event-list { - margin-top: 10px; + .event-list > .event-empty { + padding: 10px; } .event-container > .event-icon { width: 45px; diff --git a/evo-calendar/css/evo-calendar.midnight-blue.css b/evo-calendar/css/evo-calendar.midnight-blue.css index 993fd90..0a29aa3 100644 --- a/evo-calendar/css/evo-calendar.midnight-blue.css +++ b/evo-calendar/css/evo-calendar.midnight-blue.css @@ -143,6 +143,13 @@ .midnight-blue .event-indicator > .type-bullet > div.type-birthday { background-color: #6c72bf; } +.midnight-blue .event-list > .event-empty { + background-color: rgba(0, 173, 181, 0.15); + border: 1px solid #00adb5; +} +.midnight-blue .event-list > .event-empty > p { + color: #ffff; +} @media only screen and (max-width: 768px) { .midnight-blue .event-indicator { -webkit-transform: translate(-50%, -100%); diff --git a/evo-calendar/css/evo-calendar.midnight-blue.min.css b/evo-calendar/css/evo-calendar.midnight-blue.min.css index 0bd0cd5..0b69248 100644 --- a/evo-calendar/css/evo-calendar.midnight-blue.min.css +++ b/evo-calendar/css/evo-calendar.midnight-blue.min.css @@ -10,4 +10,4 @@ * Issues: https://github.com/edlynvillegas/evo-calendar/issues * */ -.midnight-blue{-webkit-box-shadow:0 10px 50px -20px rgba(19,31,51,.65);box-shadow:0 10px 50px -20px rgba(19,31,51,.65);border:2px solid #222831;color:#EEE}.midnight-blue .calendar-sidebar{background:#222831;border-right:2px solid #222831;-webkit-box-shadow:0 0 18px -3px rgba(0,0,0,.65);box-shadow:0 0 18px -3px rgba(0,0,0,.65)}.midnight-blue.sidebar-hide .calendar-sidebar{-webkit-box-shadow:none;box-shadow:none}.midnight-blue .calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#cee1ff}.midnight-blue .calendar-sidebar>.month-list>.calendar-months>li{text-transform:uppercase}.midnight-blue .calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:rgba(255,255,255,.2)}.midnight-blue .calendar-sidebar>.month-list>.calendar-months>li.active-month{background-color:#00adb5;font-weight:600}.midnight-blue .calendar-sidebar>span#sidebarToggler,.midnight-blue #eventListToggler{background-color:#222831;-webkit-box-shadow:0 0 18px -3px rgba(0,0,0,.65);box-shadow:0 0 18px -3px rgba(0,0,0,.65)}.midnight-blue .calendar-sidebar>span#sidebarToggler{right:-2px}.midnight-blue button.icon-button>span.bars{background-color:#00adb5}.midnight-blue button.icon-button>span.bars::before{background-color:#12cbd4}.midnight-blue button.icon-button>span.bars::after{background-color:#027e84}.midnight-blue .calendar-sidebar>.calendar-year>button.icon-button>span,.midnight-blue button.icon-button>span.chevron-arrow-right{display:block;border-right:6px solid #00adb5;border-bottom:6px solid #027e84}.midnight-blue .calendar-sidebar>.calendar-year>button.icon-button>span{border-width:4px}.midnight-blue .calendar-inner{background-color:#393e46;-webkit-box-shadow:5px 0 18px -3px rgba(0,0,0,.35);box-shadow:5px 0 18px -3px rgba(0,0,0,.35)}.midnight-blue .calendar-inner td{color:#fff}.midnight-blue th[colspan="7"]{position:relative;font-size:30px;color:#00adb5}.midnight-blue th[colspan="7"]::after{content:'';display:block;width:92%;height:1px;margin:0 auto;background:#027e84}.midnight-blue tr.calendar-body .calendar-day .day:hover{background-color:rgba(255,255,255,.12);color:#00f4ff}.midnight-blue tr.calendar-body .calendar-day .day.calendar-today{background:#00adb5}.midnight-blue tr.calendar-body .calendar-day .day{border-width:2px;border-radius:0;color:#fff}.midnight-blue tr.calendar-body .calendar-day .day.calendar-active,.midnight-blue tr.calendar-body .calendar-day .day.calendar-active:hover{border-color:#EEE;color:#EEE}.midnight-blue tr.calendar-body .calendar-day .day.calendar-today:hover{color:#EEE}.midnight-blue .calendar-events{background-color:#192435;padding:70px 20px 60px 20px}.midnight-blue .calendar-events::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.midnight-blue .calendar-events::-webkit-scrollbar-thumb:hover{background:#cee1ff}.midnight-blue .calendar-events p{color:#EEE}.midnight-blue .calendar-inner::after{background-color:rgba(25,36,53,.65)}.midnight-blue .event-container{border-radius:0}.midnight-blue .event-container:hover{background-color:#5d6979}.midnight-blue .event-container>.event-icon>[class*=event-bullet-]{border:2px solid transparent}.midnight-blue .event-container:hover>.event-icon>[class*=event-bullet-]{border-color:#fff}.midnight-blue .event-container>.event-icon>div.event-bullet-birthday,.midnight-blue .event-indicator>.type-bullet>div.type-birthday{background-color:#6c72bf}@media only screen and (max-width:768px){.midnight-blue .event-indicator{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.midnight-blue .calendar-events{-webkit-box-shadow:-5px 0 18px -3px rgba(0,0,0,.65);box-shadow:-5px 0 18px -3px rgba(0,0,0,.65)}.midnight-blue.event-hide .calendar-events{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width:425px){.midnight-blue .calendar-sidebar{border-right:none}.midnight-blue .calendar-sidebar>.calendar-year{background-color:#222831;-webkit-box-shadow:0 3px 8px -3px rgba(0,0,0,.65);box-shadow:0 3px 8px -3px rgba(0,0,0,.65)}.midnight-blue .calendar-sidebar>.month-list{background-color:#192435}.midnight-blue .calendar-sidebar>span#sidebarToggler{right:0}.midnight-blue #eventListToggler,.midnight-blue .calendar-sidebar>span#sidebarToggler{-webkit-box-shadow:none;box-shadow:none}.midnight-blue .calendar-inner{-webkit-box-shadow:5px 0 18px -3px rgba(0,0,0,.35);box-shadow:0 5px 18px -3px rgba(0,0,0,.65)}.midnight-blue tr.calendar-body .calendar-day .day.calendar-active,.midnight-blue tr.calendar-body .calendar-day .day.calendar-active:hover{border-width:1px}.midnight-blue tr.calendar-body .calendar-day .day.calendar-today .event-indicator{-webkit-transform:translate(-50%,3px);-ms-transform:translate(-50%,3px);transform:translate(-50%,3px)}.midnight-blue tr.calendar-body .calendar-day .day.calendar-active .event-indicator{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.midnight-blue .event-indicator{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.midnight-blue .calendar-events{padding:20px 15px}.midnight-blue.event-hide .calendar-events{padding:0 15px}} \ No newline at end of file +.midnight-blue{-webkit-box-shadow:0 10px 50px -20px rgba(19,31,51,.65);box-shadow:0 10px 50px -20px rgba(19,31,51,.65);border:2px solid #222831;color:#EEE}.midnight-blue .calendar-sidebar{background:#222831;border-right:2px solid #222831;-webkit-box-shadow:0 0 18px -3px rgba(0,0,0,.65);box-shadow:0 0 18px -3px rgba(0,0,0,.65)}.midnight-blue.sidebar-hide .calendar-sidebar{-webkit-box-shadow:none;box-shadow:none}.midnight-blue .calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#cee1ff}.midnight-blue .calendar-sidebar>.month-list>.calendar-months>li{text-transform:uppercase}.midnight-blue .calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:rgba(255,255,255,.2)}.midnight-blue .calendar-sidebar>.month-list>.calendar-months>li.active-month{background-color:#00adb5;font-weight:600}.midnight-blue .calendar-sidebar>span#sidebarToggler,.midnight-blue #eventListToggler{background-color:#222831;-webkit-box-shadow:0 0 18px -3px rgba(0,0,0,.65);box-shadow:0 0 18px -3px rgba(0,0,0,.65)}.midnight-blue .calendar-sidebar>span#sidebarToggler{right:-2px}.midnight-blue button.icon-button>span.bars{background-color:#00adb5}.midnight-blue button.icon-button>span.bars::before{background-color:#12cbd4}.midnight-blue button.icon-button>span.bars::after{background-color:#027e84}.midnight-blue .calendar-sidebar>.calendar-year>button.icon-button>span,.midnight-blue button.icon-button>span.chevron-arrow-right{display:block;border-right:6px solid #00adb5;border-bottom:6px solid #027e84}.midnight-blue .calendar-sidebar>.calendar-year>button.icon-button>span{border-width:4px}.midnight-blue .calendar-inner{background-color:#393e46;-webkit-box-shadow:5px 0 18px -3px rgba(0,0,0,.35);box-shadow:5px 0 18px -3px rgba(0,0,0,.35)}.midnight-blue .calendar-inner td{color:#fff}.midnight-blue th[colspan="7"]{position:relative;font-size:30px;color:#00adb5}.midnight-blue th[colspan="7"]::after{content:'';display:block;width:92%;height:1px;margin:0 auto;background:#027e84}.midnight-blue tr.calendar-body .calendar-day .day:hover{background-color:rgba(255,255,255,.12);color:#00f4ff}.midnight-blue tr.calendar-body .calendar-day .day.calendar-today{background:#00adb5}.midnight-blue tr.calendar-body .calendar-day .day{border-width:2px;border-radius:0;color:#fff}.midnight-blue tr.calendar-body .calendar-day .day.calendar-active,.midnight-blue tr.calendar-body .calendar-day .day.calendar-active:hover{border-color:#EEE;color:#EEE}.midnight-blue tr.calendar-body .calendar-day .day.calendar-today:hover{color:#EEE}.midnight-blue .calendar-events{background-color:#192435;padding:70px 20px 60px 20px}.midnight-blue .calendar-events::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.midnight-blue .calendar-events::-webkit-scrollbar-thumb:hover{background:#cee1ff}.midnight-blue .calendar-events p{color:#EEE}.midnight-blue .calendar-inner::after{background-color:rgba(25,36,53,.65)}.midnight-blue .event-container{border-radius:0}.midnight-blue .event-container:hover{background-color:#5d6979}.midnight-blue .event-container>.event-icon>[class*=event-bullet-]{border:2px solid transparent}.midnight-blue .event-container:hover>.event-icon>[class*=event-bullet-]{border-color:#fff}.midnight-blue .event-container>.event-icon>div.event-bullet-birthday,.midnight-blue .event-indicator>.type-bullet>div.type-birthday{background-color:#6c72bf}.midnight-blue .event-list>.event-empty{background-color:rgba(0,173,181,.15);border:1px solid #00adb5}.midnight-blue .event-list>.event-empty>p{color:#fff}@media only screen and (max-width:768px){.midnight-blue .event-indicator{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.midnight-blue .calendar-events{-webkit-box-shadow:-5px 0 18px -3px rgba(0,0,0,.65);box-shadow:-5px 0 18px -3px rgba(0,0,0,.65)}.midnight-blue.event-hide .calendar-events{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width:425px){.midnight-blue .calendar-sidebar{border-right:none}.midnight-blue .calendar-sidebar>.calendar-year{background-color:#222831;-webkit-box-shadow:0 3px 8px -3px rgba(0,0,0,.65);box-shadow:0 3px 8px -3px rgba(0,0,0,.65)}.midnight-blue .calendar-sidebar>.month-list{background-color:#192435}.midnight-blue .calendar-sidebar>span#sidebarToggler{right:0}.midnight-blue #eventListToggler,.midnight-blue .calendar-sidebar>span#sidebarToggler{-webkit-box-shadow:none;box-shadow:none}.midnight-blue .calendar-inner{-webkit-box-shadow:5px 0 18px -3px rgba(0,0,0,.35);box-shadow:0 5px 18px -3px rgba(0,0,0,.65)}.midnight-blue tr.calendar-body .calendar-day .day.calendar-active,.midnight-blue tr.calendar-body .calendar-day .day.calendar-active:hover{border-width:1px}.midnight-blue tr.calendar-body .calendar-day .day.calendar-today .event-indicator{-webkit-transform:translate(-50%,3px);-ms-transform:translate(-50%,3px);transform:translate(-50%,3px)}.midnight-blue tr.calendar-body .calendar-day .day.calendar-active .event-indicator{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.midnight-blue .event-indicator{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.midnight-blue .calendar-events{padding:20px 15px}.midnight-blue.event-hide .calendar-events{padding:0 15px}} \ No newline at end of file diff --git a/evo-calendar/css/evo-calendar.min.css b/evo-calendar/css/evo-calendar.min.css index af21220..a44a64f 100644 --- a/evo-calendar/css/evo-calendar.min.css +++ b/evo-calendar/css/evo-calendar.min.css @@ -10,4 +10,4 @@ * Issues: https://github.com/edlynvillegas/evo-calendar/issues * */ -*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{padding:0;margin:0}body{font-family:'Source Sans Pro'}input:focus,textarea:focus,button:focus{outline:none}.evo-calendar{position:relative;background-color:#fbfbfb;color:#5a5a5a;width:100%;-webkit-box-shadow:0 10px 50px -20px #8773c1;box-shadow:0 10px 50px -20px #8773c1;margin:0 auto;overflow:hidden;z-index:1}.calendar-sidebar{position:absolute;margin-top:0;width:200px;height:100%;float:left;background-color:#8773c1;color:#fff;z-index:1;-webkit-box-shadow:5px 0 18px -3px #8773c1;box-shadow:5px 0 18px -3px #8773c1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:2}.sidebar-hide .calendar-sidebar{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-box-shadow:none;box-shadow:none}.calendar-sidebar>span#sidebarToggler{position:absolute;width:40px;height:40px;top:0;right:0;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);background-color:#8773c1;padding:10px 8px;cursor:pointer;-webkit-box-shadow:5px 0 18px -3px #8773c1;box-shadow:5px 0 18px -3px #8773c1}.calendar-sidebar>.calendar-year{padding:20px;text-align:center}.calendar-sidebar>.calendar-year>p{margin:0;font-size:30px;display:inline-block}.calendar-sidebar>.calendar-year>button.icon-button{display:inline-block;width:20px;height:20px;overflow:visible}.calendar-sidebar>.calendar-year>button.icon-button>span{border-right:4px solid #fff;border-bottom:4px solid #fff;width:100%;height:100%}.calendar-sidebar>.calendar-year>img[year-val="prev"]{float:left}.calendar-sidebar>.calendar-year>img[year-val="next"]{float:right}.calendar-sidebar>.month-list::-webkit-scrollbar{width:5px;height:5px}.calendar-sidebar>.month-list::-webkit-scrollbar-track{background:transparent}.calendar-sidebar>.month-list::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#d6c8ff}.calendar-sidebar>.month-list>.calendar-months{list-style-type:none;margin:0;padding:0}.calendar-sidebar>.month-list>.calendar-months>li{padding:7px 30px;cursor:pointer;font-size:16px}.calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:#a692e0}.calendar-sidebar>.month-list>.calendar-months>li.active-month{background-color:#755eb5}.calendar-inner{position:relative;padding:40px 30px;float:left;width:100%;max-width:calc(100% - 600px);margin-left:200px;background-color:#fff;-webkit-box-shadow:5px 0 18px -3px rgba(0,0,0,.15);box-shadow:5px 0 18px -3px rgba(0,0,0,.15);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:1}.calendar-inner::after{content:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(83,74,109,.5)}.sidebar-hide .calendar-inner{max-width:calc(100% - 400px);margin-left:0}.event-hide .calendar-inner{max-width:calc(100% - 200px)}.event-hide.sidebar-hide .calendar-inner{max-width:100%}.calendar-inner .calendar-table{border-collapse:collapse;font-size:20px;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}th[colspan="7"]{position:relative;text-align:center;text-transform:uppercase;font-weight:600;font-size:30px;color:#8773c1}th[colspan="7"]::after{content:'';position:absolute;bottom:-3px;left:50%;width:50px;height:5px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(135,115,193,.15)}tr.calendar-header .calendar-header-day{padding:10px;text-align:center;color:#5a5a5a}tr.calendar-body .calendar-day{padding:10px 0}tr.calendar-body .calendar-day .day{position:relative;padding:15px;height:60px;width:60px;margin:0 auto;border-radius:50%;text-align:center;color:#5a5a5a;border:1px solid transparent;-webkit-transition:all .3s ease,-webkit-transform .5s ease;transition:all .3s ease,-webkit-transform .5s ease;-o-transition:all .3s ease,transform .5s ease;transition:all .3s ease,transform .5s ease;transition:all .3s ease,transform .5s ease,-webkit-transform .5s ease;cursor:pointer}tr.calendar-body .calendar-day .day:hover{background-color:#dadada}tr.calendar-body .calendar-day .day:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}tr.calendar-body .calendar-day .day.calendar-active,tr.calendar-body .calendar-day .day.calendar-active:hover{color:#5a5a5a;border-color:rgba(0,0,0,.5)}tr.calendar-body .calendar-day .day.calendar-today{color:#fff;background-color:#8773c1}tr.calendar-body .calendar-day .day.calendar-today:hover{color:#fff;background-color:#755eb5}tr.calendar-body .calendar-day .day[disabled]{pointer-events:none;cursor:not-allowed;background-color:transparent;color:#b9b9b9}.calendar-events{position:absolute;top:0;right:0;width:400px;height:100%;padding:70px 30px 60px 30px;background-color:#fbfbfb;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;overflow-y:auto;z-index:0}.calendar-events::-webkit-scrollbar{width:5px;height:5px}.calendar-events::-webkit-scrollbar-track{background:transparent}.calendar-events::-webkit-scrollbar-thumb{background:#8e899c;border-radius:5px}.calendar-events::-webkit-scrollbar-thumb:hover{background:#6c6875}.calendar-events>.event-header>p{font-size:30px;font-weight:600;color:#5a5a5a}#eventListToggler{position:absolute;width:40px;height:40px;top:0;right:0;background-color:#8773c1;padding:10px;cursor:pointer;-webkit-box-shadow:5px 0 18px -3px #8773c1;box-shadow:5px 0 18px -3px #8773c1;z-index:1}.event-list::after{content:"";clear:both;display:table}.event-container{display:block;width:100%;border-radius:10px;margin-bottom:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;float:left}.event-container:hover{background-color:#fff;-webkit-box-shadow:0 3px 12px -4px rgba(0,0,0,.65);box-shadow:0 3px 12px -4px rgba(0,0,0,.65)}.event-container>.event-icon{position:relative;padding:20px;width:60px;height:60px;float:left}.event-container>.event-icon::before{content:'';position:absolute;top:0;left:29px;width:2px;height:calc(100% + 10px);background-color:#eaeaea;z-index:-1}.event-container:last-child>.event-icon::before{height:calc(50% + 10px)}.event-container:first-child>.event-icon::before{top:50%;height:calc(50% + 10px)}.event-container:only-child>.event-icon::before{opacity:0}.event-container>.event-icon>img{width:30px}.event-container>.event-info{display:inline-block;padding:13px 0}.event-container>.event-info>p{margin:0;font-size:26px;color:#5a5a5a}.event-indicator{position:absolute;width:-moz-max-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;top:100%;left:50%;-webkit-transform:translate(-50%,calc(-100% + -5px));-ms-transform:translate(-50%,calc(-100% + -5px));transform:translate(-50%,calc(-100% + -5px))}.event-indicator>.type-bullet{float:left;padding:2px}.event-indicator>.type-bullet>div[class*="type-"]{width:10px;height:10px;border-radius:50%}.event-container>.event-icon>div.event-bullet-event,.event-container>.event-icon>div.event-bullet-holiday,.event-container>.event-icon>div.event-bullet-birthday{width:100%;height:100%;border-radius:50%}.event-container>.event-icon>div.event-bullet-event,.event-indicator>.type-bullet>div.type-event{background-color:#ff7575}.event-container>.event-icon>div.event-bullet-holiday,.event-indicator>.type-bullet>div.type-holiday{background-color:#ffc107}.event-container>.event-icon>div.event-bullet-birthday,.event-indicator>.type-bullet>div.type-birthday{background-color:#3ca8ff}button.icon-button{border:none;background-color:transparent;width:100%;height:100%;padding:0;cursor:pointer}button.icon-button>span.bars{position:relative;width:100%;height:4px;display:block;background-color:#fff}button.icon-button>span.bars::before,button.icon-button>span.bars::after{content:'';position:absolute;width:100%;height:4px;display:block;background-color:#fff}button.icon-button>span.bars::before{top:-8px}button.icon-button>span.bars::after{bottom:-8px}button.icon-button>span.chevron-arrow-left{display:inline-block;border-right:6px solid #fff;border-bottom:6px solid #fff;width:18px;height:18px;-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}button.icon-button>span.chevron-arrow-right{display:block;border-right:4px solid #fff;border-bottom:4px solid #fff;width:16px;height:16px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:1280px){.calendar-inner{padding:50px 20px 70px 20px;max-width:calc(100% - 580px)}.sidebar-hide .calendar-inner{max-width:calc(100% - 380px)}tr.calendar-header .calendar-header-day,tr.calendar-body .calendar-day{padding:10px 5px}.calendar-events{width:380px;padding:70px 20px 60px 20px}}@media screen and (max-width:1024px){.calendar-sidebar{width:175px}.calendar-inner{padding:50px 10px 70px 10px;max-width:calc(100% - 475px);margin-left:175px}.sidebar-hide .calendar-inner{max-width:calc(100% - 300px)}.event-hide .calendar-inner{max-width:calc(100% - 175px)}.calendar-events{width:300px;padding:70px 10px 60px 10px}tr.calendar-body .calendar-day .day{padding:10px;height:45px;width:45px;font-size:16px}.event-indicator>.type-bullet>div[class*="type-"]{width:8px;height:8px;border-radius:50%}.calendar-sidebar>span#sidebarToggler,#eventListToggler{width:50px;height:50px}#eventListToggler,.event-hide #eventListToggler{right:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}button.icon-button>span.bars{height:5px}button.icon-button>span.bars::before,button.icon-button>span.bars::after{height:5px}button.icon-button>span.bars::before{top:-10px}button.icon-button>span.bars::after{bottom:-10px}button.icon-button>span.chevron-arrow-right{border-right-width:5px;border-bottom-width:5px;width:20px;height:20px}.event-container>.event-icon{padding:15px;width:50px;height:50px}.event-container>.event-icon::before{left:24px}.event-container>.event-info>p{font-size:18px}}@media screen and (max-width:991px){.calendar-sidebar{width:150px}.calendar-inner{padding:50px 10px 70px 10px;max-width:calc(100% - 425px);margin-left:150px}.sidebar-hide .calendar-inner{max-width:calc(100% - 275px)}.event-hide .calendar-inner{max-width:calc(100% - 150px)}.calendar-events{width:275px;padding:70px 10px 60px 10px}}@media screen and (max-width:768px){.calendar-sidebar{width:180px}.calendar-inner{padding:50px 10px 70px 10px;max-width:100%;margin-left:0}.sidebar-hide .calendar-inner,.event-hide .calendar-inner{max-width:100%}.calendar-inner::after{content:'';opacity:1}.sidebar-hide.event-hide .calendar-inner::after{content:none;opacity:0}.event-indicator{-webkit-transform:translate(-50%,calc(-100% + -3px));-ms-transform:translate(-50%,calc(-100% + -3px));transform:translate(-50%,calc(-100% + -3px))}.event-indicator>.type-bullet{padding:0 1px 3px 1px}.calendar-events{width:48%;padding:70px 20px 60px 20px;-webkit-box-shadow:-5px 0 18px -3px rgba(135,115,193,.5);box-shadow:-5px 0 18px -3px rgba(135,115,193,.5);z-index:1}.event-hide .calendar-events{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-box-shadow:none;box-shadow:none}#eventListToggler{right:48%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.event-hide #eventListToggler{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.calendar-events>.event-list{margin-top:20px}.calendar-sidebar>.calendar-year>button.icon-button{width:16px;height:16px}.calendar-sidebar>.calendar-year>button.icon-button>span{border-right-width:2px;border-bottom-width:2px}.calendar-sidebar>.calendar-year>p{font-size:22px}.calendar-sidebar>.month-list>.calendar-months>li{padding:6px 26px}.calendar-events>.event-header>p{margin:0}}@media screen and (max-width:425px){.calendar-sidebar{width:100%}.sidebar-hide .calendar-sidebar{height:43px}.sidebar-hide .calendar-sidebar{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:none;box-shadow:none}.calendar-sidebar>.calendar-year{position:relative;padding:10px 20px;text-align:center;background-color:#8773c1;-webkit-box-shadow:0 3px 8px -3px rgba(53,43,80,.65);box-shadow:0 3px 8px -3px rgba(53,43,80,.65)}.calendar-sidebar>.calendar-year>button.icon-button{width:14px;height:14px}.calendar-sidebar>.calendar-year>button.icon-button>span{border-right-width:3px;border-bottom-width:3px}.calendar-sidebar>.calendar-year>p{font-size:18px;margin:0 10px}.calendar-sidebar>.month-list{position:relative;width:100%;height:calc(100% - 43px);overflow-y:auto;background-color:#8773c1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:-1}.sidebar-hide .calendar-sidebar>.month-list{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.calendar-sidebar>.month-list>.calendar-months{position:absolute;top:0;left:0;width:100%;list-style-type:none;margin:0;padding:0;padding:10px}.calendar-sidebar>.month-list>.calendar-months::after{content:"";clear:both;display:table}.calendar-sidebar>.month-list>.calendar-months>li{padding:10px 20px;font-size:20px}.calendar-sidebar>span#sidebarToggler{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);top:0;bottom:unset;-webkit-box-shadow:none;box-shadow:none}th[colspan="7"]::after{bottom:0}.calendar-inner{margin-left:0;padding:53px 0 40px 0;float:unset}.calendar-inner::after{content:none;opacity:0}.sidebar-hide .calendar-inner,.event-hide .calendar-inner,.calendar-inner{max-width:100%}.calendar-sidebar>span#sidebarToggler,#eventListToggler{width:40px;height:40px}button.icon-button>span.chevron-arrow-right{border-right-width:4px;border-bottom-width:4px;width:18px;height:18px;-webkit-transform:translateX(-3px) rotate(-45deg);-ms-transform:translateX(-3px) rotate(-45deg);transform:translateX(-3px) rotate(-45deg)}button.icon-button>span.bars,button.icon-button>span.bars::before,button.icon-button>span.bars::after{height:4px}button.icon-button>span.bars::before{top:-8px}button.icon-button>span.bars::after{bottom:-8px}tr.calendar-header .calendar-header-day{padding:0}tr.calendar-body .calendar-day{padding:8px 0}tr.calendar-body .calendar-day .day{padding:10px;width:40px;height:40px;font-size:16px}.event-indicator{-webkit-transform:translate(-50%,calc(-100% + -3px));-ms-transform:translate(-50%,calc(-100% + -3px));transform:translate(-50%,calc(-100% + -3px))}.event-indicator>.type-bullet{padding:1px}.event-indicator>.type-bullet>div[class*="type-"]{width:6px;height:6px}.event-indicator{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}tr.calendar-body .calendar-day .day.calendar-today .event-indicator,tr.calendar-body .calendar-day .day.calendar-active .event-indicator{-webkit-transform:translate(-50%,3px);-ms-transform:translate(-50%,3px);transform:translate(-50%,3px)}.calendar-events{position:relative;padding:20px 15px;width:100%;height:185px;-webkit-box-shadow:0 5px 18px -3px rgba(0,0,0,.15);box-shadow:0 5px 18px -3px rgba(0,0,0,.15);overflow-y:auto;z-index:0}.event-hide .calendar-events{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);padding:0 15px;height:0}.calendar-events>.event-header>p{font-size:20px}.calendar-events>.event-list{margin-top:10px}.event-container>.event-icon{width:45px;height:45px}.event-container>.event-icon::before{left:21px}.event-container:last-child>.event-icon::before{height:50%}.event-container>.event-info{padding:11px 0}.event-hide #eventListToggler,#eventListToggler{top:calc(100% - 185px);right:0;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}.event-hide #eventListToggler{top:100%}#eventListToggler button.icon-button>span.chevron-arrow-right{position:relative;display:inline-block;-webkit-transform:translate(0,-3px) rotate(45deg);-ms-transform:translate(0,-3px) rotate(45deg);transform:translate(0,-3px) rotate(45deg)}}@media only screen and (max-width:375px){th[colspan="7"]{font-size:20px;padding-bottom:5px}tr.calendar-header .calendar-header-day{font-size:16px}tr.calendar-body .calendar-day .day{padding:5px;width:30px;height:30px;font-size:14px}} \ No newline at end of file +*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{padding:0;margin:0}body{font-family:'Source Sans Pro'}input:focus,textarea:focus,button:focus{outline:none}.evo-calendar{position:relative;background-color:#fbfbfb;color:#5a5a5a;width:100%;-webkit-box-shadow:0 10px 50px -20px #8773c1;box-shadow:0 10px 50px -20px #8773c1;margin:0 auto;overflow:hidden;z-index:1}.calendar-sidebar{position:absolute;margin-top:0;width:200px;height:100%;float:left;background-color:#8773c1;color:#fff;z-index:1;-webkit-box-shadow:5px 0 18px -3px #8773c1;box-shadow:5px 0 18px -3px #8773c1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:2}.sidebar-hide .calendar-sidebar{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-box-shadow:none;box-shadow:none}.calendar-sidebar>span#sidebarToggler{position:absolute;width:40px;height:40px;top:0;right:0;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);background-color:#8773c1;padding:10px 8px;cursor:pointer;-webkit-box-shadow:5px 0 18px -3px #8773c1;box-shadow:5px 0 18px -3px #8773c1}.calendar-sidebar>.calendar-year{padding:20px;text-align:center}.calendar-sidebar>.calendar-year>p{margin:0;font-size:30px;display:inline-block}.calendar-sidebar>.calendar-year>button.icon-button{display:inline-block;width:20px;height:20px;overflow:visible}.calendar-sidebar>.calendar-year>button.icon-button>span{border-right:4px solid #fff;border-bottom:4px solid #fff;width:100%;height:100%}.calendar-sidebar>.calendar-year>img[year-val="prev"]{float:left}.calendar-sidebar>.calendar-year>img[year-val="next"]{float:right}.calendar-sidebar>.month-list::-webkit-scrollbar{width:5px;height:5px}.calendar-sidebar>.month-list::-webkit-scrollbar-track{background:transparent}.calendar-sidebar>.month-list::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#d6c8ff}.calendar-sidebar>.month-list>.calendar-months{list-style-type:none;margin:0;padding:0}.calendar-sidebar>.month-list>.calendar-months>li{padding:7px 30px;cursor:pointer;font-size:16px}.calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:#a692e0}.calendar-sidebar>.month-list>.calendar-months>li.active-month{background-color:#755eb5}.calendar-inner{position:relative;padding:40px 30px;float:left;width:100%;max-width:calc(100% - 600px);margin-left:200px;background-color:#fff;-webkit-box-shadow:5px 0 18px -3px rgba(0,0,0,.15);box-shadow:5px 0 18px -3px rgba(0,0,0,.15);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:1}.calendar-inner::after{content:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(83,74,109,.5)}.sidebar-hide .calendar-inner{max-width:calc(100% - 400px);margin-left:0}.event-hide .calendar-inner{max-width:calc(100% - 200px)}.event-hide.sidebar-hide .calendar-inner{max-width:100%}.calendar-inner .calendar-table{border-collapse:collapse;font-size:20px;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}th[colspan="7"]{position:relative;text-align:center;text-transform:uppercase;font-weight:600;font-size:30px;color:#8773c1}th[colspan="7"]::after{content:'';position:absolute;bottom:-3px;left:50%;width:50px;height:5px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(135,115,193,.15)}tr.calendar-header .calendar-header-day{padding:10px;text-align:center;color:#5a5a5a}tr.calendar-body .calendar-day{padding:10px 0}tr.calendar-body .calendar-day .day{position:relative;padding:15px;height:60px;width:60px;margin:0 auto;border-radius:50%;text-align:center;color:#5a5a5a;border:1px solid transparent;-webkit-transition:all .3s ease,-webkit-transform .5s ease;transition:all .3s ease,-webkit-transform .5s ease;-o-transition:all .3s ease,transform .5s ease;transition:all .3s ease,transform .5s ease;transition:all .3s ease,transform .5s ease,-webkit-transform .5s ease;cursor:pointer}tr.calendar-body .calendar-day .day:hover{background-color:#dadada}tr.calendar-body .calendar-day .day:active{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}tr.calendar-body .calendar-day .day.calendar-active,tr.calendar-body .calendar-day .day.calendar-active:hover{color:#5a5a5a;border-color:rgba(0,0,0,.5)}tr.calendar-body .calendar-day .day.calendar-today{color:#fff;background-color:#8773c1}tr.calendar-body .calendar-day .day.calendar-today:hover{color:#fff;background-color:#755eb5}tr.calendar-body .calendar-day .day[disabled]{pointer-events:none;cursor:not-allowed;background-color:transparent;color:#b9b9b9}.calendar-events{position:absolute;top:0;right:0;width:400px;height:100%;padding:70px 30px 60px 30px;background-color:#fbfbfb;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;overflow-y:auto;z-index:0}.calendar-events::-webkit-scrollbar{width:5px;height:5px}.calendar-events::-webkit-scrollbar-track{background:transparent}.calendar-events::-webkit-scrollbar-thumb{background:#8e899c;border-radius:5px}.calendar-events::-webkit-scrollbar-thumb:hover{background:#6c6875}.calendar-events>.event-header>p{font-size:30px;font-weight:600;color:#5a5a5a}#eventListToggler{position:absolute;width:40px;height:40px;top:0;right:0;background-color:#8773c1;padding:10px;cursor:pointer;-webkit-box-shadow:5px 0 18px -3px #8773c1;box-shadow:5px 0 18px -3px #8773c1;z-index:1}.event-list::after{content:"";clear:both;display:table}.event-list>.event-empty{padding:15px 10px;background-color:rgba(135,115,193,.15);border:1px solid #8773c1}.event-list>.event-empty>p{margin:0;color:#755eb5}.event-container{display:block;width:100%;border-radius:10px;margin-bottom:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;float:left}.event-container:hover{background-color:#fff;-webkit-box-shadow:0 3px 12px -4px rgba(0,0,0,.65);box-shadow:0 3px 12px -4px rgba(0,0,0,.65)}.event-container>.event-icon{position:relative;padding:20px;width:60px;height:60px;float:left}.event-container>.event-icon::before{content:'';position:absolute;top:0;left:29px;width:2px;height:calc(100% + 10px);background-color:#eaeaea;z-index:-1}.event-container:last-child>.event-icon::before{height:calc(50% + 10px)}.event-container:first-child>.event-icon::before{top:50%;height:calc(50% + 10px)}.event-container:only-child>.event-icon::before{opacity:0}.event-container>.event-icon>img{width:30px}.event-container>.event-info{display:inline-block;padding:13px 0}.event-container>.event-info>p{margin:0;font-size:26px;color:#5a5a5a}.event-indicator{position:absolute;width:-moz-max-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;top:100%;left:50%;-webkit-transform:translate(-50%,calc(-100% + -5px));-ms-transform:translate(-50%,calc(-100% + -5px));transform:translate(-50%,calc(-100% + -5px))}.event-indicator>.type-bullet{float:left;padding:2px}.event-indicator>.type-bullet>div[class*="type-"]{width:10px;height:10px;border-radius:50%}.event-container>.event-icon>div.event-bullet-event,.event-container>.event-icon>div.event-bullet-holiday,.event-container>.event-icon>div.event-bullet-birthday{width:100%;height:100%;border-radius:50%}.event-container>.event-icon>div.event-bullet-event,.event-indicator>.type-bullet>div.type-event{background-color:#ff7575}.event-container>.event-icon>div.event-bullet-holiday,.event-indicator>.type-bullet>div.type-holiday{background-color:#ffc107}.event-container>.event-icon>div.event-bullet-birthday,.event-indicator>.type-bullet>div.type-birthday{background-color:#3ca8ff}button.icon-button{border:none;background-color:transparent;width:100%;height:100%;padding:0;cursor:pointer}button.icon-button>span.bars{position:relative;width:100%;height:4px;display:block;background-color:#fff}button.icon-button>span.bars::before,button.icon-button>span.bars::after{content:'';position:absolute;width:100%;height:4px;display:block;background-color:#fff}button.icon-button>span.bars::before{top:-8px}button.icon-button>span.bars::after{bottom:-8px}button.icon-button>span.chevron-arrow-left{display:inline-block;border-right:6px solid #fff;border-bottom:6px solid #fff;width:18px;height:18px;-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}button.icon-button>span.chevron-arrow-right{display:block;border-right:4px solid #fff;border-bottom:4px solid #fff;width:16px;height:16px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width:1280px){.calendar-inner{padding:50px 20px 70px 20px;max-width:calc(100% - 580px)}.sidebar-hide .calendar-inner{max-width:calc(100% - 380px)}tr.calendar-header .calendar-header-day,tr.calendar-body .calendar-day{padding:10px 5px}.calendar-events{width:380px;padding:70px 20px 60px 20px}}@media screen and (max-width:1024px){.calendar-sidebar{width:175px}.calendar-inner{padding:50px 10px 70px 10px;max-width:calc(100% - 475px);margin-left:175px}.sidebar-hide .calendar-inner{max-width:calc(100% - 300px)}.event-hide .calendar-inner{max-width:calc(100% - 175px)}.calendar-events{width:300px;padding:70px 10px 60px 10px}tr.calendar-body .calendar-day .day{padding:10px;height:45px;width:45px;font-size:16px}.event-indicator>.type-bullet>div[class*="type-"]{width:8px;height:8px;border-radius:50%}.calendar-sidebar>span#sidebarToggler,#eventListToggler{width:50px;height:50px}#eventListToggler,.event-hide #eventListToggler{right:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}button.icon-button>span.bars{height:5px}button.icon-button>span.bars::before,button.icon-button>span.bars::after{height:5px}button.icon-button>span.bars::before{top:-10px}button.icon-button>span.bars::after{bottom:-10px}button.icon-button>span.chevron-arrow-right{border-right-width:5px;border-bottom-width:5px;width:20px;height:20px}.event-container>.event-icon{padding:15px;width:50px;height:50px}.event-container>.event-icon::before{left:24px}.event-container>.event-info>p{font-size:18px}}@media screen and (max-width:991px){.calendar-sidebar{width:150px}.calendar-inner{padding:50px 10px 70px 10px;max-width:calc(100% - 425px);margin-left:150px}.sidebar-hide .calendar-inner{max-width:calc(100% - 275px)}.event-hide .calendar-inner{max-width:calc(100% - 150px)}.calendar-events{width:275px;padding:70px 10px 60px 10px}}@media screen and (max-width:768px){.calendar-sidebar{width:180px}.calendar-inner{padding:50px 10px 70px 10px;max-width:100%;margin-left:0}.sidebar-hide .calendar-inner,.event-hide .calendar-inner{max-width:100%}.calendar-inner::after{content:'';opacity:1}.sidebar-hide.event-hide .calendar-inner::after{content:none;opacity:0}.event-indicator{-webkit-transform:translate(-50%,calc(-100% + -3px));-ms-transform:translate(-50%,calc(-100% + -3px));transform:translate(-50%,calc(-100% + -3px))}.event-indicator>.type-bullet{padding:0 1px 3px 1px}.calendar-events{width:48%;padding:70px 20px 60px 20px;-webkit-box-shadow:-5px 0 18px -3px rgba(135,115,193,.5);box-shadow:-5px 0 18px -3px rgba(135,115,193,.5);z-index:1}.event-hide .calendar-events{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-box-shadow:none;box-shadow:none}#eventListToggler{right:48%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.event-hide #eventListToggler{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.calendar-events>.event-list{margin-top:20px}.calendar-sidebar>.calendar-year>button.icon-button{width:16px;height:16px}.calendar-sidebar>.calendar-year>button.icon-button>span{border-right-width:2px;border-bottom-width:2px}.calendar-sidebar>.calendar-year>p{font-size:22px}.calendar-sidebar>.month-list>.calendar-months>li{padding:6px 26px}.calendar-events>.event-header>p{margin:0}}@media screen and (max-width:425px){.calendar-sidebar{width:100%}.sidebar-hide .calendar-sidebar{height:43px}.sidebar-hide .calendar-sidebar{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:none;box-shadow:none}.calendar-sidebar>.calendar-year{position:relative;padding:10px 20px;text-align:center;background-color:#8773c1;-webkit-box-shadow:0 3px 8px -3px rgba(53,43,80,.65);box-shadow:0 3px 8px -3px rgba(53,43,80,.65)}.calendar-sidebar>.calendar-year>button.icon-button{width:14px;height:14px}.calendar-sidebar>.calendar-year>button.icon-button>span{border-right-width:3px;border-bottom-width:3px}.calendar-sidebar>.calendar-year>p{font-size:18px;margin:0 10px}.calendar-sidebar>.month-list{position:relative;width:100%;height:calc(100% - 43px);overflow-y:auto;background-color:#8773c1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:-1}.sidebar-hide .calendar-sidebar>.month-list{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.calendar-sidebar>.month-list>.calendar-months{position:absolute;top:0;left:0;width:100%;list-style-type:none;margin:0;padding:0;padding:10px}.calendar-sidebar>.month-list>.calendar-months::after{content:"";clear:both;display:table}.calendar-sidebar>.month-list>.calendar-months>li{padding:10px 20px;font-size:20px}.calendar-sidebar>span#sidebarToggler{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);top:0;bottom:unset;-webkit-box-shadow:none;box-shadow:none}th[colspan="7"]::after{bottom:0}.calendar-inner{margin-left:0;padding:53px 0 40px 0;float:unset}.calendar-inner::after{content:none;opacity:0}.sidebar-hide .calendar-inner,.event-hide .calendar-inner,.calendar-inner{max-width:100%}.calendar-sidebar>span#sidebarToggler,#eventListToggler{width:40px;height:40px}button.icon-button>span.chevron-arrow-right{border-right-width:4px;border-bottom-width:4px;width:18px;height:18px;-webkit-transform:translateX(-3px) rotate(-45deg);-ms-transform:translateX(-3px) rotate(-45deg);transform:translateX(-3px) rotate(-45deg)}button.icon-button>span.bars,button.icon-button>span.bars::before,button.icon-button>span.bars::after{height:4px}button.icon-button>span.bars::before{top:-8px}button.icon-button>span.bars::after{bottom:-8px}tr.calendar-header .calendar-header-day{padding:0}tr.calendar-body .calendar-day{padding:8px 0}tr.calendar-body .calendar-day .day{padding:10px;width:40px;height:40px;font-size:16px}.event-indicator{-webkit-transform:translate(-50%,calc(-100% + -3px));-ms-transform:translate(-50%,calc(-100% + -3px));transform:translate(-50%,calc(-100% + -3px))}.event-indicator>.type-bullet{padding:1px}.event-indicator>.type-bullet>div[class*="type-"]{width:6px;height:6px}.event-indicator{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}tr.calendar-body .calendar-day .day.calendar-today .event-indicator,tr.calendar-body .calendar-day .day.calendar-active .event-indicator{-webkit-transform:translate(-50%,3px);-ms-transform:translate(-50%,3px);transform:translate(-50%,3px)}.calendar-events{position:relative;padding:20px 15px;width:100%;height:185px;-webkit-box-shadow:0 5px 18px -3px rgba(0,0,0,.15);box-shadow:0 5px 18px -3px rgba(0,0,0,.15);overflow-y:auto;z-index:0}.event-hide .calendar-events{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);padding:0 15px;height:0}.calendar-events>.event-header>p{font-size:20px}.event-list>.event-empty{padding:10px}.event-container>.event-icon{width:45px;height:45px}.event-container>.event-icon::before{left:21px}.event-container:last-child>.event-icon::before{height:50%}.event-container>.event-info{padding:11px 0}.event-hide #eventListToggler,#eventListToggler{top:calc(100% - 185px);right:0;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}.event-hide #eventListToggler{top:100%}#eventListToggler button.icon-button>span.chevron-arrow-right{position:relative;display:inline-block;-webkit-transform:translate(0,-3px) rotate(45deg);-ms-transform:translate(0,-3px) rotate(45deg);transform:translate(0,-3px) rotate(45deg)}}@media only screen and (max-width:375px){th[colspan="7"]{font-size:20px;padding-bottom:5px}tr.calendar-header .calendar-header-day{font-size:16px}tr.calendar-body .calendar-day .day{padding:5px;width:30px;height:30px;font-size:14px}} \ No newline at end of file diff --git a/evo-calendar/css/evo-calendar.orange-coral.css b/evo-calendar/css/evo-calendar.orange-coral.css index 664033a..9c80681 100644 --- a/evo-calendar/css/evo-calendar.orange-coral.css +++ b/evo-calendar/css/evo-calendar.orange-coral.css @@ -88,6 +88,13 @@ .orange-coral .event-indicator > .type-bullet > div.type-event { background-color: #ff4d55; } +.orange-coral .event-list > .event-empty { + background-color: rgba(255, 150, 101, 0.15); + border: 1px solid #ff9665; +} +.orange-coral .event-list > .event-empty > p { + color: #ff6663; +} @media only screen and (max-width: 768px) { .orange-coral .calendar-inner::after { background-color: rgba(160, 131, 119, 0.5); diff --git a/evo-calendar/css/evo-calendar.orange-coral.min.css b/evo-calendar/css/evo-calendar.orange-coral.min.css index 655e200..6279567 100644 --- a/evo-calendar/css/evo-calendar.orange-coral.min.css +++ b/evo-calendar/css/evo-calendar.orange-coral.min.css @@ -10,4 +10,4 @@ * Issues: https://github.com/edlynvillegas/evo-calendar/issues * */ -.orange-coral{-webkit-box-shadow:0 10px 50px -20px rgb(255,153,102,.65);box-shadow:0 10px 50px -20px rgb(255,153,102,.65);border:2px solid #fc9567}.orange-coral .calendar-sidebar{background:#fc9567;background:-o-linear-gradient(left,#ff5e62,#ff9966);background:-webkit-gradient(linear,left top,right top,from(#ff5e62),to(#ff9966));background:linear-gradient(to right,#ff5e62,#ff9966);-webkit-box-shadow:5px 0 18px -3px rgb(255,152,101);box-shadow:5px 0 18px -3px rgb(255,152,101)}.orange-coral.sidebar-hide .calendar-sidebar{-webkit-box-shadow:none;box-shadow:none}.orange-coral .calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#ffd3bd}.orange-coral .calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:rgba(255,255,255,.2)}.orange-coral .calendar-sidebar>.month-list>.calendar-months>li.active-month{background-color:rgba(255,255,255,.4)}.orange-coral .calendar-sidebar>span#sidebarToggler,.orange-coral #eventListToggler{background-color:#ff9665;-webkit-box-shadow:0 0 18px -3px rgb(255,153,102,.65);box-shadow:0 0 18px -3px rgb(255,153,102,.65)}.orange-coral th[colspan="7"]{position:relative;font-size:30px;color:#fc9567}.orange-coral th[colspan="7"]::after{content:'';display:block;width:92%;height:1px;margin:0 auto;background:#f96}.orange-coral tr.calendar-body .calendar-day .day:hover{background-color:rgba(255,153,102,.32);color:#ff6363}.orange-coral tr.calendar-body .calendar-day .day.calendar-today{background:#f96;background:-o-linear-gradient(left,#ff5e62,#ff9966);background:-webkit-gradient(linear,left top,right top,from(#ff5e62),to(#ff9966));background:linear-gradient(to right,#ff5e62,#ff9966)}.orange-coral tr.calendar-body .calendar-day .day.calendar-active,.orange-coral tr.calendar-body .calendar-day .day.calendar-active:hover{border-color:#ff2b30}.orange-coral tr.calendar-body .calendar-day .day.calendar-today:hover{color:#fff}.orange-coral .calendar-events{background-color:#fff}.orange-coral .calendar-events::-webkit-scrollbar-thumb{background:#fc9567;border-radius:5px}.orange-coral .calendar-events::-webkit-scrollbar-thumb:hover{background:#dc855e}.orange-coral .event-container>.event-icon>div.event-bullet-event,.orange-coral .event-indicator>.type-bullet>div.type-event{background-color:#ff4d55}@media only screen and (max-width:768px){.orange-coral .calendar-inner::after{background-color:rgba(160,131,119,.5)}.orange-coral .calendar-events{-webkit-box-shadow:-5px 0 18px -3px rgba(255,152,101,.5);box-shadow:-5px 0 18px -3px rgba(255,152,101,.5)}.orange-coral.event-hide .calendar-events{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width:425px){.orange-coral .calendar-sidebar>.calendar-year{background:#fc9567;background:-o-linear-gradient(left,#ff7b64,#f96);background:-webkit-gradient(linear,left top,right top,from(#ff7b64),to(#f96));background:linear-gradient(to right,#ff7b64,#f96);-webkit-box-shadow:0 5px 18px -3px rgba(152,91,61,.65);box-shadow:0 3px 8px -3px rgba(152,91,61,.65)}.orange-coral .calendar-sidebar>.month-list{background:-o-linear-gradient(left,#ff5e62,#f96);background:-webkit-gradient(linear,left top,right top,from(#ff5e62),to(#f96));background:linear-gradient(to right,#ff5e62,#f96)}} \ No newline at end of file +.orange-coral{-webkit-box-shadow:0 10px 50px -20px rgb(255,153,102,.65);box-shadow:0 10px 50px -20px rgb(255,153,102,.65);border:2px solid #fc9567}.orange-coral .calendar-sidebar{background:#fc9567;background:-o-linear-gradient(left,#ff5e62,#ff9966);background:-webkit-gradient(linear,left top,right top,from(#ff5e62),to(#ff9966));background:linear-gradient(to right,#ff5e62,#ff9966);-webkit-box-shadow:5px 0 18px -3px rgb(255,152,101);box-shadow:5px 0 18px -3px rgb(255,152,101)}.orange-coral.sidebar-hide .calendar-sidebar{-webkit-box-shadow:none;box-shadow:none}.orange-coral .calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#ffd3bd}.orange-coral .calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:rgba(255,255,255,.2)}.orange-coral .calendar-sidebar>.month-list>.calendar-months>li.active-month{background-color:rgba(255,255,255,.4)}.orange-coral .calendar-sidebar>span#sidebarToggler,.orange-coral #eventListToggler{background-color:#ff9665;-webkit-box-shadow:0 0 18px -3px rgb(255,153,102,.65);box-shadow:0 0 18px -3px rgb(255,153,102,.65)}.orange-coral th[colspan="7"]{position:relative;font-size:30px;color:#fc9567}.orange-coral th[colspan="7"]::after{content:'';display:block;width:92%;height:1px;margin:0 auto;background:#f96}.orange-coral tr.calendar-body .calendar-day .day:hover{background-color:rgba(255,153,102,.32);color:#ff6363}.orange-coral tr.calendar-body .calendar-day .day.calendar-today{background:#f96;background:-o-linear-gradient(left,#ff5e62,#ff9966);background:-webkit-gradient(linear,left top,right top,from(#ff5e62),to(#ff9966));background:linear-gradient(to right,#ff5e62,#ff9966)}.orange-coral tr.calendar-body .calendar-day .day.calendar-active,.orange-coral tr.calendar-body .calendar-day .day.calendar-active:hover{border-color:#ff2b30}.orange-coral tr.calendar-body .calendar-day .day.calendar-today:hover{color:#fff}.orange-coral .calendar-events{background-color:#fff}.orange-coral .calendar-events::-webkit-scrollbar-thumb{background:#fc9567;border-radius:5px}.orange-coral .calendar-events::-webkit-scrollbar-thumb:hover{background:#dc855e}.orange-coral .event-container>.event-icon>div.event-bullet-event,.orange-coral .event-indicator>.type-bullet>div.type-event{background-color:#ff4d55}.orange-coral .event-list>.event-empty{background-color:rgba(255,150,101,.15);border:1px solid #ff9665}.orange-coral .event-list>.event-empty>p{color:#ff6663}@media only screen and (max-width:768px){.orange-coral .calendar-inner::after{background-color:rgba(160,131,119,.5)}.orange-coral .calendar-events{-webkit-box-shadow:-5px 0 18px -3px rgba(255,152,101,.5);box-shadow:-5px 0 18px -3px rgba(255,152,101,.5)}.orange-coral.event-hide .calendar-events{-webkit-box-shadow:none;box-shadow:none}}@media screen and (max-width:425px){.orange-coral .calendar-sidebar>.calendar-year{background:#fc9567;background:-o-linear-gradient(left,#ff7b64,#f96);background:-webkit-gradient(linear,left top,right top,from(#ff7b64),to(#f96));background:linear-gradient(to right,#ff7b64,#f96);-webkit-box-shadow:0 5px 18px -3px rgba(152,91,61,.65);box-shadow:0 3px 8px -3px rgba(152,91,61,.65)}.orange-coral .calendar-sidebar>.month-list{background:-o-linear-gradient(left,#ff5e62,#f96);background:-webkit-gradient(linear,left top,right top,from(#ff5e62),to(#f96));background:linear-gradient(to right,#ff5e62,#f96)}} \ No newline at end of file diff --git a/evo-calendar/css/evo-calendar.royal-navy.css b/evo-calendar/css/evo-calendar.royal-navy.css index 0aa2caf..e87f507 100644 --- a/evo-calendar/css/evo-calendar.royal-navy.css +++ b/evo-calendar/css/evo-calendar.royal-navy.css @@ -139,6 +139,13 @@ .royal-navy .event-container:hover > .event-info > p { color: #164255; } +.royal-navy .event-list > .event-empty { + background-color: rgba(255, 255, 255, 0.15); + border: 1px solid #fff; +} +.royal-navy .event-list > .event-empty > p { + color: #ffff; +} @media only screen and (max-width: 768px) { .royal-navy .calendar-sidebar > .month-list > .calendar-months > li { padding: 6px 26px; diff --git a/evo-calendar/css/evo-calendar.royal-navy.min.css b/evo-calendar/css/evo-calendar.royal-navy.min.css index 903cbca..0153517 100644 --- a/evo-calendar/css/evo-calendar.royal-navy.min.css +++ b/evo-calendar/css/evo-calendar.royal-navy.min.css @@ -10,4 +10,4 @@ * Issues: https://github.com/edlynvillegas/evo-calendar/issues * */ -.royal-navy .calendar-sidebar{background-color:#216583;-webkit-box-shadow:5px 0 18px -3px #216583;box-shadow:5px 0 18px -3px #216583}.royal-navy.sidebar-hide .calendar-sidebar{-webkit-box-shadow:none;box-shadow:none}.royal-navy .calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#fff7e1}.royal-navy .calendar-sidebar>.month-list>.calendar-months{padding:0 15px 0 0}.royal-navy .calendar-sidebar>.month-list>.calendar-months>li{padding:9px 30px;border-radius:0 25px 25px 0}.royal-navy .calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:rgba(0,0,0,.2)}.royal-navy .calendar-sidebar>.month-list>.calendar-months>li.active-month{background-color:rgba(0,0,0,.35)}.royal-navy .calendar-sidebar>span#sidebarToggler{width:35px;height:35px;top:10px;right:0;background-color:#f7be16;border-radius:50%;padding:8px;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);-webkit-box-shadow:0 5px 10px -3px #f7be16;box-shadow:0 5px 10px -3px #f7be16;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.royal-navy.sidebar-hide .calendar-sidebar>span#sidebarToggler{-webkit-transform:translate(calc(100% + 10px),0);-ms-transform:translate(calc(100% + 10px),0);transform:translate(calc(100% + 10px),0)}.royal-navy button.icon-button>span.bars,.royal-navy button.icon-button>span.bars::before,.royal-navy button.icon-button>span.bars::after{height:3px}.royal-navy button.icon-button>span.bars::before{top:-6px}.royal-navy button.icon-button>span.bars::after{bottom:-6px}.royal-navy .calendar-inner{color:#164255}.royal-navy th[colspan="7"]{color:#216583}.royal-navy th[colspan="7"]::after{background-color:rgba(33,101,131,.15)}.royal-navy tr.calendar-body .calendar-day .day:hover{background-color:rgba(48,152,197,.25);color:#164255}.royal-navy tr.calendar-body .calendar-day .day.calendar-active,.royal-navy tr.calendar-body .calendar-day .day.calendar-active:hover{border-color:#164255}.royal-navy tr.calendar-body .calendar-day .day.calendar-today{background-color:#216583;color:#fff;-webkit-box-shadow:0 5px 10px -3px #216583;box-shadow:0 5px 10px -3px #216583}.royal-navy #eventListToggler{width:35px;height:35px;top:10px;background-color:#f7be16;border-radius:50%;padding:6px;-webkit-box-shadow:0 5px 10px -3px #f7be16;box-shadow:0 5px 10px -3px #f7be16;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.royal-navy .calendar-events{padding:50px 30px 40px 30px;background-color:#216583;color:#fff}.royal-navy .calendar-events::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.royal-navy .calendar-events::-webkit-scrollbar-thumb:hover{background:#fff7e1}.royal-navy .calendar-events>.event-header>p{text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #fff;color:#fff}.royal-navy .event-container{border-radius:30px}.royal-navy .event-container:hover{background-color:#fff}.royal-navy .event-container>.event-info>p{color:#fff}.royal-navy .event-container:hover>.event-info>p{color:#164255}@media only screen and (max-width:768px){.royal-navy .calendar-sidebar>.month-list>.calendar-months>li{padding:6px 26px}.royal-navy button.icon-button>span.bars,.royal-navy button.icon-button>span.bars::before,.royal-navy button.icon-button>span.bars::after{height:4px}.royal-navy .calendar-inner::after{background-color:rgba(44,81,97,.5)}.royal-navy .calendar-sidebar>span#sidebarToggler,.royal-navy #eventListToggler{width:50px;height:50px;padding:15px 12px}.royal-navy button.icon-button>span.bars::before{top:-8px}.royal-navy button.icon-button>span.bars::after{bottom:-8px}.royal-navy .calendar-events{-webkit-box-shadow:-5px 0 18px -3px #216583;box-shadow:-5px 0 18px -3px #216583}.royal-navy.event-hide .calendar-events{-webkit-transform:translateX(calc(100% + 1px));-ms-transform:translateX(calc(100% + 1px));transform:translateX(calc(100% + 1px));-webkit-box-shadow:none;box-shadow:none}.royal-navy #eventListToggler{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.royal-navy.event-hide #eventListToggler{right:10px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.royal-navy.event-hide .calendar-events #eventListToggler{-webkit-transform:translateX(calc(-100% - 10px));-ms-transform:translateX(calc(-100% - 10px));transform:translateX(calc(-100% - 10px))}}@media screen and (max-width:425px){.royal-navy .calendar-sidebar>.calendar-year{background-color:#216583;-webkit-box-shadow:0 5px 8px -3px rgba(12,37,47,.65);box-shadow:0 5px 8px -3px rgba(12,37,47,.65)}.royal-navy .calendar-sidebar>.month-list{background-color:#174d65}.royal-navy .calendar-sidebar>.month-list>.calendar-months{padding:10px}.royal-navy .calendar-sidebar>.month-list>.calendar-months>li{width:100%;padding:10px 20px;border-radius:25px;float:unset}.royal-navy.sidebar-hide .calendar-sidebar>span#sidebarToggler{-webkit-transform:translate(-5px,10px) scale(.9);-ms-transform:translate(-5px,10px) scale(.9);transform:translate(-5px,10px) scale(.9)}.royal-navy .calendar-sidebar>span#sidebarToggler{-webkit-transform:translate(-5px,10px) scale(.9);-ms-transform:translate(-5px,10px) scale(.9);transform:translate(-5px,10px) scale(.9)}.royal-navy .calendar-inner{padding:63px 0 40px 0;-webkit-box-shadow:0 5px 8px -3px rgba(12,37,47,.65);box-shadow:0 5px 8px -3px rgba(12,37,47,.65)}.royal-navy.event-hide .calendar-events,.royal-navy .calendar-events{padding:20px 15px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.royal-navy.event-hide .calendar-events{padding:0 15px}.royal-navy.event-hide #eventListToggler,.royal-navy #eventListToggler{top:calc(100% - 185px);right:0;-webkit-transform:translate(-5px,-50%) scale(.9);-ms-transform:translate(-5px,-50%) scale(.9);transform:translate(-5px,-50%) scale(.9)}.royal-navy.event-hide #eventListToggler{top:100%;-webkit-transform:translate(0,-100%) scale(.8);-ms-transform:translate(0,-100%) scale(.8);transform:translate(0,-100%) scale(.8)}} \ No newline at end of file +.royal-navy .calendar-sidebar{background-color:#216583;-webkit-box-shadow:5px 0 18px -3px #216583;box-shadow:5px 0 18px -3px #216583}.royal-navy.sidebar-hide .calendar-sidebar{-webkit-box-shadow:none;box-shadow:none}.royal-navy .calendar-sidebar>.month-list::-webkit-scrollbar-thumb:hover{background:#fff7e1}.royal-navy .calendar-sidebar>.month-list>.calendar-months{padding:0 15px 0 0}.royal-navy .calendar-sidebar>.month-list>.calendar-months>li{padding:9px 30px;border-radius:0 25px 25px 0}.royal-navy .calendar-sidebar>.month-list>.calendar-months>li:hover{background-color:rgba(0,0,0,.2)}.royal-navy .calendar-sidebar>.month-list>.calendar-months>li.active-month{background-color:rgba(0,0,0,.35)}.royal-navy .calendar-sidebar>span#sidebarToggler{width:35px;height:35px;top:10px;right:0;background-color:#f7be16;border-radius:50%;padding:8px;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);-webkit-box-shadow:0 5px 10px -3px #f7be16;box-shadow:0 5px 10px -3px #f7be16;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.royal-navy.sidebar-hide .calendar-sidebar>span#sidebarToggler{-webkit-transform:translate(calc(100% + 10px),0);-ms-transform:translate(calc(100% + 10px),0);transform:translate(calc(100% + 10px),0)}.royal-navy button.icon-button>span.bars,.royal-navy button.icon-button>span.bars::before,.royal-navy button.icon-button>span.bars::after{height:3px}.royal-navy button.icon-button>span.bars::before{top:-6px}.royal-navy button.icon-button>span.bars::after{bottom:-6px}.royal-navy .calendar-inner{color:#164255}.royal-navy th[colspan="7"]{color:#216583}.royal-navy th[colspan="7"]::after{background-color:rgba(33,101,131,.15)}.royal-navy tr.calendar-body .calendar-day .day:hover{background-color:rgba(48,152,197,.25);color:#164255}.royal-navy tr.calendar-body .calendar-day .day.calendar-active,.royal-navy tr.calendar-body .calendar-day .day.calendar-active:hover{border-color:#164255}.royal-navy tr.calendar-body .calendar-day .day.calendar-today{background-color:#216583;color:#fff;-webkit-box-shadow:0 5px 10px -3px #216583;box-shadow:0 5px 10px -3px #216583}.royal-navy #eventListToggler{width:35px;height:35px;top:10px;background-color:#f7be16;border-radius:50%;padding:6px;-webkit-box-shadow:0 5px 10px -3px #f7be16;box-shadow:0 5px 10px -3px #f7be16;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.royal-navy .calendar-events{padding:50px 30px 40px 30px;background-color:#216583;color:#fff}.royal-navy .calendar-events::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.royal-navy .calendar-events::-webkit-scrollbar-thumb:hover{background:#fff7e1}.royal-navy .calendar-events>.event-header>p{text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #fff;color:#fff}.royal-navy .event-container{border-radius:30px}.royal-navy .event-container:hover{background-color:#fff}.royal-navy .event-container>.event-info>p{color:#fff}.royal-navy .event-container:hover>.event-info>p{color:#164255}.royal-navy .event-list>.event-empty{background-color:rgba(255,255,255,.15);border:1px solid #fff}.royal-navy .event-list>.event-empty>p{color:#fff}@media only screen and (max-width:768px){.royal-navy .calendar-sidebar>.month-list>.calendar-months>li{padding:6px 26px}.royal-navy button.icon-button>span.bars,.royal-navy button.icon-button>span.bars::before,.royal-navy button.icon-button>span.bars::after{height:4px}.royal-navy .calendar-inner::after{background-color:rgba(44,81,97,.5)}.royal-navy .calendar-sidebar>span#sidebarToggler,.royal-navy #eventListToggler{width:50px;height:50px;padding:15px 12px}.royal-navy button.icon-button>span.bars::before{top:-8px}.royal-navy button.icon-button>span.bars::after{bottom:-8px}.royal-navy .calendar-events{-webkit-box-shadow:-5px 0 18px -3px #216583;box-shadow:-5px 0 18px -3px #216583}.royal-navy.event-hide .calendar-events{-webkit-transform:translateX(calc(100% + 1px));-ms-transform:translateX(calc(100% + 1px));transform:translateX(calc(100% + 1px));-webkit-box-shadow:none;box-shadow:none}.royal-navy #eventListToggler{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.royal-navy.event-hide #eventListToggler{right:10px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.royal-navy.event-hide .calendar-events #eventListToggler{-webkit-transform:translateX(calc(-100% - 10px));-ms-transform:translateX(calc(-100% - 10px));transform:translateX(calc(-100% - 10px))}}@media screen and (max-width:425px){.royal-navy .calendar-sidebar>.calendar-year{background-color:#216583;-webkit-box-shadow:0 5px 8px -3px rgba(12,37,47,.65);box-shadow:0 5px 8px -3px rgba(12,37,47,.65)}.royal-navy .calendar-sidebar>.month-list{background-color:#174d65}.royal-navy .calendar-sidebar>.month-list>.calendar-months{padding:10px}.royal-navy .calendar-sidebar>.month-list>.calendar-months>li{width:100%;padding:10px 20px;border-radius:25px;float:unset}.royal-navy.sidebar-hide .calendar-sidebar>span#sidebarToggler{-webkit-transform:translate(-5px,10px) scale(.9);-ms-transform:translate(-5px,10px) scale(.9);transform:translate(-5px,10px) scale(.9)}.royal-navy .calendar-sidebar>span#sidebarToggler{-webkit-transform:translate(-5px,10px) scale(.9);-ms-transform:translate(-5px,10px) scale(.9);transform:translate(-5px,10px) scale(.9)}.royal-navy .calendar-inner{padding:63px 0 40px 0;-webkit-box-shadow:0 5px 8px -3px rgba(12,37,47,.65);box-shadow:0 5px 8px -3px rgba(12,37,47,.65)}.royal-navy.event-hide .calendar-events,.royal-navy .calendar-events{padding:20px 15px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.royal-navy.event-hide .calendar-events{padding:0 15px}.royal-navy.event-hide #eventListToggler,.royal-navy #eventListToggler{top:calc(100% - 185px);right:0;-webkit-transform:translate(-5px,-50%) scale(.9);-ms-transform:translate(-5px,-50%) scale(.9);transform:translate(-5px,-50%) scale(.9)}.royal-navy.event-hide #eventListToggler{top:100%;-webkit-transform:translate(0,-100%) scale(.8);-ms-transform:translate(0,-100%) scale(.8);transform:translate(0,-100%) scale(.8)}} \ No newline at end of file diff --git a/evo-calendar/js/evo-calendar.js b/evo-calendar/js/evo-calendar.js index 781062d..601185f 100644 --- a/evo-calendar/js/evo-calendar.js +++ b/evo-calendar/js/evo-calendar.js @@ -579,11 +579,13 @@ } // IF: no event for the selected date if(!hasEventToday) { + markup = '
'; if (_.$active.date === _.$current.date) { - markup = `

${_.initials.dates[_.options.language].noEventForToday}

`; + markup += `

${_.initials.dates[_.options.language].noEventForToday}

`; } else { - markup = `

${_.initials.dates[_.options.language].noEventForThisDay}

`; + markup += `

${_.initials.dates[_.options.language].noEventForThisDay}

`; } + markup += '
'; } eventListEl.append(markup) } diff --git a/evo-calendar/js/evo-calendar.min.js b/evo-calendar/js/evo-calendar.min.js index 098a52c..72e9138 100644 --- a/evo-calendar/js/evo-calendar.min.js +++ b/evo-calendar/js/evo-calendar.min.js @@ -11,4 +11,4 @@ * */ -!function(e){"use strict";"function"==typeof define&&define.amd?define(["jquery"],e):"undefined"!=typeof exports?module.exports=e(require("jquery")):e(jQuery)}(function(e){"use strict";var t=window.EvoCalendar||{};(t=function(){var t=0;return function(a,n){var i=this;if(i.defaults={theme:null,format:"mm/dd/yyyy",titleFormat:"MM yyyy",eventHeaderFormat:"MM d, yyyy",firstDayOfWeek:0,language:"en",todayHighlight:!1,sidebarDisplayDefault:!0,sidebarToggler:!0,eventDisplayDefault:!0,eventListToggler:!0,calendarEvents:null},i.options=e.extend({},i.defaults,n),i.initials={default_class:e(a)[0].classList.value,validParts:/dd?|DD?|mm?|MM?|yy(?:yy)?/g,dates:{en:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],noEventForToday:"No event for today.. so take a rest! :)",noEventForThisDay:"No event for this day.. so take a rest! :)"},es:{days:["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"],daysShort:["Dom","Lun","Mar","Mié","Jue","Vie","Sáb"],daysMin:["Do","Lu","Ma","Mi","Ju","Vi","Sa"],months:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],monthsShort:["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],noEventForToday:"No hay evento para hoy.. ¡así que descanse! :)",noEventForThisDay:"Ningún evento para este día.. ¡así que descanse! :)"},de:{days:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],daysShort:["So","Mo","Di","Mi","Do","Fr","Sa"],daysMin:["So","Mo","Di","Mi","Do","Fr","Sa"],months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"],noEventForToday:"Keine Veranstaltung für heute.. also ruhen Sie sich aus! :)",noEventForThisDay:"Keine Veranstaltung für diesen Tag.. also ruhen Sie sich aus! :)"},pt:{days:["Domingo","Segunda-Feira","Terça-Feira","Quarta-Feira","Quinta-Feira","Sexta-Feira","Sábado"],daysShort:["Dom","Seg","Ter","Qua","Qui","Sex","Sáb"],daysMin:["Do","2a","3a","4a","5a","6a","Sa"],months:["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],monthsShort:["Jan","Feb","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],noEventForToday:"Nenhum evento para hoje.. então descanse! :)",noEventForThisDay:"Nenhum evento para este dia.. então descanse! :)"}}},i.initials.weekends={sun:i.initials.dates[i.options.language].daysShort[0],sat:i.initials.dates[i.options.language].daysShort[6]},null!=i.options.calendarEvents)for(var o=0;ot){for(var n=e.split(" "),i=0;i=new Date(e)},t.prototype.hasSameDayEventType=function(e,t){for(var a=this,n=0,i=0;i0},t.prototype.setTheme=function(t){var a=this,n=a.options.theme;a.options.theme=t.toLowerCase().split(" ").join("-"),a.options.theme&&e(a.$elements.calendarEl).removeClass(n),"default"!==a.options.theme&&e(a.$elements.calendarEl).addClass(a.options.theme)},t.prototype.resize=function(){var t=this,a=!t.$elements.calendarEl.hasClass("sidebar-hide"),n=!t.$elements.calendarEl.hasClass("event-hide"),i=e(window).width();i<=t.$breakpoints.tablet&&i>t.$breakpoints.mobile?(a&&t.toggleSidebar(),n&&t.toggleEventList(),e(window).off("click.evocalendar.evo-"+t.instanceUid).on("click.evocalendar.evo-"+t.instanceUid,e.proxy(t.toggleOutside,t))):i<=t.$breakpoints.mobile?(a&&t.toggleSidebar(!1),n&&t.toggleEventList(!1),e(window).off("click.evocalendar.evo-"+t.instanceUid)):e(window).off("click.evocalendar.evo-"+t.instanceUid)},t.prototype.initEventListener=function(){var t=this;e(window).off("resize.evocalendar.evo-"+t.instanceUid).on("resize.evocalendar.evo-"+t.instanceUid,e.proxy(t.resize,t)),t.options.sidebarToggler&&t.$elements.sidebarToggler.off("click.evocalendar").on("click.evocalendar",t.toggleSidebar),t.options.eventListToggler&&t.$elements.eventListToggler.off("click.evocalendar").on("click.evocalendar",t.toggleEventList),t.$elements.sidebarEl.find("[data-month-val]").off("click.evocalendar").on("click.evocalendar",t.selectMonth),t.$elements.sidebarEl.find("[data-year-val]").off("click.evocalendar").on("click.evocalendar",t.selectYear),t.$elements.eventEl.find("[data-event-index]").off("click.evocalendar").on("click.evocalendar",t.selectEvent)},t.prototype.destroyEventListener=function(){var t=this;e(window).off("resize.evocalendar.evo-"+t.instanceUid),e(window).off("click.evocalendar.evo-"+t.instanceUid),t.options.sidebarToggler&&t.$elements.sidebarToggler.off("click.evocalendar"),t.options.eventListToggler&&t.$elements.eventListToggler.off("click.evocalendar"),t.$elements.innerEl.find(".calendar-day").children().off("click.evocalendar"),t.$elements.sidebarEl.find("[data-month-val]").off("click.evocalendar"),t.$elements.sidebarEl.find("[data-year-val]").off("click.evocalendar"),t.$elements.eventEl.find("[data-event-index]").off("click.evocalendar")},t.prototype.calculateDays=function(){var e,t,a,n=this;for(n.monthLength=n.$label.days_in_month[n.$active.month],1==n.$active.month&&(n.$active.year%4==0&&n.$active.year%100!=0||n.$active.year%400==0)&&(n.monthLength=29),e=n.initials.dates[n.options.language].daysShort,t=n.options.firstDayOfWeek;n.$label.days.length'+t.initials.dates[t.options.language].months[n]+"";a+="",a+="",a+='
';for(n=0;n'+t.$label.days[n]+""}a+="
",a+='

',t.$elements.calendarEl.html(a),t.$elements.sidebarEl||(t.$elements.sidebarEl=e(t.$elements.calendarEl).find(".calendar-sidebar")),t.$elements.innerEl||(t.$elements.innerEl=e(t.$elements.calendarEl).find(".calendar-inner")),t.$elements.eventEl||(t.$elements.eventEl=e(t.$elements.calendarEl).find(".calendar-events")),t.options.sidebarToggler&&(e(t.$elements.sidebarEl).append(''),t.$elements.sidebarToggler||(t.$elements.sidebarToggler=e(t.$elements.sidebarEl).find("span#sidebarToggler"))),t.options.eventListToggler&&(e(t.$elements.calendarEl).append(''),t.$elements.eventListToggler||(t.$elements.eventListToggler=e(t.$elements.calendarEl).find("span#eventListToggler")))}t.buildSidebarYear(),t.buildSidebarMonths(),t.buildCalendar(),t.buildEventList(),t.initEventListener(),t.resize()},t.prototype.buildEventList=function(){var e,t=this,a=!1;t.$active.events=[];var n=t.formatDate(t.$active.date,t.options.eventHeaderFormat,t.options.language);t.$elements.eventEl.find(".event-header > p").text(n);var i=t.$elements.eventEl.find(".event-list");if(i.children().length>0&&i.empty(),t.options.calendarEvents)for(var o=0;o${t.initials.dates[t.options.language].noEventForToday}

`:`

${t.initials.dates[t.options.language].noEventForThisDay}

`),i.append(e)},t.prototype.addEventList=function(e){var t,a=this,n=a.$elements.eventEl.find(".event-list");0===n.find("[data-event-index]").length&&n.empty(),a.$active.events.push(e),t='
',t+='
',t+='

'+a.limitTitle(e.name)+"

",t+="
",n.append(t),a.$elements.eventEl.find('[data-event-index="'+e.id+'"]').off("click.evocalendar").on("click.evocalendar",a.selectEvent)},t.prototype.removeEventList=function(e){var t,a=this,n=a.$elements.eventEl.find(".event-list");0!==n.find('[data-event-index="'+e+'"]').length&&(n.find('[data-event-index="'+e+'"]').remove(),0===n.find("[data-event-index]").length&&(n.empty(),t=a.$active.date===a.$current.date?`

${a.initials.dates[a.options.language].noEventForToday}

`:`

${a.initials.dates[a.options.language].noEventForThisDay}

`,n.append(t)))},t.prototype.buildSidebarYear=function(){this.$elements.sidebarEl.find(".calendar-year > p").text(this.$active.year)},t.prototype.buildSidebarMonths=function(){var e=this;e.$elements.sidebarEl.find(".calendar-months > [data-month-val]").removeClass("active-month"),e.$elements.sidebarEl.find('.calendar-months > [data-month-val="'+e.$active.month+'"]').addClass("active-month")},t.prototype.buildCalendar=function(){var e,t,a=this;a.calculateDays(),t=a.formatDate(new Date(a.$label.months[a.$active.month]+" 1 "+a.$active.year),a.options.titleFormat,a.options.language),a.$elements.innerEl.find(".calendar-table th").text(t),a.$elements.innerEl.find(".calendar-body").remove(),e+='';for(var n=1,i=0;i<9;i++){for(var o=0;o0||o>=a.startingDay)){var l="calendar-day";a.$label.days[o]!==a.initials.weekends.sat&&a.$label.days[o]!==a.initials.weekends.sun||(l+=" --weekend"),e+='',e+='
'+n+"
",n++}else e+="";e+=""}if(n>a.monthLength)break;e+=''}e+="",a.$elements.innerEl.find(".calendar-table").append(e),a.options.todayHighlight&&a.$elements.innerEl.find("[data-date-val='"+a.$current.date+"']").addClass("calendar-today"),a.$elements.innerEl.find(".calendar-day").children().off("click.evocalendar").on("click.evocalendar",a.selectDate);var s=a.$elements.innerEl.find("[data-date-val='"+a.$active.date+"']");s&&(a.$elements.innerEl.children().removeClass("calendar-active"),s.addClass("calendar-active")),null!=a.options.calendarEvents&&a.buildEventIndicator()},t.prototype.addEventIndicator=function(e){var t,a,n=this,i=e.date,o=e.type;if(i instanceof Array){if(e.everyYear)for(var l=0;l'),0===a.find("span.event-indicator > .type-bullet > .type-"+o).length&&(t='
',a.find(".event-indicator").append(t))}},t.prototype.removeEventIndicator=function(e){var t=this,a=e.date,n=e.type;if(a instanceof Array)for(var i=t.getBetweenDates(a),o=0;o .type-bullet > .type-'+n).parent().remove())}},t.prototype.buildEventIndicator=function(){var e=this;e.$elements.innerEl.find(".calendar-day > day > .event-indicator").empty();for(var t=0;t=0&&t<=a.$label.months.length&&(a.$active.month=t.toString()):a.$active.month=e(t.currentTarget).data("monthVal"),n<=a.$breakpoints.tablet&&i&&a.toggleSidebar(!1),a.buildSidebarMonths(),a.buildCalendar()},t.prototype.selectDate=function(t){var a,n,i,o,l,s=this,r=s.$active.date;"string"==typeof t||"number"==typeof t||t instanceof Date?(a=s.formatDate(new Date(t),s.options.format),n=new Date(a).getFullYear(),i=new Date(a).getMonth(),s.$active.year!==n&&s.selectYear(n),s.$active.month!==i&&s.selectMonth(i),o=s.$elements.innerEl.find("[data-date-val='"+a+"']")):a=(o=e(t.currentTarget)).data("dateVal"),l=s.$active.date===a,s.$active.date=a,s.$active.event_date=a,s.$elements.innerEl.find("[data-date-val]").removeClass("calendar-active"),o.addClass("calendar-active"),l||s.buildEventList(),e(s.$elements.calendarEl).trigger("selectDate",[s.$active.date,r])},t.prototype.getActiveDate=function(){return this.$active.date},t.prototype.getActiveEvents=function(){return this.$active.events},t.prototype.toggleOutside=function(e){var t,a,n,i=this;t=!i.$elements.calendarEl.hasClass("sidebar-hide"),a=!i.$elements.calendarEl.hasClass("event-hide"),n=e.target===i.$elements.innerEl[0],t&&n&&i.toggleSidebar(!1),a&&n&&i.toggleEventList(!1)},t.prototype.toggleSidebar=function(t){var a,n,i,o=this;i=e(window).width(),void 0===t||t.originalEvent?e(o.$elements.calendarEl).toggleClass("sidebar-hide"):t?e(o.$elements.calendarEl).removeClass("sidebar-hide"):e(o.$elements.calendarEl).addClass("sidebar-hide"),i<=o.$breakpoints.tablet&&i>o.$breakpoints.mobile&&(a=!o.$elements.calendarEl.hasClass("sidebar-hide"),n=!o.$elements.calendarEl.hasClass("event-hide"),a&&n&&o.toggleEventList())},t.prototype.toggleEventList=function(t){var a,n,i,o=this;i=e(window).width(),void 0===t||t.originalEvent?e(o.$elements.calendarEl).toggleClass("event-hide"):t?e(o.$elements.calendarEl).removeClass("event-hide"):e(o.$elements.calendarEl).addClass("event-hide"),i<=o.$breakpoints.tablet&&i>o.$breakpoints.mobile&&(n=!o.$elements.calendarEl.hasClass("event-hide"),a=!o.$elements.calendarEl.hasClass("sidebar-hide"),n&&a&&o.toggleSidebar())},t.prototype.addCalendarEvent=function(e){var t=this;function a(e){if(e.id||console.log('%c Event named: "'+e.name+"\" doesn't have a unique ID ","color:white;font-weight:bold;background-color:#e21d1d;"),e.date instanceof Array)for(var a=0;a=0){var n=t.options.calendarEvents[a];t.options.calendarEvents.splice(a,1),t.removeEventList(e),t.removeEventIndicator(n)}else console.log("%c "+e+": ID not found ","color:white;font-weight:bold;background-color:#e21d1d;")}if(e instanceof Array)for(var n=0;nt){for(var n=e.split(" "),i=0;i=new Date(e)},t.prototype.hasSameDayEventType=function(e,t){for(var a=this,n=0,i=0;i0},t.prototype.setTheme=function(t){var a=this,n=a.options.theme;a.options.theme=t.toLowerCase().split(" ").join("-"),a.options.theme&&e(a.$elements.calendarEl).removeClass(n),"default"!==a.options.theme&&e(a.$elements.calendarEl).addClass(a.options.theme)},t.prototype.resize=function(){var t=this,a=!t.$elements.calendarEl.hasClass("sidebar-hide"),n=!t.$elements.calendarEl.hasClass("event-hide"),i=e(window).width();i<=t.$breakpoints.tablet&&i>t.$breakpoints.mobile?(a&&t.toggleSidebar(),n&&t.toggleEventList(),e(window).off("click.evocalendar.evo-"+t.instanceUid).on("click.evocalendar.evo-"+t.instanceUid,e.proxy(t.toggleOutside,t))):i<=t.$breakpoints.mobile?(a&&t.toggleSidebar(!1),n&&t.toggleEventList(!1),e(window).off("click.evocalendar.evo-"+t.instanceUid)):e(window).off("click.evocalendar.evo-"+t.instanceUid)},t.prototype.initEventListener=function(){var t=this;e(window).off("resize.evocalendar.evo-"+t.instanceUid).on("resize.evocalendar.evo-"+t.instanceUid,e.proxy(t.resize,t)),t.options.sidebarToggler&&t.$elements.sidebarToggler.off("click.evocalendar").on("click.evocalendar",t.toggleSidebar),t.options.eventListToggler&&t.$elements.eventListToggler.off("click.evocalendar").on("click.evocalendar",t.toggleEventList),t.$elements.sidebarEl.find("[data-month-val]").off("click.evocalendar").on("click.evocalendar",t.selectMonth),t.$elements.sidebarEl.find("[data-year-val]").off("click.evocalendar").on("click.evocalendar",t.selectYear),t.$elements.eventEl.find("[data-event-index]").off("click.evocalendar").on("click.evocalendar",t.selectEvent)},t.prototype.destroyEventListener=function(){var t=this;e(window).off("resize.evocalendar.evo-"+t.instanceUid),e(window).off("click.evocalendar.evo-"+t.instanceUid),t.options.sidebarToggler&&t.$elements.sidebarToggler.off("click.evocalendar"),t.options.eventListToggler&&t.$elements.eventListToggler.off("click.evocalendar"),t.$elements.innerEl.find(".calendar-day").children().off("click.evocalendar"),t.$elements.sidebarEl.find("[data-month-val]").off("click.evocalendar"),t.$elements.sidebarEl.find("[data-year-val]").off("click.evocalendar"),t.$elements.eventEl.find("[data-event-index]").off("click.evocalendar")},t.prototype.calculateDays=function(){var e,t,a,n=this;for(n.monthLength=n.$label.days_in_month[n.$active.month],1==n.$active.month&&(n.$active.year%4==0&&n.$active.year%100!=0||n.$active.year%400==0)&&(n.monthLength=29),e=n.initials.dates[n.options.language].daysShort,t=n.options.firstDayOfWeek;n.$label.days.length'+t.initials.dates[t.options.language].months[n]+"";a+="",a+="",a+='
';for(n=0;n'+t.$label.days[n]+""}a+="
",a+='

',t.$elements.calendarEl.html(a),t.$elements.sidebarEl||(t.$elements.sidebarEl=e(t.$elements.calendarEl).find(".calendar-sidebar")),t.$elements.innerEl||(t.$elements.innerEl=e(t.$elements.calendarEl).find(".calendar-inner")),t.$elements.eventEl||(t.$elements.eventEl=e(t.$elements.calendarEl).find(".calendar-events")),t.options.sidebarToggler&&(e(t.$elements.sidebarEl).append(''),t.$elements.sidebarToggler||(t.$elements.sidebarToggler=e(t.$elements.sidebarEl).find("span#sidebarToggler"))),t.options.eventListToggler&&(e(t.$elements.calendarEl).append(''),t.$elements.eventListToggler||(t.$elements.eventListToggler=e(t.$elements.calendarEl).find("span#eventListToggler")))}t.buildSidebarYear(),t.buildSidebarMonths(),t.buildCalendar(),t.buildEventList(),t.initEventListener(),t.resize()},t.prototype.buildEventList=function(){var e,t=this,a=!1;t.$active.events=[];var n=t.formatDate(t.$active.date,t.options.eventHeaderFormat,t.options.language);t.$elements.eventEl.find(".event-header > p").text(n);var i=t.$elements.eventEl.find(".event-list");if(i.children().length>0&&i.empty(),t.options.calendarEvents)for(var o=0;o',t.$active.date===t.$current.date?e+=`

${t.initials.dates[t.options.language].noEventForToday}

`:e+=`

${t.initials.dates[t.options.language].noEventForThisDay}

`,e+=""),i.append(e)},t.prototype.addEventList=function(e){var t,a=this,n=a.$elements.eventEl.find(".event-list");0===n.find("[data-event-index]").length&&n.empty(),a.$active.events.push(e),t='
',t+='
',t+='

'+a.limitTitle(e.name)+"

",t+="
",n.append(t),a.$elements.eventEl.find('[data-event-index="'+e.id+'"]').off("click.evocalendar").on("click.evocalendar",a.selectEvent)},t.prototype.removeEventList=function(e){var t,a=this,n=a.$elements.eventEl.find(".event-list");0!==n.find('[data-event-index="'+e+'"]').length&&(n.find('[data-event-index="'+e+'"]').remove(),0===n.find("[data-event-index]").length&&(n.empty(),t=a.$active.date===a.$current.date?`

${a.initials.dates[a.options.language].noEventForToday}

`:`

${a.initials.dates[a.options.language].noEventForThisDay}

`,n.append(t)))},t.prototype.buildSidebarYear=function(){this.$elements.sidebarEl.find(".calendar-year > p").text(this.$active.year)},t.prototype.buildSidebarMonths=function(){var e=this;e.$elements.sidebarEl.find(".calendar-months > [data-month-val]").removeClass("active-month"),e.$elements.sidebarEl.find('.calendar-months > [data-month-val="'+e.$active.month+'"]').addClass("active-month")},t.prototype.buildCalendar=function(){var e,t,a=this;a.calculateDays(),t=a.formatDate(new Date(a.$label.months[a.$active.month]+" 1 "+a.$active.year),a.options.titleFormat,a.options.language),a.$elements.innerEl.find(".calendar-table th").text(t),a.$elements.innerEl.find(".calendar-body").remove(),e+='';for(var n=1,i=0;i<9;i++){for(var o=0;o0||o>=a.startingDay)){var l="calendar-day";a.$label.days[o]!==a.initials.weekends.sat&&a.$label.days[o]!==a.initials.weekends.sun||(l+=" --weekend"),e+='',e+='
'+n+"
",n++}else e+="";e+=""}if(n>a.monthLength)break;e+=''}e+="",a.$elements.innerEl.find(".calendar-table").append(e),a.options.todayHighlight&&a.$elements.innerEl.find("[data-date-val='"+a.$current.date+"']").addClass("calendar-today"),a.$elements.innerEl.find(".calendar-day").children().off("click.evocalendar").on("click.evocalendar",a.selectDate);var s=a.$elements.innerEl.find("[data-date-val='"+a.$active.date+"']");s&&(a.$elements.innerEl.children().removeClass("calendar-active"),s.addClass("calendar-active")),null!=a.options.calendarEvents&&a.buildEventIndicator()},t.prototype.addEventIndicator=function(e){var t,a,n=this,i=e.date,o=e.type;if(i instanceof Array){if(e.everyYear)for(var l=0;l'),0===a.find("span.event-indicator > .type-bullet > .type-"+o).length&&(t='
',a.find(".event-indicator").append(t))}},t.prototype.removeEventIndicator=function(e){var t=this,a=e.date,n=e.type;if(a instanceof Array)for(var i=t.getBetweenDates(a),o=0;o .type-bullet > .type-'+n).parent().remove())}},t.prototype.buildEventIndicator=function(){var e=this;e.$elements.innerEl.find(".calendar-day > day > .event-indicator").empty();for(var t=0;t=0&&t<=a.$label.months.length&&(a.$active.month=t.toString()):a.$active.month=e(t.currentTarget).data("monthVal"),n<=a.$breakpoints.tablet&&i&&a.toggleSidebar(!1),a.buildSidebarMonths(),a.buildCalendar()},t.prototype.selectDate=function(t){var a,n,i,o,l,s=this,r=s.$active.date;"string"==typeof t||"number"==typeof t||t instanceof Date?(a=s.formatDate(new Date(t),s.options.format),n=new Date(a).getFullYear(),i=new Date(a).getMonth(),s.$active.year!==n&&s.selectYear(n),s.$active.month!==i&&s.selectMonth(i),o=s.$elements.innerEl.find("[data-date-val='"+a+"']")):a=(o=e(t.currentTarget)).data("dateVal"),l=s.$active.date===a,s.$active.date=a,s.$active.event_date=a,s.$elements.innerEl.find("[data-date-val]").removeClass("calendar-active"),o.addClass("calendar-active"),l||s.buildEventList(),e(s.$elements.calendarEl).trigger("selectDate",[s.$active.date,r])},t.prototype.getActiveDate=function(){return this.$active.date},t.prototype.getActiveEvents=function(){return this.$active.events},t.prototype.toggleOutside=function(e){var t,a,n,i=this;t=!i.$elements.calendarEl.hasClass("sidebar-hide"),a=!i.$elements.calendarEl.hasClass("event-hide"),n=e.target===i.$elements.innerEl[0],t&&n&&i.toggleSidebar(!1),a&&n&&i.toggleEventList(!1)},t.prototype.toggleSidebar=function(t){var a,n,i,o=this;i=e(window).width(),void 0===t||t.originalEvent?e(o.$elements.calendarEl).toggleClass("sidebar-hide"):t?e(o.$elements.calendarEl).removeClass("sidebar-hide"):e(o.$elements.calendarEl).addClass("sidebar-hide"),i<=o.$breakpoints.tablet&&i>o.$breakpoints.mobile&&(a=!o.$elements.calendarEl.hasClass("sidebar-hide"),n=!o.$elements.calendarEl.hasClass("event-hide"),a&&n&&o.toggleEventList())},t.prototype.toggleEventList=function(t){var a,n,i,o=this;i=e(window).width(),void 0===t||t.originalEvent?e(o.$elements.calendarEl).toggleClass("event-hide"):t?e(o.$elements.calendarEl).removeClass("event-hide"):e(o.$elements.calendarEl).addClass("event-hide"),i<=o.$breakpoints.tablet&&i>o.$breakpoints.mobile&&(n=!o.$elements.calendarEl.hasClass("event-hide"),a=!o.$elements.calendarEl.hasClass("sidebar-hide"),n&&a&&o.toggleSidebar())},t.prototype.addCalendarEvent=function(e){var t=this;function a(e){if(e.id||console.log('%c Event named: "'+e.name+"\" doesn't have a unique ID ","color:white;font-weight:bold;background-color:#e21d1d;"),e.date instanceof Array)for(var a=0;a=0){var n=t.options.calendarEvents[a];t.options.calendarEvents.splice(a,1),t.removeEventList(e),t.removeEventIndicator(n)}else console.log("%c "+e+": ID not found ","color:white;font-weight:bold;background-color:#e21d1d;")}if(e instanceof Array)for(var n=0;n