



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>css_browser_selector.js at 79ede0ca0569e50275790706eedb9b74e1f90257 from rafaelp's css_browser_selector - GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
    <link rel="fluid-icon" href="http://github.com/fluidicon.png" title="GitHub" />

    
      <link href="http://assets3.github.com/stylesheets/bundle.css?4d27ac28d46a533859aff933fdb9ffabc13408f0" media="screen" rel="stylesheet" type="text/css" />
    

    
      
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
        <script src="http://assets2.github.com/javascripts/bundle.js?4d27ac28d46a533859aff933fdb9ffabc13408f0" type="text/javascript"></script>
      
    
    
  
    
  

  <link href="http://github.com/feeds/rafaelp/commits/css_browser_selector/79ede0ca0569e50275790706eedb9b74e1f90257" rel="alternate" title="Recent Commits to css_browser_selector:79ede0ca0569e50275790706eedb9b74e1f90257" type="application/atom+xml" />

  <meta name="description" content="A very small javascript library that allows you to create browser specific CSS to be merged into your normal classes. No more hacks or mischievous code in your CSS code." />


    
  </head>

  

  <body>
    

    <div id="main">
      <div id="header" class="">
        <div class="site">
          <div class="logo">
            <a href="http://github.com"><img src="/images/modules/header/logov3.png" alt="github" /></a>
          </div>
          
            <div class="actions">
              <a href="http://github.com/">Home</a>
              <a href="/plans"><b><u>Pricing and Signup</u></b></a>
              <a href="/repositories">Repositories</a>
              <a href="/guides">Guides</a>
              <a href="/blog">Blog</a>
              <a href="/login">Login</a>
            </div>
          
        </div>
      </div>
      
      
        
  
  
    <div id="repo_menu">
      <div class="site">
        <ul>
          
            <li class="active"><a href="http://github.com/rafaelp/css_browser_selector/tree/">Source</a></li>
  
            <li class=""><a href="http://github.com/rafaelp/css_browser_selector/commits/">Commits</a></li>
  
            <li class=""><a href="/rafaelp/css_browser_selector/graphs">Graphs</a></li>
  
            <li class=""><a href="http://wiki.github.com/rafaelp/css_browser_selector">Wiki (1)</a></li>
  
            <li class=""><a href="/rafaelp/css_browser_selector/network">Network (3)</a></li>
  
            
            
            
  
          
        </ul>
      </div>
    </div>
  

  <div id="repo_sub_menu">
    <div class="site">
      <div class="joiner"></div>
      

      
      
      

      
    </div>
  </div>

  <div class="site">
    





