


<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
        <title>necolas/normalize.css - 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" />

    
    

    <meta content="authenticity_token" name="csrf-param" />
<meta content="0Rib38A99jut8T5ryPtEghrIe123olf31Yp9hqJ57m4=" name="csrf-token" />

    <link href="https://a248.e.akamai.net/assets.github.com/stylesheets/bundles/github-23473ca2d6000428460a536dc4d62ff131be973b.css" media="screen" rel="stylesheet" type="text/css" />
    

    <script src="https://a248.e.akamai.net/assets.github.com/javascripts/bundles/jquery-f9e740d10a70e9aeef9e8c1511ea3b7dbcb3e417.js" type="text/javascript"></script>
    <script src="https://a248.e.akamai.net/assets.github.com/javascripts/bundles/github-8d5b608448cb9156dcf4ed3af176b16419e5e834.js" type="text/javascript"></script>
    

      <link rel='permalink' href='/necolas/normalize.css/tree/3404fcb8b966373340e9428d21cccb0b4801d7c0'>
    

    <meta name="description" content="normalize.css makes browsers render all elements consistently and in line with modern standards." />
  <link href="https://github.com/necolas/normalize.css/commits/master.atom" rel="alternate" title="Recent Commits to normalize.css:master" type="application/atom+xml" />

  </head>


  <body class="logged_out  linux vis-public fork env-production ">
    


    

      <div id="header" class="true clearfix">
        <div class="container" class="clearfix">
          <a class="logo" href="https://github.com">
            <img class="blacktocat" src="/images/modules/header/blacktocat.png">
            <img alt="GitHub" class="github-logo-4x" height="30" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7@4x.png?1323882770" />
            <img alt="GitHub" class="github-logo" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logov7.png?1323882770" />
          </a>

                <!--
      make sure to use fully qualified URLs here since this nav
      is used on error pages on other domains
    -->
    <ul class="top-nav logged_out">
        <li class="pricing"><a href="https://github.com/plans">Signup and Pricing</a></li>
        <li class="explore"><a href="https://github.com/explore">Explore GitHub</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>
      <li class="login"><a href="https://github.com/login?return_to=%2Fnecolas%2Fnormalize.css">Login</a></li>
    </ul>


        </div>
      </div>

      

            <div class="site">
      <div class="container">
        <div class="pagehead repohead instapaper_ignore readability-menu">


        <div class="title-actions-bar">
          <h1>
            <a href="/necolas">necolas</a> /
            <strong><a href="/necolas/normalize.css" class="js-current-repository">normalize.css</a></strong>
              <span class="fork-flag">
                <span class="text">forked from <a href="/jonathantneal/normalize.css">jonathantneal/normalize.css</a></span>
              </span>
          </h1>
          



              <ul class="pagehead-actions">


          <li><a href="/login?return_to=%2Fnecolas%2Fnormalize.css" class="minibutton btn-watch watch-button entice tooltipped leftwards" rel="nofollow" title="You must be logged in to use this feature"><span><span class="icon"></span>Watch</span></a></li>
          <li><a href="/login?return_to=%2Fnecolas%2Fnormalize.css" class="minibutton btn-fork fork-button entice tooltipped leftwards" rel="nofollow" title="You must be logged in to use this feature"><span><span class="icon"></span>Fork</span></a></li>


      <li class="repostats">
        <ul class="repo-stats">
          <li class="watchers ">
            <a href="/necolas/normalize.css/watchers" title="Watchers" class="tooltipped downwards">
              2,477
            </a>
          </li>
          <li class="forks">
            <a href="/necolas/normalize.css/network" title="Forks" class="tooltipped downwards">
              225
            </a>
          </li>
        </ul>
      </li>
    </ul>

        </div>

          

  <ul class="tabs">
    <li><a href="/necolas/normalize.css" class="selected" highlight="repo_sourcerepo_downloadsrepo_commitsrepo_tagsrepo_branches">Code</a></li>
    <li><a href="/necolas/normalize.css/network" highlight="repo_networkrepo_fork_queue">Network</a>
    <li><a href="/necolas/normalize.css/pulls" highlight="repo_pulls">Pull Requests <span class='counter'>1</span></a></li>

      <li><a href="/necolas/normalize.css/issues" highlight="repo_issues">Issues <span class='counter'>6</span></a></li>

      <li><a href="/necolas/normalize.css/wiki" highlight="repo_wiki">Wiki <span class='counter'>1</span></a></li>

    <li><a href="/necolas/normalize.css/graphs" highlight="repo_graphsrepo_contributors">Stats &amp; Graphs</a></li>

  </ul>

      <div id="repo_details" class="metabox clearfix
        not-editable">
      <div id="repo_details_loader" class="metabox-loader" style="display:none">Sending Request&hellip;</div>

      <div class="repo-desc-homepage">
        <div id="repository_description" class="repository-description">
    <p>normalize.css makes browsers render all elements consistently and in line with modern standards.
      <span id="read_more" style="display:none">&mdash; <a href="#readme">Read more</a></span>
    </p>
