/* 
    Document   : jevcustom
    Created on : 22-Apr-2013, 14:12:51
    Author     : Tony Partridge - GWE Systems Ltd
    Description: To allow customisation of CSS Strings where they can never be lost.
    Purpose of the stylesheet follows.
*/

Absolut! Hier ist ein CSS-Code, der das JEvents-Kalenderdesign modernisiert und auf ein weißes, sauberes Design umstellt:

CSS

/* Allgemeines Styling */
.jevents_cal {
    background-color: #fff; /* Weißer Hintergrund */
    border: 1px solid #eee; /* Leichter Rahmen */
    font-family: sans-serif; /* Moderne Schriftart */
    font-size: 14px;
    color: #333; /* Dunkelgrauer Text */
}

/* Kopfzeile (Monat, Jahr, Navigation) */
.jevents_cal .jevents_header {
    background-color: #f8f8f8; /* Hellgrauer Hintergrund für die Kopfzeile */
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.jevents_cal .jevents_header h2 {
    font-size: 18px;
    margin: 0;
}

.jevents_cal .jevents_header .jevents_nav {
    margin-top: 10px;
}

.jevents_cal .jevents_header .jevents_nav a {
    padding: 5px 10px;
    background-color: #e0e0e0; /* Hellgrauer Hintergrund für Navigationslinks */
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    border-radius: 3px;
}

.jevents_cal .jevents_header .jevents_nav a:hover {
    background-color: #d0d0d0; /* Dunklerer Hintergrund beim Hovern */
}

/* Wochentage */
.jevents_cal .jevents_days {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* 7 Spalten für die Wochentage */
    border-bottom: 1px solid #eee;
}

.jevents_cal .jevents_days div {
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* Kalenderzellen (Tage) */
.jevents_cal .jevents_days_row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.jevents_cal .jevents_days_row div {
    padding: 10px;
    border: 1px solid #eee;
    min-height: 100px; /* Mindesthöhe für die Zellen */
}

.jevents_cal .jevents_days_row div.jevents_today {
    background-color: #f0f8ff; /* Hellblaue Hintergrundfarbe für den heutigen Tag */
}

/* Ereignisse */
.jevents_cal .jevents_days_row div .jevents_event {
    background-color: #f0f0f0; /* Hellgrauer Hintergrund für Ereignisse */
    padding: 5px;
    margin: 5px 0;
    border-radius: 3px;
    font-size: 12px;
}

/* Weitere Anpassungen */
.jevents_cal a {
    color: #007bff; /* Blaue Linkfarbe */
    text-decoration: none;
}

.jevents_cal a:hover {
    text-decoration: underline;
}