<div id="repos">
  




  <div class="repo public">
    <div class="title">
      <div class="path">
        <a href="/rafaelp">rafaelp</a> / <b><a href="http://github.com/rafaelp/css_browser_selector/tree">css_browser_selector</a></b>

        

          

          
            

            
              
              <a href="/signup"><img alt="fork" class="button" src="http://assets3.github.com/images/modules/repos/fork_button.png?ea56ee99c455ee83e4e31201fa40d3f6d10e7617" /></a>
            
          

          <a href="/signup" class="toggle_watch"><img alt="watch" class="button" src="http://assets3.github.com/images/modules/repos/watch_button.png?ea56ee99c455ee83e4e31201fa40d3f6d10e7617" /></a><a href="/signup" class="toggle_watch" style="display:none;"><img alt="watch" class="button" src="http://assets2.github.com/images/modules/repos/unwatch_button.png?ea56ee99c455ee83e4e31201fa40d3f6d10e7617" /></a>

          
            <a href="#" id="download_button" rel="http://github.com/rafaelp/css_browser_selector/downloads/master"><img alt="download tarball" class="button" src="http://assets1.github.com/images/modules/repos/download_button.png?ea56ee99c455ee83e4e31201fa40d3f6d10e7617" /></a>
          
        
      </div>

      <div class="security private_security" style="display:none">
        <a href="#private_repo" rel="facebox"><img src="/images/icons/private.png" alt="private" /></a>
      </div>

      <div id="private_repo" class="hidden">
        This repository is private.
        All pages are served over SSL and all pushing and pulling is done over SSH.
        No one may fork, clone, or view it unless they are added as a <a href="/rafaelp/css_browser_selector/edit">member</a>.

        <br/>
        <br/>
        Every repository with this icon (<img src="/images/icons/private.png" alt="private" />) is private.
      </div>

      <div class="security public_security" style="">
        <a href="#public_repo" rel="facebox"><img src="/images/icons/public.png" alt="public" /></a>
      </div>

      <div id="public_repo" class="hidden">
        This repository is public.
        Anyone may fork, clone, or view it.

        <br/>
        <br/>
        Every repository with this icon (<img src="/images/icons/public.png" alt="public" />) is public.
      </div>

      

      <div class="flexipill">
        <a href="/rafaelp/css_browser_selector/network">
        <table cellpadding="0" cellspacing="0">
          <tr><td><img alt="Forks" src="http://assets0.github.com/images/modules/repos/pills/forks.png?ea56ee99c455ee83e4e31201fa40d3f6d10e7617" /></td><td class="middle"><span>3</span></td><td><img alt="Right" src="http://assets1.github.com/images/modules/repos/pills/right.png?ea56ee99c455ee83e4e31201fa40d3f6d10e7617" /></td></tr>
        </table>
        </a>
      </div>

      <div class="flexipill">
        <a href="/rafaelp/css_browser_selector/watchers">
        <table cellpadding="0" cellspacing="0">
          <tr><td><img alt="Watchers" src="http://assets3.github.com/images/modules/repos/pills/watchers.png?ea56ee99c455ee83e4e31201fa40d3f6d10e7617" /></td><td class="middle"><span>42</span></td><td><img alt="Right" src="http://assets1.github.com/images/modules/repos/pills/right.png?ea56ee99c455ee83e4e31201fa40d3f6d10e7617" /></td></tr>
        </table>
        </a>
      </div>
    </div>
    <div class="meta">
      <table>
        
        
          <tr>
            <td class="label">Description:</td>
            <td>
              <span id="repository_description" rel="/rafaelp/css_browser_selector/edit/update" class="">A very small javascript library that allows you to create browser specific CSS to be merged into your normal classes. No more hacks or mischievous code in your CSS code.</span>
              
            </td>
          </tr>
        

        
          
            <tr>
              <td class="label">Homepage:</td>
              <td>
                
                  
                  <a href="http://rafael.adm.br/css_browser_selector/">http://rafael.adm.br/css_browser_selector/</a>
                
              </td>
            </tr>
          

          
            <tr>
              <td class="label">Clone&nbsp;URL:</td>
              
              <td>
                <a href="git://github.com/rafaelp/css_browser_selector.git" class="git_url_facebox" rel="#git-clone">git://github.com/rafaelp/css_browser_selector.git</a>
                <div id="git-clone" style="display:none;">
                  Give this clone URL to anyone.
                  <br/>
                  <code>git clone git://github.com/rafaelp/css_browser_selector.git </code>
                </div>
              </td>
            </tr>
          
          
          

          

          
      </table>

          </div>
  </div>




</div>


  <div id="commit">
    <div class="group">
        
  <div class="envelope commit">
    <div class="human">
      
        <div class="message"><pre><a href="/rafaelp/css_browser_selector/commit/79ede0ca0569e50275790706eedb9b74e1f90257">String of Opera 10.0 corrected on tests</a> </pre></div>
      

      <div class="actor">
        <div class="gravatar">
          
          <img alt="" height="30" src="http://www.gravatar.com/avatar/d055bb9d92e05b3435ae854eb8ad7ab3?s=30&amp;d=http%3A%2F%2Fgithub.com%2Fimages%2Fgravatars%2Fgravatar-30.png" width="30" />
        </div>
        <div class="name"><a href="/rafaelp">rafaelp</a> <span>(author)</span></div>
          <div class="date">
            <abbr class="relatize" title="2009-01-04 17:04:40">Sun Jan 04 17:04:40 -0800 2009</abbr> 
          </div>
      </div>
  
      
  
    </div>
    <div class="machine">
      <span>c</span>ommit&nbsp;&nbsp;<a href="/rafaelp/css_browser_selector/commit/79ede0ca0569e50275790706eedb9b74e1f90257" hotkey="c">79ede0ca0569e50275790706eedb9b74e1f90257</a><br />
      <span>t</span>ree&nbsp;&nbsp;&nbsp;&nbsp;<a href="/rafaelp/css_browser_selector/tree/79ede0ca0569e50275790706eedb9b74e1f90257" hotkey="t">25e6cfc509a06ae57f8c937d4e6507172a75354f</a><br />
  
      
        <span>p</span>arent&nbsp;
        
        <a href="/rafaelp/css_browser_selector/tree/30a5ed07468fb13fb3d7afeb445d8e26e975114a" hotkey="p">30a5ed07468fb13fb3d7afeb445d8e26e975114a</a>
      
  
    </div>
  </div>

    </div>
  </div>





  
    <div id="path">
      <b><a href="/rafaelp/css_browser_selector/tree">css_browser_selector</a></b> / css_browser_selector.js
    </div>

    <div id="files">
      <div class="file">
        <div class="meta">
          <div class="info">
            <span>100644</span>
            <span>9 lines (8 sloc)</span>
            <span>1.045 kb</span>
          </div>
          <div class="actions">
            
            <a href="/rafaelp/css_browser_selector/raw/79ede0ca0569e50275790706eedb9b74e1f90257/css_browser_selector.js" id="raw-url">raw</a>
            
              <a href="/rafaelp/css_browser_selector/blame/79ede0ca0569e50275790706eedb9b74e1f90257/css_browser_selector.js">blame</a>
            
            <a href="/rafaelp/css_browser_selector/commits/master/css_browser_selector.js">history</a>
          </div>
        </div>
        
  <div class="data syntax">
    
      <table cellpadding="0" cellspacing="0">
        <tr>
          <td>
            
            <pre class="line_numbers">