</div>


<div class="repository-homepage" id="repository_homepage">
  <p><a href="http://necolas.github.com/normalize.css/" rel="nofollow">http://necolas.github.com/normalize.css/</a></p>
</div>


      </div>

      <div class="edit-repo-desc-homepage" style="display:none">
<form action="/necolas/normalize.css/admin/update_meta" id="js-update-repo-meta-form" method="post"><div style="margin:0;padding:0;display:inline"><input name="_method" type="hidden" value="put" /><input name="authenticity_token" type="hidden" value="0Rib38A99jut8T5ryPtEghrIe123olf31Yp9hqJ57m4=" /></div>          <p class="error" style="display:none">Sorry, but there was a problem saving your changes.</p>

          <div class="placeholder-field description-field-wrap js-placeholder-field">
            <label class="placeholder" for="repository-description-field" data-placeholder-mode="sticky">Add a description to this repository</label>
            <input type="text" id="repository-description-field" class="description-field" name="repo_description" value="normalize.css makes browsers render all elements consistently and in line with modern standards." />
          </div>

          <div class="placeholder-field homepage-field-wrap js-placeholder-field">
            <label class="placeholder" for="repository-homepage-field" data-placeholder-mode="sticky">Add a website to this repository</label>
            <input type="text" id="repository-homepage-field" class="homepage-field" name="repo_homepage" value="http://necolas.github.com/normalize.css/" />
          </div>

          <button type="submit" class="classy save-button"><span>Save Changes</span></button>
          <p class="cancel"><a href="#" class="danger">Cancel</a></p>
</form>      </div>

      
<div class="url-box">
  <ul class="native-clones">
      <li><a href="/necolas/normalize.css/zipball/master" class="minibutton btn-download " rel="nofollow" title="Download this repository as a zip file"><span><span class="icon"></span>ZIP</span></a>
  </ul>

  <ul class="clone-urls">
      <li class="http_clone_url"><a href="https://github.com/necolas/normalize.css.git" data-permissions="Read-Only">HTTP</a></li>
      <li class="public_clone_url"><a href="git://github.com/necolas/normalize.css.git" data-permissions="Read-Only">Git Read-Only</a></li>
  </ul>
  <input type="text" spellcheck="false" class="url-field" />
        <span style="display:none" id="clippy_2138" class="clippy-text"></span>
      <span id="clippy_tooltip_clippy_2138" class="clippy-tooltip tooltipped" title="copy to clipboard">
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
              width="14"
              height="14"
              class="clippy"
              id="clippy" >
      <param name="movie" value="https://a248.e.akamai.net/assets.github.com/flash/clippy.swf?1302750674?v5"/>
      <param name="allowScriptAccess" value="always" />
      <param name="quality" value="high" />
      <param name="scale" value="noscale" />
      <param NAME="FlashVars" value="id=clippy_2138&amp;copied=copied!&amp;copyto=copy to clipboard">
      <param name="bgcolor" value="#FFFFFF">
      <param name="wmode" value="opaque">
      <embed src="https://a248.e.akamai.net/assets.github.com/flash/clippy.swf?1302750674?v5"
             width="14"
             height="14"
             name="clippy"
             quality="high"
             allowScriptAccess="always"
             type="application/x-shockwave-flash"
             pluginspage="http://www.macromedia.com/go/getflashplayer"
             FlashVars="id=clippy_2138&amp;copied=copied!&amp;copyto=copy to clipboard"
             bgcolor="#FFFFFF"
             wmode="opaque"
      />
      </object>
      </span>

  <p class="url-description"><strong>Read+Write</strong> access</p>
</div>

    </div>

