cyaml 0.0.21

data/stylesheets/cyaml/print/print_draft.sass

@@ -0,0 +1,50 @@
+@charset "UTF-8"
+
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2010, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.2.1
+ * @revision        $Revision:302 $
+ * @lastmodified    $Date:2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $
+
+@media print
+  /**
+   * @section basic layout preparation
+   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers
+  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden
+  body
+    font-size: 10pt
+  /* (en) Hide unneeded container of the screenlayout in print layout
+  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten
+  #topnav, #nav, #search
+    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/content.sass

@@ -0,0 +1,284 @@
+@charset "UTF-8"
+
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2010, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.2.1
+ * @revision        $Revision:392 $
+ * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
+ * @appdef yaml
+
+@media all
+  /**
+   * Fonts
+   *
+   * (en) global settings of font-families and font-sizes
+   * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
+   *
+   * @section content-global-settings
+  /* (en) reset font size for all elements to standard (16 Pixel)
+  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen
+  html *
+    font-size: 100.01%
+  /**
+   * (en) reset monospaced elements to font size 16px in all browsers
+   * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
+   *
+   * @see: http://webkit.org/blog/67/strange-medium/
+  textarea, pre, code, kbd, samp, var, tt
+    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier
+  /* (en) base layout gets standard font size 12px
+  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln
+  body
+    font-family: Arial, Helvetica, sans-serif
+    font-size: 75.00%
+    color: #444
+  /*--- Headings | Überschriften ------------------------------------------------------------------------
+  h1, h2, h3, h4, h5, h6
+    font-family: "Times New Roman", Times, serif
+    font-weight: normal
+    color: #222
+    margin: 0 0 0.25em 0
+  h1
+    font-size: 250%
+  /* 30px
+  h2
+    font-size: 200%
+  /* 24px
+  h3
+    font-size: 150%
+  /* 18px
+  h4
+    font-size: 133.33%
+  /* 16px
+  h5, h6
+    font-size: 116.67%
+  /* 14px
+  /* 14px
+  /* --- Lists | Listen  --------------------------------------------------------------------------------
+  ul, ol, dl
+    line-height: 1.5em
+    margin: 0 0 1em 1em
+  ul
+    list-style-type: disc
+    ul
+      list-style-type: circle
+      margin-bottom: 0
+  ol
+    list-style-type: decimal
+    ol
+      list-style-type: lower-latin
+      margin-bottom: 0
+  li
+    margin-left: 0.8em
+    line-height: 1.5em
+  dt
+    font-weight: bold
+  dd
+    margin: 0 0 1em 0.8em
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------
+  p
+    line-height: 1.5em
+    margin: 0 0 1em 0
+  blockquote, cite, q
+    font-family: Georgia, "Times New Roman", Times, serif
+    font-style: italic
+  blockquote
+    margin: 0 0 1em 1.6em
+    color: #666
+  strong, b
+    font-weight: bold
+  em, i
+    font-style: italic
+  big
+    font-size: 116.667%
+  small
+    font-size: 91.667%
+  pre
+    line-height: 1.5em
+    margin: 0 0 1em 0
+    font-size: 100%
+  code, kbd, tt, samp, var
+    font-size: 100%
+  pre, code
+    color: #800
+  kbd, samp, var, tt
+    color: #666
+    font-weight: bold
+  var, dfn
+    font-style: italic
+  acronym, abbr
+    border-bottom: 1px #aaa dotted
+    font-variant: small-caps
+    letter-spacing: .07em
+    cursor: help
+  sub, sup
+    font-size: 91.6667%
+    line-height: 0
+  hr
+    color: #fff
+    background: transparent
+    margin: 0 0 0.5em 0
+    padding: 0 0 0.5em 0
+    border: 0
+    border-bottom: 1px #eee solid
+  /*--- Links -----------------------------------------------------------------------------------------
+  a
+    color: #4D87C7
+    background: transparent
+    text-decoration: none
+    &:visited
+      color: #036
+    &:focus
+      text-decoration: underline
+      color: #000
+      background: #fff
+      outline: 3px #f93 solid
+    &:hover, &:active
+      color: #182E7A
+      text-decoration: underline
+      outline: 0 none
+  /* (en) maximum constrast for tab focus - change with great care
+  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht
+  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------
+  p
+    &.icaption_left
+      float: left
+      display: inline
+      margin: 0 1em 0.15em 0
+    &.icaption_right
+      float: right
+      display: inline
+      margin: 0 0 0.15em 1em
+    &.icaption_left img, &.icaption_right img
+      padding: 0
+      border: 1px #888 solid
+    &.icaption_left strong, &.icaption_right strong
+      display: block
+      overflow: hidden
+      margin-top: 2px
+      padding: 0.3em 0.5em
+      background: #eee
+      font-weight: normal
+      font-size: 91.667%
+  /**
+   * ------------------------------------------------------------------------------------------------- #
+   *
+   * Generic Content Classes
+   *
+   * (en) standard classes for positioning and highlighting
+   * (de) Standardklassen zur Positionierung und Hervorhebung
+   *
+   * @section content-generic-classes
+  .highlight
+    color: #c30
+  .dimmed
+    color: #888
+  .info
+    background: #f8f8f8
+    color: #666
+    padding: 10px
+    margin-bottom: 0.5em
+    font-size: 91.7%
+  .note
+    background: #efe
+    color: #040
+    border: 2px #484 solid
+    padding: 10px
+    margin-bottom: 1em
+  .important
+    background: #ffe
+    color: #440
+    border: 2px #884 solid
+    padding: 10px
+    margin-bottom: 1em
+  .warning
+    background: #fee
+    color: #400
+    border: 2px #844 solid
+    padding: 10px
+    margin-bottom: 1em
+  .float_left
+    float: left
+    display: inline
+    margin-right: 1em
+    margin-bottom: 0.15em
+  .float_right
+    float: right
+    display: inline
+    margin-left: 1em
+    margin-bottom: 0.15em
+  .center
+    display: block
+    text-align: center
+    margin: 0.5em auto
+  /**
+   * ------------------------------------------------------------------------------------------------- #
+   *
+   * Tables | Tabellen
+   *
+   * (en) Generic classes for table-width and design definition
+   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
+   *
+   * @section content-tables
+  table
+    width: auto
+    border-collapse: collapse
+    margin-bottom: 0.5em
+    border-top: 2px #888 solid
+    border-bottom: 2px #888 solid
+    caption
+      font-variant: small-caps
+    &.full
+      width: 100%
+    &.fixed
+      table-layout: fixed
+  th, td
+    padding: 0.5em
+  thead th
+    color: #000
+    border-bottom: 2px #800 solid
+  tbody
+    th
+      background: #e0e0e0
+      color: #333
+      &[scope="row"], &.sub
+        background: #f0f0f0
+      border-bottom: 1px solid #fff
+      text-align: left
+    td
+      border-bottom: 1px solid #eee
+    tr:hover
+      th[scope="row"], tbody th.sub
+        background: #f0e8e8
+      td
+        background: #fff8f8
+  /**
+   * ------------------------------------------------------------------------------------------------- #
+   *
+   * Miscellaneous | Sonstiges
+   *
+   * @section content-misc
+  /**
+   * (en) Emphasizing external Hyperlinks via CSS
+   * (de) Hervorhebung externer Hyperlinks mit CSS
+   *
+   * @section             content-external-links
+   * @app-yaml-default    disabled
+  /*
+   *#main a[href^="http://www.my-domain.com"],
+   *#main a[href^="https://www.my-domain.com"]
+   *{
+   *  padding-left:12px;
+   *  background-image:url('your_image.gif');
+   *  background-repeat:no-repeat;
+   *  background-position:0 0.45em;
+   *}

data/stylesheets/cyaml/screen/forms.sass

@@ -0,0 +1,297 @@
+@charset "UTF-8"
+
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) CSS-component for creating vertical forms
+ * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
+ *
+ * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
+ *
+ * @copyright       Copyright 2005-2010, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.2.1
+ * @revision        $Revision: 455 $
+ * @lastmodified    $Date: 2010-01-01 17:33:05 +0100 (Fr, 01. Jan 2010) $
+
+@media screen, projection
+  /**
+   *  YAML Forms - visual styling
+   *
+   *  (en) visual form styling area
+   *  (de) Festlegung des optischen Erscheinungsbildes */
+  .yform
+    background: #f4f4f4
+    border: 1px #ddd solid
+    margin: 0 0 1em 0
+    padding: 10px
+    fieldset
+      border: 1px #ddd solid
+      background: #fafafa
+      margin: 0 0 1em 0
+      padding: 0.5em
+    legend
+      font-size: 125%
+      font-weight: normal
+      color: #000
+    label
+      color: #666
+    input, textarea, select, optgroup
+      font-family: Arial, Helvetica, sans-serif
+      /* proportional fonts for all form elements
+    .type-text
+      input, textarea
+        border: 1px solid #ddd
+    .type-select select
+      border: 1px solid #ddd
+    div
+      &.type-text input:focus, select:focus, textarea:focus, &.type-text input:hover, select:hover, textarea:hover, &.type-text input:active, select:active, textarea:active
+        border: 1px #a66 solid
+        background: #fff
+    .type-button input
+      border-top: 1px #ddd solid
+      border-left: 1px #ddd solid
+      border-right: 1px #444 solid
+      border-bottom: 1px #444 solid
+      color: #000
+      background: #454545 url(/images/button_gray.png) top left repeat-x
+      padding: 5px 1em
+      &[type=reset]
+        color: #300
+        background: #661717 url(/images/button_red.png) top left repeat-x
+      &[type=submit]
+        color: #330
+        background: #5e5607 url(/images/button_yellow.png) top left repeat-x
+      &.reset
+        color: #300
+        background: #661717 url(/images/button_red.png) top left repeat-x
+      &.submit
+        color: #330
+        background: #5e5607 url(/images/button_yellow.png) top left repeat-x
+    div.type-button input
+      &:focus, &:hover, &:active
+        border-top: 1px #444 solid
+        border-left: 1px #444 solid
+        border-right: 1px #ddd solid
+        border-bottom: 1px #ddd solid
+        color: #fff
+        background: #555
+      &.reset
+        &:focus, &:hover, &:active
+          background: #800
+          color: #fff
+      &.submit
+        &:focus, &:hover, &:active
+          background: #880
+          color: #fff
+    overflow: hidden
+    fieldset
+      overflow: hidden
+    label
+      display: block
+      cursor: pointer
+    legend
+      background: transparent
+      border: 0
+      padding: 0 0.5em
+    .message
+      display: block
+      margin-bottom: 0.5em
+      color: #666
+    input[type=hidden]
+      display: none !important
+    sup
+      color: #800
+      font-weight: bold
+    div
+      &.type-text, &.type-select, &.type-check
+        margin: 0.5em 0
+        padding: 3px 0.5em
+        position: relative
+        overflow: hidden
+      &.type-button
+        margin: 0.5em 0
+        padding: 3px 0.5em
+        position: relative
+        overflow: hidden
+        padding: 3px 0em
+    .type-text
+      input, textarea
+        display: block
+        position: relative
+        padding: 0.3em 0.3em
+        width: 58.5%
+    .type-select select
+      display: block
+      position: relative
+      padding: 0.3em 2px 0.3em 1px
+      width: 60%
+      cursor: pointer
+      optgroup
+        font-style: normal
+        font-weight: bold
+    .type-check
+      input
+        cursor: pointer
+      label
+        display: inline
+    .type-button input
+      cursor: pointer
+      overflow: visible
+      /* Fixes IE7 auto-padding bug
+      width: auto
+    div
+      &.error
+        border: 1px #a00 dashed
+        background: #faf4f4
+        padding: 0.5em
+        label
+          color: #000
+          font-weight: bold
+        .message
+          color: #800
+      &.type-check input
+        &:focus, &:hover, &:active
+          border: 0 none
+  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus
+  /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons
+  /* optional button styling for IE6 using classes
+  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * Vertical-Forms - technical base (standard)
+   *
+   * |-------------------------------|
+   * | fieldset                      |
+   * |-------------------------------|
+   * |   label                       |
+   * |   input / select / textarea   |
+   * |-------------------------------|
+   * | /fieldset                     |
+   * |-------------------------------|
+   *
+   * (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
+   *
+   * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
+  /* General form styling  | Allgemeine Formatierung des Formulars
+  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox)
+  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben
+  /* 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
+  /* Styling of error-messages | Fehlermeldungen
+  /* 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
+  .full div
+    &.type-text
+      input, textarea
+        width: 95.5%
+        margin-right: -3px
+    &.type-select select
+      width: 97.0%
+      margin-right: -3px
+  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0
+  * html .full div
+    &.type-text
+      input, textarea
+        width: 95.5%
+    &.type-select select
+      width: 97.0%
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * Columnar forms display - technical base (optional)
+   *
+   * |-------------------------------------------|
+   * | fieldset                                  |
+   * |-------------------------------------------|
+   * |                                           |
+   * |   label   |   input / select / textarea   |
+   * |                                           |
+   * |-------------------------------------------|
+   * | /fieldset                                 |
+   * |-------------------------------------------|
+   *
+   * (en) Styling of forms where label floats left of form-elements
+   * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+   *
+   * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
+  /* Columnar display | Spalten-Darstellung
+  .columnar
+    .type-text label, .type-select label
+      float: left
+      width: 30%
+      /* Can be fixed width too | Kann auch eine fixe Angabe sein
+    div
+      &.type-check input, &.error .message
+        margin-left: 30%
+    fieldset div.type-button
+      padding-left: 30%
+  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels
+  fieldset.columnar div.type-button
+    padding-left: 30%
+  .columnar div
+    &.type-text
+      input, textarea
+        float: left
+        width: 67.8%
+        margin-right: -3px
+    &.type-select select
+      float: left
+      width: 69.4%
+      margin-right: -3px
+  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0
+  * html .columnar div
+    &.type-text
+      input, textarea
+        width: 67.2%
+    &.type-select select
+      width: 68.8%
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * Global fixes for YAML's form construction set
+   *
+   * @workaround
+   * @affected IE 5.x/Win, IE6, IE7
+   * @css-for IE 5.x/Win, IE6, IE7
+   * @valid no
+  .yform
+    zoom: 1
+    div
+      zoom: 1
+      *
+        zoom: 1
+    padding-top: 0\9
+    fieldset
+      padding: 0 5px\9
+      padding-top: 1em\9
+    legend
+      position: absolute\9
+      top: -0.5em \9
+      *left: 0\9
+    fieldset
+      position: relative\9
+      overflow: visible\9
+      margin-top: 1.5em\9
+      zoom: 1
+    legend
+      *padding: 0 5px
+    fieldset
+      *padding-top: 1.5em
+  /**
+   * Forms Fieldset/Legend-Bug in IE
+   * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
+   *
+   * @workaround
+   * @affected IE 5.x/Win, IE6, IE7, IE8
+   * @css-for IE 5.x/Win, IE6, IE7, IE8
+   * @valid no
+  /* all IE
+  /* IE5.x, IE6 & IE7
+  /* IE5.x & IE6
+  * html .yform
+    padding-top: 10px