RubyGems - cyaml - Versions diffs - 0.0.35 → 0.0.42 - Mend

cyaml 0.0.35 → 0.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

data/stylesheets/cyaml/navigation/hlist.sass ADDED

@@ -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 ADDED

@@ -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 ADDED

@@ -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 ADDED

@@ -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 ADDED

@@ -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