cyaml 0.0.35 → 0.0.42

data/stylesheets/cyaml/navigation/hlist.sass

@@ -0,0 +1,110 @@
+/**
+ * "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
+    ul
+      margin: 0
+      padding: 0.5em 1.5em
+      /* (en|de) Bugfix:IE - Doubled Float Margin Bug
+      display: inline
+      float: left
+      /* LTR
+      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
+        a, 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
+        a
+          &:focus, &:hover, &:active
+            color: #ccc
+            background: #666
+            background: rgba(255, 255, 255, 0.25)
+            -webkit-border-radius: 0.2em
+            -moz-border-radius: 0.2em
+            border-radius: 0.2em
+            text-decoration: none
+            outline: 0 none
+        &.active
+          background: #666
+          background: rgba(255, 255, 255, 0.3)
+          -webkit-border-radius: 0.2em
+          -moz-border-radius: 0.2em
+          border-radius: 0.2em
+          color: #fff
+          strong
+            background: transparent
+            color: #fff
+            text-decoration: none
+          a
+            &:focus, &:hover, &: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-searchfield
+      background: #fff
+      line-height: 1em
+      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)
+      -moz-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-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, 0.5)
+      -webkit-border-radius: .2em
+      -moz-border-radius: .2em
+      border-radius: .2em
+      background: #5f5f5f
+      background: rgba(255, 255, 255, 0.2)

data/stylesheets/cyaml/navigation/vlist.sass

@@ -0,0 +1,120 @@
+/**
+ * "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
+    ul
+      list-style-type: none
+      margin: 0
+      padding: 0
+    li
+      float: left
+      /* LTR
+      width: 100%
+      margin: 0
+      padding: 0
+    a, strong, span
+      display: block
+      padding: 3px 0px 3px 10%
+      text-decoration: none
+      border-bottom: 1px #ddd solid
+    a
+      color: #444
+      &:visited
+        color: #444
+    li
+      span
+        display: block
+        font-weight: bold
+        border-bottom: 1px #ddd solid
+      &.active
+        color: #fff
+        background-color: #444
+        strong
+          font-weight: bold
+      a, strong, span
+        width: 90%
+        padding-left: 10%
+      a
+        &:focus, &:hover, &:active
+          background-color: #888
+          color: #fff
+          outline: 0 none
+      ul li
+        a, strong, span
+          width: 80%
+          padding-left: 20%
+        a
+          background-color: #f8f8f8
+          color: #333
+          &:visited
+            background-color: #f8f8f8
+            color: #333
+          &:focus, &:hover, &:active
+            background-color: #888
+            color: #fff
+        ul li
+          a, strong, span
+            width: 70%
+            padding-left: 30%
+          a
+            background-color: #f0f0f0
+            color: #222
+            &:visited
+              background-color: #f0f0f0
+              color: #222
+            &:focus, &:hover, &:active
+              background-color: #888
+              color: #fff
+          ul li
+            a, strong, span
+              width: 60%
+              padding-left: 40%
+            a
+              background-color: #e8e8e8
+              color: #111
+              &:visited
+                background-color: #e8e8e8
+                color: #111
+              &:focus, &:hover, &:active
+                background-color: #888
+                color: #fff
+  /* active list element
+  /* Level 1
+  /* LTR
+  /* Level 2
+  /* LTR
+  /* Level 3
+  /* LTR
+  /* Level 4
+  /* LTR

data/stylesheets/cyaml/print/print.sass

@@ -0,0 +1,49 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default print stylesheet
+ *
+ * @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 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
+  /*------------------------------------------------------------------------------------------------------
+  /* (en) optional output of acronyms and abbreviations
+  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen
+  /*
+   *abbr[title]:after,
+   *acronym[title]:after {
+   *	content:'(' attr(title) ')';
+   *}
+  /*------------------------------------------------------------------------------------------------------
+  /* (en) optional URL output of hyperlinks in print layout
+  /* (de) optionale Ausgabe der URLs von Hyperlinks
+  /*
+   *a[href]:after {
+   *	content:" <URL:"attr(href)">";
+   *	color:#444;
+   *	background:inherit;
+   *	font-style:italic;
+   *}

data/stylesheets/cyaml/screen/grid-960-12.sass

@@ -0,0 +1,95 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * draft 960.gs port - 12 columns
+ *
+ * @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         4.0
+ * @revision        $Revision: 656 $
+ * @lastmodified    $Date: 2012-01-11 21:27:54 +0100 (Mi, 11 Jan 2012) $
+
+@media screen
+  /* Layout Module Configuration
+  .ym-wrapper
+    width: 960px
+    margin: 0 auto
+  /* 960.gs port for YAML 4
+  .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, .ym-push-2, .ym-push-3, .ym-push-4, .ym-push-5, .ym-push-6, .ym-push-7, .ym-push-8, .ym-push-9, .ym-push-10, .ym-push-11, .ym-pull-1, .ym-pull-2, .ym-pull-3, .ym-pull-4, .ym-pull-5, .ym-pull-6, .ym-pull-7, .ym-pull-8, .ym-pull-9, .ym-pull-10, .ym-pull-11
+    position: relative
+  .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
+  .ym-gbox
+    padding-left: 0
+    padding-right: 0
+    margin-left: 10px
+    margin-right: 10px

data/stylesheets/cyaml/screen/grid-960-16.sass

@@ -0,0 +1,119 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * draft 960.gs port - 16 columns
+ *
+ * @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         4.0
+ * @revision        $Revision: 656 $
+ * @lastmodified    $Date: 2012-01-11 21:27:54 +0100 (Mi, 11 Jan 2012) $
+
+@media screen
+  /* Layout Module Configuration
+  .ym-wrapper
+    width: 960px
+    margin: 0 auto
+  /* 960.gs port for YAML 4
+  .ym-g960-1
+    width: 60px
+  .ym-g960-2
+    width: 120px
+  .ym-g960-3
+    width: 180px
+  .ym-g960-4
+    width: 240px
+  .ym-g960-5
+    width: 300px
+  .ym-g960-6
+    width: 360px
+  .ym-g960-7
+    width: 420px
+  .ym-g960-8
+    width: 480px
+  .ym-g960-9
+    width: 540px
+  .ym-g960-10
+    width: 600px
+  .ym-g960-11
+    width: 660px
+  .ym-g960-12
+    width: 720px
+  .ym-g960-13
+    width: 780px
+  .ym-g960-14
+    width: 840px
+  .ym-g960-15
+    width: 900px
+  .ym-g960-16
+    width: 960px
+  .ym-push-1, .ym-push-2, .ym-push-3, .ym-push-4, .ym-push-5, .ym-push-6, .ym-push-7, .ym-push-8, .ym-push-9, .ym-push-10, .ym-push-11, .ym-push-12, .ym-push-13, .ym-push-14, .ym-push-15, .ym-pull-1, .ym-pull-2, .ym-pull-3, .ym-pull-4, .ym-pull-5, .ym-pull-6, .ym-pull-7, .ym-pull-8, .ym-pull-9, .ym-pull-10, .ym-pull-11, .ym-pull-12, .ym-pull-13, .ym-pull-14, .ym-pull-15
+    position: relative
+  .ym-push-1
+    left: 60px
+  .ym-push-2
+    left: 120px
+  .ym-push-3
+    left: 180px
+  .ym-push-4
+    left: 240px
+  .ym-push-5
+    left: 300px
+  .ym-push-6
+    left: 360px
+  .ym-push-7
+    left: 420px
+  .ym-push-8
+    left: 480px
+  .ym-push-9
+    left: 540px
+  .ym-push-10
+    left: 600px
+  .ym-push-11
+    left: 660px
+  .ym-push-12
+    left: 720px
+  .ym-push-13
+    left: 780px
+  .ym-push-14
+    left: 840px
+  .ym-push-15
+    left: 900px
+  .ym-pull-1
+    left: -60px
+  .ym-pull-2
+    left: -120px
+  .ym-pull-3
+    left: -180px
+  .ym-pull-4
+    left: -240px
+  .ym-pull-5
+    left: -300px
+  .ym-pull-6
+    left: -360px
+  .ym-pull-7
+    left: -420px
+  .ym-pull-8
+    left: -480px
+  .ym-pull-9
+    left: -540px
+  .ym-pull-10
+    left: -600px
+  .ym-pull-11
+    left: -660px
+  .ym-pull-12
+    left: -720px
+  .ym-pull-13
+    left: -780px
+  .ym-pull-14
+    left: -840px
+  .ym-pull-15
+    left: -900px
+  .ym-gbox
+    padding-left: 0
+    padding-right: 0
+    margin-left: 10px
+    margin-right: 10px