cyaml 0.0.35 → 0.0.42

data/stylesheets/cyaml/screen/screen-FULLPAGE-layout.sass

@@ -0,0 +1,163 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default screen stylesheet - FULLPAGE-layout type layout
+ *
+ * @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: 703 $
+ * @lastmodified    $Date: 2012-02-05 11:33:35 +0100 (So, 05 Feb 2012) $
+
+@media screen
+  /* force vertical scrollbar
+  body
+    overflow-y: scroll
+  /* Layout Module Configuration
+  .ym-wrapper
+    max-width: 80em
+    margin: 0 auto
+  .ym-wbox
+    padding: 1.5em
+  /* fallback for media queries
+  body >
+    header, nav, #main, footer
+      min-width: 760px
+  /* Basic Element Styling
+  header
+    background: #444
+    color: #ccc
+    h1
+      background: transparent
+      color: #fff
+  nav
+    background: #222222
+  #main .info
+    margin-bottom: 1.5em
+  footer
+    background: #eee
+    color: #444
+    p
+      margin: 0
+  header .ym-wbox, footer .ym-wbox
+    padding: 1.5em
+  .ym-gbox
+    padding: 0 1.5em
+  .ym-gbox-left
+    padding: 0 1.5em 0 0
+  .ym-gbox-right
+    padding: 0 0 0 1.5em
+  section.box
+    padding: 0 1.5em 1.5em 1.5em
+  #main aside .ym-gbox-right
+    border-left: 1px #ddd solid
+  /* Column-Set Configuration: 1-3 (sidebar left)
+  /* content
+  .demo-2col
+    .ym-col1
+      width: 75%
+    .ym-col3
+      margin-left: 75%
+      margin-right: 0
+    .ym-col1 .ym-cbox
+      padding: 0 0.75em 0 1.5em
+    .ym-col3 .ym-cbox
+      padding: 0 1.5em 0 0.75em
+    .ym-gbox
+      padding: 0 1.5em 0 0
+  /* sidebar
+  /* skip links styling
+  .ym-skiplinks a.ym-skip
+    &:focus, &:active
+      color: #fff
+      background: #333
+      border-bottom: 1px #000 solid
+      padding: 10px 0
+      text-align: center
+      text-decoration: none
+
+
+/* reset fallback values in modern browsers
+@media screen and ( min-width: 0px )
+  body >
+    header, nav, #main, footer
+      min-width: 0
+
+
+@media screen and ( max-width: 760px )
+  .secondary
+    border-top: 1px #888 solid
+    margin-top: 1.5em !important
+  #main aside .ym-gbox-right
+    border: 0 none
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1
+  .linearize-level-1
+    display: block
+    float: none
+    margin-left: 0
+    margin-right: 0
+    width: 100% !important
+    >
+      [class*="ym-g"], [class*="ym-col"]
+        display: block
+        float: none
+        margin-left: 0
+        margin-right: 0
+        width: 100% !important
+      [class*="ym-g"] > [class*="ym-gbox"], [class*="ym-col"] > [class*="ym-cbox"]
+        overflow: hidden
+        /* optional for containing floats
+        padding: 0
+  .ym-searchform
+    display: block
+    float: none
+    width: auto
+    text-align: right
+    input[type="search"]
+      width: 14%
+
+
+@media screen and ( max-width: 480px)
+  header .ym-wbox
+    padding: 0.75em 10px
+  footer .ym-wbox, .ym-wbox, .ym-searchform, nav .ym-hlist ul
+    padding-left: 10px
+    padding-right: 10px
+  header h1
+    font-size: 1.5em
+    line-height: 1em
+    margin: 0
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2
+  .linearize-level-2
+    display: block
+    float: none
+    margin-left: 0
+    margin-right: 0
+    width: 100% !important
+    >
+      [class*="ym-g"], [class*="ym-col"]
+        display: block
+        float: none
+        margin-left: 0
+        margin-right: 0
+        width: 100% !important
+      [class*="ym-g"] > [class*="ym-gbox"], [class*="ym-col"] > [class*="ym-cbox"]
+        overflow: hidden
+        /* optional for containing floats
+        padding: 0
+  .ym-searchform
+    display: block
+    float: none
+    width: auto
+    text-align: left
+  nav .ym-hlist
+    ul, li
+      display: block
+      float: none
+      width: auto
+      text-align: left
+  .ym-searchform input[type="search"]
+    width: 75%

data/stylesheets/cyaml/screen/screen-PAGE-layout.sass

@@ -0,0 +1,148 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default screen stylesheet - PAGE-layout type layout
+ *
+ * @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: 698 $
+ * @lastmodified    $Date: 2012-02-02 21:53:50 +0100 (Do, 02 Feb 2012) $
+
+@media screen
+  /* force vertical scrollbar
+  body
+    overflow-y: scroll
+  /* Layout Module Configuration & fallback for media queries
+  .ym-wrapper
+    min-width: 760px
+    max-width: 80em
+    margin: 0 auto
+  .ym-wbox
+    padding: 10px
+  /* Basic Element Styling
+  header
+    background: #444
+    color: #ccc
+    padding: 1.5em
+    h1
+      background: transparent
+      color: #fff
+  nav
+    background: #222222
+  footer
+    margin: 1.5em 0 0 0
+    background: #eee
+    color: #444
+    padding: 1.5em
+    p
+      margin: 0
+  /* Column-Set Configuration: 1-3 (sidebar left)
+  /* content
+  .demo-2col
+    .ym-col1
+      width: 75%
+    .ym-col3
+      margin-left: 75%
+      margin-right: 0
+    .ym-col1 .ym-cbox
+      padding: 0 0.75em 0 1.5em
+    .ym-col3 .ym-cbox
+      padding: 0 1.5em 0 0.75em
+    .ym-gbox
+      padding: 0 1.5em 0 0
+  /* sidebar
+  /* skip links styling
+  .ym-skiplinks a.ym-skip
+    &:focus, &:active
+      color: #fff
+      background: #333
+      border-bottom: 1px #000 solid
+      padding: 10px 0
+      text-align: center
+      text-decoration: none
+
+
+/* reset fallback values in modern browsers
+@media screen and ( min-width: 0px )
+  .ym-wrapper
+    min-width: 0px
+
+
+@media screen and ( max-width: 740px )
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1
+  .linearize-level-1
+    display: block
+    float: none
+    margin-left: 0
+    margin-right: 0
+    width: 100% !important
+    >
+      [class*="ym-g"], [class*="ym-col"]
+        display: block
+        float: none
+        margin-left: 0
+        margin-right: 0
+        width: 100% !important
+      [class*="ym-g"] > [class*="ym-gbox"], [class*="ym-col"] > [class*="ym-cbox"]
+        overflow: hidden
+        /* optional for containing floats
+        padding: 0
+  nav .ym-hlist ul
+    padding-right: 10px
+  .ym-searchform
+    display: block
+    float: none
+    width: auto
+    padding-right: 10px
+    text-align: right
+    input[type="search"]
+      width: 14%
+
+
+@media screen and ( max-width: 480px)
+  .ym-wbox
+    padding: 0
+  header
+    padding: 0.75em 10px
+    h1
+      font-size: 1.5em
+      line-height: 1em
+      margin: 0
+  footer, #main, .ym-searchform, nav .ym-hlist ul
+    padding-left: 10px
+    padding-right: 10px
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2
+  .linearize-level-2
+    display: block
+    float: none
+    margin-left: 0
+    margin-right: 0
+    width: 100% !important
+    >
+      [class*="ym-g"], [class*="ym-col"]
+        display: block
+        float: none
+        margin-left: 0
+        margin-right: 0
+        width: 100% !important
+      [class*="ym-g"] > [class*="ym-gbox"], [class*="ym-col"] > [class*="ym-cbox"]
+        overflow: hidden
+        /* optional for containing floats
+        padding: 0
+  .ym-searchform
+    display: block
+    float: none
+    width: auto
+    text-align: left
+  nav .ym-hlist
+    ul, li
+      display: block
+      float: none
+      width: auto
+      text-align: left
+  .ym-searchform input[type="search"]
+    width: 75%

data/stylesheets/cyaml/screen/typography.sass

@@ -0,0 +1,317 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @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: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ * @appdef yaml
+
+@media all
+  /**
+   ** @section global typography settings
+   **
+   ** vertical rhythm settings (based on em-unit)
+   ** -------------------------------------------
+   ** basefont-size: 14px (87.5%)
+   ** line-height  : 21px (factor: 1.5)
+  /* (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%
+  /**
+   ** (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 14px
+  /* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln
+  body
+    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif
+    font-size: 87.50%
+    /* base: 14px
+    color: #444
+    /* (en) Prevent auto-scaling of text in mobile webkit browsers
+    /* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden
+    -webkit-text-size-adjust: 100%
+  /*--- Headings | Überschriften ------------------------------------------------------------------------
+  h1, h2, h3, h4, h5, h6
+    font-family: "Droid Sans", Arial, Helvetica, sans-serif
+    font-weight: 400
+    color: #161e21
+    margin: 0
+  h1
+    font-size: 350%
+    line-height: 0.8571em
+    margin: 0.4286em 0 0
+  h2
+    font-size: 250%
+    line-height: 1.2em
+    margin: 0.6em 0 0 0
+  h3
+    font-size: 175%
+    line-height: 0.8571em
+    margin: 0.8571em 0 0 0
+  h4
+    font-size: 133.33%
+    line-height: 1.125em
+    margin: 1.125em 0 0 0
+  h5
+    font-size: 116.67%
+    line-height: 1.2857em
+    margin: 1.2857em 0 0 0
+  h6
+    font-weight: bold
+    font-size: 100%
+    line-height: 1.5em
+    margin: 1.5em 0 0 0
+  /* --- Lists | Listen  --------------------------------------------------------------------------------
+  ul, ol, dl
+    font-size: 1em
+    line-height: 1.5em
+    margin: 1.5em 0 0 1em
+  ul
+    list-style-type: disc
+  ol
+    list-style-type: decimal
+  ul ul
+    list-style-type: circle
+    margin-top: 0
+  ol
+    ol
+      list-style-type: lower-latin
+      margin-top: 0
+    ul
+      list-style-type: circle
+      margin-top: 0
+  li
+    font-size: 1em
+    line-height: 1.5em
+    margin-left: 0.8em
+  dt
+    font-weight: bold
+  dd
+    margin: 0 0 1.5em 0.8em
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------
+  p
+    font-size: 1em
+    line-height: 1.5em
+    margin: 1.5em 0 0 0
+  blockquote, cite, q
+    font-family: Georgia, "Times New Roman", Times, serif
+    font-style: italic
+  blockquote
+    margin: 1.5em 0 0 1.5em
+    color: #666
+  strong, b
+    font-weight: bold
+  em, i
+    font-style: italic
+  big
+    font-size: 116.667%
+  small
+    font-size: 85.71%
+  pre, code, kbd, tt, samp, var
+    font-size: 100%
+  pre
+    line-height: 1.5em
+    margin: 1.5em 0 0 0
+    white-space: pre
+    white-space: pre-wrap
+    word-wrap: break-word
+    color: #800
+  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
+    font-size: 75%
+    line-height: 0
+    position: relative
+    vertical-align: baseline
+  sup
+    font-size: 75%
+    line-height: 0
+    position: relative
+    vertical-align: baseline
+    top: -0.5em
+  sub
+    bottom: -0.25em
+  mark
+    background: #ff0
+    color: #000
+  hr
+    color: #fff
+    background: transparent
+    margin: 0 0 0.75em 0
+    padding: 0 0 0.75em 0
+    border: 0
+    border-bottom: 1px #eee solid
+  /*--- Links -----------------------------------------------------------------------------------------
+  a
+    color: #4D87C7
+    background: transparent
+    text-decoration: none
+    &:active
+      outline: none
+    &:hover, &:focus
+      background-color: #800
+      color: #fff
+      text-decoration: 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 ------------------
+  img, figure
+    margin: 0
+  .flexible
+    margin-top: 1.5em
+    max-width: 100%
+  * html .flexible
+    /* IE6 support
+    width: 98%
+    /* 2% space for borders
+  .bordered
+    margin-top: 1.5em
+    border: 2px #eee solid
+    border: 2px rgba(255, 255, 255, 1) solid
+    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25)
+    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25)
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25)
+  /**
+   ** ----------------------------------------------------------------------- #
+   **
+   ** 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
+  .box
+    border-radius: 0.3em
+    border-width: 1px
+    border-style: solid
+    border-color: #888
+    border-color: rgba(0, 0, 0, 0.3)
+    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset
+    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset
+    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset
+    color: #444
+    color: rgba(0, 0, 0, 0.8)
+    padding: 1.4286em
+    margin: 1.5em 0 0 0
+    > *:first-child
+      margin-top: 0
+  .label
+    font-family: Verdana, Geneva, sans-serif
+    padding: 1px 6px 2px
+    display: inline-block
+    vertical-align: middle
+    letter-spacing: normal
+    white-space: nowrap
+    -webkit-border-radius: 3px
+    -moz-border-radius: 3px
+    border-radius: 3px
+    background: #06C
+    color: #fff
+    font-size: 10px
+    line-height: 12px
+  .info
+    background: #f4f4f4
+  .success
+    background: #8c8
+  .warning
+    background: #cc8
+  .error
+    background: #c88
+  .float-left
+    float: left
+    display: inline
+    margin: 1.5em 1em 0 0
+  .float-right
+    float: right
+    display: inline
+    margin: 1.5em 0 0 1em
+  .center
+    display: block
+    text-align: center
+    margin: 1.5em auto 0 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: 100%
+    border-collapse: collapse
+    margin: 1.3571em 0 0 0
+    color: #333
+    border-top: 1px #ccc solid
+    border-bottom: 1px #ccc solid
+    &.narrow
+      margin: 1.4286em 0 0 0
+      th, td
+        padding: 0 0.5em
+        line-height: 1.4286em
+    &.bordertable
+      border: 1px #ccc solid
+    caption
+      font-variant: small-caps
+  th, td
+    line-height: 1.5em
+    vertical-align: top
+    padding: 0.7143em 0.5em
+  th *:first-child, td *:first-child
+    margin-top: 0
+  th.nowrap, td.nowrap
+    white-space: nowrap
+  thead th
+    text-align: left
+    color: #000
+    border-bottom: 2px #000 solid
+  .bordertable
+    thead th
+      background: #e0e0e0
+      border-right: 1px #ccc solid
+      border-bottom: 1px #ccc solid
+    tbody th[scope="row"]
+      background: #f0f0f0
+  tbody th
+    text-align: left
+    border-top: 1px solid #ccc
+    text-align: left
+  .bordertable tbody th
+    border-right: 1px solid #ccc
+  tbody td
+    text-align: left
+    border-top: 1px solid #ccc
+  .bordertable tbody td
+    border-right: 1px solid #ccc
+  /* highlight row on mouse over
+  tbody tr:hover
+    th, td
+      background: #f8f8f8