


<!DOCTYPE html>
<html>
  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# githubog: http://ogp.me/ns/fb/githubog#">
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>AnythingSlider/css/theme-metallic.css at master · CSS-Tricks/AnythingSlider · GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png" />
    <link rel="logo" type="image/svg" href="http://github-media-downloads.s3.amazonaws.com/github-logo.svg" />
    <meta name="msapplication-TileImage" content="/windows-tile.png">
    <meta name="msapplication-TileColor" content="#ffffff">



    <link rel="icon" type="image/x-icon" href="/favicon.ico" />

    <meta content="authenticity_token" name="csrf-param" />
<meta content="3V8nLmz8Vtyv6REFWIc61MitSCEU2fWl4kK+F0BPqFo=" name="csrf-token" />

    <link href="https://a248.e.akamai.net/assets.github.com/assets/github-bced846093783dc329a6bb21c8031d870340444b.css" media="all" rel="stylesheet" type="text/css" />
    <link href="https://a248.e.akamai.net/assets.github.com/assets/github2-36182176b3cf8d21e8b8575917ced76dba218ae6.css" media="all" rel="stylesheet" type="text/css" />



      <script src="https://a248.e.akamai.net/assets.github.com/assets/frameworks-d76b58e749b52bc47a4c46620bf2c320fabe5248.js" type="text/javascript"></script>
      <script src="https://a248.e.akamai.net/assets.github.com/assets/github-40c7aa81c92db6b30fd49b244db188a488e57983.js" type="text/javascript"></script>

      <meta http-equiv="x-pjax-version" content="d98d141e48d02ec8f52fb5c06c2490b6">

        <link data-pjax-transient rel='permalink' href='/CSS-Tricks/AnythingSlider/blob/1d34823ffcf738277def8f1890678b0dacf29a2f/css/theme-metallic.css'>
    <meta property="og:title" content="AnythingSlider"/>
    <meta property="og:type" content="githubog:gitrepository"/>
    <meta property="og:url" content="https://github.com/CSS-Tricks/AnythingSlider"/>
    <meta property="og:image" content="https://secure.gravatar.com/avatar/350b54b49180578367f328a478efd9c4?s=420&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"/>
    <meta property="og:site_name" content="GitHub"/>
    <meta property="og:description" content="A jQuery Slider plugin for anything. Contribute to AnythingSlider development by creating an account on GitHub."/>
    <meta property="twitter:card" content="summary"/>
    <meta property="twitter:site" content="@GitHub">
    <meta property="twitter:title" content="CSS-Tricks/AnythingSlider"/>

    <meta name="description" content="A jQuery Slider plugin for anything. Contribute to AnythingSlider development by creating an account on GitHub." />

  <link href="https://github.com/CSS-Tricks/AnythingSlider/commits/master.atom" rel="alternate" title="Recent Commits to AnythingSlider:master" type="application/atom+xml" />

  </head>


  <body class="logged_out page-blob macintosh vis-public fork env-production  ">
    <div id="wrapper">










        <div class="header header-logged-out">
          <div class="container clearfix">

            <a class="header-logo-wordmark" href="https://github.com/">
              <img alt="GitHub" class="github-logo-4x" height="30" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x.png?1338945075" />
              <img alt="GitHub" class="github-logo-4x-hover" height="30" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x-hover.png?1338945075" />
            </a>


<ul class="top-nav">
    <li class="explore"><a href="https://github.com/explore">Explore GitHub</a></li>
  <li class="search"><a href="https://github.com/search">Search</a></li>
  <li class="features"><a href="https://github.com/features">Features</a></li>
    <li class="blog"><a href="https://github.com/blog">Blog</a></li>
</ul>


            <div class="header-actions">
                <a class="button primary" href="https://github.com/signup">Sign up for free</a>
              <a class="button" href="https://github.com/login?return_to=%2FCSS-Tricks%2FAnythingSlider%2Fblob%2Fmaster%2Fcss%2Ftheme-metallic.css">Sign in</a>
            </div>

          </div>
        </div>







            <div class="site hfeed" itemscope itemtype="http://schema.org/WebPage">
      <div class="hentry">

        <div class="pagehead repohead instapaper_ignore readability-menu ">
          <div class="container">
            <div class="title-actions-bar">



<ul class="pagehead-actions">



    <li>
      <a href="/login?return_to=%2FCSS-Tricks%2FAnythingSlider"
        class="minibutton js-toggler-target star-button entice tooltipped upwards"
        title="You must be signed in to use this feature" rel="nofollow">
        <span class="mini-icon mini-icon-star"></span>Star
      </a>
      <a class="social-count js-social-count" href="/CSS-Tricks/AnythingSlider/stargazers">
        857
      </a>
    </li>
    <li>
      <a href="/login?return_to=%2FCSS-Tricks%2FAnythingSlider"
        class="minibutton js-toggler-target fork-button entice tooltipped upwards"
        title="You must be signed in to fork a repository" rel="nofollow">
        <span class="mini-icon mini-icon-fork"></span>Fork
      </a>
      <a href="/CSS-Tricks/AnythingSlider/network" class="social-count">
        206
      </a>
    </li>
</ul>

              <h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
                <span class="repo-label"><span>public</span></span>
                <span class="mega-icon mega-icon-public-repo"></span>
                <span class="author vcard">
                  <a href="/CSS-Tricks" class="url fn" itemprop="url" rel="author">
                  <span itemprop="title">CSS-Tricks</span>
                  </a></span> /
                <strong><a href="/CSS-Tricks/AnythingSlider" class="js-current-repository">AnythingSlider</a></strong>
                  <span class="fork-flag">
                    <span class="text">forked from <a href="/dcneiner/AnythingSlider">dcneiner/AnythingSlider</a></span>
                  </span>
              </h1>
            </div>


  <ul class="tabs">
    <li><a href="/CSS-Tricks/AnythingSlider" class="selected" highlight="repo_source repo_downloads repo_commits repo_tags repo_branches">Code</a></li>
    <li><a href="/CSS-Tricks/AnythingSlider/network" highlight="repo_network">Network</a></li>
    <li><a href="/CSS-Tricks/AnythingSlider/pulls" highlight="repo_pulls">Pull Requests <span class='counter'>2</span></a></li>

      <li><a href="/CSS-Tricks/AnythingSlider/issues" highlight="repo_issues">Issues <span class='counter'>42</span></a></li>

      <li><a href="/CSS-Tricks/AnythingSlider/wiki" highlight="repo_wiki">Wiki</a></li>


    <li><a href="/CSS-Tricks/AnythingSlider/graphs" highlight="repo_graphs repo_contributors">Graphs</a></li>


  </ul>

