yamlcss 1.0.0

data/yaml/yaml/navigation/hlist.css

@@ -0,0 +1,109 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @copyright       © 2005-2013, 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         4.1.2
+ */
+@media all {
+  .ym-hlist {
+    /* (en) containing floats in IE */
+    /* (de) Einfassen der Floats im IE */
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+    line-height: 1em;
+    background: #222;
+  }
+  .ym-hlist ul {
+    margin: 0;
+    padding: 0.5em 1.5em;
+    display: inline;
+    float: left;
+  }
+  .ym-hlist ul li {
+    display: inline;
+    float: left;
+    font-size: 1.0em;
+    line-height: 1;
+    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, 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, 0.25);
+    border-radius: 0.2em;
+    text-decoration: none;
+    outline: 0 none;
+  }
+  .ym-hlist ul li.active {
+    background: #666;
+    background: rgba(255, 255, 255, 0.3);
+    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: 2;
+    padding: 0.5em 1.5em;
+  }
+  .ym-searchform .ym-searchfield {
+    -webkit-appearance: none;
+    background: #fff;
+    line-height: 1;
+    padding: 0.25em;
+    width: 12em;
+    border: solid 1px #888;
+    border: solid 1px rgba(255, 255, 255, 0.1);
+    outline: none;
+    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+  }
+  .ym-searchform .ym-searchbutton {
+    -webkit-appearance: none;
+    background: #5f5f5f;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: .2em;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 1em;
+    line-height: 1.25;
+    padding: 0.25em;
+    border: solid 1px transparent;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+  }
+}

data/yaml/yaml/navigation/vlist.css

@@ -0,0 +1,144 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical list navigation "vlist"
+ * (de) Vertikale Navigationsliste "vlist"
+ *
+ * @copyright       © 2005-2013, 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         4.1.2
+ */
+@media all {
+  /* 4 navigation levels defined */
+  .ym-vlist {
+    margin: 0 0 1.5em 0;
+    list-style-type: none;
+    background: transparent;
+    border: 0 none;
+  }
+  .ym-vlist ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    overflow: hidden;
+    border-top: 2px #ddd solid;
+    border-bottom: 2px #ddd solid;
+  }
+  .ym-vlist ul ul {
+    border: 0 none;
+  }
+  .ym-vlist li {
+    float: left;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+  }
+  .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;
+  }
+  .ym-vlist li.active {
+    color: #fff;
+    background-color: #444;
+  }
+  .ym-vlist li.active strong {
+    font-weight: bold;
+  }
+  .ym-vlist li a,
+  .ym-vlist li strong,
+  .ym-vlist li span {
+    width: 90%;
+    padding-left: 10%;
+  }
+  .ym-vlist li a:focus,
+  .ym-vlist li a:hover,
+  .ym-vlist li a:active {
+    background-color: #888;
+    color: #fff;
+    outline: 0 none;
+  }
+  .ym-vlist li ul li a,
+  .ym-vlist li ul li strong,
+  .ym-vlist li ul li span {
+    width: 80%;
+    padding-left: 20%;
+  }
+  .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;
+  }
+  .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%;
+  }
+  .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;
+  }
+  .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%;
+  }
+  .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;
+  }
+
+  /* title */
+  .ym-vtitle {
+    font-weight: bold;
+    font-size: 100%;
+    width: 90%;
+    padding: 3px 0px 3px 10%;
+    margin: 0;
+    color: #444;
+    background-color: #fff;
+    border-top: 2px #ddd solid;
+  }
+  .ym-vtitle + ul {
+    border-top: 4px #888 solid;
+  }
+}

data/yaml/yaml/print/print.css

@@ -0,0 +1,42 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default print stylesheet
+ *
+ * @copyright       © 2005-2013, 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         4.1.2
+ */
+@media print {
+  /**
+  * @section basic layout preparation
+  */
+  /* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers */
+  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
+  body {
+    font-size: 10pt;
+    padding: 0 5px;
+  }
+
+  /* (en) Hide unneeded container of the screenlayout in print layout */
+  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
+  nav,
+  .ym-searchform {
+    display: none;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /* (en) Avoid page breaks right after headings */
+  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    page-break-after: avoid;
+  }
+}

data/yaml/yaml/screen/grid-960gs-12.css

@@ -0,0 +1,164 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * 960.gs port for YAML: 960px - 12 columns
+ *
+ * @copyright       © 2005-2013, 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         4.1.2
+ */
+.ym-wrapper {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-g960-1 {
+  width: 80px;
+}
+
+.ym-g960-2 {
+  width: 160px;
+}
+
+.ym-g960-3 {
+  width: 240px;
+}
+
+.ym-g960-4 {
+  width: 320px;
+}
+
+.ym-g960-5 {
+  width: 400px;
+}
+
+.ym-g960-6 {
+  width: 480px;
+}
+
+.ym-g960-7 {
+  width: 560px;
+}
+
+.ym-g960-8 {
+  width: 640px;
+}
+
+.ym-g960-9 {
+  width: 720px;
+}
+
+.ym-g960-10 {
+  width: 800px;
+}
+
+.ym-g960-11 {
+  width: 880px;
+}
+
+.ym-g960-12 {
+  width: 960px;
+}
+
+.ym-push-1 {
+  left: 80px;
+}
+
+.ym-push-2 {
+  left: 160px;
+}
+
+.ym-push-3 {
+  left: 240px;
+}
+
+.ym-push-4 {
+  left: 320px;
+}
+
+.ym-push-5 {
+  left: 400px;
+}
+
+.ym-push-6 {
+  left: 480px;
+}
+
+.ym-push-7 {
+  left: 560px;
+}
+
+.ym-push-8 {
+  left: 640px;
+}
+
+.ym-push-9 {
+  left: 720px;
+}
+
+.ym-push-10 {
+  left: 800px;
+}
+
+.ym-push-11 {
+  left: 880px;
+}
+
+.ym-pull-1 {
+  left: -80px;
+}
+
+.ym-pull-2 {
+  left: -160px;
+}
+
+.ym-pull-3 {
+  left: -240px;
+}
+
+.ym-pull-4 {
+  left: -320px;
+}
+
+.ym-pull-5 {
+  left: -400px;
+}
+
+.ym-pull-6 {
+  left: -480px;
+}
+
+.ym-pull-7 {
+  left: -560px;
+}
+
+.ym-pull-8 {
+  left: -640px;
+}
+
+.ym-pull-9 {
+  left: -720px;
+}
+
+.ym-pull-10 {
+  left: -800px;
+}
+
+.ym-pull-11 {
+  left: -880px;
+}