1 files changed, 76 insertions, 0 deletions
diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss
index 25353d7..35a3df1 100644
--- a/asset-sources/theme.scss
+++ b/asset-sources/theme.scss
@@ -158,6 +158,82 @@ strong {
   text-align: right;
 }
 
+.calendar-title {
+  text-align: center;
+}
+.calendar-controls {
+  text-align: center;
+  margin-bottom: 50px;
+}
+.profile-calendar {
+  width: 100%;
+
+  thead {
+    text-align: center;
+    font-size: 120%;
+  }
+
+  .calendar-cell, .calendar-cell-empty {
+    height: 150px;
+    width: calc(100%/7);
+  }
+
+  .calendar-cell {
+    border: 1px solid gray;
+    vertical-align: top;
+
+    .calendar-date {
+      font-size: 140%;
+      font-weight: bold;
+    }
+
+    ul {
+      list-style: none;
+      text-align: center;
+    }
+  }
+
+  .cell-length-0 {
+    color: gray;
+  }
+  .cell-length-1 {
+    background-color: #8FF0A4;
+    ul {
+      font-size: 110%;
+    }
+  }
+  .cell-length-2 {
+    background-color: #75DD95;
+    ul {
+      font-size: 120%;
+    }
+  }
+  .cell-length-3 {
+    background-color: #5BC987;
+    ul {
+      font-size: 130%;
+    }
+  }
+  .cell-length-4 {
+    background-color: #40B678;
+    ul {
+      font-size: 140%;
+    }
+  }
+  .cell-length-5 {
+    color: white;
+    background-color: #26A269;
+    ul {
+      font-size: 150%;
+    }
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+}
+
 /* Ensure a consistent width of the cells in the browse view. */
 .browse-summary th, .browse-summary td {
   width: 25%;