Added basic heatmap styles

1 files changed, 35 insertions, 1 deletions

diff --git a/assets/css/main.sass b/assets/css/main.sass
index 45c3768..aa10dd8 100644
--- a/assets/css/main.sass
+++ b/assets/css/main.sass
@@ -62,7 +62,7 @@ body
         color: $BlueColor
 
     .MostWatchedOverview
-        padding: 30px
+        padding: 10vw
 
         .OverviewText
             position: relative
@@ -78,3 +78,37 @@ body
 // Charts
 canvas#MostWatchedChart
     opacity: 0
+
+
+// Heatmap
+text.month-name,
+text.calendar-heatmap-legend-text,
+text.day-initial 
+    font-size: 10px
+    font-family: Helvetica, arial, 'Open Sans', sans-serif
+
+
+rect.day-cell:hover 
+    stroke: #555555
+    stroke-width: 1px
+
+
+.day-cell-tooltip 
+    position: absolute
+    z-index: 9999
+    padding: 5px 9px
+    color: #bbbbbb
+    font-size: 12px
+    background: rgba(0, 0, 0, 0.85)
+    border-radius: 3px
+    text-align: center
+
+
+.day-cell-tooltip>span 
+    font-family: Helvetica, arial, 'Open Sans', sans-serif
+
+
+.calendar-heatmap
+    overflow: visible
+    box-sizing: initial
+