<div class="tabnav">

  <span class="tabnav-right">
    <ul class="tabnav-tabs">
          <li><a href="/CSS-Tricks/AnythingSlider/tags" class="tabnav-tab" highlight="repo_tags">Tags <span class="counter ">106</span></a></li>
    </ul>

  </span>

  <div class="tabnav-widget scope">


    <div class="select-menu js-menu-container js-select-menu js-branch-menu">
      <a class="minibutton select-menu-button js-menu-target" data-hotkey="w" data-ref="master">
        <span class="mini-icon mini-icon-branch"></span>
        <i>branch:</i>
        <span class="js-select-button">master</span>
      </a>

      <div class="select-menu-modal-holder js-menu-content js-navigation-container">

        <div class="select-menu-modal">
          <div class="select-menu-header">
            <span class="select-menu-title">Switch branches/tags</span>
            <span class="mini-icon mini-icon-remove-close js-menu-close"></span>
          </div> <!-- /.select-menu-header -->

          <div class="select-menu-filters">
            <div class="select-menu-text-filter">
              <input type="text" id="commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
            </div>
            <div class="select-menu-tabs">
              <ul>
                <li class="select-menu-tab">
                  <a href="#" data-tab-filter="branches" class="js-select-menu-tab">Branches</a>
                </li>
                <li class="select-menu-tab">
                  <a href="#" data-tab-filter="tags" class="js-select-menu-tab">Tags</a>
                </li>
              </ul>
            </div><!-- /.select-menu-tabs -->
          </div><!-- /.select-menu-filters -->

          <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket css-truncate" data-tab-filter="branches">

            <div data-filterable-for="commitish-filter-field" data-filterable-type="substring">

                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/gh-pages/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="gh-pages" rel="nofollow" title="gh-pages">gh-pages</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target selected">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/master/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="master" rel="nofollow" title="master">master</a>
                </div> <!-- /.select-menu-item -->
            </div>

              <div class="select-menu-no-results">Nothing to show</div>
          </div> <!-- /.select-menu-list -->


          <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket css-truncate" data-tab-filter="tags">
            <div data-filterable-for="commitish-filter-field" data-filterable-type="substring">

                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.17/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.17" rel="nofollow" title="v1.8.17">v1.8.17</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.16/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.16" rel="nofollow" title="v1.8.16">v1.8.16</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.15/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.15" rel="nofollow" title="v1.8.15">v1.8.15</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.11/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.11" rel="nofollow" title="v1.8.11">v1.8.11</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.10/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.10" rel="nofollow" title="v1.8.10">v1.8.10</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.9/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.9" rel="nofollow" title="v1.8.9">v1.8.9</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.8/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.8" rel="nofollow" title="v1.8.8">v1.8.8</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.7/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.7" rel="nofollow" title="v1.8.7">v1.8.7</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.6/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.6" rel="nofollow" title="v1.8.6">v1.8.6</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.5/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.5" rel="nofollow" title="v1.8.5">v1.8.5</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.4/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.4" rel="nofollow" title="v1.8.4">v1.8.4</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.3" rel="nofollow" title="v1.8.3">v1.8.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.2" rel="nofollow" title="v1.8.2">v1.8.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8.1" rel="nofollow" title="v1.8.1">v1.8.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.8/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.8" rel="nofollow" title="v1.8">v1.8</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.27/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.27" rel="nofollow" title="v1.7.27">v1.7.27</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.26/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.26" rel="nofollow" title="v1.7.26">v1.7.26</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.25/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.25" rel="nofollow" title="v1.7.25">v1.7.25</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.24/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.24" rel="nofollow" title="v1.7.24">v1.7.24</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.23/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.23" rel="nofollow" title="v1.7.23">v1.7.23</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.22/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.22" rel="nofollow" title="v1.7.22">v1.7.22</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.21/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.21" rel="nofollow" title="v1.7.21">v1.7.21</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.20/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.20" rel="nofollow" title="v1.7.20">v1.7.20</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.19/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.19" rel="nofollow" title="v1.7.19">v1.7.19</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.18/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.18" rel="nofollow" title="v1.7.18">v1.7.18</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.17/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.17" rel="nofollow" title="v1.7.17">v1.7.17</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.16/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.16" rel="nofollow" title="v1.7.16">v1.7.16</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.15.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.15.1" rel="nofollow" title="v1.7.15.1">v1.7.15.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.15/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.15" rel="nofollow" title="v1.7.15">v1.7.15</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.14/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.14" rel="nofollow" title="v1.7.14">v1.7.14</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.13/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.13" rel="nofollow" title="v1.7.13">v1.7.13</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.12/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.12" rel="nofollow" title="v1.7.12">v1.7.12</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.11.5/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.11.5" rel="nofollow" title="v1.7.11.5">v1.7.11.5</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.11.4/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.11.4" rel="nofollow" title="v1.7.11.4">v1.7.11.4</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.11.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.11.3" rel="nofollow" title="v1.7.11.3">v1.7.11.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.11.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.11.2" rel="nofollow" title="v1.7.11.2">v1.7.11.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.11.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.11.1" rel="nofollow" title="v1.7.11.1">v1.7.11.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.11/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.11" rel="nofollow" title="v1.7.11">v1.7.11</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.10/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.10" rel="nofollow" title="v1.7.10">v1.7.10</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.9/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.9" rel="nofollow" title="v1.7.9">v1.7.9</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.8/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.8" rel="nofollow" title="v1.7.8">v1.7.8</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.7.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.7.1" rel="nofollow" title="v1.7.7.1">v1.7.7.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.7/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.7" rel="nofollow" title="v1.7.7">v1.7.7</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.6/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.6" rel="nofollow" title="v1.7.6">v1.7.6</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.5/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.5" rel="nofollow" title="v1.7.5">v1.7.5</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.4/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.4" rel="nofollow" title="v1.7.4">v1.7.4</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.3" rel="nofollow" title="v1.7.3">v1.7.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.2" rel="nofollow" title="v1.7.2">v1.7.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7.1" rel="nofollow" title="v1.7.1">v1.7.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.7/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.7" rel="nofollow" title="v1.7">v1.7</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.6.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.6.2" rel="nofollow" title="v1.6.2">v1.6.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.6.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.6.1" rel="nofollow" title="v1.6.1">v1.6.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.6/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.6" rel="nofollow" title="v1.6">v1.6</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.21/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.21" rel="nofollow" title="v1.5.21">v1.5.21</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.20/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.20" rel="nofollow" title="v1.5.20">v1.5.20</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.19/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.19" rel="nofollow" title="v1.5.19">v1.5.19</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.18/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.18" rel="nofollow" title="v1.5.18">v1.5.18</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.17/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.17" rel="nofollow" title="v1.5.17">v1.5.17</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.16/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.16" rel="nofollow" title="v1.5.16">v1.5.16</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.15/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.15" rel="nofollow" title="v1.5.15">v1.5.15</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.14/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.14" rel="nofollow" title="v1.5.14">v1.5.14</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.13/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.13" rel="nofollow" title="v1.5.13">v1.5.13</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.12/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.12" rel="nofollow" title="v1.5.12">v1.5.12</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.11/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.11" rel="nofollow" title="v1.5.11">v1.5.11</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.10/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.10" rel="nofollow" title="v1.5.10">v1.5.10</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.9/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.9" rel="nofollow" title="v1.5.9">v1.5.9</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.8/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.8" rel="nofollow" title="v1.5.8">v1.5.8</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.7.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.7.3" rel="nofollow" title="v1.5.7.3">v1.5.7.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.7.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.7.2" rel="nofollow" title="v1.5.7.2">v1.5.7.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.7.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.7.1" rel="nofollow" title="v1.5.7.1">v1.5.7.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.7/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.7" rel="nofollow" title="v1.5.7">v1.5.7</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.6.6/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.6.6" rel="nofollow" title="v1.5.6.6">v1.5.6.6</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.6.5a/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.6.5a" rel="nofollow" title="v1.5.6.5a">v1.5.6.5a</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.6.5/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.6.5" rel="nofollow" title="v1.5.6.5">v1.5.6.5</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.6.4/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.6.4" rel="nofollow" title="v1.5.6.4">v1.5.6.4</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.6.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.6.3" rel="nofollow" title="v1.5.6.3">v1.5.6.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.6.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.6.2" rel="nofollow" title="v1.5.6.2">v1.5.6.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.6.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.6.1" rel="nofollow" title="v1.5.6.1">v1.5.6.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.6/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.6" rel="nofollow" title="v1.5.6">v1.5.6</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.5/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.5" rel="nofollow" title="v1.5.5">v1.5.5</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.4.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.4.1" rel="nofollow" title="v1.5.4.1">v1.5.4.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.4/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.4" rel="nofollow" title="v1.5.4">v1.5.4</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.3" rel="nofollow" title="v1.5.3">v1.5.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.2" rel="nofollow" title="v1.5.2">v1.5.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5.1" rel="nofollow" title="v1.5.1">v1.5.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.5/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.5" rel="nofollow" title="v1.5">v1.5</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4.8/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4.8" rel="nofollow" title="v1.4.8">v1.4.8</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4.7/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4.7" rel="nofollow" title="v1.4.7">v1.4.7</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4.6/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4.6" rel="nofollow" title="v1.4.6">v1.4.6</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4.5/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4.5" rel="nofollow" title="v1.4.5">v1.4.5</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4.4/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4.4" rel="nofollow" title="v1.4.4">v1.4.4</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4.3" rel="nofollow" title="v1.4.3">v1.4.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4.2" rel="nofollow" title="v1.4.2">v1.4.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4.1" rel="nofollow" title="v1.4.1">v1.4.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.4/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.4" rel="nofollow" title="v1.4">v1.4</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.3.7/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.3.7" rel="nofollow" title="v1.3.7">v1.3.7</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.3.6/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.3.6" rel="nofollow" title="v1.3.6">v1.3.6</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.3.5/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.3.5" rel="nofollow" title="v1.3.5">v1.3.5</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.3.4/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.3.4" rel="nofollow" title="v1.3.4">v1.3.4</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.3.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.3.3" rel="nofollow" title="v1.3.3">v1.3.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.3.2/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.3.2" rel="nofollow" title="v1.3.2">v1.3.2</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.3.1/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.3.1" rel="nofollow" title="v1.3.1">v1.3.1</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/v1.3/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="v1.3" rel="nofollow" title="v1.3">v1.3</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/1.8.14/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="1.8.14" rel="nofollow" title="1.8.14">1.8.14</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/1.8.13/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="1.8.13" rel="nofollow" title="1.8.13">1.8.13</a>
                </div> <!-- /.select-menu-item -->
                <div class="select-menu-item js-navigation-item js-navigation-target ">
                  <span class="select-menu-item-icon mini-icon mini-icon-confirm"></span>
                  <a href="/CSS-Tricks/AnythingSlider/blob/1.8.12/css/theme-metallic.css" class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target" data-name="1.8.12" rel="nofollow" title="1.8.12">1.8.12</a>
                </div> <!-- /.select-menu-item -->
            </div>

            <div class="select-menu-no-results">Nothing to show</div>

          </div> <!-- /.select-menu-list -->

        </div> <!-- /.select-menu-modal -->
      </div> <!-- /.select-menu-modal-holder -->
    </div> <!-- /.select-menu -->

  </div> <!-- /.scope -->

  <ul class="tabnav-tabs">
    <li><a href="/CSS-Tricks/AnythingSlider" class="selected tabnav-tab" highlight="repo_source">Files</a></li>
    <li><a href="/CSS-Tricks/AnythingSlider/commits/master" class="tabnav-tab" highlight="repo_commits">Commits</a></li>
    <li><a href="/CSS-Tricks/AnythingSlider/branches" class="tabnav-tab" highlight="repo_branches" rel="nofollow">Branches <span class="counter ">2</span></a></li>
  </ul>

</div>







          </div>
        </div><!-- /.repohead -->

        <div id="js-repo-pjax-container" class="container context-loader-container" data-pjax-container>



<!-- blob contrib key: blob_contributors:v21:cc30312d5701d228a5f44df5ab2f745e -->
<!-- blob contrib frag key: views10/v8/blob_contributors:v21:cc30312d5701d228a5f44df5ab2f745e -->


