From 35677f7e951d1fce0b7daa57cd3e25eb04b678f9 Mon Sep 17 00:00:00 2001 From: Anthony Correa Date: Sun, 15 Dec 2024 19:48:47 -0600 Subject: [PATCH] simplify css --- server/app/templates/style.css | 83 ++++++++++++++++++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 server/app/templates/style.css diff --git a/server/app/templates/style.css b/server/app/templates/style.css new file mode 100644 index 0000000..c4cac3e --- /dev/null +++ b/server/app/templates/style.css @@ -0,0 +1,83 @@ +@import url('http://127.0.0.1:5000/fonts/dinpro/dinpro.css'); +@import url('http://127.0.0.1:5000/fonts/noto-emoji.css'); +@import url('http://127.0.0.1:5000/fonts/openmoji.css'); +@import url('http://127.0.0.1:5000/fonts/weather-icons/weather-icons.css'); + + +body { + height: 800px; + width: 600px; +} + +.dashboard { + display: flex; + flex-direction: column; + font-family: sans-serif; + text-align: left; + font-size: 17px; + height: 100%; + width: 100%; +} + +.panel.top { + display:flex; + flex-direction: row; + flex:0; +} + +.panel.top .splitpanel { + flex:1; +} + +.splitpanel.big-text { + font-size: 60px; + font-weight: bold; + vertical-align:top; + text-align:right; +} + +.splitpanel .weather-icon { + font-size: 200px; +} + +.panel.bottom { + flex: 1; +} + +.panel.bottom.week .row { + display: flex; + flex: 1; + height:50%; +} + +.panel.bottom.week .row .day { + border-style: solid; + width: 135px; + vertical-align: top; + margin: 1px; + align-items: center; + text-align: left; + flex:1; +} + +.day .day-title{ + background-color: black; + text-align: center; + color: white; + text-transform: uppercase; + font-weight: bold; +} + +.day .day-title.current-day { + color: black; + background-color: white; + border-bottom: solid black; +} + +.day .event { + margin: 3pt; + background-color: white; + border-style: solid; + border-radius: 5px; + padding: 2px; +} \ No newline at end of file