1 files changed, 79 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css
index 3c3e7e9d..44ee6e0c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,5 +1,84 @@
+.root {
+	display: flex;
+	margin: 0;
+	max-width: 100%;
+	height: 100%;
+}
+
+.small-calendar {
+	text-align: right;
+}
+
+.small-calendar .prev,
+.small-calendar .next {
+	color: grey;
+}
+
+.small-calendar td:nth-child(7).cur {
+	color: red;
+}
+
+.small-calendar a {
+	color: inherit;
+	text-decoration: none;
+}
+
+.text-day {
+	border-left: 2px solid black;
+	border-top: 2px solid black;
+	padding-left: 2px;
+	margin-top: 1em;
+}
+
+.text-day header h2 {
+	width: 100%;
+	text-align: center;
+	font-size: 14pt;
+}
+
+.sideinfo {
+	width: 20em;
+	height: 100%;
+}
+
+.sideinfo .about {
+	display: flex;
+	justify-content: center;
+	height: 20%;
+}
+
+.sideinfo .eventlist {
+	overflow: scroll;
+	max-height: 80%;
+}
+
+.sideinfo .eventlist article {
+	border-bottom: 1px solid black;
+	margin-top: 1em;
+	border-left-style: solid;
+	border-left-width: 6px;
+	padding-left: 2px;
+}
+
+.sideinfo .eventlist main {
+	white-space: pre-line;
+	font-size: 10pt;
+}
+
+.sideinfo .eventlist h1 {
+	font-size: 12pt;
+	border-bottom: 1px solid gray;
+	margin-bottom: 0;
+}
+
+.sideinfo .eventlist h1 a {
+	color: black;
+	text-decoration: none;
+}
+
 .calendar {
 	height: 100%;
+	max-width: calc(100% - 20em);
 	display: flex;
 }