<div class="frame frame-center tree-finder" style="display:none"
      data-tree-list-url="/necolas/normalize.css/tree-list/3404fcb8b966373340e9428d21cccb0b4801d7c0"
      data-blob-url-prefix="/necolas/normalize.css/blob/3404fcb8b966373340e9428d21cccb0b4801d7c0"
    >

  <div class="breadcrumb">
    <b><a href="/necolas/normalize.css">normalize.css</a></b> /
    <input class="tree-finder-input js-navigation-enable" type="text" name="query" autocomplete="off" spellcheck="false">
  </div>

    <div class="octotip">
      <p>
        <a href="/necolas/normalize.css/dismiss-tree-finder-help" class="dismiss js-dismiss-tree-list-help" title="Hide this notice forever" rel="nofollow">Dismiss</a>
        <strong>Octotip:</strong> You've activated the <em>file finder</em>
        by pressing <span class="kbd">t</span> Start typing to filter the
        file list. Use <span class="kbd badmono">↑</span> and
        <span class="kbd badmono">↓</span> to navigate,
        <span class="kbd">enter</span> to view files.
      </p>
    </div>

  <table class="tree-browser" cellpadding="0" cellspacing="0">
    <tr class="js-header"><th>&nbsp;</th><th>name</th></tr>
    <tr class="js-no-results no-results" style="display: none">
      <th colspan="2">No matching files</th>
    </tr>
    <tbody class="js-results-list js-navigation-container" data-navigation-enable-mouse>
    </tbody>
  </table>
</div>

<div id="jump-to-line" style="display:none">
  <h2>Jump to Line</h2>
  <form>
    <input class="textfield" type="text">
    <div class="full-button">
      <button type="submit" class="classy">
        <span>Go</span>
      </button>
    </div>
  </form>
</div>


<div class="subnav-bar">

  <ul class="actions">
    
      <li class="switcher">

        <div class="context-menu-container js-menu-container">
          <span class="text">Current branch:</span>
          <a href="#"
             class="minibutton bigger switcher context-menu-button js-menu-target js-commitish-button btn-branch repo-tree"
             data-master-branch="master"
             data-ref="master">
            <span><span class="icon"></span>master</span>
          </a>

          <div class="context-pane commitish-context js-menu-content">
            <a href="javascript:;" class="close js-menu-close"></a>
            <div class="title">Switch Branches/Tags</div>
            <div class="body pane-selector commitish-selector js-filterable-commitishes">
              <div class="filterbar">
                <div class="placeholder-field js-placeholder-field">
                  <label class="placeholder" for="context-commitish-filter-field" data-placeholder-mode="sticky">Filter branches/tags</label>
                  <input type="text" id="context-commitish-filter-field" class="commitish-filter" />
                </div>

                <ul class="tabs">
                  <li><a href="#" data-filter="branches" class="selected">Branches</a></li>
                  <li><a href="#" data-filter="tags">Tags</a></li>
                </ul>
              </div>

                <div class="commitish-item branch-commitish selector-item">
                  <h4>
                      <a href="/necolas/normalize.css/tree/gh-pages" data-name="gh-pages">gh-pages</a>
                  </h4>
                </div>
                <div class="commitish-item branch-commitish selector-item">
                  <h4>
                      <a href="/necolas/normalize.css/tree/master" data-name="master">master</a>
                  </h4>
                </div>


              <div class="no-results" style="display:none">Nothing to show</div>
            </div>
          </div><!-- /.commitish-context-context -->
        </div>

      </li>
  </ul>

  <ul class="subnav">
    <li><a href="/necolas/normalize.css" class="selected" highlight="repo_source">Files</a></li>
    <li><a href="/necolas/normalize.css/commits/master" highlight="repo_commits">Commits</a></li>
    <li><a href="/necolas/normalize.css/branches" class="" highlight="repo_branches">Branches <span class="counter">2</span></a></li>
    <li><a href="/necolas/normalize.css/tags" class="blank" highlight="repo_tags">Tags <span class="counter">0</span></a></li>
    <li><a href="/necolas/normalize.css/downloads" class="blank" highlight="repo_downloads">Downloads <span class="counter">0</span></a></li>
  </ul>

</div>

  
  
  


          

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

        




  
  <p class="last-commit">Latest commit to the <strong>master</strong> branch</p>