<div id="slider">
    <div class="frame-meta">

      <p title="This is a placeholder element" class="js-history-link-replace hidden"></p>

        <div class="breadcrumb">
          <span class='bold'><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/CSS-Tricks/AnythingSlider" class="js-slide-to" data-branch="master" data-direction="back" itemscope="url"><span itemprop="title">AnythingSlider</span></a></span></span><span class="separator"> / </span><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/CSS-Tricks/AnythingSlider/tree/master/css" class="js-slide-to" data-branch="master" data-direction="back" itemscope="url"><span itemprop="title">css</span></a></span><span class="separator"> / </span><strong class="final-path">theme-metallic.css</strong> <span class="js-zeroclipboard zeroclipboard-button" data-clipboard-text="css/theme-metallic.css" data-copied-hint="copied!" title="copy to clipboard"><span class="mini-icon mini-icon-clipboard"></span></span>
        </div>

      <a href="/CSS-Tricks/AnythingSlider/find/master" class="js-slide-to" data-hotkey="t" style="display:none">Show File Finder</a>



  <div class="commit file-history-tease">
    <img class="main-avatar" height="24" src="https://secure.gravatar.com/avatar/9df80e51701bd6a791383150038d09e1?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
    <span class="author"><a href="/Mottie" rel="author">Mottie</a></span>
    <time class="js-relative-date" datetime="2012-12-07T13:35:09-08:00" title="2012-12-07 13:35:09">December 07, 2012</time>
    <div class="commit-title">
        <a href="/CSS-Tricks/AnythingSlider/commit/1330dafd8dc2cae9184b8637a9c0fc3425c0acec" class="message">updated z-index in all themes; fixes</a> <a title="Images do not cross fade" href="https://github.com/CSS-Tricks/AnythingSlider/issues/447" class="issue-link">#447</a>
    </div>

    <div class="participation">
      <p class="quickstat"><a href="#blob_contributors_box" rel="facebox"><strong>2</strong> contributors</a></p>
          <a class="avatar tooltipped downwards" title="Mottie" href="/CSS-Tricks/AnythingSlider/commits/master/css/theme-metallic.css?author=Mottie"><img height="20" src="https://secure.gravatar.com/avatar/9df80e51701bd6a791383150038d09e1?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="20" /></a>
    <a class="avatar tooltipped downwards" title="chriscoyier" href="/CSS-Tricks/AnythingSlider/commits/master/css/theme-metallic.css?author=chriscoyier"><img height="20" src="https://secure.gravatar.com/avatar/8081b26e05bb4354f7d65ffc34cbbd67?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="20" /></a>


    </div>
    <div id="blob_contributors_box" style="display:none">
      <h2>Users on GitHub who have contributed to this file</h2>
      <ul class="facebox-user-list">
        <li>
          <img height="24" src="https://secure.gravatar.com/avatar/9df80e51701bd6a791383150038d09e1?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
          <a href="/Mottie">Mottie</a>
        </li>
        <li>
          <img height="24" src="https://secure.gravatar.com/avatar/8081b26e05bb4354f7d65ffc34cbbd67?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png" width="24" />
          <a href="/chriscoyier">chriscoyier</a>
        </li>
      </ul>
    </div>
  </div>


    </div><!-- ./.frame-meta -->

    <div class="frames">
      <div class="frame" data-permalink-url="/CSS-Tricks/AnythingSlider/blob/1d34823ffcf738277def8f1890678b0dacf29a2f/css/theme-metallic.css" data-title="AnythingSlider/css/theme-metallic.css at master · CSS-Tricks/AnythingSlider · GitHub" data-type="blob">

        <div id="files" class="bubble">
          <div class="file">
            <div class="meta">
              <div class="info">
                <span class="icon"><b class="mini-icon mini-icon-text-file"></b></span>
                <span class="mode" title="File Mode">file</span>
                  <span>314 lines (293 sloc)</span>
                <span>8.37 kb</span>
              </div>
              <div class="actions">
                <div class="button-group">
                      <a class="minibutton js-entice" href=""
                         data-entice="You must be signed in and on a branch to make or propose changes">Edit</a>
                  <a href="/CSS-Tricks/AnythingSlider/raw/master/css/theme-metallic.css" class="button minibutton " id="raw-url">Raw</a>
                    <a href="/CSS-Tricks/AnythingSlider/blame/master/css/theme-metallic.css" class="button minibutton ">Blame</a>
                  <a href="/CSS-Tricks/AnythingSlider/commits/master/css/theme-metallic.css" class="button minibutton " rel="nofollow">History</a>
                </div><!-- /.button-group -->
              </div><!-- /.actions -->

            </div>
                <div class="data type-css js-blob-data">
      <table cellpadding="0" cellspacing="0" class="lines">
        <tr>
          <td>
            <pre class="line_numbers"><span id="L1" rel="#L1">1</span>
