anchor.diff:  #hourly .hover {
   	position: absolute;
   	top: 135px;
  -	display: -webkit-box;
   	display: flex;
   	width: 100%;
   	font-size: 14px;
   }
   #hourly .lines {
   	text-align: right;
  -	-webkit-box-flex: 1;
   	flex-grow: 1;
   }
   #active-users,#top-users {
  
positive.code: }
  td {
  	padding: 5px 0;
  	border-bottom: 1px solid #ddd;
  }
  td:first-child {
  	font-size: 20px;
  
negative.code: <title><%= @config[:title] %> Stats</title>
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
  <style>
  <%
  	# Basic palette
  	background = "white"
  	text_color = "#333"
  	link_color = "black"
  	link_hover = "#534e94"
  	border_color = "#ddd"
  	heading_color = "#999"
  
  	# Heatmap
  	heatmap_1 = "#c2d0de"
  	heatmap_2 = "#8495ab"
  	heatmap_3 = "#4e5f73"
  	heatmap_4 = "#534e94"
  	heatmap_5 = "#825db8"
  	heatmap_6 = "#c56edd"
  	heatmap_h = "#00d1fd"
  
  	# Stacked chart
  	stacked_1  = "#c56edd"
  	stacked_2  = "#ad68d0"
  	stacked_3  = "#8d60bf"
  	stacked_4  = "#7458af"
  	stacked_5  = "#5e509f"
  	stacked_6  = "#514e90"
  	stacked_7  = "#4e527d"
  	stacked_8  = "#4e5c73"
  	stacked_9  = "#5b6e7f"
  	stacked_10 = "#75869b"
  	stacked_11 = "#8f9fb4"
  
  %>
  * {
  	box-sizing: border-box;
  }
  html,body {
  	font: normal 16px/1.5 "Roboto", "Noto Sans", "Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  	transition: opacity 0.5s ease-in-out;
  	margin: 0;
  	background-color: <%= background %>;
  	color: <%= text_color %>;
  }
  body {
  	opacity: 0;
  }
  a {
  	text-decoration: none;
  	color: <%= link_color %>;
  }
  a:hover {
  	color: <%= link_hover %>;
  }
  main {
  	max-width: 630px;
  