/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @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) $

@media all
  .hlist
    /* (en) containing floats in IE
    /* (de) Einfassen der Floats im IE
    width: 100%
    overflow: hidden
    /* (en) containing floats in all other browsers
    /* (de) Einfassen der Floats in allen anderen Browsern
    float: left
    display: inline
    /* (en|de) Bugfix:IE - collapsing horizontal margins
    position: relative
    /* (en) Repeat the main color from the image
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei
    background: silver url("#{$yaml_img_dir}/shiny_buttons/background.png") repeat-x center right
    border-top: 1px #333 solid
    border-bottom: 1px #333 solid
    line-height: 0
    ul
      margin: 0
      padding: 0
      /* (en|de) Bugfix:IE - Doubled Float Margin Bug
      display: inline
      float: left
      /* LTR
      /* (en) Left margin of the first button
      /* (de) Abstand des ersten Buttons vom linken Rand
      border-left: 1px #aaa solid
      border-right: 1px #fff solid
      li
        border-left: 1px #fff solid
        border-right: 1px #aaa solid
        /* (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
        padding: 0
        a, strong
          background: transparent
          color: #000
          display: block
          font-size: 1em
          font-weight: bold
          margin: 0
          padding: 0.5em 0.8em 0.5em 0.8em
          text-decoration: none
          width: auto
        a
          &:focus, &:hover, &:active
            background: #eee
            color: #333
            text-decoration: none
            outline: 0 none
        &.active
          /* (en) Repeat the main color from the image
          /* (de) Wiederholung der Hauptfarbe aus der Bilddatei
          background: #272727 url("#{$yaml_img_dir}/shiny_buttons/background_active.png") repeat-x center right
          border-left: 1px #444 solid
          border-right: 1px #888 solid
          strong
            background: transparent
            color: #fff
            text-decoration: none
          a
            &:focus, &:hover, &:active
              background: transparent
              color: #fff
              text-decoration: none