<span id="L2" rel="#L2">2</span>
<span id="L3" rel="#L3">3</span>
<span id="L4" rel="#L4">4</span>
<span id="L5" rel="#L5">5</span>
<span id="L6" rel="#L6">6</span>
<span id="L7" rel="#L7">7</span>
<span id="L8" rel="#L8">8</span>
<span id="L9" rel="#L9">9</span>
<span id="L10" rel="#L10">10</span>
<span id="L11" rel="#L11">11</span>
<span id="L12" rel="#L12">12</span>
<span id="L13" rel="#L13">13</span>
<span id="L14" rel="#L14">14</span>
<span id="L15" rel="#L15">15</span>
<span id="L16" rel="#L16">16</span>
<span id="L17" rel="#L17">17</span>
<span id="L18" rel="#L18">18</span>
<span id="L19" rel="#L19">19</span>
<span id="L20" rel="#L20">20</span>
<span id="L21" rel="#L21">21</span>
<span id="L22" rel="#L22">22</span>
<span id="L23" rel="#L23">23</span>
<span id="L24" rel="#L24">24</span>
<span id="L25" rel="#L25">25</span>
<span id="L26" rel="#L26">26</span>
<span id="L27" rel="#L27">27</span>
<span id="L28" rel="#L28">28</span>
<span id="L29" rel="#L29">29</span>
<span id="L30" rel="#L30">30</span>
<span id="L31" rel="#L31">31</span>
<span id="L32" rel="#L32">32</span>
<span id="L33" rel="#L33">33</span>
<span id="L34" rel="#L34">34</span>
<span id="L35" rel="#L35">35</span>
<span id="L36" rel="#L36">36</span>
<span id="L37" rel="#L37">37</span>
<span id="L38" rel="#L38">38</span>
<span id="L39" rel="#L39">39</span>
<span id="L40" rel="#L40">40</span>
<span id="L41" rel="#L41">41</span>
<span id="L42" rel="#L42">42</span>
<span id="L43" rel="#L43">43</span>
<span id="L44" rel="#L44">44</span>
<span id="L45" rel="#L45">45</span>
<span id="L46" rel="#L46">46</span>
<span id="L47" rel="#L47">47</span>
<span id="L48" rel="#L48">48</span>
<span id="L49" rel="#L49">49</span>
<span id="L50" rel="#L50">50</span>
<span id="L51" rel="#L51">51</span>
<span id="L52" rel="#L52">52</span>
<span id="L53" rel="#L53">53</span>
<span id="L54" rel="#L54">54</span>
<span id="L55" rel="#L55">55</span>
<span id="L56" rel="#L56">56</span>
<span id="L57" rel="#L57">57</span>
<span id="L58" rel="#L58">58</span>
<span id="L59" rel="#L59">59</span>
<span id="L60" rel="#L60">60</span>
<span id="L61" rel="#L61">61</span>
<span id="L62" rel="#L62">62</span>
<span id="L63" rel="#L63">63</span>
<span id="L64" rel="#L64">64</span>
<span id="L65" rel="#L65">65</span>
<span id="L66" rel="#L66">66</span>
<span id="L67" rel="#L67">67</span>
<span id="L68" rel="#L68">68</span>
<span id="L69" rel="#L69">69</span>
<span id="L70" rel="#L70">70</span>
<span id="L71" rel="#L71">71</span>
<span id="L72" rel="#L72">72</span>
<span id="L73" rel="#L73">73</span>
<span id="L74" rel="#L74">74</span>
<span id="L75" rel="#L75">75</span>
<span id="L76" rel="#L76">76</span>
<span id="L77" rel="#L77">77</span>
<span id="L78" rel="#L78">78</span>
<span id="L79" rel="#L79">79</span>
<span id="L80" rel="#L80">80</span>
<span id="L81" rel="#L81">81</span>
<span id="L82" rel="#L82">82</span>
<span id="L83" rel="#L83">83</span>
<span id="L84" rel="#L84">84</span>
<span id="L85" rel="#L85">85</span>
<span id="L86" rel="#L86">86</span>
<span id="L87" rel="#L87">87</span>
<span id="L88" rel="#L88">88</span>
<span id="L89" rel="#L89">89</span>
<span id="L90" rel="#L90">90</span>
<span id="L91" rel="#L91">91</span>
<span id="L92" rel="#L92">92</span>
<span id="L93" rel="#L93">93</span>
<span id="L94" rel="#L94">94</span>
<span id="L95" rel="#L95">95</span>
<span id="L96" rel="#L96">96</span>
<span id="L97" rel="#L97">97</span>
<span id="L98" rel="#L98">98</span>
<span id="L99" rel="#L99">99</span>
<span id="L100" rel="#L100">100</span>
<span id="L101" rel="#L101">101</span>
<span id="L102" rel="#L102">102</span>
<span id="L103" rel="#L103">103</span>
<span id="L104" rel="#L104">104</span>
<span id="L105" rel="#L105">105</span>
<span id="L106" rel="#L106">106</span>
<span id="L107" rel="#L107">107</span>
<span id="L108" rel="#L108">108</span>
<span id="L109" rel="#L109">109</span>
<span id="L110" rel="#L110">110</span>
<span id="L111" rel="#L111">111</span>
<span id="L112" rel="#L112">112</span>
<span id="L113" rel="#L113">113</span>
<span id="L114" rel="#L114">114</span>
<span id="L115" rel="#L115">115</span>
<span id="L116" rel="#L116">116</span>
<span id="L117" rel="#L117">117</span>
<span id="L118" rel="#L118">118</span>
<span id="L119" rel="#L119">119</span>
<span id="L120" rel="#L120">120</span>
<span id="L121" rel="#L121">121</span>
<span id="L122" rel="#L122">122</span>
<span id="L123" rel="#L123">123</span>
<span id="L124" rel="#L124">124</span>
<span id="L125" rel="#L125">125</span>
<span id="L126" rel="#L126">126</span>
<span id="L127" rel="#L127">127</span>
<span id="L128" rel="#L128">128</span>
<span id="L129" rel="#L129">129</span>
<span id="L130" rel="#L130">130</span>
<span id="L131" rel="#L131">131</span>
<span id="L132" rel="#L132">132</span>
<span id="L133" rel="#L133">133</span>
<span id="L134" rel="#L134">134</span>
<span id="L135" rel="#L135">135</span>
<span id="L136" rel="#L136">136</span>
<span id="L137" rel="#L137">137</span>
<span id="L138" rel="#L138">138</span>
<span id="L139" rel="#L139">139</span>
<span id="L140" rel="#L140">140</span>
<span id="L141" rel="#L141">141</span>
<span id="L142" rel="#L142">142</span>
<span id="L143" rel="#L143">143</span>
<span id="L144" rel="#L144">144</span>
<span id="L145" rel="#L145">145</span>
<span id="L146" rel="#L146">146</span>
<span id="L147" rel="#L147">147</span>
<span id="L148" rel="#L148">148</span>
<span id="L149" rel="#L149">149</span>
<span id="L150" rel="#L150">150</span>
<span id="L151" rel="#L151">151</span>
<span id="L152" rel="#L152">152</span>
<span id="L153" rel="#L153">153</span>
<span id="L154" rel="#L154">154</span>
<span id="L155" rel="#L155">155</span>
<span id="L156" rel="#L156">156</span>
<span id="L157" rel="#L157">157</span>
<span id="L158" rel="#L158">158</span>
<span id="L159" rel="#L159">159</span>
<span id="L160" rel="#L160">160</span>
<span id="L161" rel="#L161">161</span>
<span id="L162" rel="#L162">162</span>
<span id="L163" rel="#L163">163</span>
<span id="L164" rel="#L164">164</span>
<span id="L165" rel="#L165">165</span>
<span id="L166" rel="#L166">166</span>
<span id="L167" rel="#L167">167</span>
<span id="L168" rel="#L168">168</span>
<span id="L169" rel="#L169">169</span>
<span id="L170" rel="#L170">170</span>
<span id="L171" rel="#L171">171</span>
<span id="L172" rel="#L172">172</span>
<span id="L173" rel="#L173">173</span>
<span id="L174" rel="#L174">174</span>
<span id="L175" rel="#L175">175</span>
<span id="L176" rel="#L176">176</span>
<span id="L177" rel="#L177">177</span>
<span id="L178" rel="#L178">178</span>
<span id="L179" rel="#L179">179</span>
<span id="L180" rel="#L180">180</span>
<span id="L181" rel="#L181">181</span>
<span id="L182" rel="#L182">182</span>
<span id="L183" rel="#L183">183</span>
<span id="L184" rel="#L184">184</span>
<span id="L185" rel="#L185">185</span>
<span id="L186" rel="#L186">186</span>
<span id="L187" rel="#L187">187</span>
<span id="L188" rel="#L188">188</span>
<span id="L189" rel="#L189">189</span>
<span id="L190" rel="#L190">190</span>
<span id="L191" rel="#L191">191</span>
<span id="L192" rel="#L192">192</span>
<span id="L193" rel="#L193">193</span>
<span id="L194" rel="#L194">194</span>
<span id="L195" rel="#L195">195</span>
<span id="L196" rel="#L196">196</span>
<span id="L197" rel="#L197">197</span>
<span id="L198" rel="#L198">198</span>
<span id="L199" rel="#L199">199</span>
<span id="L200" rel="#L200">200</span>
<span id="L201" rel="#L201">201</span>
<span id="L202" rel="#L202">202</span>
<span id="L203" rel="#L203">203</span>
<span id="L204" rel="#L204">204</span>
<span id="L205" rel="#L205">205</span>
<span id="L206" rel="#L206">206</span>
<span id="L207" rel="#L207">207</span>
<span id="L208" rel="#L208">208</span>
<span id="L209" rel="#L209">209</span>
<span id="L210" rel="#L210">210</span>
<span id="L211" rel="#L211">211</span>
<span id="L212" rel="#L212">212</span>
<span id="L213" rel="#L213">213</span>
<span id="L214" rel="#L214">214</span>
<span id="L215" rel="#L215">215</span>
<span id="L216" rel="#L216">216</span>
<span id="L217" rel="#L217">217</span>
<span id="L218" rel="#L218">218</span>
<span id="L219" rel="#L219">219</span>
<span id="L220" rel="#L220">220</span>
<span id="L221" rel="#L221">221</span>
<span id="L222" rel="#L222">222</span>
<span id="L223" rel="#L223">223</span>
<span id="L224" rel="#L224">224</span>
<span id="L225" rel="#L225">225</span>
<span id="L226" rel="#L226">226</span>
<span id="L227" rel="#L227">227</span>
<span id="L228" rel="#L228">228</span>
<span id="L229" rel="#L229">229</span>
<span id="L230" rel="#L230">230</span>
<span id="L231" rel="#L231">231</span>
<span id="L232" rel="#L232">232</span>
<span id="L233" rel="#L233">233</span>
<span id="L234" rel="#L234">234</span>
<span id="L235" rel="#L235">235</span>
<span id="L236" rel="#L236">236</span>
<span id="L237" rel="#L237">237</span>
<span id="L238" rel="#L238">238</span>
<span id="L239" rel="#L239">239</span>
<span id="L240" rel="#L240">240</span>
<span id="L241" rel="#L241">241</span>
<span id="L242" rel="#L242">242</span>
<span id="L243" rel="#L243">243</span>
<span id="L244" rel="#L244">244</span>
<span id="L245" rel="#L245">245</span>
<span id="L246" rel="#L246">246</span>
<span id="L247" rel="#L247">247</span>
<span id="L248" rel="#L248">248</span>
<span id="L249" rel="#L249">249</span>
<span id="L250" rel="#L250">250</span>
<span id="L251" rel="#L251">251</span>
<span id="L252" rel="#L252">252</span>
<span id="L253" rel="#L253">253</span>
<span id="L254" rel="#L254">254</span>
<span id="L255" rel="#L255">255</span>
<span id="L256" rel="#L256">256</span>
<span id="L257" rel="#L257">257</span>
<span id="L258" rel="#L258">258</span>
<span id="L259" rel="#L259">259</span>
<span id="L260" rel="#L260">260</span>
<span id="L261" rel="#L261">261</span>
<span id="L262" rel="#L262">262</span>
<span id="L263" rel="#L263">263</span>
<span id="L264" rel="#L264">264</span>
<span id="L265" rel="#L265">265</span>
<span id="L266" rel="#L266">266</span>
<span id="L267" rel="#L267">267</span>
<span id="L268" rel="#L268">268</span>
<span id="L269" rel="#L269">269</span>
<span id="L270" rel="#L270">270</span>
<span id="L271" rel="#L271">271</span>
<span id="L272" rel="#L272">272</span>
<span id="L273" rel="#L273">273</span>
<span id="L274" rel="#L274">274</span>
<span id="L275" rel="#L275">275</span>
<span id="L276" rel="#L276">276</span>
<span id="L277" rel="#L277">277</span>
<span id="L278" rel="#L278">278</span>
<span id="L279" rel="#L279">279</span>
<span id="L280" rel="#L280">280</span>
<span id="L281" rel="#L281">281</span>
<span id="L282" rel="#L282">282</span>
<span id="L283" rel="#L283">283</span>
<span id="L284" rel="#L284">284</span>
<span id="L285" rel="#L285">285</span>
<span id="L286" rel="#L286">286</span>
<span id="L287" rel="#L287">287</span>
<span id="L288" rel="#L288">288</span>
<span id="L289" rel="#L289">289</span>
<span id="L290" rel="#L290">290</span>
<span id="L291" rel="#L291">291</span>
<span id="L292" rel="#L292">292</span>
<span id="L293" rel="#L293">293</span>
<span id="L294" rel="#L294">294</span>
<span id="L295" rel="#L295">295</span>
<span id="L296" rel="#L296">296</span>
<span id="L297" rel="#L297">297</span>
<span id="L298" rel="#L298">298</span>
<span id="L299" rel="#L299">299</span>
<span id="L300" rel="#L300">300</span>
<span id="L301" rel="#L301">301</span>
<span id="L302" rel="#L302">302</span>
<span id="L303" rel="#L303">303</span>
<span id="L304" rel="#L304">304</span>
<span id="L305" rel="#L305">305</span>
<span id="L306" rel="#L306">306</span>
<span id="L307" rel="#L307">307</span>
<span id="L308" rel="#L308">308</span>
<span id="L309" rel="#L309">309</span>
<span id="L310" rel="#L310">310</span>
<span id="L311" rel="#L311">311</span>
<span id="L312" rel="#L312">312</span>
<span id="L313" rel="#L313">313</span>
</pre>
          </td>
          <td width="100%">
                  <div class="highlight"><pre><div class='line' id='LC1'><span class="c">/*</span></div><div class='line' id='LC2'><span class="c">  AnythingSlider v1.8+ Metallic theme</span></div><div class='line' id='LC3'><span class="c">  By Rob Garrison</span></div><div class='line' id='LC4'><span class="c">*/</span></div><div class='line' id='LC5'><span class="c">/*****************************</span></div><div class='line' id='LC6'><span class="c">  SET DEFAULT DIMENSIONS HERE</span></div><div class='line' id='LC7'><span class="c"> *****************************/</span></div><div class='line' id='LC8'><span class="c">/* change the ID &amp; dimensions to match your slider */</span></div><div class='line' id='LC9'><span class="nf">#slider</span> <span class="p">{</span></div><div class='line' id='LC10'>  <span class="k">width</span><span class="o">:</span> <span class="m">700px</span><span class="p">;</span></div><div class='line' id='LC11'>  <span class="k">height</span><span class="o">:</span> <span class="m">390px</span><span class="p">;</span></div><div class='line' id='LC12'>  <span class="k">list-style</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC13'>  <span class="c">/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */</span></div><div class='line' id='LC14'>  <span class="k">overflow-y</span><span class="o">:</span> <span class="k">auto</span><span class="p">;</span></div><div class='line' id='LC15'>  <span class="k">overflow-x</span><span class="o">:</span> <span class="k">hidden</span><span class="p">;</span></div><div class='line' id='LC16'><span class="p">}</span></div><div class='line' id='LC17'><br/></div><div class='line' id='LC18'><span class="c">/******************</span></div><div class='line' id='LC19'><span class="c">  SET STYLING HERE</span></div><div class='line' id='LC20'><span class="c"> ******************</span></div><div class='line' id='LC21'><span class="c"> =================================</span></div><div class='line' id='LC22'><span class="c"> Default state (no keyboard focus)</span></div><div class='line' id='LC23'><span class="c"> ==================================*/</span></div><div class='line' id='LC24'><span class="c">/* Overall Wrapper */</span></div><div class='line' id='LC25'><span class="nc">.anythingSlider-metallic</span> <span class="p">{</span></div><div class='line' id='LC26'>  <span class="k">margin</span><span class="o">:</span> <span class="m">0</span> <span class="k">auto</span><span class="p">;</span></div><div class='line' id='LC27'>  <span class="c">/* 23px right &amp; left padding for the navigation arrows */</span></div><div class='line' id='LC28'>  <span class="k">padding</span><span class="o">:</span> <span class="m">0</span> <span class="m">23px</span><span class="p">;</span></div><div class='line' id='LC29'><span class="p">}</span></div><div class='line' id='LC30'><span class="c">/* slider window - top &amp; bottom borders, default state */</span></div><div class='line' id='LC31'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingWindow</span> <span class="p">{</span></div><div class='line' id='LC32'>  <span class="k">border-top</span><span class="o">:</span> <span class="m">3px</span> <span class="k">solid</span> <span class="m">#333</span><span class="p">;</span></div><div class='line' id='LC33'>  <span class="k">border-bottom</span><span class="o">:</span> <span class="m">3px</span> <span class="k">solid</span> <span class="m">#333</span><span class="p">;</span></div><div class='line' id='LC34'><span class="p">}</span></div><div class='line' id='LC35'><span class="c">/* Navigation buttons + start/stop button, default state */</span></div><div class='line' id='LC36'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC37'>  <span class="k">background</span><span class="o">:</span> <span class="k">transparent</span> <span class="sx">url(../images/arrows-metallic.png)</span> <span class="m">-68px</span> <span class="m">-40px</span> <span class="k">repeat-x</span><span class="p">;</span></div><div class='line' id='LC38'>  <span class="k">color</span><span class="o">:</span> <span class="m">#000</span><span class="p">;</span></div><div class='line' id='LC39'>  <span class="k">border</span><span class="o">:</span> <span class="m">#000</span> <span class="m">1px</span> <span class="k">solid</span><span class="p">;</span></div><div class='line' id='LC40'>  <span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span></div><div class='line' id='LC41'>  <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span></div><div class='line' id='LC42'>  <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="k">border</span><span class="o">-</span><span class="n">radius</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span></div><div class='line' id='LC43'><span class="p">}</span></div><div class='line' id='LC44'><span class="c">/* Navigation current button, default state */</span></div><div class='line' id='LC45'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.cur</span><span class="o">,</span></div><div class='line' id='LC46'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nd">:hover</span> <span class="p">{</span></div><div class='line' id='LC47'>  <span class="k">background-position</span><span class="o">:</span> <span class="m">-70px</span> <span class="m">-137px</span><span class="p">;</span></div><div class='line' id='LC48'>  <span class="k">background-color</span><span class="o">:</span> <span class="m">#888</span><span class="p">;</span></div><div class='line' id='LC49'>  <span class="k">color</span><span class="o">:</span> <span class="m">#000</span><span class="p">;</span></div><div class='line' id='LC50'><span class="p">}</span></div><div class='line' id='LC51'><br/></div><div class='line' id='LC52'><span class="c">/* start-stop button, stopped, default state */</span></div><div class='line' id='LC53'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.start-stop</span> <span class="p">{</span></div><div class='line' id='LC54'>  <span class="k">background</span><span class="o">:</span> <span class="m">#040</span><span class="p">;</span></div><div class='line' id='LC55'>  <span class="k">color</span><span class="o">:</span> <span class="m">#ddd</span><span class="p">;</span></div><div class='line' id='LC56'>  <span class="c">/* top shadow */</span></div><div class='line' id='LC57'>  <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="k">inset</span> <span class="m">1px</span> <span class="m">2px</span> <span class="m">5px</span> <span class="n">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">.</span><span class="m">5</span><span class="p">);</span></div><div class='line' id='LC58'>  <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="k">inset</span> <span class="m">1px</span> <span class="m">2px</span> <span class="m">5px</span> <span class="n">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">.</span><span class="m">5</span><span class="p">);</span></div><div class='line' id='LC59'>  <span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="k">inset</span> <span class="m">1px</span> <span class="m">2px</span> <span class="m">5px</span> <span class="n">rgba</span><span class="p">(</span><span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">,</span> <span class="m">0</span><span class="o">.</span><span class="m">5</span><span class="p">);</span></div><div class='line' id='LC60'><span class="p">}</span></div><div class='line' id='LC61'><span class="c">/* start-stop button, playing, default state */</span></div><div class='line' id='LC62'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.start-stop.playing</span> <span class="p">{</span></div><div class='line' id='LC63'>  <span class="k">background-color</span><span class="o">:</span> <span class="m">#800</span><span class="p">;</span></div><div class='line' id='LC64'><span class="p">}</span></div><div class='line' id='LC65'><br/></div><div class='line' id='LC66'><span class="c">/* start-stop button, default hovered text color (when visible) */</span></div><div class='line' id='LC67'><span class="c">/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */</span></div><div class='line' id='LC68'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.start-stop</span><span class="nd">:hover</span><span class="o">,</span></div><div class='line' id='LC69'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.start-stop.hover</span><span class="o">,</span></div><div class='line' id='LC70'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.start-stop</span> <span class="nc">.anythingControls</span> <span class="nt">ul</span> <span class="nt">a</span><span class="nd">:hover</span> <span class="p">{</span></div><div class='line' id='LC71'>  <span class="k">color</span><span class="o">:</span> <span class="m">#fff</span><span class="p">;</span></div><div class='line' id='LC72'>  <span class="c">/* clear top shadow */</span></div><div class='line' id='LC73'>  <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="k">inset</span> <span class="m">0</span> <span class="m">0</span> <span class="m">0</span> <span class="m">#000000</span><span class="p">;</span></div><div class='line' id='LC74'>  <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="k">inset</span> <span class="m">0</span> <span class="m">0</span> <span class="m">0</span> <span class="m">#000000</span><span class="p">;</span></div><div class='line' id='LC75'>  <span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="k">inset</span> <span class="m">0</span> <span class="m">0</span> <span class="m">0</span> <span class="m">#000000</span><span class="p">;</span></div><div class='line' id='LC76'><span class="p">}</span></div><div class='line' id='LC77'><br/></div><div class='line' id='LC78'><span class="c">/*</span></div><div class='line' id='LC79'><span class="c"> =================================</span></div><div class='line' id='LC80'><span class="c"> Active State (has keyboard focus)</span></div><div class='line' id='LC81'><span class="c"> =================================</span></div><div class='line' id='LC82'><span class="c">*/</span></div><div class='line' id='LC83'><span class="c">/* slider window - top &amp; bottom borders, active state */</span></div><div class='line' id='LC84'><span class="nc">.anythingSlider-metallic.activeSlider</span> <span class="nc">.anythingWindow</span> <span class="p">{</span></div><div class='line' id='LC85'>  <span class="k">border-color</span><span class="o">:</span> <span class="m">#0355a3</span><span class="p">;</span></div><div class='line' id='LC86'><span class="p">}</span></div><div class='line' id='LC87'><br/></div><div class='line' id='LC88'><span class="c">/* Navigation buttons, active state */</span></div><div class='line' id='LC89'><span class="nc">.anythingSlider-metallic.activeSlider</span> <span class="nc">.anythingControls</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC90'>  <span class="k">background-color</span><span class="o">:</span> <span class="k">transparent</span><span class="p">;</span></div><div class='line' id='LC91'><span class="p">}</span></div><div class='line' id='LC92'><span class="c">/* Navigation current button, active state */</span></div><div class='line' id='LC93'><span class="nc">.anythingSlider-metallic.activeSlider</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.cur</span><span class="o">,</span></div><div class='line' id='LC94'><span class="nc">.anythingSlider-metallic.activeSlider</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nd">:hover</span> <span class="p">{</span></div><div class='line' id='LC95'>  <span class="k">background-position</span><span class="o">:</span> <span class="m">-76px</span> <span class="m">-57px</span><span class="p">;</span></div><div class='line' id='LC96'>  <span class="k">background-color</span><span class="o">:</span> <span class="m">#ccc</span><span class="p">;</span></div><div class='line' id='LC97'><span class="p">}</span></div><div class='line' id='LC98'><br/></div><div class='line' id='LC99'><span class="c">/* start-stop button, stopped, active state */</span></div><div class='line' id='LC100'><span class="nc">.anythingSlider-metallic.activeSlider</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.start-stop</span> <span class="p">{</span></div><div class='line' id='LC101'>  <span class="k">background</span><span class="o">:</span> <span class="m">#080</span><span class="p">;</span></div><div class='line' id='LC102'>  <span class="k">color</span><span class="o">:</span> <span class="m">#fff</span><span class="p">;</span></div><div class='line' id='LC103'><span class="p">}</span></div><div class='line' id='LC104'><span class="c">/* start-stop button, playing, active state */</span></div><div class='line' id='LC105'><span class="nc">.anythingSlider-metallic.activeSlider</span> <span class="nc">.anythingControls</span> <span class="nt">a</span><span class="nc">.start-stop.playing</span> <span class="p">{</span></div><div class='line' id='LC106'>  <span class="k">color</span><span class="o">:</span> <span class="m">#fff</span><span class="p">;</span></div><div class='line' id='LC107'>  <span class="k">background</span><span class="o">:</span> <span class="m">#d00</span><span class="p">;</span></div><div class='line' id='LC108'><span class="p">}</span></div><div class='line' id='LC109'><span class="c">/* start-stop button, active slider hovered text color (when visible) */</span></div><div class='line' id='LC110'><span class="nc">.anythingSlider-metallic.activeSlider</span> <span class="nc">.start-stop</span><span class="nd">:hover</span><span class="o">,</span></div><div class='line' id='LC111'><span class="nc">.anythingSlider-metallic.activeSlider</span> <span class="nc">.start-stop.hover</span> <span class="p">{</span></div><div class='line' id='LC112'>  <span class="k">color</span><span class="o">:</span> <span class="m">#fff</span><span class="p">;</span></div><div class='line' id='LC113'><span class="p">}</span></div><div class='line' id='LC114'><br/></div><div class='line' id='LC115'><span class="c">/************************</span></div><div class='line' id='LC116'><span class="c">  NAVIGATION POSITIONING</span></div><div class='line' id='LC117'><span class="c"> ************************/</span></div><div class='line' id='LC118'><span class="c">/* Navigation Arrows */</span></div><div class='line' id='LC119'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.arrow</span> <span class="p">{</span></div><div class='line' id='LC120'>  <span class="k">top</span><span class="o">:</span> <span class="m">50</span><span class="o">%</span><span class="p">;</span></div><div class='line' id='LC121'>  <span class="k">position</span><span class="o">:</span> <span class="k">absolute</span><span class="p">;</span></div><div class='line' id='LC122'>  <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span></div><div class='line' id='LC123'>  <span class="k">z-index</span><span class="o">:</span> <span class="m">100</span><span class="p">;</span></div><div class='line' id='LC124'><span class="p">}</span></div><div class='line' id='LC125'><br/></div><div class='line' id='LC126'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.arrow</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC127'>  <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span></div><div class='line' id='LC128'>  <span class="k">width</span><span class="o">:</span> <span class="m">45px</span><span class="p">;</span></div><div class='line' id='LC129'>  <span class="k">height</span><span class="o">:</span> <span class="m">95px</span><span class="p">;</span></div><div class='line' id='LC130'>  <span class="k">margin</span><span class="o">:</span> <span class="m">-47.5px</span> <span class="m">0</span> <span class="m">0</span> <span class="m">0</span><span class="p">;</span> <span class="c">/* half height of image */</span></div><div class='line' id='LC131'>  <span class="k">text-align</span><span class="o">:</span> <span class="k">center</span><span class="p">;</span></div><div class='line' id='LC132'>  <span class="k">outline</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC133'>  <span class="k">background</span><span class="o">:</span> <span class="sx">url(../images/arrows-metallic.png)</span> <span class="k">no-repeat</span><span class="p">;</span></div><div class='line' id='LC134'><span class="p">}</span></div><div class='line' id='LC135'><br/></div><div class='line' id='LC136'><span class="c">/* back arrow */</span></div><div class='line' id='LC137'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.back</span> <span class="p">{</span> <span class="k">left</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> <span class="p">}</span></div><div class='line' id='LC138'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.back</span> <span class="nt">a</span> <span class="p">{</span> <span class="k">background-position</span><span class="o">:</span> <span class="k">left</span> <span class="k">bottom</span><span class="p">;</span> <span class="p">}</span></div><div class='line' id='LC139'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.back</span> <span class="nt">a</span><span class="nd">:hover</span><span class="o">,</span></div><div class='line' id='LC140'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.back</span> <span class="nt">a</span><span class="nc">.hover</span> <span class="p">{</span> <span class="k">background-position</span><span class="o">:</span> <span class="k">left</span> <span class="k">top</span><span class="p">;</span> <span class="p">}</span></div><div class='line' id='LC141'><span class="c">/* forward arrow */</span></div><div class='line' id='LC142'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.forward</span> <span class="p">{</span> <span class="k">right</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span> <span class="p">}</span></div><div class='line' id='LC143'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.forward</span> <span class="nt">a</span> <span class="p">{</span> <span class="k">background-position</span><span class="o">:</span> <span class="k">right</span> <span class="k">bottom</span><span class="p">;</span> <span class="p">}</span></div><div class='line' id='LC144'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.forward</span> <span class="nt">a</span><span class="nd">:hover</span><span class="o">,</span></div><div class='line' id='LC145'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.forward</span> <span class="nt">a</span><span class="nc">.hover</span> <span class="p">{</span> <span class="k">background-position</span><span class="o">:</span> <span class="k">right</span> <span class="k">top</span><span class="p">;</span> <span class="p">}</span></div><div class='line' id='LC146'><br/></div><div class='line' id='LC147'><span class="c">/* Navigation Links */</span></div><div class='line' id='LC148'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="p">{</span></div><div class='line' id='LC149'>  <span class="k">height</span><span class="o">:</span> <span class="m">15px</span><span class="p">;</span> <span class="c">/* limit height, needed for IE9 of all things */</span></div><div class='line' id='LC150'>  <span class="k">outline</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC151'>  <span class="k">display</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC152'>  <span class="k">float</span><span class="o">:</span> <span class="k">right</span><span class="p">;</span></div><div class='line' id='LC153'>  <span class="k">position</span><span class="o">:</span> <span class="k">absolute</span><span class="p">;</span></div><div class='line' id='LC154'>  <span class="k">bottom</span><span class="o">:</span> <span class="m">5px</span><span class="p">;</span></div><div class='line' id='LC155'>  <span class="k">right</span><span class="o">:</span> <span class="m">20px</span><span class="p">;</span></div><div class='line' id='LC156'>  <span class="k">margin</span><span class="o">:</span> <span class="m">0</span> <span class="m">45px</span><span class="p">;</span></div><div class='line' id='LC157'>  <span class="k">z-index</span><span class="o">:</span> <span class="m">100</span><span class="p">;</span></div><div class='line' id='LC158'>  <span class="k">opacity</span><span class="o">:</span> <span class="m">0</span><span class="o">.</span><span class="m">90</span><span class="p">;</span></div><div class='line' id='LC159'>  <span class="n">filter</span><span class="o">:</span> <span class="n">alpha</span><span class="p">(</span><span class="k">opacity</span><span class="o">=</span><span class="m">90</span><span class="p">);</span></div><div class='line' id='LC160'><span class="p">}</span></div><div class='line' id='LC161'><br/></div><div class='line' id='LC162'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">ul</span> <span class="p">{</span></div><div class='line' id='LC163'>  <span class="k">margin</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC164'>  <span class="k">padding</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC165'>  <span class="k">float</span><span class="o">:</span> <span class="k">left</span><span class="p">;</span></div><div class='line' id='LC166'><span class="p">}</span></div><div class='line' id='LC167'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">ul</span> <span class="nt">li</span> <span class="p">{</span></div><div class='line' id='LC168'>  <span class="k">list-style</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC169'>  <span class="k">float</span><span class="o">:</span> <span class="k">left</span><span class="p">;</span></div><div class='line' id='LC170'>  <span class="k">margin</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC171'>  <span class="k">padding</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC172'><span class="p">}</span></div><div class='line' id='LC173'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">ul</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC174'>  <span class="k">display</span><span class="o">:</span> <span class="k">inline</span><span class="o">-</span><span class="k">block</span><span class="p">;</span></div><div class='line' id='LC175'>  <span class="k">width</span><span class="o">:</span> <span class="m">10px</span><span class="p">;</span></div><div class='line' id='LC176'>  <span class="k">height</span><span class="o">:</span> <span class="m">10px</span><span class="p">;</span></div><div class='line' id='LC177'>  <span class="k">margin</span><span class="o">:</span> <span class="m">3px</span><span class="p">;</span></div><div class='line' id='LC178'>  <span class="k">padding</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC179'>  <span class="k">text-decoration</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC180'>  <span class="k">text-align</span><span class="o">:</span> <span class="k">center</span><span class="p">;</span></div><div class='line' id='LC181'>  <span class="k">outline</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC182'><span class="p">}</span></div><div class='line' id='LC183'><br/></div><div class='line' id='LC184'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">span</span> <span class="p">{</span></div><div class='line' id='LC185'>  <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span></div><div class='line' id='LC186'>  <span class="k">visibility</span><span class="o">:</span> <span class="k">hidden</span><span class="p">;</span></div><div class='line' id='LC187'><span class="p">}</span></div><div class='line' id='LC188'><br/></div><div class='line' id='LC189'><span class="c">/* navigationSize window */</span></div><div class='line' id='LC190'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nc">.anythingNavWindow</span> <span class="p">{</span></div><div class='line' id='LC191'>  <span class="k">overflow</span><span class="o">:</span> <span class="k">hidden</span><span class="p">;</span></div><div class='line' id='LC192'>  <span class="k">float</span><span class="o">:</span> <span class="k">left</span><span class="p">;</span></div><div class='line' id='LC193'><span class="p">}</span></div><div class='line' id='LC194'><span class="c">/* navigationSize nav arrow positioning */</span></div><div class='line' id='LC195'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">li</span><span class="nc">.prev</span> <span class="nt">a</span> <span class="nt">span</span><span class="o">,</span></div><div class='line' id='LC196'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nt">li</span><span class="nc">.next</span> <span class="nt">a</span> <span class="nt">span</span> <span class="p">{</span></div><div class='line' id='LC197'>  <span class="k">visibility</span><span class="o">:</span> <span class="k">visible</span><span class="p">;</span></div><div class='line' id='LC198'>  <span class="k">position</span><span class="o">:</span> <span class="k">relative</span><span class="p">;</span></div><div class='line' id='LC199'>  <span class="k">top</span><span class="o">:</span> <span class="m">-6px</span><span class="p">;</span> <span class="c">/* bring navigationSize text arrows into view */</span></div><div class='line' id='LC200'>  <span class="k">color</span><span class="o">:</span> <span class="m">#fff</span><span class="p">;</span></div><div class='line' id='LC201'><span class="p">}</span></div><div class='line' id='LC202'><br/></div><div class='line' id='LC203'><span class="c">/* Autoplay Start/Stop button */</span></div><div class='line' id='LC204'><span class="nc">.anythingSlider-metallic</span> <span class="nc">.anythingControls</span> <span class="nc">.start-stop</span> <span class="p">{</span></div><div class='line' id='LC205'>  <span class="k">display</span><span class="o">:</span> <span class="k">inline</span><span class="o">-</span><span class="k">block</span><span class="p">;</span></div><div class='line' id='LC206'>  <span class="k">width</span><span class="o">:</span> <span class="m">10px</span><span class="p">;</span></div><div class='line' id='LC207'>  <span class="k">height</span><span class="o">:</span> <span class="m">10px</span><span class="p">;</span></div><div class='line' id='LC208'>  <span class="k">margin</span><span class="o">:</span> <span class="m">3px</span><span class="p">;</span></div><div class='line' id='LC209'>  <span class="k">padding</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC210'>  <span class="k">text-align</span><span class="o">:</span> <span class="k">center</span><span class="p">;</span></div><div class='line' id='LC211'>  <span class="k">text-decoration</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC212'>  <span class="k">z-index</span><span class="o">:</span> <span class="m">100</span><span class="p">;</span></div><div class='line' id='LC213'>  <span class="k">outline</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC214'><span class="p">}</span></div><div class='line' id='LC215'><br/></div><div class='line' id='LC216'><span class="c">/***********************</span></div><div class='line' id='LC217'><span class="c">IE8 AND OLDER STYLING</span></div><div class='line' id='LC218'><span class="c">***********************/</span></div><div class='line' id='LC219'><span class="c">/* Navigation Arrows */</span></div><div class='line' id='LC220'><span class="nc">.as-oldie</span> <span class="nc">.anythingSlider-metallic</span> <span class="nc">.arrow</span> <span class="p">{</span></div><div class='line' id='LC221'>  <span class="k">top</span><span class="o">:</span> <span class="m">40</span><span class="o">%</span><span class="p">;</span></div><div class='line' id='LC222'><span class="p">}</span></div><div class='line' id='LC223'><span class="nc">.as-oldie</span> <span class="nc">.anythingSlider-metallic</span> <span class="nc">.arrow</span> <span class="nt">a</span> <span class="p">{</span></div><div class='line' id='LC224'>  <span class="k">margin</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC225'><span class="p">}</span></div><div class='line' id='LC226'><br/></div><div class='line' id='LC227'><span class="c">/***********************</span></div><div class='line' id='LC228'><span class="c">  COMMON SLIDER STYLING</span></div><div class='line' id='LC229'><span class="c"> ***********************/</span></div><div class='line' id='LC230'><span class="c">/* Overall Wrapper */</span></div><div class='line' id='LC231'><span class="nc">.anythingSlider</span> <span class="p">{</span></div><div class='line' id='LC232'>  <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span></div><div class='line' id='LC233'>  <span class="k">overflow</span><span class="o">:</span> <span class="k">visible</span> <span class="cp">!important</span><span class="p">;</span></div><div class='line' id='LC234'>  <span class="k">position</span><span class="o">:</span> <span class="k">relative</span><span class="p">;</span></div><div class='line' id='LC235'><span class="p">}</span></div><div class='line' id='LC236'><span class="c">/* anythingSlider viewport window */</span></div><div class='line' id='LC237'><span class="nc">.anythingSlider</span> <span class="nc">.anythingWindow</span> <span class="p">{</span></div><div class='line' id='LC238'>  <span class="k">overflow</span><span class="o">:</span> <span class="k">hidden</span><span class="p">;</span></div><div class='line' id='LC239'>  <span class="k">position</span><span class="o">:</span> <span class="k">relative</span><span class="p">;</span></div><div class='line' id='LC240'>  <span class="k">width</span><span class="o">:</span> <span class="m">100</span><span class="o">%</span><span class="p">;</span></div><div class='line' id='LC241'>  <span class="k">height</span><span class="o">:</span> <span class="m">100</span><span class="o">%</span><span class="p">;</span></div><div class='line' id='LC242'><span class="p">}</span></div><div class='line' id='LC243'><span class="c">/* anythingSlider base (original element) */</span></div><div class='line' id='LC244'><span class="nc">.anythingSlider</span> <span class="nc">.anythingBase</span> <span class="p">{</span></div><div class='line' id='LC245'>  <span class="k">background</span><span class="o">:</span> <span class="k">transparent</span><span class="p">;</span></div><div class='line' id='LC246'>  <span class="k">list-style</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC247'>  <span class="k">position</span><span class="o">:</span> <span class="k">absolute</span><span class="p">;</span></div><div class='line' id='LC248'>  <span class="k">overflow</span><span class="o">:</span> <span class="k">visible</span> <span class="cp">!important</span><span class="p">;</span></div><div class='line' id='LC249'>  <span class="k">top</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC250'>  <span class="k">left</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC251'>  <span class="k">margin</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC252'>  <span class="k">padding</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC253'><span class="p">}</span></div><div class='line' id='LC254'><br/></div><div class='line' id='LC255'><span class="c">/* Navigation arrow text; indent moved to span inside &quot;a&quot;, for IE7;</span></div><div class='line' id='LC256'><span class="c">  apparently, a negative text-indent on an &quot;a&quot; link moves the link as well as the text */</span></div><div class='line' id='LC257'><span class="nc">.anythingSlider</span> <span class="nc">.arrow</span> <span class="nt">span</span> <span class="p">{</span></div><div class='line' id='LC258'>  <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span></div><div class='line' id='LC259'>  <span class="k">visibility</span><span class="o">:</span> <span class="k">hidden</span><span class="p">;</span></div><div class='line' id='LC260'><span class="p">}</span></div><div class='line' id='LC261'><span class="c">/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */</span></div><div class='line' id='LC262'><span class="nc">.anythingSlider</span> <span class="nc">.arrow.disabled</span> <span class="p">{</span></div><div class='line' id='LC263'>  <span class="k">display</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC264'><span class="p">}</span></div><div class='line' id='LC265'><span class="c">/* all panels inside the slider; horizontal mode */</span></div><div class='line' id='LC266'><span class="nc">.anythingSlider</span> <span class="nc">.panel</span> <span class="p">{</span></div><div class='line' id='LC267'>  <span class="k">background</span><span class="o">:</span> <span class="k">transparent</span><span class="p">;</span></div><div class='line' id='LC268'>  <span class="k">display</span><span class="o">:</span> <span class="k">block</span><span class="p">;</span></div><div class='line' id='LC269'>  <span class="k">overflow</span><span class="o">:</span> <span class="k">hidden</span><span class="p">;</span></div><div class='line' id='LC270'>  <span class="k">float</span><span class="o">:</span> <span class="k">left</span><span class="p">;</span></div><div class='line' id='LC271'>  <span class="k">padding</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC272'>  <span class="k">margin</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC273'><span class="p">}</span></div><div class='line' id='LC274'><span class="c">/* vertical mode */</span></div><div class='line' id='LC275'><span class="nc">.anythingSlider</span> <span class="nc">.vertical</span> <span class="nc">.panel</span> <span class="p">{</span></div><div class='line' id='LC276'>  <span class="k">float</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC277'><span class="p">}</span></div><div class='line' id='LC278'><br/></div><div class='line' id='LC279'><span class="c">/* fade mode */</span></div><div class='line' id='LC280'><span class="nc">.anythingSlider</span> <span class="nc">.fade</span> <span class="nc">.panel</span> <span class="p">{</span></div><div class='line' id='LC281'>  <span class="k">float</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span></div><div class='line' id='LC282'>  <span class="k">position</span><span class="o">:</span> <span class="k">absolute</span><span class="p">;</span></div><div class='line' id='LC283'>  <span class="k">top</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC284'>  <span class="k">left</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC285'>  <span class="k">z-index</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC286'><span class="p">}</span></div><div class='line' id='LC287'><span class="c">/* fade mode active page - visible &amp; on top */</span></div><div class='line' id='LC288'><span class="nc">.anythingSlider</span> <span class="nc">.fade</span> <span class="nc">.activePage</span> <span class="p">{</span></div><div class='line' id='LC289'>  <span class="k">z-index</span><span class="o">:</span> <span class="m">1</span><span class="p">;</span></div><div class='line' id='LC290'><span class="p">}</span></div><div class='line' id='LC291'><br/></div><div class='line' id='LC292'><span class="c">/***********************</span></div><div class='line' id='LC293'><span class="c">  RTL STYLING</span></div><div class='line' id='LC294'><span class="c"> ***********************/</span></div><div class='line' id='LC295'><span class="c">/* slider autoplay right-to-left, reverse order of nav links to look better */</span></div><div class='line' id='LC296'><span class="nc">.anythingSlider.rtl</span> <span class="nc">.anythingWindow</span> <span class="p">{</span></div><div class='line' id='LC297'>  <span class="k">direction</span><span class="o">:</span> <span class="k">ltr</span><span class="p">;</span></div><div class='line' id='LC298'>  <span class="k">unicode-bidi</span><span class="o">:</span> <span class="k">bidi-override</span><span class="p">;</span></div><div class='line' id='LC299'><span class="p">}</span></div><div class='line' id='LC300'><span class="nc">.anythingSlider.rtl</span> <span class="nc">.anythingControls</span> <span class="nt">ul</span> <span class="p">{</span> <span class="k">float</span><span class="o">:</span> <span class="k">left</span><span class="p">;</span> <span class="p">}</span> <span class="c">/* move nav link group to left */</span></div><div class='line' id='LC301'><span class="nc">.anythingSlider.rtl</span> <span class="nc">.anythingControls</span> <span class="nt">ul</span> <span class="nt">a</span> <span class="p">{</span> <span class="k">float</span><span class="o">:</span> <span class="k">right</span><span class="p">;</span> <span class="p">}</span> <span class="c">/* reverse order of nav links */</span></div><div class='line' id='LC302'><span class="nc">.anythingSlider.rtl</span> <span class="nc">.start-stop</span> <span class="p">{</span> <span class="c">/* float: right; */</span> <span class="p">}</span> <span class="c">/* move start/stop button - in case you want to switch sides */</span></div><div class='line' id='LC303'><br/></div><div class='line' id='LC304'><span class="c">/* probably not necessary, but added just in case */</span></div><div class='line' id='LC305'><span class="nc">.anythingSlider</span> <span class="nc">.anythingWindow</span><span class="o">,</span></div><div class='line' id='LC306'><span class="nc">.anythingSlider</span> <span class="nc">.anythingControls</span> <span class="nt">ul</span> <span class="nt">a</span><span class="o">,</span></div><div class='line' id='LC307'><span class="nc">.anythingSlider</span> <span class="nc">.arrow</span> <span class="nt">a</span><span class="o">,</span></div><div class='line' id='LC308'><span class="nc">.anythingSlider</span> <span class="nc">.start-stop</span> <span class="p">{</span></div><div class='line' id='LC309'>  <span class="n">transition</span><span class="o">-</span><span class="n">duration</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC310'>  <span class="o">-</span><span class="n">o</span><span class="o">-</span><span class="n">transition</span><span class="o">-</span><span class="n">duration</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC311'>  <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">transition</span><span class="o">-</span><span class="n">duration</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC312'>  <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">transition</span><span class="o">-</span><span class="n">duration</span><span class="o">:</span> <span class="m">0</span><span class="p">;</span></div><div class='line' id='LC313'><span class="p">}</span></div></pre></div>
          </td>
        </tr>
      </table>
  </div>

          </div>
        </div>

        <a href="#jump-to-line" rel="facebox" data-hotkey="l" class="js-jump-to-line" style="display:none">Jump to Line</a>
        <div id="jump-to-line" style="display:none">
          <h2>Jump to Line</h2>
          <form accept-charset="UTF-8" class="js-jump-to-line-form">
            <input class="textfield js-jump-to-line-field" type="text">
            <div class="full-button">
              <button type="submit" class="button">Go</button>
            </div>
          </form>
        </div>

      </div>
    </div>