<div class="commit commit-tease js-details-container">
  <p class="commit-title ">
      <a href="/necolas/normalize.css/commit/3404fcb8b966373340e9428d21cccb0b4801d7c0" class="message">Normalize only the left margin of lists. Fix </a><a href="https://github.com/necolas/normalize.css/issues/49" title="Margins on nested lists" class="issue-link">#49</a>
      <a href="javascript:;" class="minibutton expander-minibutton js-details-target"><span>…</span></a>
  </p>
    <div class="commit-desc"><pre>Prevent the addition of vertical margins on nested lists without
interferred with author expectations when customising margins
directly on 'ul' or 'ol' selectors later in the stylesheet.

Left margin needs to be normalized to remove it from IE6/7.

Close <a href="https://github.com/necolas/normalize.css/issues/57" class="issue-link" title="Fixed unnecessary margins on nested lists">#57</a></pre></div>
  <div class="commit-meta">
    <a href="/necolas/normalize.css/commit/3404fcb8b966373340e9428d21cccb0b4801d7c0" class="sha-block">commit <span class="sha">3404fcb8b9</span></a>

    <div class="authorship">
      <img class="gravatar" height="20" src="https://secure.gravatar.com/avatar/992c9c162c4c62ec0e2621b4f2206533?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" width="20" />
      <span class="author-name"><a href="/necolas">necolas</a></span>
      authored <time class="js-relative-date" datetime="2011-11-04T08:38:33-07:00" title="2011-11-04 08:38:33">November 04, 2011</time>

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


  <div id="slider">
      <div class="breadcrumb" data-path="/">
        <b><a href="/necolas/normalize.css/tree/3404fcb8b966373340e9428d21cccb0b4801d7c0" class="js-rewrite-sha">normalize.css</a></b> / 
      </div>

        

  <div class="frames">
    <div class="frame frame-center" data-path="/" data-permalink-url="/necolas/normalize.css/tree/3404fcb8b966373340e9428d21cccb0b4801d7c0" data-title="necolas/normalize.css - GitHub" data-type="tree" data-cached-commit-url="/necolas/normalize.css/cache/commits/3404fcb8b966373340e9428d21cccb0b4801d7c0?commit_sha=3404fcb8b966373340e9428d21cccb0b4801d7c0&amp;path=">
      <table class="tree-browser" cellpadding="0" cellspacing="0">
        <tr class="header">
          <th></th>
          <th>name</th>
          <th>age</th>
          <th>
            <div class="history">
              <a href="/necolas/normalize.css/commits/master/" rel="nofollow">history</a>
            </div>
            message
          </th>
        </tr>


          <tr class="alt">
            <td class="icon"> <img alt="file" height="16" src="https://a248.e.akamai.net/assets.github.com/images/icons/txt.png?1315937507" width="16" /> </td>
            <td class="content"> <a href="/necolas/normalize.css/blob/3404fcb8b966373340e9428d21cccb0b4801d7c0/.gitignore" class="js-slide-to js-rewrite-sha" id="974a733b4ea1f5b1772b630718d89b4fbffb5ded">.gitignore</a></td>
            <td class="age"> <time class="js-relative-date" datetime="2011-06-18T15:27:13-07:00" title="2011-06-18 15:27:13">June 18, 2011</time> </td>
            <td class="message"> <a href="/necolas/normalize.css/commit/07eece8e1d3a69b551c3467f0106b95ab0dbc6fa" class="message">Update .gitignore</a> [<a href="/necolas">necolas</a>] </td>
          </tr>
          <tr class="">
            <td class="icon"> <img alt="file" height="16" src="https://a248.e.akamai.net/assets.github.com/images/icons/txt.png?1315937507" width="16" /> </td>
            <td class="content"> <a href="/necolas/normalize.css/blob/3404fcb8b966373340e9428d21cccb0b4801d7c0/README.md" class="js-slide-to js-rewrite-sha" id="c81c94ac04891bb3b5864bcf811b829b6f94fb76">README.md</a></td>
            <td class="age"> <time class="js-relative-date" datetime="2011-09-14T03:37:32-07:00" title="2011-09-14 03:37:32">September 14, 2011</time> </td>
            <td class="message"> <a href="/necolas/normalize.css/commit/5e64a2c5cbba6dfd2ff61a5c50b99201fd5e2203" class="message">Edit README to say normalize should be used as an alternative to rese…</a> [<a href="/necolas">necolas</a>] </td>
          </tr>
          <tr class="alt">
            <td class="icon"> <img alt="file" height="16" src="https://a248.e.akamai.net/assets.github.com/images/icons/txt.png?1315937507" width="16" /> </td>
            <td class="content"> <a href="/necolas/normalize.css/blob/3404fcb8b966373340e9428d21cccb0b4801d7c0/demo.html" class="js-slide-to js-rewrite-sha" id="6fd5c619ec84ba2d608e167f2b574e50fb3caaaf">demo.html</a></td>
            <td class="age"> <time class="js-relative-date" datetime="2011-11-04T08:23:00-07:00" title="2011-11-04 08:23:00">November 04, 2011</time> </td>
            <td class="message"> <a href="/necolas/normalize.css/commit/4288d2b7cf49f826e5662cbcc02edbea51621875" class="message">Clearing heading tests added to the demo</a> [<a href="/necolas">necolas</a>] </td>
          </tr>
          <tr class="">
            <td class="icon"> <img alt="file" height="16" src="https://a248.e.akamai.net/assets.github.com/images/icons/txt.png?1315937507" width="16" /> </td>
            <td class="content"> <a href="/necolas/normalize.css/blob/3404fcb8b966373340e9428d21cccb0b4801d7c0/normalize.css" class="js-slide-to js-rewrite-sha" id="977681330fb071fa6b2819c211380ef226fec159">normalize.css</a></td>
            <td class="age"> <time class="js-relative-date" datetime="2011-11-04T08:38:33-07:00" title="2011-11-04 08:38:33">November 04, 2011</time> </td>
            <td class="message"> <a href="/necolas/normalize.css/commit/3404fcb8b966373340e9428d21cccb0b4801d7c0" class="message">Normalize only the left margin of lists. Fix </a><a href="https://github.com/necolas/normalize.css/issues/49" title="Margins on nested lists" class="issue-link">#49</a> [<a href="/necolas">necolas</a>] </td>
          </tr>
      </table>

      
      <div class="announce instapaper_body md" data-path="/" id="readme"><span class="name">README.md</span><div class="wikistyle"><h1>normalize.css</h1>

