src/html.c: Add vertical notebook styles

1 files changed, 47 insertions, 0 deletions

diff --git a/src/html.c b/src/html.c
index e8b8603..8fcdb24 100644
--- a/src/html.c
+++ b/src/html.c
@@ -91,6 +91,53 @@ static const gchar *styles =
 		"margin: 0;\n"
 	"}\n"
 	/*
+	 * Vertical notebook
+	 */
+	"div.notebook-v {\n"
+		"position: relative;\n"
+		/* Why are these weird margin and padding numbers necessary? */
+		"margin: 6px 5px 6px 0;\n"
+		"padding: 6px 0 0 0;\n"
+	"}\n"
+	"div.notebook-v > input {\n"
+		"display: none;\n"
+	"}\n"
+	"div.notebook-v > label {\n"
+		"display: block;\n"
+		"background-color: #9F9F9F;\n"
+		"color: #5F5F5F;\n"
+		"float: left;\n"
+		"clear: left;\n"
+		"margin: 0 0 3px 6px;\n"
+		"border-width: 1px 0 1px 1px;\n"
+		"border-style: solid;\n"
+		"border-color: #8F8F8F;\n"
+		"border-radius: 3px 0 0 3px;\n"
+		"padding: 6px;\n"
+		"font-weight: bold;\n"
+		"position: relative;\n"
+		"left: 3px;\n"
+	"}\n"
+	"div.notebook-v > input:checked + label {\n"
+		"background-color: #CFCFCF;\n"
+		"color: #000000;\n"
+		"padding: 6px 7px 6px 6px;\n"
+		"border-color: #9F9F9F;\n"
+		"position: relative;\n"
+		"left: 0;\n"
+		"z-index: 1;\n"
+	"}\n"
+	"div.notebook-v > div {\n"
+		"display: none;\n"
+		"background-color: #CFCFCF;\n"
+		"border: 1px solid #9F9F9F;\n"
+		"border-radius: 0 3px 3px 0;\n"
+		"position: relative;\n"
+		"left: -1px;\n"
+		"margin: 0;\n"
+		"overflow: hidden;\n"
+	"}\n"
+	/*
 	 * Form elements
 	 */
 	"form {\n"