cyaml 0.0.21

data/README.mkdn

@@ -0,0 +1,15 @@
+Compass YAML
+============
+
+The YAML Framework converted to SASS and implemented as compass extension
+
+Installation
+============
+
+From the command line:
+
+    sudo gem install cyaml
+
+    Or create a new project:
+
+        compass projectname -r cyaml -f cyaml

data/lib/cyaml.rb

@@ -0,0 +1 @@
+Compass::Frameworks.register("cyaml", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/_cyaml.scss

@@ -0,0 +1,5 @@
+@import "cyaml/core/base";
+
+@import "cyaml/navigation/nav_shinybuttons";
+@import "cyaml/screen/basemod";
+@import "cyaml/screen/content";

data/stylesheets/cyaml/core/base.sass

@@ -0,0 +1,284 @@
+@charset "UTF-8"
+
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/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-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: 454 $
+ * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
+
+@media all
+  /**
+   * @section browser reset
+   * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+  /* (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
+    iframe, frame
+      overflow: auto
+    frameset
+      overflow: hidden
+  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.01%
+    /* (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
+    outline: 0 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 and cite
+  /* (de) Neue Standardwerte für Listen & Zitate
+  ul, ol, dl
+    margin: 0 0 1em 1em
+  /* LTR
+  li
+    line-height: 1.5em
+    margin-left: 0.8em
+    /* LTR
+  dt
+    font-weight: bold
+  dd
+    margin: 0 0 1em 0.8em
+  /* LTR
+  blockquote
+    margin: 0 0 1em 0.8em
+    &:before, &:after
+      content: ""
+  /* LTR
+  q
+    &:before, &:after
+      content: ""
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * @section clearing methods
+   * @see     http://yaml.de/en/documentation/basics/general.html
+  /* (en) clearfix method for clearing floats
+  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen
+  .clearfix
+    &:after
+      clear: both
+      content: "."
+      display: block
+      font-size: 0
+      height: 0
+      visibility: hidden
+    display: block
+  /* (en) essential for Safari browser !!
+  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !!
+  /* (en) alternative solution to contain floats
+  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen
+  .floatbox
+    overflow: hidden
+  /* (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
+  #ie_clearing
+    display: none
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * @section hidden elements | Versteckte Elemente
+   * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
+   *
+   * (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
+  .skip, .hideme, .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
+  .skip
+    &:focus, &:active
+      position: static
+      top: 0
+      left: 0
+  /* skiplinks:technical setup
+  #skiplinks
+    position: absolute
+    top: 0px
+    left: -32768px
+    z-index: 1000
+    width: 100%
+    margin: 0
+    padding: 0
+    list-style-type: none
+    a.skip
+      &:focus, &:active
+        left: 32768px
+        outline: 0 none
+        position: absolute
+        width: 100%
+
+
+@media screen, projection
+  /**
+   * @section base layout | Basis Layout
+   * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+   *
+   * |-------------------------------|
+   * | #header                       |
+   * |-------------------------------|
+   * | #col1   | #col3     | #col2   |
+   * | 200 px  | flexible  | 200px   |
+   * |-------------------------------|
+   * | #footer                       |
+   * |-------------------------------|
+  #header
+    position: relative
+  /* (en) Text Alignment for #topnav content
+  /* (de) Textausrichtung für #topnav Inhalte
+  #topnav
+    text-align: right
+  /* LTR
+  /* (en) Absolute positioning only within #header
+  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header
+  #header
+    #topnav
+      position: absolute
+      top: 10px
+      right: 10px
+      /* LTR
+    clear: both
+  /* (en) Backup for correct positioning
+  /* (de) Absicherung korrekte Positionierung
+  #nav, #main, #footer
+    clear: both
+  #col1
+    float: left
+    width: 200px
+  #col2
+    float: right
+    width: 200px
+  #col3
+    width: auto
+    margin: 0 200px
+  /* (en) Preparation for absolute positioning within content columns
+  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten
+  #col1_content, #col2_content, #col3_content
+    position: relative
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * @section subtemplates
+   * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
+  .subcolumns
+    width: 100%
+    overflow: hidden
+  /* (en) alternative class for optional support of old Mozilla/Netscape browers
+  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower
+  .subcolumns_oldgecko
+    width: 100%
+    float: left
+  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l
+    float: left
+  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r
+    float: right
+    margin-left: -5px
+  .c20l, .c20r
+    width: 20%
+  .c40l, .c40r
+    width: 40%
+  .c60l, .c60r
+    width: 60%
+  .c80l, .c80r
+    width: 80%
+  .c25l, .c25r
+    width: 25%
+  .c33l, .c33r
+    width: 33.333%
+  .c50l, .c50r
+    width: 50%
+  .c66l, .c66r
+    width: 66.666%
+  .c75l, .c75r
+    width: 75%
+  .c38l, .c38r
+    width: 38.2%
+  .c62l, .c62r
+    width: 61.8%
+  .subc
+    padding: 0 0.5em
+  .subcl
+    padding: 0 1em 0 0
+  .subcr
+    padding: 0 0 0 1em
+  .equalize
+    overflow: visible
+    display: table
+    table-layout: fixed
+    .subcolumns
+      overflow: visible
+      display: table
+      table-layout: fixed
+    > div
+      display: table-cell
+      float: none
+      margin: 0
+      overflow: hidden
+      vertical-align: top
+
+
+@media print
+  /**
+   * (en) float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE
+   * (de) Float Clearing für .floatbox und 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
+  .subcolumns > div, .floatbox
+    overflow: visible
+    display: table
+  /* (en) make .print class visible
+  /* (de) .print-Klasse sichtbar schalten
+  .print
+    position: static
+    left: 0
+  /* (en) generic class to hide elements for print
+  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden
+  .noprint
+    display: none !important

data/stylesheets/cyaml/core/iehacks.sass

@@ -0,0 +1,309 @@
+@charset "UTF-8"
+
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ *
+ * Don't make any changes in this file!
+ * Your changes should be added to a separate patch-file.
+ *
+ * @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: 454 $
+ * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
+ * @appdef yaml
+
+@media all
+  /**
+   * (en) Debugging:When you see a green background, IE is getting this stylesheet
+   * (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
+   *
+   * @debug
+   * @app-yaml-default disabled
+  /* body { background:#0f0; background-image:none; }
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
+   * (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
+   *
+   * @workaround
+   * @affected   IE6, IE7
+   * @css-for    IE6, IE7
+   * @valid      no
+  body
+    o\verflow: visible
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
+   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      no
+  * html
+    textarea
+      overflow: scroll
+      overflow-x: hidden
+    input
+      overflow: hidden
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en) Stability fixes with 'position:relative'
+   * (de) Stabilitätsverbesserungen durch 'position:relative'
+   *
+   * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
+   * Helpful to fix several possible problems in older IE versions (#main).
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+  body, #main
+    position: relative
+  * html body
+    position: static
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en) Clearfix adjustents for containing floats in IE
+   * (de) Clearfix-Anpassung für diverse IE-Versionen
+   *
+   * @workaround
+   * @see        http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+  .clearfix
+    height: 1%
+  /* hasLayout aktivieren
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en) Adjustment of .floatbox class for IE
+   * (de) Anpassung der .floatbox-Klasse für IE
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+  .floatbox
+    width: 100%
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en) Special class for oversized content element
+   * (de) Spezielle Klasse für übergroße Inhaltselemente
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+  .slidebox
+    position: relative
+    margin-right: -1000px
+    height: 1%
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en):Bugfix for partially displayed column separators
+   * (de):Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+  * html
+    #col1, #col2, #col3
+      position: relative
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en) Preventing several css bugs by forcing "hasLayout"
+   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+  body
+    height: 1%
+  .page_margins, .page, #header, #nav, #main, #footer
+    zoom: 1
+  /* IE6 & IE7
+  * html
+    .page_margins, .page
+      height: 1%
+      hei\ght: auto
+    #header, #nav, #main, #footer
+      width: 100%
+      wid\th: auto
+  /* IE 5.x & IE6 | IE6 only
+  /* IE 5.x & IE6 | IE6 only
+  /* trigger hasLayout to force containing content
+  .subc, .subcl, .subcr
+    height: 1%
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * Disappearing List-Background Bug
+   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+  * html
+    ul, ol, dl
+      position: relative
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * List-Numbering Bug
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+  body ol li
+    display: list-item
+  /**
+   * Form related bugfixes
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+  fieldset, legend
+    position: relative
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
+   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
+   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
+   *      in YAML.
+   *
+   * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
+   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
+   *      wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
+   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+  html #ie_clearing
+    /* (en) Only a small help for debugging
+    /* (de) Nur eine kleine Hilfe zur Fehlersuche
+    position: static
+    /* (en) Make container visible in IE
+    /* (de) Container sichtbar machen im IE
+    display: block
+    /* (en) No fix possible in IE5.x, normal clearing used instead
+    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing
+    clear: both
+    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7
+    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7
+    width: 100%
+    font-size: 0px
+    margin: -2px 0 -1em 1px
+  * html #ie_clearing
+    margin: -2px 0 -1em 0
+  #col3_content
+    margin-bottom: -2px
+  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins
+  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7
+  html
+    margin-right: 1px
+  * html
+    margin-right: 0
+  /* (en) Bugfix:Essential for IE7
+  /* (de) Bugfix:Notwendig im IE7
+  #col3
+    position: relative
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * IE/Win Guillotine Bug
+   * @see        http://www.positioniseverything.net/explorer/guillotine.html
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+  * html body a
+    background-color: transparent
+    &:hover
+      background-color: transparent
+
+
+@media screen, projection
+  /**
+   * (en) IE-Adjustments for content columns and subtemplates
+   * (de) IE-Anpassung für Spaltencontainer und Subtemplates
+   *
+   * Doubled Float-Margin Bug
+   * @see        http://positioniseverything.net/explorer/doubled-margin.html
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+  #col1, #col2, .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r
+    display: inline
+  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0
+  * html .equalize
+    overflow: visible
+    display: block
+    .subcolumns
+      overflow: visible
+      display: block
+  .equalize
+    overflow: hidden
+    display: block
+    .subcolumns
+      overflow: hidden
+      display: block
+    .c20l, .c40l, .c60l, .c80l, .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l
+      float: left
+      display: inline
+      padding-bottom: 32767px
+      margin-bottom: -32767px
+    .c20r, .c40r, .c60r, .c80r, .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r
+      float: right
+      margin-left: -5px
+      display: inline
+      padding-bottom: 32767px
+      margin-bottom: -32767px
+  /* transform CSS tables back into floats
+  .no-ie-padding
+    .c20l, .c40l, .c60l, .c80l, .c20r, .c40r, .c60r, .c80r, .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l, .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r
+      padding-bottom: 0
+      margin-bottom: 0
+  /*------------------------------------------------------------------------------------------------------
+  /**
+   * Internet Explorer and the Expanding Box Problem
+   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+  * html
+    #col1_content, #col2_content, #col3_content
+      word-wrap: break-word
+    .subc, .subcl, .subcr
+      word-wrap: break-word
+      o\verflow: hidden
+  /* avoid growing widths
+
+
+@media print
+  /**
+   * (en) Avoid unneeded page breaks of #col3 content in print layout.
+   * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
+   *
+   * @bugfix
+   * @affected   IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+  #col3
+    height: 1%