<p>Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.</p>

<p><a href="http://necolas.github.com/normalize.css/demo.html">Check out the demo</a></p>

<h2>What does it do?</h2>

<ul>
<li>Preserves useful defaults, unlike many CSS resets.</li>
<li>Normalizes styles for a wide range of elements.</li>
<li>Corrects bugs and common browser inconsistencies.</li>
<li>Improves usability with subtle improvements.</li>
<li>Explains what code does using detailed comments.</li>
</ul><h2>How to use it</h2>

<p>Normalize.css is intended to be used as an alternative to CSS resets.</p>

<p>It is suggested that you read through the <code>normalize.css</code> file and customise it to meet the design requirements of a project rather including it as a "black box".</p>

<p>If you prefer to use a different CSS formatting style, consider using a tool like <a href="http://procssor.com/">Procssor</a>.</p>

<p>If you would like to minify the file, you can use a tool like this <a href="http://www.refresh-sf.com/yui/">online CSS compressor using YUI Compressor</a> or perform the minification as part of your build process.</p>

<h2>Browser support</h2>

<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox 3+</li>
<li>Apple Safari 4+</li>
<li>Opera 10+</li>
<li>Internet Explorer 6+</li>
</ul><h2>License</h2>

<p>Public domain</p>

<h2>Acknowledgements</h2>

<p>Normalize.css is a project by <a href="http://github.com/necolas">Nicolas Gallagher</a> and <a href="http://github.com/jonathantneal">Jonathan Neal</a>.</p></div></div>
    </div>
  </div>
  <br style="clear:both;">


<br style="clear:both;">

<div class="frame frame-loading" style="display:none;" data-tree-list-url="/necolas/normalize.css/tree-list/3404fcb8b966373340e9428d21cccb0b4801d7c0" data-blob-url-prefix="/necolas/normalize.css/blob/3404fcb8b966373340e9428d21cccb0b4801d7c0">
  <img src="https://a248.e.akamai.net/assets.github.com/images/modules/ajax/big_spinner_336699.gif?1315937507" height="32" width="32">
