yaml4 added

9 files changed, 947 insertions, 0 deletions

diff --git a/css/yaml4/navigation/.svn/all-wcprops b/css/yaml4/navigation/.svn/all-wcprops
new file mode 100644
index 0000000..72aecb1
--- /dev/null
+++ b/css/yaml4/navigation/.svn/all-wcprops
@@ -0,0 +1,23 @@
+K 25
+svn:wc:ra_dav:version-url
+V 77
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/navigation
+END
+hlist-blue.css
+K 25
+svn:wc:ra_dav:version-url
+V 92
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/navigation/hlist-blue.css
+END
+vlist.css
+K 25
+svn:wc:ra_dav:version-url
+V 87
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/navigation/vlist.css
+END
+hlist.css
+K 25
+svn:wc:ra_dav:version-url
+V 87
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/navigation/hlist.css
+END
diff --git a/css/yaml4/navigation/.svn/entries b/css/yaml4/navigation/.svn/entries
new file mode 100644
index 0000000..ed02b66
--- /dev/null
+++ b/css/yaml4/navigation/.svn/entries
@@ -0,0 +1,137 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/navigation
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+hlist-blue.css
+file
+
+
+
+
+2012-03-01T08:45:59.910125Z
+16f12a49ef79d2f05f439e3e929ef1c2
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3136
+
+vlist.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+b06a0a02329355592f2e36a76a276ac2
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3149
+
+hlist.css
+file
+
+
+
+
+2012-01-25T10:37:32.000000Z
+3e77ce34917eb87b37a2ea493ec19fa4
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3130
+
diff --git a/css/yaml4/navigation/.svn/format b/css/yaml4/navigation/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/navigation/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/navigation/.svn/text-base/hlist-blue.css.svn-base b/css/yaml4/navigation/.svn/text-base/hlist-blue.css.svn-base
new file mode 100644
index 0000000..e1f8d63
--- /dev/null
+++ b/css/yaml4/navigation/.svn/text-base/hlist-blue.css.svn-base
@@ -0,0 +1,134 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @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: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ */
+
+@media all {
+
+	.ym-hlist {
+		/* (en) containing floats in IE */
+		/* (de) Einfassen der Floats im IE */
+		width:100%;
+		overflow:hidden;
+		/* (en|de) Bugfix:IE - collapsing horizontal margins */
+		position:relative;
+		line-height:1em;
+		background: #090b21;
+	}
+
+	.ym-hlist ul {
+		margin:0;
+		padding: 0.5em 1.5em;
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+	}
+
+	.ym-hlist ul li {
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+		font-size:1.0em;
+		line-height:1em;
+		list-style-type:none;
+		margin: 0 .25em 0 0;
+		padding:0;
+	}
+
+	.ym-hlist ul li a,
+	.ym-hlist ul li strong {
+		background:transparent;
+		color:#aaa;
+		display:block;
+		font-size:1em;
+		line-height: 2em;
+		padding: 0 0.5em;
+		font-weight:normal;
+		text-decoration:none;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+		width:auto;
+	}
+
+	.ym-hlist ul li a:focus,
+	.ym-hlist ul li a:hover,
+	.ym-hlist ul li a:active  {
+		color: #b3b5cc;
+		background:#666;
+		background: rgba(255,255,255,.25);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		text-decoration:none;
+		outline: 0 none;
+	}
+
+	.ym-hlist ul li.active {
+		background:#666;
+		background: rgba(255,255,255,.3);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		color: #fff;
+	}
+
+	.ym-hlist ul li.active strong,
+	.ym-hlist ul li.active a:focus,
+	.ym-hlist ul li.active a:hover,
+	.ym-hlist ul li.active a:active {
+		background:transparent;
+		color:#fff;
+		text-decoration:none;
+	}
+
+
+	/* search form -------------------------------------- */
+	.ym-searchform {
+		float:right;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+
+	.ym-searchform .ym-searchfield {
+		background: #fff;
+		line-height: 1em;
+		padding: 0.25em;
+		width: 12em;
+		border: solid 1px #888;
+		border: solid 1px rgba(255,255,255,.1);
+		outline: none;
+
+		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+	}
+
+	.ym-searchform .ym-searchbutton {
+		color: #fff;
+		cursor: pointer;
+		display: inline-block;
+		font-size: 1em;
+		line-height: 1.3571em;
+		padding: 0.25em;
+		border: solid 1px transparent;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+
+		background: #5f5f5f;
+		background: rgba(255,255,255,.2);
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/.svn/text-base/hlist.css.svn-base b/css/yaml4/navigation/.svn/text-base/hlist.css.svn-base
new file mode 100644
index 0000000..e1b2a58
--- /dev/null
+++ b/css/yaml4/navigation/.svn/text-base/hlist.css.svn-base
@@ -0,0 +1,134 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @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: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ */
+
+@media all {
+
+	.ym-hlist {
+		/* (en) containing floats in IE */
+		/* (de) Einfassen der Floats im IE */
+		width:100%;
+		overflow:hidden;
+		/* (en|de) Bugfix:IE - collapsing horizontal margins */
+		position:relative;
+		line-height:1em;
+		background: #222;
+	}
+
+	.ym-hlist ul {
+		margin:0;
+		padding: 0.5em 1.5em;
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+	}
+
+	.ym-hlist ul li {
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+		font-size:1.0em;
+		line-height:1em;
+		list-style-type:none;
+		margin: 0 .25em 0 0;
+		padding:0;
+	}
+
+	.ym-hlist ul li a,
+	.ym-hlist ul li strong {
+		background:transparent;
+		color:#aaa;
+		display:block;
+		font-size:1em;
+		line-height: 2em;
+		padding: 0 0.5em;
+		font-weight:normal;
+		text-decoration:none;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+		width:auto;
+	}
+
+	.ym-hlist ul li a:focus,
+	.ym-hlist ul li a:hover,
+	.ym-hlist ul li a:active  {
+		color: #ccc;
+		background:#666;
+		background: rgba(255,255,255,.25);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		text-decoration:none;
+		outline: 0 none;
+	}
+
+	.ym-hlist ul li.active {
+		background:#666;
+		background: rgba(255,255,255,.3);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		color: #fff;
+	}
+
+	.ym-hlist ul li.active strong,
+	.ym-hlist ul li.active a:focus,
+	.ym-hlist ul li.active a:hover,
+	.ym-hlist ul li.active a:active {
+		background:transparent;
+		color:#fff;
+		text-decoration:none;
+	}
+
+
+	/* search form -------------------------------------- */
+	.ym-searchform {
+		float:right;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+
+	.ym-searchform .ym-searchfield {
+		background: #fff;
+		line-height: 1em;
+		padding: 0.25em;
+		width: 12em;
+		border: solid 1px #888;
+		border: solid 1px rgba(255,255,255,.1);
+		outline: none;
+
+		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+	}
+
+	.ym-searchform .ym-searchbutton {
+		color: #fff;
+		cursor: pointer;
+		display: inline-block;
+		font-size: 1em;
+		line-height: 1.3571em;
+		padding: 0.25em;
+		border: solid 1px transparent;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+
+		background: #5f5f5f;
+		background: rgba(255,255,255,.2);
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/.svn/text-base/vlist.css.svn-base b/css/yaml4/navigation/.svn/text-base/vlist.css.svn-base
new file mode 100644
index 0000000..3270354
--- /dev/null
+++ b/css/yaml4/navigation/.svn/text-base/vlist.css.svn-base
@@ -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
diff --git a/css/yaml4/navigation/hlist-blue.css b/css/yaml4/navigation/hlist-blue.css
new file mode 100644
index 0000000..e1f8d63
--- /dev/null
+++ b/css/yaml4/navigation/hlist-blue.css
@@ -0,0 +1,134 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @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: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ */
+
+@media all {
+
+	.ym-hlist {
+		/* (en) containing floats in IE */
+		/* (de) Einfassen der Floats im IE */
+		width:100%;
+		overflow:hidden;
+		/* (en|de) Bugfix:IE - collapsing horizontal margins */
+		position:relative;
+		line-height:1em;
+		background: #090b21;
+	}
+
+	.ym-hlist ul {
+		margin:0;
+		padding: 0.5em 1.5em;
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+	}
+
+	.ym-hlist ul li {
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+		font-size:1.0em;
+		line-height:1em;
+		list-style-type:none;
+		margin: 0 .25em 0 0;
+		padding:0;
+	}
+
+	.ym-hlist ul li a,
+	.ym-hlist ul li strong {
+		background:transparent;
+		color:#aaa;
+		display:block;
+		font-size:1em;
+		line-height: 2em;
+		padding: 0 0.5em;
+		font-weight:normal;
+		text-decoration:none;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+		width:auto;
+	}
+
+	.ym-hlist ul li a:focus,
+	.ym-hlist ul li a:hover,
+	.ym-hlist ul li a:active  {
+		color: #b3b5cc;
+		background:#666;
+		background: rgba(255,255,255,.25);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		text-decoration:none;
+		outline: 0 none;
+	}
+
+	.ym-hlist ul li.active {
+		background:#666;
+		background: rgba(255,255,255,.3);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		color: #fff;
+	}
+
+	.ym-hlist ul li.active strong,
+	.ym-hlist ul li.active a:focus,
+	.ym-hlist ul li.active a:hover,
+	.ym-hlist ul li.active a:active {
+		background:transparent;
+		color:#fff;
+		text-decoration:none;
+	}
+
+
+	/* search form -------------------------------------- */
+	.ym-searchform {
+		float:right;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+
+	.ym-searchform .ym-searchfield {
+		background: #fff;
+		line-height: 1em;
+		padding: 0.25em;
+		width: 12em;
+		border: solid 1px #888;
+		border: solid 1px rgba(255,255,255,.1);
+		outline: none;
+
+		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+	}
+
+	.ym-searchform .ym-searchbutton {
+		color: #fff;
+		cursor: pointer;
+		display: inline-block;
+		font-size: 1em;
+		line-height: 1.3571em;
+		padding: 0.25em;
+		border: solid 1px transparent;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+
+		background: #5f5f5f;
+		background: rgba(255,255,255,.2);
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/hlist.css b/css/yaml4/navigation/hlist.css
new file mode 100644
index 0000000..e1b2a58
--- /dev/null
+++ b/css/yaml4/navigation/hlist.css
@@ -0,0 +1,134 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @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: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ */
+
+@media all {
+
+	.ym-hlist {
+		/* (en) containing floats in IE */
+		/* (de) Einfassen der Floats im IE */
+		width:100%;
+		overflow:hidden;
+		/* (en|de) Bugfix:IE - collapsing horizontal margins */
+		position:relative;
+		line-height:1em;
+		background: #222;
+	}
+
+	.ym-hlist ul {
+		margin:0;
+		padding: 0.5em 1.5em;
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+	}
+
+	.ym-hlist ul li {
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+		font-size:1.0em;
+		line-height:1em;
+		list-style-type:none;
+		margin: 0 .25em 0 0;
+		padding:0;
+	}
+
+	.ym-hlist ul li a,
+	.ym-hlist ul li strong {
+		background:transparent;
+		color:#aaa;
+		display:block;
+		font-size:1em;
+		line-height: 2em;
+		padding: 0 0.5em;
+		font-weight:normal;
+		text-decoration:none;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+		width:auto;
+	}
+
+	.ym-hlist ul li a:focus,
+	.ym-hlist ul li a:hover,
+	.ym-hlist ul li a:active  {
+		color: #ccc;
+		background:#666;
+		background: rgba(255,255,255,.25);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		text-decoration:none;
+		outline: 0 none;
+	}
+
+	.ym-hlist ul li.active {
+		background:#666;
+		background: rgba(255,255,255,.3);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		color: #fff;
+	}
+
+	.ym-hlist ul li.active strong,
+	.ym-hlist ul li.active a:focus,
+	.ym-hlist ul li.active a:hover,
+	.ym-hlist ul li.active a:active {
+		background:transparent;
+		color:#fff;
+		text-decoration:none;
+	}
+
+
+	/* search form -------------------------------------- */
+	.ym-searchform {
+		float:right;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+
+	.ym-searchform .ym-searchfield {
+		background: #fff;
+		line-height: 1em;
+		padding: 0.25em;
+		width: 12em;
+		border: solid 1px #888;
+		border: solid 1px rgba(255,255,255,.1);
+		outline: none;
+
+		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+	}
+
+	.ym-searchform .ym-searchbutton {
+		color: #fff;
+		cursor: pointer;
+		display: inline-block;
+		font-size: 1em;
+		line-height: 1.3571em;
+		padding: 0.25em;
+		border: solid 1px transparent;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+
+		background: #5f5f5f;
+		background: rgba(255,255,255,.2);
+	}
+}
\ No newline at end of file
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