</div>

<div id="js-frame-loading-template" class="frame frame-loading large-loading-area" style="display:none;">
  <img class="js-frame-loading-spinner" src="https://a248.e.akamai.net/assets.github.com/images/spinners/octocat-spinner-128.gif?1347543527" height="64" width="64">
</div>


        </div>
      </div>
      <div class="context-overlay"></div>
    </div>

      <div id="footer-push"></div><!-- hack for sticky footer -->
    </div><!-- end of wrapper - hack for sticky footer -->

      <!-- footer -->
      <div id="footer">
  <div class="container clearfix">

      <dl class="footer_nav">
        <dt>GitHub</dt>
        <dd><a href="https://github.com/about">About us</a></dd>
        <dd><a href="https://github.com/blog">Blog</a></dd>
        <dd><a href="https://github.com/contact">Contact &amp; support</a></dd>
        <dd><a href="http://enterprise.github.com/">GitHub Enterprise</a></dd>
        <dd><a href="http://status.github.com/">Site status</a></dd>
      </dl>

      <dl class="footer_nav">
        <dt>Applications</dt>
        <dd><a href="http://mac.github.com/">GitHub for Mac</a></dd>
        <dd><a href="http://windows.github.com/">GitHub for Windows</a></dd>
        <dd><a href="http://eclipse.github.com/">GitHub for Eclipse</a></dd>
        <dd><a href="http://mobile.github.com/">GitHub mobile apps</a></dd>
      </dl>

      <dl class="footer_nav">
        <dt>Services</dt>
        <dd><a href="http://get.gaug.es/">Gauges: Web analytics</a></dd>
        <dd><a href="http://speakerdeck.com">Speaker Deck: Presentations</a></dd>
        <dd><a href="https://gist.github.com">Gist: Code snippets</a></dd>
        <dd><a href="http://jobs.github.com/">Job board</a></dd>
      </dl>

      <dl class="footer_nav">
        <dt>Documentation</dt>
        <dd><a href="http://help.github.com/">GitHub Help</a></dd>
        <dd><a href="http://developer.github.com/">Developer API</a></dd>
        <dd><a href="http://github.github.com/github-flavored-markdown/">GitHub Flavored Markdown</a></dd>
        <dd><a href="http://pages.github.com/">GitHub Pages</a></dd>
      </dl>

      <dl class="footer_nav">
        <dt>More</dt>
        <dd><a href="http://training.github.com/">Training</a></dd>
        <dd><a href="https://github.com/edu">Students &amp; teachers</a></dd>
        <dd><a href="http://shop.github.com">The Shop</a></dd>
        <dd><a href="/plans">Plans &amp; pricing</a></dd>
        <dd><a href="http://octodex.github.com/">The Octodex</a></dd>
      </dl>

      <hr class="footer-divider">


    <p class="right">&copy; 2013 <span title="0.06229s from fe2.rs.github.com">GitHub</span>, Inc. All rights reserved.</p>
    <a class="left" href="https://github.com/">
      <span class="mega-icon mega-icon-invertocat"></span>
    </a>
    <ul id="legal">
        <li><a href="https://github.com/site/terms">Terms of Service</a></li>
        <li><a href="https://github.com/site/privacy">Privacy</a></li>
        <li><a href="https://github.com/security">Security</a></li>
    </ul>

  </div><!-- /.container -->

