CSS Bastelecke 0.9 Wochenende

Zurück zur Übersicht

Hintergrundfarbe für Tage ändern, die nicht als Werktag festgelegt wurden (Wochenende):

/* Hintergrundfarbe für Nicht-Werktage in der Wochenansicht */
#week-view calendar-header-container[weekend="true"],
#week-view .calendar-event-column-linebox[weekend="true"] {
   background: #F0F0F0 !important; /* Original: #F0F0F0 */
}
/** Hintergrundfarbe für Nicht-Werktage in mehrwöchiger und Monatsansicht */
.calendar-month-day-box-day-off {
   background: #EFEFEF !important; /* Original: #EFEFEF */
}
.calendar-month-day-box-day-off .calendar-month-day-box-date-label {
   background-color: #E7E7E7 !important; /* Original: #E7E7E7 */
}
/* Monatsansicht: Originalfarbe für Nicht-Werktage anderer Monate beibehalten */
.calendar-month-day-box-other-month {
   background: #DFDFDF !important;
}
/* Hintergrundfarbe für "Heute" wiederherstellen */
#week-view calendar-header-container[relation="today"],
#week-view .calendar-event-column-linebox[relation="today"] {
   background: #DFEAF4 !important;
}
.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"],
.calendar-month-day-box-date-label[relation="today"] {
   background: #DFEAF4 !important;
}
/* Hintergrundfarbe für ausgewählten Tag wiederherstellen */
#week-view calendar-header-container[selected="true"],
#week-view .calendar-event-column-linebox[selected="true"] {
   background: #FFE79C !important;
}
.calendar-month-day-box-current-month[selected="true"],
.calendar-month-day-box-day-off[selected="true"],
.calendar-month-day-box-other-month[selected="true"] {
   background: #FFE79C !important;
}
.calendar-month-day-box-date-label[selected="true"] {
   background-color: #F7E093 !important;
}

#F0F0F0, #EFEFEF und #E7E7E7 durch die gewünschte Farbe ersetzen.