76 lines
2.0 KiB
PHP
Executable File
76 lines
2.0 KiB
PHP
Executable File
<!DOCTYPE html>
|
||
<html lang="de">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>DoMiLi – Farbe der Woche</title>
|
||
<!-- Bootstrap-->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<!-- Font Google-->
|
||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">
|
||
<!-- Custom styles -->
|
||
<link rel="stylesheet" href="../css/style.css">
|
||
<link rel="manifest" href="manifest.json">
|
||
|
||
<style>
|
||
body {
|
||
padding-top: 56px;
|
||
}
|
||
|
||
/* Kalender-Stile */
|
||
.calendar-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(7, 1fr);
|
||
gap: 0;
|
||
margin: auto;
|
||
}
|
||
|
||
.calendar-grid.fw-bold {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.calendar-day {
|
||
aspect-ratio: 1 / 1;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
border: 1px solid #e9ecef;
|
||
padding: 0.8rem;
|
||
font-size: 1rem;
|
||
position: relative;
|
||
text-align: center;
|
||
}
|
||
|
||
.calendar-day.meeting-day {
|
||
cursor: pointer;
|
||
border: 2px solid #6c757d;
|
||
transition: transform 0.2s;
|
||
}
|
||
|
||
.calendar-day.meeting-day:hover {
|
||
transform: scale(1.05);
|
||
}
|
||
|
||
.calendar-day .day-number {
|
||
position: absolute;
|
||
top: 5px;
|
||
left: 5px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* Stil für die Wochentage (aktualisiert) */
|
||
.calendar-grid.fw-bold .calendar-day {
|
||
padding: 0.2rem;
|
||
/* Höhe reduziert */
|
||
color: #121212;
|
||
/* Farbe abgedunkelt */
|
||
}
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<? include('menu.php') ?>
|