</div><!-- /.#footer -->


    <div class="fullscreen-overlay js-fullscreen-overlay" id="fullscreen_overlay">
  <div class="fullscreen-container js-fullscreen-container">
    <div class="textarea-wrap">
      <textarea name="fullscreen-contents" id="fullscreen-contents" class="js-fullscreen-contents" placeholder="" data-suggester="fullscreen_suggester"></textarea>
          <div class="suggester-container">
              <div class="suggester fullscreen-suggester js-navigation-container" id="fullscreen_suggester"
                 data-url="/CSS-Tricks/AnythingSlider/suggestions/commit">
              </div>
          </div>
    </div>
  </div>
  <div class="fullscreen-sidebar">
    <a href="#" class="exit-fullscreen js-exit-fullscreen tooltipped leftwards" title="Exit Zen Mode">
      <span class="mega-icon mega-icon-normalscreen"></span>
    </a>
    <a href="#" class="theme-switcher js-theme-switcher tooltipped leftwards"
      title="Switch themes">
      <span class="mini-icon mini-icon-brightness"></span>
    </a>
  </div>
</div>



    <div id="ajax-error-message" class="flash flash-error">
      <span class="mini-icon mini-icon-exclamation"></span>
      Something went wrong with that request. Please try again.
      <a href="#" class="mini-icon mini-icon-remove-close ajax-error-dismiss"></a>
    </div>



    <span id='server_response_time' data-time='0.06271' data-host='fe2'></span>

  </body>
</html>

