cronapp-framework-js/css/themes/custom/theme-general/scheduler.css

Javascript library for CronApp's projects

.k-scheduler .k-scheduler-header th,
.k-scheduler .k-scheduler-header-wrap,
.k-scheduler .k-scheduler-table td,
.k-scheduler .k-scheduler-times,
.k-scheduler .k-scheduler-times th,
.k-scheduler .k-scheduler-times tr,
cron-scheduler a.k-link,
cron-scheduler .k-link:link,
.k-scheduler-calendar .k-link:link,
.k-scheduler-calendar .k-footer .k-nav-today:hover,
.k-scheduler-calendar a.k-link,
.k-scheduler-toolbar,
.k-calendar .k-link {
    font-size: var(--textNormalSize, 14px);
    font-family: var(--fontFamily, "Arial", sans-serif);
    color: var(--textColor40, #393939);
}

.k-scheduler {
    background: var(--backgroundColor40, #f1f1f1);
    color: var(--textColor40, #393939);
}

.k-window .k-window-titlebar.k-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: var(--backgroundColor40, #f1f1f1);
    border-color: var(--colorDark10, #d9d9d9);
}

.k-window .k-window-titlebar.k-header .k-window-title {
    font-size: var(--textBigSize, 30px);
}

.k-window{
    border-radius: var(--borderRadiusSmallest, 5px);
    overflow: auto;
}

.k-calendar .k-link,
.k-scheduler-navigation .k-nav-next .k-link,
.k-scheduler-navigation .k-nav-prev .k-link,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-table td,
.k-scheduler-times,
.k-scheduler-times th,
.k-scheduler-times tr {
    color: var(--textColor40, #393939);
}

.k-nonwork-hour,
.k-scheduler-dayview .k-today.k-nonwork-hour,
.k-scheduler-timelineview .k-today.k-nonwork-hour {
    background: var(--backgroundColor10, #fbfbfb);
}

.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-table td,
.k-scheduler-times,
.k-scheduler-times th,
.k-scheduler-times tr {
    border-color: var(--backgroundColor60, #b1b1b1);
}

.k-scheduler-toolbar>ul>li {
    background: var(--backgroundColor40, #f1f1f1);
    border-color: var(--backgroundColor60, #b1b1b1);
}

.k-edit-form-container .k-edit-buttons {
    background: var(--backgroundColor40, #f1f1f1);
    border-color: var(--colorDark10, #d9d9d9);
}

.k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    color: var(--textColorPrimary40, #ffffff);
    background: var(--colorPrimary60, #2e3b85);
}

.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover {
    background: var(--colorPrimary60, #2e3b85);
    color: var(--textColorPrimary40, #ffffff);
}

.k-scheduler .k-state-selected>.k-link,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-scheduler-navigation .k-nav-prev .k-link,
.k-scheduler div.k-scheduler-footer .k-link,
.k-scheduler div.k-scheduler-footer ul li {
    background: var(--colorPrimary40, #5665be);
    border-color: var(--backgroundColor60, #b1b1b1);
    color: var(--textColorPrimary40, #ffffff);
}

.k-scheduler-navigation .k-nav-prev .k-link:hover,
.k-scheduler div.k-scheduler-footer .k-link:hover,
.k-scheduler div.k-scheduler-footer ul li:hover {
    color: var(--textColorPrimary40, #ffffff);
    background: var(--colorPrimary50, #37479e);
    border-color: transparent;
    outline: none;
}

.k-window-titlebar .k-window-action {
    opacity: 1;
    position: initial;
}

.k-calendar .k-state-focused,
.k-calendar td.k-state-focused {
    box-shadow: inset 0 0 10px 3px var(--backgroundColor50, #d3d3d3);
}

.k-calendar td.k-state-focused.k-state-selected.k-state-hover,
.k-calendar .k-state-selected.k-state-hover,
.k-listview>.k-state-focused.k-state-selected,
.k-state-selected td.k-state-focused,
td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 10px 3px var(--colorPrimary40, #5665be);
    background: var(--colorNeutral00, #ffffff);
    color: var(--textColor40, #393939);
}

.k-calendar .k-state-selected.k-state-hover .k-link {
    color: var(--textColor40, #393939);
}

.k-calendar .k-today.k-state-selected {
    background: var(--colorDefault10, #d8d9e3);
}

.k-event,
.k-task-complete {
    background: var(--colorPrimary40, #5665be);
    border-color: var(--colorPrimary70, #232c63);
    color: var(--textColorPrimary40, #ffffff);
}

.k-event .k-link.k-event-delete span {
    color: var(--textColorPrimary40, #ffffff);
}

.k-event.k-state-selected {
    background: var(--colorPrimary60, #2e3b85);
    color: var(--textColorPrimary40, #ffffff);
}

.k-event .k-event-actions .k-event-delete {
    color: var(--textColorPrimary40, #ffffff);
}

.k-button.k-button-icon .k-icon,
.k-window-title,
.k-popup-message {
    color: var(--textColor40, #393939);
}