From e1bc7aa6ec0ed43a0434f36315253fcd3145b25e Mon Sep 17 00:00:00 2001
From: Alexandre Terrasa <alexandre@moz-code.org>
Date: Wed, 11 Jun 2014 11:21:14 -0400
Subject: [PATCH] nitdoc: limit Sidebar menu indentation and clean CSS

Signed-off-by: Alexandre Terrasa <alexandre@moz-code.org>
---
 share/nitdoc/css/nitdoc.css |  175 ++++++++++++++++++++++++-------------------
 1 file changed, 97 insertions(+), 78 deletions(-)

diff --git a/share/nitdoc/css/nitdoc.css b/share/nitdoc/css/nitdoc.css
index 77c96be..dc7c855 100644
--- a/share/nitdoc/css/nitdoc.css
+++ b/share/nitdoc/css/nitdoc.css
@@ -1,3 +1,7 @@
+/*
+ * Global
+ */
+
 body {
 	text-align: justify;
 }
@@ -15,20 +19,15 @@ ul li .label {
 	font-family: monospace;
 }
 
+/*
+ * Sidebar
+ */
+
 #sidebar .panel {
-	margin-bottom: 10px;
-	color: #666;
+	margin-top: 15px;
 	box-shadow: none;
 }
 
-#sidebar .panel a {
-	color: #666;
-}
-
-#sidebar .panel a:hover {
-	color: #333;
-}
-
 #sidebar .panel-heading {
 	padding: 3px 0 0 0;
 	font-size: 16px;
@@ -45,21 +44,22 @@ ul li .label {
 #sidebar .panel-body ul>li {
 	padding: 0 0 0 15px;
 	font-size: 15px;
+	color: #333;
 }
 
-#sidebar .panel-body ul ul>li {
-	padding: 0 0 0 30px;
+#sidebar .panel-body ul ul>li,
+#sidebar .panel-body ul ul>li a {
+	padding: 0 0 0 0;
 	font-size: 14px;
+	color: #666;
 }
 
 #sidebar .panel-body ul .list-labeled>li {
-	padding: 0 0 0 10px;
-	font-size: 14px;
 }
 
 #sidebar .panel-body ul ul ul>li {
-	padding: 0 0 0 45px;
 	font-size: 13px;
+	color: #999;
 }
 
 #sidebar .panel-heading a:hover, #sidebar .panel ul a:hover {
@@ -67,6 +67,62 @@ ul li .label {
 	background-color: transparent;
 }
 
+#sidebar .summary .nav>li>a {
+	padding: 3px 0 0 10px;
+	font-size: 15px;
+	border-left: 2px solid transparent;
+	color: #333;
+}
+
+#sidebar .summary .nav .nav>li>a {
+	padding-top: 2px;
+	padding-left: 15px;
+	font-size: 14px;
+	color: #666;
+}
+
+#sidebar .summary .nav .nav .nav>li>a {
+	padding-left: 20px;
+	font-size: 13px;
+	color: #999;
+}
+
+#sidebar .summary .nav .nav .nav .nav>li>a {
+	font-size: 12px;
+	color: #CCC;
+}
+
+#sidebar .summary .nav>.active>a,
+#sidebar .summary .nav>.active>a:hover,
+#sidebar .summary .nav>li>a:hover {
+	color: #0d8921;
+	background-color: transparent;
+}
+
+#sidebar .summary .nav>.active>a,
+#sidebar .summary .nav>.active>a:hover,
+#sidebar .summary .nav .nav>.active>a,
+#sidebar .summary .nav .nav>.active>a:hover,
+#sidebar .summary .nav .nav .nav>.active>a,
+#sidebar .summary .nav .nav .nav>.active>a:hover {
+	color: #0d8921;
+	border-left: 2px solid #0d8921;
+	margin-left: 0px;
+}
+
+#sidebar .summary .nav>li>a:hover,
+#sidebar .summary .nav .nav>li>a:hover,
+#sidebar .summary .nav .nav .nav>li>a:hover {
+	color: #0d8921;
+	border-left: 1px solid #0d8921;
+	margin-left: 1px;
+	background-color: transparent;
+}
+
+/*
+ * Content
+ */
+
 #content {
 	position: fixed;
 	top: 30px;
@@ -118,6 +174,10 @@ ul li .label {
 	border-left: 2px solid #0d8921;
 }
 
+/*
+ * Page parts
+ */
+
 .footer {
 	padding: 10px;
 	margin: 20px 0;
@@ -127,6 +187,20 @@ ul li .label {
 	margin-bottom: 25px;
 }
 
+.label:empty {
+	display:inline;
+}
+
+.label.intro:before {
+	content: "I";
+}
+.label.redef:before {
+	content: "R";
+}
+.label.inherit:before {
+	content: "H";
+}
+
 .signature span.glyphicon {
 	margin: 0 10px 5px 0;
 	font-size: 55%;
@@ -172,6 +246,14 @@ ul li .label {
 	color: #a94442;
 }
 
+.list-definition .list-definition {
+	margin-left: 30px;
+}
+
+/*
+ * Code Highlighting
+ */
+
 .nitcode a { color: inherit; text-decoration: inherit; } /* hide links */
 .nitcode a:hover { text-decoration: underline; } /* underline links */
 .nitcode span[title]:hover { text-decoration: underline; } /* underline titles */
@@ -199,68 +281,5 @@ ul li .label {
 /* semantic token usage */
 .nitcode .nc_v { font-style: italic; } /* local variable or parameter */
 .nitcode .nc_vt { font-style: italic; } /* virtual type or formal type */
-
 .nitcode .nc_error { border: 1px red solid;} /* not used */
 
-
-#sidebar .summary .nav>li>a {
-	padding: 2px 0 0 15px;
-	font-size: 15px;
-	border-left: 2px solid transparent;
-}
-
-#sidebar .summary .nav .nav>li>a {
-	padding: 2px 0 0 30px;
-	font-size: 14px;
-	border-left: 2px solid transparent;
-}
-
-#sidebar .summary .nav .nav .nav>li>a {
-	padding: 1px 0 0 45px;
-	font-size: 13px;
-}
-
-#sidebar .summary .nav .nav .nav .nav>li>a {
-	padding: 1px 0 0 60px;
-	font-size: 12px;
-}
-
-#sidebar .summary .nav>.active>a,
-#sidebar .summary .nav>.active>a:hover,
-#sidebar .summary .nav>li>a:hover {
-	color: #0d8921;
-	background-color: transparent;
-}
-
-#sidebar .summary .nav>.active>a,
-#sidebar .summary .nav .nav>.active>a,
-#sidebar .summary .nav .nav>.active>a:hover {
-	color: #0d8921;
-	border-left: 2px solid #0d8921;
-	margin-left: 0px;
-}
-
-#sidebar .summary .nav .nav>li>a:hover {
-	color: #0d8921;
-	border-left: 1px solid #0d8921;
-	margin-left: 1px;
-	background-color: transparent;
-}
-
-.label:empty {
-	display:inline;
-}
-
-.label.intro:before {
-	content: "I";
-}
-.label.redef:before {
-	content: "R";
-}
-.label.inherit:before {
-	content: "H";
-}
-
-.list-definition .list-definition {
-	margin-left: 30px;
-}
-- 
1.7.9.5