</div>



  </div>

      </div>
    </div>

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

       <!--[if IE]><h4 id="blacktocat_ie">GitHub Links</h4><![endif]-->
       <![if !IE]><h4 id="blacktocat">GitHub Links</h4><![endif]>

       <ul class="footer_nav">
         <h4>GitHub</h4>
         <li><a href="https://github.com/about">About</a></li>
         <li><a href="https://github.com/blog">Blog</a></li>
         <li><a href="https://github.com/features">Features</a></li>
         <li><a href="https://github.com/contact">Contact &amp; Support</a></li>
         <li><a href="https://github.com/training">Training</a></li>
         <li><a href="http://status.github.com/">Site Status</a></li>
       </ul>

       <ul class="footer_nav">
         <h4>Tools</h4>
         <li><a href="http://mac.github.com/">GitHub for Mac</a></li>
         <li><a href="http://mobile.github.com/">Issues for iPhone</a></li>
         <li><a href="https://gist.github.com">Gist: Code Snippets</a></li>
         <li><a href="http://enterprise.github.com/">GitHub Enterprise</a></li>
         <li><a href="http://jobs.github.com/">Job Board</a></li>
       </ul>

       <ul class="footer_nav">
         <h4>Extras</h4>
         <li><a href="http://shop.github.com/">GitHub Shop</a></li>
         <li><a href="http://octodex.github.com/">The Octodex</a></li>
       </ul>

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

     </div><!-- /.site -->
  </div><!-- /.upper_footer -->

<div class="lower_footer">
  <div class="container" class="clearfix">
    <!--[if IE]><div id="legal_ie"><![endif]-->
    <![if !IE]><div id="legal"><![endif]>
      <ul>
          <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>

      <p>&copy; 2011 <span id="_rrt" title="0.05425s from fe5.rs.github.com">GitHub</span> Inc. All rights reserved.</p>
    </div><!-- /#legal or /#legal_ie-->

      <div class="sponsor">
        <a href="http://www.rackspace.com" class="logo">
          <img alt="Dedicated Server" height="36" src="https://a248.e.akamai.net/assets.github.com/images/modules/footer/rackspace_logo.png?v2" width="38" />
        </a>
        Powered by the <a href="http://www.rackspace.com ">Dedicated
        Servers</a> and<br/> <a href="http://www.rackspacecloud.com">Cloud
        Computing</a> of Rackspace Hosting<span>&reg;</span>
      </div>
  </div><!-- /.site -->
</div><!-- /.lower_footer -->

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

    

<div id="keyboard_shortcuts_pane" class="instapaper_ignore readability-extra" style="display:none">
  <h2>Keyboard Shortcuts <small><a href="#" class="js-see-all-keyboard-shortcuts">(see all)</a></small></h2>

  <div class="columns threecols">
    <div class="column first">
      <h3>Site wide shortcuts</h3>
      <dl class="keyboard-mappings">
        <dt>s</dt>
        <dd>Focus site search</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>?</dt>
        <dd>Bring up this help dialog</dd>
      </dl>
    </div><!-- /.column.first -->

    <div class="column middle" style='display:none'>
      <h3>Commit list</h3>
      <dl class="keyboard-mappings">
        <dt>j</dt>
        <dd>Move selection down</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>k</dt>
        <dd>Move selection up</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>c <em>or</em> o <em>or</em> enter</dt>
        <dd>Open commit</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>y</dt>
        <dd>Expand URL to its canonical form</dd>
      </dl>
    </div><!-- /.column.first -->

    <div class="column last" style='display:none'>
      <h3>Pull request list</h3>
      <dl class="keyboard-mappings">
        <dt>j</dt>
        <dd>Move selection down</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>k</dt>
        <dd>Move selection up</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>o <em>or</em> enter</dt>
        <dd>Open issue</dd>
      </dl>
    </div><!-- /.columns.last -->

  </div><!-- /.columns.equacols -->

  <div style='display:none'>
    <div class="rule"></div>

    <h3>Issues</h3>

    <div class="columns threecols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt>j</dt>
          <dd>Move selection down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>k</dt>
          <dd>Move selection up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>x</dt>
          <dd>Toggle selection</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>o <em>or</em> enter</dt>
          <dd>Open issue</dd>
        </dl>
      </div><!-- /.column.first -->
      <div class="column middle">
        <dl class="keyboard-mappings">
          <dt>I</dt>
          <dd>Mark selection as read</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>U</dt>
          <dd>Mark selection as unread</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>e</dt>
          <dd>Close selection</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>y</dt>
          <dd>Remove selection from view</dd>
        </dl>
      </div><!-- /.column.middle -->
      <div class="column last">
        <dl class="keyboard-mappings">
          <dt>c</dt>
          <dd>Create issue</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>l</dt>
          <dd>Create label</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>i</dt>
          <dd>Back to inbox</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>u</dt>
          <dd>Back to issues</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>/</dt>
          <dd>Focus issues search</dd>
        </dl>
      </div>
    </div>
  </div>

  <div style='display:none'>
    <div class="rule"></div>

    <h3>Issues Dashboard</h3>

    <div class="columns threecols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt>j</dt>
          <dd>Move selection down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>k</dt>
          <dd>Move selection up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>o <em>or</em> enter</dt>
          <dd>Open issue</dd>
        </dl>
      </div><!-- /.column.first -->
    </div>
  </div>

  <div style='display:none'>
    <div class="rule"></div>

    <h3>Network Graph</h3>
    <div class="columns equacols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt><span class="badmono">←</span> <em>or</em> h</dt>
          <dd>Scroll left</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">→</span> <em>or</em> l</dt>
          <dd>Scroll right</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">↑</span> <em>or</em> k</dt>
          <dd>Scroll up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">↓</span> <em>or</em> j</dt>
          <dd>Scroll down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>t</dt>
          <dd>Toggle visibility of head labels</dd>
        </dl>
      </div><!-- /.column.first -->
      <div class="column last">
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">←</span> <em>or</em> shift h</dt>
          <dd>Scroll all the way left</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">→</span> <em>or</em> shift l</dt>
          <dd>Scroll all the way right</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">↑</span> <em>or</em> shift k</dt>
          <dd>Scroll all the way up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">↓</span> <em>or</em> shift j</dt>
          <dd>Scroll all the way down</dd>
        </dl>
      </div><!-- /.column.last -->
    </div>
  </div>

  <div >
    <div class="rule"></div>
    <div class="columns threecols">
      <div class="column first" >
        <h3>Source Code Browsing</h3>
        <dl class="keyboard-mappings">
          <dt>t</dt>
          <dd>Activates the file finder</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>l</dt>
          <dd>Jump to line</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>w</dt>
          <dd>Switch branch/tag</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>y</dt>
          <dd>Expand URL to its canonical form</dd>
        </dl>
      </div>
    </div>
  </div>
