1 files changed, 125 insertions, 0 deletions
diff --git a/css/yaml4/navigation/vlist.css b/css/yaml4/navigation/vlist.css
new file mode 100644
index 0000000..3270354
--- /dev/null
+++ b/css/yaml4/navigation/vlist.css
@@ -0,0 +1,125 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical list navigation "vlist"
+ * (de) Vertikale Navigationsliste "vlist"
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/* title */
+	h6.ym-vlist {
+		font-family:Arial, Helvetica, sans-serif;
+		font-weight:bold;
+		font-size:100%;
+		width:90%;
+		padding:3px 0px 3px 10%; /* LTR */
+		margin:0;
+		color:#444;
+		background-color:#fff;
+		border-top:2px #ddd solid;
+		border-bottom:4px #888 solid;
+	}
+
+	.ym-vlist {
+		width:100%;
+		overflow:hidden;
+		margin:0 0 1.5em 0;
+		list-style-type:none;
+		border-bottom:2px #ddd solid;
+	}
+
+	.ym-vlist ul {
+		list-style-type:none;
+		margin:0;
+		padding:0;
+	}
+
+	.ym-vlist li {
+		float:left; /* LTR */
+		width:100%;
+		margin:0;
+		padding:0;
+	}
+
+	.ym-vlist a,
+	.ym-vlist strong,
+	.ym-vlist span {
+		display:block;
+		padding:3px 0px 3px 10%;
+		text-decoration:none;
+		border-bottom:1px #ddd solid;
+	}
+
+	.ym-vlist a,
+	.ym-vlist a:visited {
+		color:#444;
+	}
+
+	.ym-vlist li span {
+		display:block;
+		font-weight:bold;
+		border-bottom:1px #ddd solid;
+	}
+
+	/* active list element */
+	.ym-vlist li.active {
+		color:#fff;
+		background-color:#444;
+	}
+
+	.ym-vlist li.active strong {
+		font-weight:bold;
+	}
+
+	/* Level 1 */
+	.ym-vlist li a,
+	.ym-vlist li strong,
+	.ym-vlist li span { width:90%; padding-left:10%; } /* LTR */
+
+	.ym-vlist li a:focus,
+	.ym-vlist li a:hover,
+	.ym-vlist li a:active { background-color:#888; color:#fff; outline: 0 none; }
+
+	/* Level 2 */
+	.ym-vlist li ul li a,
+	.ym-vlist li ul li strong,
+	.ym-vlist li ul li span { width:80%; padding-left:20%; } /* LTR */
+
+	.ym-vlist li ul li a,
+	.ym-vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }
+	.ym-vlist li ul li a:focus,
+	.ym-vlist li ul li a:hover,
+	.ym-vlist li ul li a:active { background-color:#888; color:#fff; }
+
+	/* Level 3 */
+	.ym-vlist li ul li ul li a,
+	.ym-vlist li ul li ul li strong,
+	.ym-vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */
+
+	.ym-vlist li ul li ul li a,
+	.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
+	.ym-vlist li ul li ul li a:focus,
+	.ym-vlist li ul li ul li a:hover,
+	.ym-vlist li ul li ul li a:active { background-color:#888; color:#fff; }
+
+	/* Level 4 */
+	.ym-vlist li ul li ul li ul li a,
+	.ym-vlist li ul li ul li ul li strong,
+	.ym-vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */
+
+	.ym-vlist li ul li ul li ul li a,
+	.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
+	.ym-vlist li ul li ul li ul li a:focus,
+	.ym-vlist li ul li ul li ul li a:hover,
+	.ym-vlist li ul li ul li ul li a:active { background-color:#888; color:#fff; }
+}
+\ No newline at end of file