cyaml 0.0.35 → 0.0.42

data/stylesheets/cyaml/core/base.min.sass

@@ -0,0 +1,282 @@
+@media all
+  *
+    margin: 0
+    padding: 0
+  option
+    padding-left: .4em
+  select
+    padding: 1px
+  * html body *
+    overflow: visible
+  body
+    font-size: 100%
+    background: #fff
+    color: #000
+    text-align: left
+  div:target
+    outline: 0 none
+  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
+    display: block
+  audio, canvas, video
+    display: inline-block
+  audio:not([controls]), [hidden]
+    display: none
+  input[type="search"]
+    -webkit-appearance: textfield
+    &::-webkit-search-decoration
+      -webkit-appearance: none
+  fieldset, img
+    border: 0 solid
+  ul, ol, dl
+    margin: 0 0 1em 1em
+  li
+    line-height: 1.5em
+    margin-left: .8em
+  dt
+    font-weight: bold
+  dd, blockquote
+    margin: 0 0 1em .8em
+  q
+    quotes: none
+  blockquote
+    &:before, &:after
+      content: ''
+      content: none
+  q
+    &:before, &:after
+      content: ''
+      content: none
+  table
+    border-collapse: collapse
+    border-spacing: 0
+  .ym-clearfix
+    &:before
+      content: ""
+      display: table
+    &:after
+      clear: both
+      content: "."
+      display: block
+      font-size: 0
+      height: 0
+      visibility: hidden
+  .ym-contain-dt
+    display: table
+    width: 100%
+    overflow: visible
+  .ym-contain-oh
+    overflow: hidden
+    width: 100%
+    display: block
+  .ym-contain-fl
+    float: left
+    width: 100%
+  .ym-skip, .ym-hideme, .ym-print
+    position: absolute
+    top: -32768px
+    left: -32768px
+  .ym-skip
+    &:focus, &:active
+      position: static
+      top: 0
+      left: 0
+  .ym-skiplinks
+    position: absolute
+    top: 0
+    left: -32768px
+    z-index: 1000
+    width: 100%
+    margin: 0
+    padding: 0
+    list-style-type: none
+    .ym-skip
+      &:focus, &:active
+        left: 32768px
+        outline: 0 none
+        position: absolute
+        width: 100%
+
+
+@media screen,projection
+  .ym-column
+    display: table
+    width: 100%
+  .ym-col1
+    float: left
+    width: 20%
+  .ym-col2
+    float: right
+    width: 20%
+  .ym-col3
+    width: auto
+    margin: 0 20%
+  .ym-cbox .ym-cbox-left, .ym-cbox-right
+    position: relative
+  .ym-cbox
+    padding: 0 10px
+  .ym-cbox-left
+    padding: 0 10px 0 0
+  .ym-cbox-right
+    padding: 0 0 0 10px
+  .ym-ie-clearing
+    display: none
+  .ym-grid
+    display: table
+    width: 100%
+    table-layout: fixed
+    list-style-type: none
+    padding-left: 0
+    padding-right: 0
+    margin-left: 0
+    margin-right: 0
+  .ym-gl
+    float: left
+    margin: 0
+  .ym-gr
+    float: right
+    margin: 0 0 0 -5px
+  .ym-g20
+    width: 20%
+  .ym-g40
+    width: 40%
+  .ym-g60
+    width: 60%
+  .ym-g80
+    width: 80%
+  .ym-g25
+    width: 25%
+  .ym-g33
+    width: 33.333%
+  .ym-g50
+    width: 50%
+  .ym-g66
+    width: 66.666%
+  .ym-g75
+    width: 75%
+  .ym-g38
+    width: 38.2%
+  .ym-g62
+    width: 61.8%
+  .ym-gbox
+    padding: 0 10px
+  .ym-gbox-left
+    padding: 0 10px 0 0
+  .ym-gbox-right
+    padding: 0 0 0 10px
+  .ym-equalize
+    overflow: hidden
+  .ym-equalize>
+    &.ym-gl, &.ym-gr
+      display: table-cell
+      float: none
+      margin: 0
+      vertical-align: top
+  .ym-equalize>*>
+    &.ym-gbox, &.ym-gbox-left, &.ym-gbox-right
+      padding-bottom: 10000px
+      margin-bottom: -10000px
+
+
+@media all
+  .ym-form
+    overflow: hidden
+    fieldset
+      overflow: hidden
+    div .ym-form label, .ym-message
+      position: relative
+      display: block
+    .ym-fbox-check label
+      display: inline
+    input, textarea
+      cursor: text
+    input
+      &[type="checkbox"], &[type="radio"]
+        cursor: pointer
+    select, label
+      cursor: pointer
+    textarea
+      overflow: auto
+    input[type=hidden]
+      display: none!important
+    .ym-fbox-text:before, .ym-fbox-select:before, .ym-fbox-check:before, .ym-fbox-button:before
+      content: ""
+      display: table
+    .ym-fbox-text:after, .ym-fbox-select:after, .ym-fbox-check:after, .ym-fbox-button:after
+      clear: both
+      content: "."
+      display: block
+      font-size: 0
+      height: 0
+      visibility: hidden
+    select, input, textarea
+      display: block
+      position: relative
+      width: 58.5%
+    .ym-fbox-check input
+      display: inline
+      width: auto
+    .ym-fbox-button input
+      display: inline
+      overflow: visible
+      width: auto
+    .ym-fbox-check input
+      &:focus, &:hover, &:active
+        border: 0 none
+  .ym-full
+    .ym-fbox-select select
+      width: 94.2%
+      margin-right: -3px
+    .ym-fbox-text
+      input, textarea
+        width: 94.2%
+        margin-right: -3px
+  .ym-columnar
+    .ym-fbox-text label, .ym-fbox-select label
+      display: inline
+      float: left
+      width: 30%
+    .ym-fbox-check
+      position: relative
+  .ym-label
+    display: block
+  .ym-columnar
+    .ym-fbox-check
+      .ym-label
+        position: absolute
+        top: 0
+      input
+        margin-left: 30%
+    .ym-error .ym-message
+      margin-left: 30%
+    fieldset .ym-fbox-button
+      padding-left: 30%
+  fieldset.ym-columnar .ym-fbox-button
+    padding-left: 30%
+  .ym-columnar
+    .ym-fbox-select select
+      float: left
+      width: 67.2%
+      margin-right: -3px
+    .ym-fbox-text
+      input, textarea
+        float: left
+        width: 67.2%
+        margin-right: -3px
+  .ym-fbox-select select
+    width: 60%
+  .ym-full .ym-fbox-select select
+    width: 94.8%
+  .ym-columnar .ym-fbox-select select
+    width: 68.8%
+
+
+@media print
+  .ym-grid>
+    &.ym-gl, &.ym-gr
+      overflow: visible
+      display: table
+  .ym-print
+    position: static
+    left: 0
+  .ym-noprint
+    display: none!important