</div>

    <div id="markdown-help" class="instapaper_ignore readability-extra">
  <h2>Markdown Cheat Sheet</h2>

  <div class="cheatsheet-content">

  <div class="mod">
    <div class="col">
      <h3>Format Text</h3>
      <p>Headers</p>
      <pre>
# This is an &lt;h1&gt; tag
## This is an &lt;h2&gt; tag
###### This is an &lt;h6&gt; tag</pre>
     <p>Text styles</p>
     <pre>
*This text will be italic*
_This will also be italic_
**This text will be bold**
__This will also be bold__

*You **can** combine them*
</pre>
    </div>
    <div class="col">
      <h3>Lists</h3>
      <p>Unordered</p>
      <pre>
* Item 1
* Item 2
  * Item 2a
  * Item 2b</pre>
     <p>Ordered</p>
     <pre>
1. Item 1
2. Item 2
3. Item 3
   * Item 3a
   * Item 3b</pre>
    </div>
    <div class="col">
      <h3>Miscellaneous</h3>
      <p>Images</p>
      <pre>
![GitHub Logo](/images/logo.png)
Format: ![Alt Text](url)
</pre>
     <p>Links</p>
     <pre>
http://github.com - automatic!
[GitHub](http://github.com)</pre>
<p>Blockquotes</p>
     <pre>
As Kanye West said:

> We're living the future so
> the present is our past.
</pre>
    </div>
  </div>
  <div class="rule"></div>

  <h3>Code Examples in Markdown</h3>
  <div class="col">
      <p>Syntax highlighting with <a href="http://github.github.com/github-flavored-markdown/" title="GitHub Flavored Markdown" target="_blank">GFM</a></p>
      <pre>
```javascript
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }
}
```</pre>
    </div>
    <div class="col">
      <p>Or, indent your code 4 spaces</p>
      <pre>
Here is a Python code example
without syntax highlighting:

    def foo:
      if not bar:
        return true</pre>
    </div>
    <div class="col">
      <p>Inline code for comments</p>
      <pre>
I think you should use an
`&lt;addr&gt;` element here instead.</pre>
    </div>
  </div>

  </div>
</div>


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

    <div class="ajax-error-message">
      <p><span class="icon"></span> Something went wrong with that request. Please try again. <a href="javascript:;" class="ajax-error-dismiss">Dismiss</a></p>
    </div>

    
    
    
  </body>
</html>

