From 727ed753a9c540c71f00bafa6e43ad4cb42321f2 Mon Sep 17 00:00:00 2001
From: Pim van den Berg
Date: Sat, 16 May 2015 16:37:53 +0200
Subject: responsive: introduce a hamburger navicon to toggle the menu on
 smaller devices

---
 layout/style-c.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'layout/style-c.css')

diff --git a/layout/style-c.css b/layout/style-c.css
index 83c64bc..702cc04 100644
--- a/layout/style-c.css
+++ b/layout/style-c.css
@@ -1,3 +1,11 @@
+label[for="navicon"] {
+	display: block;
+}
+
+#header h1 {
+	padding-left: 30px;
+}
+
 #content {
 	padding-left: 5px;
 }
@@ -12,5 +20,24 @@
 }
 
 .plugins {
+	position: absolute;
+	z-index: 0;
 	display: none;
 }
+
+.navicon:checked ~ .plugins {
+	display: block;
+}
+
+.graphs {
+	position: relative;
+	z-index: 1;
+	background: #fff;
+	min-height: 100%;
+	min-width: 100%;
+	bottom: 100%;
+}
+
+.navicon:checked ~ .graphs {
+	left: 125px;
+}
-- 
cgit v1.1