cronapp-framework-js/deprecated/css/themes/custom/material/components_css/crn-cron-calendar.css

Javascript library for CronApp's projects

/*
*
* MATERIAL -> CRN-CRON-CALENDAR
*
* Todo CSS destina ao componente do calendário.
*
*/

cron-calendar .k-widget .k-calendar .k-header {
    background-color: initial;
}

cron-calendar .k-widget .k-calendar .k-content {
    background-color: initial;
}

cron-calendar .k-widget .k-calendar .k-footer {
    background-color: initial;
}

cron-calendar .k-widget .k-calendar .k-link:link {
    color: initial;
}

cron-calendar .k-widget .k-calendar .k-other-month .k-link:link {
    color: rgba(0, 0, 0, 0.38);
}

cron-calendar .k-widget .k-calendar .k-calendar-view .k-content .k-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

cron-calendar .k-widget .k-calendar .k-nav-fast:hover,
cron-calendar .k-widget .k-calendar .k-nav-prev:hover,
cron-calendar .k-widget .k-calendar .k-nav-next:hover,
cron-calendar .k-widget .k-calendar .k-calendar-view .k-content .k-state-selected .k-state-hover .k-link {
    color: #fff;
}

cron-calendar .k-widget .k-calendar .k-calendar-view .k-century .k-link {
    width: 80px;
    height: 80px;
    line-height: 80px;
}

cron-calendar.k-widget.k-calendar .k-calendar-view .k-content .k-state-hover .k-link,
cron-calendar.k-widget.k-calendar .k-calendar-view .k-content .k-state-focused .k-link {
    background-color: #1d77ba;
    color: #fff;
}

cron-calendar.k-widget.k-calendar .k-footer .k-nav-today:hover {
    color: #42b9e6;
}

cron-calendar .k-calendar-monthview:after,
.k-calendar-view:after {
    box-shadow: none;
}

.k-calendar-container {
    padding: 0;
    background-color: #383838;
}

.k-calendar-container .k-calendar:not(.k-scheduler-calendar) {
    border-width: 0;
    background: #383838;
}

.k-calendar:not(.k-scheduler-calendar) .k-state-hover {
    background-color: #ffffff;
    color: #383838;
}

.k-content tr th :not(.k-scheduler-calendar) {
    background-color: #35a9fb;
    color: #383838;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 0px;
}

.k-content thead :not(.k-scheduler-calendar) {
    margin-bottom: 15px;
}

.k-calendar:not(.k-scheduler-calendar) .k-nav-prev,
.k-calendar:not(.k-scheduler-calendar) .k-nav-next {
    padding: 0;
    width: 3em;
    height: 3em;
    box-sizing: content-box;
    margin-bottom: 10px;
    margin-top: -9px;
}

.k-calendar:not(.k-scheduler-calendar) .k-nav-prev:hover,
.k-calendar:not(.k-scheduler-calendar) .k-nav-next:hover {
    color: #fff;
    background-color: #1d77ba;
    border-color: rgba(0, 0, 0, 0.1);
}

.k-calendar:not(.k-scheduler-calendar) .k-nav-fast:hover {
    color: #fff;
    background-color: rgb(29, 119, 186);
    border-color: rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
    margin-top: -10px;
}

.k-calendar:not(.k-scheduler-calendar) .k-nav-fast {
    border-color: rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
    margin-top: -10px;
}

.k-calendar:not(.k-scheduler-calendar) .k-footer .k-nav-today {
    color: #1d77ba;
    font-size: 10px;
}

.k-calendar:not(.k-scheduler-calendar) .k-footer .k-nav-today:hover {
    color: #42b9e6;
}

.k-calendar:not(.k-calendar-infinite):not(.k-scheduler-calendar) .k-meta-view td {
    text-align: center;
    margin: 0 auto;
    border-radius: 1000px;
}

.k-calendar .k-footer .k-nav-today {
    color: #000;
}

/* Referente as datas */
.k-calendar:not(.k-calendar-infinite):not(.k-scheduler-calendar) .k-content .k-link {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    /* color: red; */
}

.k-calendar:not(.k-scheduler-calendar) .k-state-focused .k-link {
    color: #ffffff;
    background-color: rgb(29, 119, 186);
    border-color: rgb(10, 58, 94);
}

.k-calendar:not(.k-calendar-infinite):not(.k-scheduler-calendar) .k-content .k-state-selected .k-link {
    background-color: #1d77ba;
    border-color: rgba(0, 0, 0, 0.1);
}
.k-calendar:not(.k-calendar-infinite):not(.k-scheduler-calendar) .k-state-hover .k-link {
    background-color: #ffffff;
    color: #383838;
}

.k-calendar:not(.k-scheduler-calendar) .k-other-month .k-link {
    background-color: transparent;
    color: rgba(241, 241, 241, 0.2);
    border-radius: 0%;
}

.k-calendar:not(.k-calendar-infinite):not(.k-scheduler-calendar) .k-content .k-state-selected.k-state-hover .k-link {
    background-color: #1d77ba;
}