<span id="LID1" rel="#L1">1</span>
<span id="LID2" rel="#L2">2</span>
<span id="LID3" rel="#L3">3</span>
<span id="LID4" rel="#L4">4</span>
<span id="LID5" rel="#L5">5</span>
<span id="LID6" rel="#L6">6</span>
<span id="LID7" rel="#L7">7</span>
<span id="LID8" rel="#L8">8</span>
<span id="LID9" rel="#L9">9</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">CSS Browser Selector v0.3.1</span></div><div class="line" id="LC3"><span class="c">Rafael Lima (http://rafael.adm.br)</span></div><div class="line" id="LC4"><span class="c">http://rafael.adm.br/css_browser_selector</span></div><div class="line" id="LC5"><span class="c">License: http://creativecommons.org/licenses/by/2.5/</span></div><div class="line" id="LC6"><span class="c">Contributors: http://rafael.adm.br/css_browser_selector#contributors</span></div><div class="line" id="LC7"><span class="c">*/</span></div><div class="line" id="LC8"><span class="kd">function</span> <span class="nx">css_browser_selector</span><span class="p">(</span><span class="nx">u</span><span class="p">){</span><span class="kd">var</span> <span class="nx">ua</span> <span class="o">=</span> <span class="nx">u</span><span class="p">.</span><span class="nx">toLowerCase</span><span class="p">()</span><span class="o">,</span><span class="nx">is</span><span class="o">=</span><span class="kd">function</span><span class="p">(</span><span class="nx">t</span><span class="p">){</span><span class="k">return</span> <span class="nx">ua</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">t</span><span class="p">)</span><span class="o">&gt;-</span><span class="mi">1</span><span class="o">;</span><span class="p">}</span><span class="o">,</span><span class="nx">g</span><span class="o">=</span><span class="s1">&#39;gecko&#39;</span><span class="o">,</span><span class="nx">w</span><span class="o">=</span><span class="s1">&#39;webkit&#39;</span><span class="o">,</span><span class="nx">s</span><span class="o">=</span><span class="s1">&#39;safari&#39;</span><span class="o">,</span><span class="nx">h</span><span class="o">=</span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementsByTagName</span><span class="p">(</span><span class="s1">&#39;html&#39;</span><span class="p">)[</span><span class="mi">0</span><span class="p">]</span><span class="o">,</span><span class="nx">b</span><span class="o">=</span><span class="p">[(</span><span class="o">!</span><span class="p">(</span><span class="sr">/opera|webtv/i</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="nx">ua</span><span class="p">))</span><span class="o">&amp;&amp;/</span><span class="nx">msie</span><span class="o">\</span><span class="nx">s</span><span class="p">(</span><span class="o">\</span><span class="nx">d</span><span class="p">)</span><span class="o">/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="nx">ua</span><span class="p">))</span><span class="o">?</span><span class="p">(</span><span class="s1">&#39;ie ie&#39;</span><span class="o">+</span><span class="nb">RegExp</span><span class="p">.</span><span class="nx">$1</span><span class="p">)</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;firefox/2&#39;</span><span class="p">)</span><span class="o">?</span><span class="nx">g</span><span class="o">+</span><span class="s1">&#39; ff2&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;firefox/3&#39;</span><span class="p">)</span><span class="o">?</span><span class="nx">g</span><span class="o">+</span><span class="s1">&#39; ff3&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;gecko/&#39;</span><span class="p">)</span><span class="o">?</span><span class="nx">g</span><span class="o">:/</span><span class="nx">opera</span><span class="p">(</span><span class="o">\</span><span class="nx">s</span><span class="o">|\/</span><span class="p">)(</span><span class="o">\</span><span class="nx">d</span><span class="o">+</span><span class="p">)</span><span class="o">/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="nx">ua</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;opera opera&#39;</span><span class="o">+</span><span class="nb">RegExp</span><span class="p">.</span><span class="nx">$2</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;konqueror&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;konqueror&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;chrome&#39;</span><span class="p">)</span><span class="o">?</span><span class="nx">w</span><span class="o">+</span><span class="s1">&#39; &#39;</span><span class="o">+</span><span class="nx">s</span><span class="o">+</span><span class="s1">&#39; chrome&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;applewebkit/&#39;</span><span class="p">)</span><span class="o">?</span><span class="nx">w</span><span class="o">+</span><span class="s1">&#39; &#39;</span><span class="o">+</span><span class="nx">s</span><span class="o">+</span><span class="p">(</span><span class="sr">/version\/(\d+)/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="nx">ua</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39; &#39;</span><span class="o">+</span><span class="nx">s</span><span class="o">+</span><span class="nb">RegExp</span><span class="p">.</span><span class="nx">$1</span><span class="o">:</span><span class="s1">&#39;&#39;</span><span class="p">)</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;mozilla/&#39;</span><span class="p">)</span><span class="o">?</span><span class="nx">g</span><span class="o">:</span><span class="s1">&#39;&#39;</span><span class="o">,</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;j2me&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;mobile&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;iphone&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;iphone&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;ipod&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;ipod&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;mac&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;mac&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;darwin&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;mac&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;webtv&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;webtv&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;win&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;win&#39;</span><span class="o">:</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;freebsd&#39;</span><span class="p">)</span><span class="o">?</span><span class="s1">&#39;freebsd&#39;</span><span class="o">:</span><span class="p">(</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;x11&#39;</span><span class="p">)</span><span class="o">||</span><span class="nx">is</span><span class="p">(</span><span class="s1">&#39;linux&#39;</span><span class="p">))</span><span class="o">?</span><span class="s1">&#39;linux&#39;</span><span class="o">:</span><span class="s1">&#39;&#39;</span><span class="o">,</span><span class="s1">&#39;js&#39;</span><span class="p">];</span> <span class="nx">c</span> <span class="o">=</span> <span class="nx">b</span><span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="s1">&#39; &#39;</span><span class="p">);</span> <span class="nx">h</span><span class="p">.</span><span class="nx">className</span> <span class="o">+=</span> <span class="s1">&#39; &#39;</span><span class="o">+</span><span class="nx">c</span><span class="o">;</span> <span class="k">return</span> <span class="nx">c</span><span class="o">;</span><span class="p">};</span> <span class="nx">css_browser_selector</span><span class="p">(</span><span class="nx">navigator</span><span class="p">.</span><span class="nx">userAgent</span><span class="p">);</span></div><div class="line" id="LC9">&nbsp;</div></pre></div>
            
          </td>
        </tr>
      </table>
    
  </div>


      </div>
    </div>
    
  


  </div>

      
      
      <div class="push"></div>
    </div>
    
    <div id="footer">
      <div class="site">
        <div class="info">
          <div class="links">
            <a href="http://github.com/blog/148-github-shirts-now-available">Shirts</a> |
            <a href="http://github.com/blog">Blog</a> |
            <a href="http://support.github.com/">Support</a> |
            <a href="http://github.com/training">Training</a> |
            <a href="http://github.com/contact">Contact</a> |
            <a href="http://groups.google.com/group/github/">Google Group</a> |
            <a href="http://github.com/guides/the-github-api">API</a> |
            <a href="http://twitter.com/github">Status</a>
          </div>
          <div class="company">
            <span id="_rrt" title="0.29494s from xc88-s00009">GitHub</span>
            is <a href="http://logicalawesome.com/">Logical Awesome</a> &copy;2009 | <a href="/site/terms">Terms of Service</a> | <a href="/site/privacy">Privacy Policy</a>
          </div>
        </div>
        <div class="sponsor">
          <a href="http://engineyard.com"><img src="/images/modules/footer/engine_yard_logo.png" alt="Engine Yard" /></a>
          <div>
            Hosting provided by our<br /> partners at Engine Yard
          </div>
        </div>
      </div>
    </div>
    
    <div id="coming_soon" style="display:none;">
      This feature is coming soon.  Sit tight!
    </div>

    
        <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-3769691-2");
    pageTracker._initData();
    pageTracker._trackPageview();
    </script>

    
  </body>
</html>

