From 4ca408b8fec19c31897a166056a9cc2d429a1cf1 Mon Sep 17 00:00:00 2001 From: Peder Bergebakken Sundt Date: Tue, 20 Feb 2018 20:07:32 +0100 Subject: [PATCH] Add colors to events and day-numbers in calendar --- www/css/calendar.css | 28 +++++++++++++++++++++++----- www/kalender/index.php | 6 +++--- 2 files changed, 26 insertions(+), 8 deletions(-) diff --git a/www/css/calendar.css b/www/css/calendar.css index 94a7a45..642ce53 100644 --- a/www/css/calendar.css +++ b/www/css/calendar.css @@ -35,7 +35,7 @@ figure.calendar { min-height: 4.8em; font-size: 0.8em; color: #444; - + overflow: hidden; } .calendar ul li.header { @@ -65,8 +65,26 @@ figure.calendar { background-color: #fff; } - -.calendar ul li section::before { - content: "\26AB "; - color: #038; +.calendar ul li .day{ + display: inline-block; + width: 1.5em; + height: 1.5em; + text-align: center; + line-height: 1.5em; + background: #038; + color: white; + border-radius: 0.75em; + margin-bottom: 0.1em; +} + +.calendar ul li section { + line-height: 1.5em; + background: #038; + color: white; + border-radius: 0.75em; + text-align: center; + white-space: nowrap; +} +.calendar ul li section + section { + margin-top: 0.1em; } diff --git a/www/kalender/index.php b/www/kalender/index.php index b5a183e..a335e3c 100644 --- a/www/kalender/index.php +++ b/www/kalender/index.php @@ -69,13 +69,13 @@ $days_in_month = date('t', mktime(0, 0, 0, $month, 1, $year)); ">
- . + . -
getName()?>
+
getName()?>
- . + .