data/stylesheets/cyaml/core/base.sass

@@ -0,0 +1,434 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet
+ * (de) YAML Basis-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @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
+  /**
+   ** @section CSS-Normalisation Module
+  /* (en) Global reset of paddings and margins for all HTML elements
+  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente
+  *
+    margin: 0
+    padding: 0
+  /* (en) Correction:margin/padding reset caused too small select boxes.
+  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen.
+  option
+    padding-left: 0.4em
+  /* LTR
+  select
+    padding: 1px
+  /**
+   ** (en) Global fix of the Italics bugs in IE 5.x and IE 6
+   ** (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
+   **
+   ** @bugfix
+   ** @affected   IE 5.x/Win, IE6
+   ** @css-for    IE 5.x/Win, IE6
+   ** @valid      yes
+  * html body *
+    overflow: visible
+  body
+    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
+    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
+    font-size: 100%
+    /* (en) Standard values for colors and text alignment
+    /* (de) Vorgabe der Standardfarben und Textausrichtung
+    background: #fff
+    color: #000
+    text-align: left
+    /* LTR
+  /* (en) avoid visible outlines on DIV containers in Webkit browsers
+  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern
+  div:target
+    outline: 0 none
+  /* (en) HTML 5 - adjusting visual formatting model to block level
+  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente
+  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
+    display: block
+  /* (en) HTML5 - default media element styles
+  /* (de) HTML5 - Standard Eigenschaften für Media-Elemente
+  audio, canvas, video
+    display: inline-block
+  /* (en) HTML5 - don't show <audio> element if there aren't controls
+  /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden
+  audio:not([controls]), [hidden]
+    display: none
+  /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute
+  /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten
+  /* (en) force consistant appearance of input[type="search"] elements in all browser
+  /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen
+  input[type="search"]
+    -webkit-appearance: textfield
+    &::-webkit-search-decoration
+      -webkit-appearance: none
+  /* (en) Clear borders for <fieldset> and <img> elements
+  /* (de) Rahmen für <fieldset> und <img> Elemente löschen
+  fieldset, img
+    border: 0 solid
+  /* (en) new standard values for lists, blockquote, cite and tables
+  /* (de) Neue Standardwerte für Listen, Zitate und Tabellen
+  ul, ol, dl
+    margin: 0 0 1em 1em
+  /* LTR
+  li
+    line-height: 1.5em
+    margin-left: 0.8em
+    /* LTR
+  dt
+    font-weight: bold
+  dd, blockquote
+    margin: 0 0 1em 0.8em
+  /* LTR
+  /* LTR
+  q
+    quotes: none
+  blockquote
+    &:before, &:after
+      content: ''
+      content: none
+  q
+    &:before, &:after
+      content: ''
+      content: none
+  table
+    border-collapse: collapse
+    border-spacing: 0
+  /*    	*
+   * 	* @section Float Handling Module
+  /* (en) clearfix method for clearing floats
+  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen
+  .ym-clearfix
+    &:before
+      content: ""
+      display: table
+    &:after
+      clear: both
+      content: "."
+      display: block
+      font-size: 0
+      height: 0
+      visibility: hidden
+  /* (en) alternative solutions to contain floats
+  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen
+  .ym-contain-dt
+    display: table
+    width: 100%
+    overflow: visible
+  .ym-contain-oh
+    overflow: hidden
+    width: 100%
+    display: block
+  .ym-contain-fl
+    float: left
+    width: 100%
+  /**
+   ** @section Accessibility Module
+   **
+   ** (en) skip links and hidden content
+   ** (de) Skip-Links und versteckte Inhalte
+  /* (en) classes for invisible elements in the base layout
+  /* (de) Klassen für unsichtbare Elemente im Basislayout
+  .ym-skip, .ym-hideme, .ym-print
+    position: absolute
+    top: -32768px
+    left: -32768px
+    /* LTR
+  /* (en) make skip links visible when using tab navigation
+  /* (de) Skip-Links für Tab-Navigation sichtbar schalten
+  .ym-skip
+    &:focus, &:active
+      position: static
+      top: 0
+      left: 0
+  /* skiplinks:technical setup
+  .ym-skiplinks
+    position: absolute
+    top: 0px
+    left: -32768px
+    z-index: 1000
+    width: 100%
+    margin: 0
+    padding: 0
+    list-style-type: none
+    .ym-skip
+      &:focus, &:active
+        left: 32768px
+        outline: 0 none
+        position: absolute
+        width: 100%
+
+
+@media screen, projection
+  /**
+   ** @section Column Module
+   **
+   ** default column config:
+   ** |-------------------------------|
+   ** | col1    | col3      | col2    |
+   ** | 20%     | flexible  | 20%     |
+   ** |-------------------------------|
+  .ym-column
+    display: table
+    width: 100%
+  .ym-col1
+    float: left
+    width: 20%
+  .ym-col2
+    float: right
+    width: 20%
+  .ym-col3
+    width: auto
+    margin: 0 20%
+  /* (en) Preparation for absolute positioning within content columns
+  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten
+  .ym-cbox.ym-cbox-left, .ym-cbox-right
+    position: relative
+  .ym-cbox
+    padding: 0 10px
+  .ym-cbox-left
+    padding: 0 10px 0 0
+  .ym-cbox-right
+    padding: 0 0 0 10px
+  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css
+  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet
+  .ym-ie-clearing
+    display: none
+  /**
+   ** @section Grid Module
+   **
+  .ym-grid
+    display: table
+    width: 100%
+    table-layout: fixed
+    list-style-type: none
+    padding-left: 0
+    padding-right: 0
+    margin-left: 0
+    margin-right: 0
+  .ym-gl
+    float: left
+    margin: 0
+  .ym-gr
+    float: right
+    margin: 0 0 0 -5px
+  .ym-g20
+    width: 20%
+  .ym-g40
+    width: 40%
+  .ym-g60
+    width: 60%
+  .ym-g80
+    width: 80%
+  .ym-g25
+    width: 25%
+  .ym-g33
+    width: 33.333%
+  .ym-g50
+    width: 50%
+  .ym-g66
+    width: 66.666%
+  .ym-g75
+    width: 75%
+  .ym-g38
+    width: 38.2%
+  .ym-g62
+    width: 61.8%
+  .ym-gbox
+    padding: 0 10px
+  .ym-gbox-left
+    padding: 0 10px 0 0
+  .ym-gbox-right
+    padding: 0 0 0 10px
+  .ym-equalize
+    overflow: hidden
+    >
+      .ym-gl, .ym-gr
+        display: table-cell
+        float: none
+        margin: 0
+        vertical-align: top
+      * >
+        .ym-gbox, .ym-gbox-left, .ym-gbox-right
+          padding-bottom: 10000px
+          margin-bottom: -10000px
+
+
+@media all
+  /*      *
+   * 	* @section Form Module
+   * 	*
+   * 	* Vertical-Forms - technical base (standard)
+   * 	*
+   * 	* |-------------------------------|
+   * 	* | form                          |
+   * 	* |-------------------------------|
+   * 	* |   label                       |
+   * 	* |   input / select / textarea   |
+   * 	* |-------------------------------|
+   * 	* | /form                         |
+   * 	* |-------------------------------|
+   * 	*
+   * 	* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
+   * 	* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
+  .ym-form
+    overflow: hidden
+    fieldset
+      overflow: hidden
+    div.ym-form label, .ym-message
+      position: relative
+      display: block
+      /* important for Safari
+    .ym-fbox-check label
+      display: inline
+    input, textarea
+      cursor: text
+    input
+      &[type="checkbox"], &[type="radio"]
+        cursor: pointer
+    select, label
+      cursor: pointer
+    textarea
+      overflow: auto
+    input[type=hidden]
+      display: none !important
+    .ym-fbox-text:before, .ym-fbox-select:before, .ym-fbox-check:before, .ym-fbox-button:before
+      content: ""
+      display: table
+    .ym-fbox-text:after, .ym-fbox-select:after, .ym-fbox-check:after, .ym-fbox-button:after
+      clear: both
+      content: "."
+      display: block
+      font-size: 0
+      height: 0
+      visibility: hidden
+    select, input, textarea
+      display: block
+      position: relative
+      width: 58.5%
+    .ym-fbox-check input
+      display: inline
+      width: auto
+    .ym-fbox-button input
+      display: inline
+      overflow: visible
+      /* Fixes IE7 auto-padding bug
+      width: auto
+    .ym-fbox-check input
+      &:focus, &:hover, &:active
+        border: 0 none
+  /* small adjustments for Internet Explorer - all versions
+  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox)
+  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente
+  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite
+  /* Styling of buttons | Gestaltung von Buttons
+  /* avoid jumping checkboxes & radiobuttons in IE8
+  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels
+  .ym-full
+    .ym-fbox-select select
+      width: 94.2%
+      margin-right: -3px
+    .ym-fbox-text
+      input, textarea
+        width: 94.2%
+        margin-right: -3px
+  /*      *
+   * 	* Columnar forms display - technical base (optional)
+   * 	*
+   * 	* |-------------------------------------------|
+   * 	* | form                                      |
+   * 	* |-------------------------------------------|
+   * 	* |                                           |
+   * 	* |   label   |   input / select / textarea   |
+   * 	* |                                           |
+   * 	* |-------------------------------------------|
+   * 	* | /form                                     |
+   * 	* |-------------------------------------------|
+   * 	*
+   * 	* (en) Styling of forms where label floats left of form-elements
+   * 	* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+  /* Columnar display | Spalten-Darstellung
+  .ym-columnar
+    .ym-fbox-text label, .ym-fbox-select label
+      display: inline
+      float: left
+      width: 30%
+      /* Can be fixed width too | Kann auch eine fixe Angabe sein
+    .ym-fbox-check
+      position: relative
+  .ym-label
+    display: block
+  .ym-columnar
+    .ym-fbox-check
+      .ym-label
+        position: absolute
+        top: 0
+      input
+        margin-left: 30%
+    .ym-error .ym-message
+      margin-left: 30%
+    fieldset .ym-fbox-button
+      padding-left: 30%
+  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels
+  /* global and local columnar settings for button alignment
+  fieldset.ym-columnar .ym-fbox-button
+    padding-left: 30%
+  .ym-columnar
+    .ym-fbox-select select
+      float: left
+      width: 67.2%
+      margin-right: -3px
+    .ym-fbox-text
+      input, textarea
+        float: left
+        width: 67.2%
+        margin-right: -3px
+  /**
+   ** @section Form Construction Kit | Screen Adjustments
+   **
+  .ym-fbox-select select
+    width: 60%
+  .ym-full .ym-fbox-select select
+    width: 94.8%
+  .ym-columnar .ym-fbox-select select
+    width: 68.8%
+
+
+@media print
+  /**
+   ** @section print adjustments for core modules
+   **
+   ** (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
+   ** (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
+   **
+   ** @bugfix
+   ** @since     3.0
+   ** @affected  FF2.0, FF3.0, IE7
+   ** @css-for   all browsers
+   ** @valid     yes
+  .ym-grid >
+    .ym-gl, .ym-gr
+      overflow: visible
+      display: table
+  /* (en) make .ym-print class visible
+  /* (de) .ym-print-Klasse sichtbar schalten
+  .ym-print
+    position: static
+    left: 0
+  /* (en) generic class to hide elements for print
+  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden
+  .ym-noprint
+    display: none !important