title: Sharepoint 2013 css reference in master page
body: <p>In SharePoint 2013, I'm trying to include a reference to an additional CSS file but am not getting this to work. Here is the process I've followed:</p>
  
  <ol>
  <li>Duplicated seattle master page and renamed it, uploaded it.</li>
  <li>Made sure the new master page is the Site Master Page through the interface</li>
  <li>Loaded my CSS file to the style library</li>
  <li>Added a reference to that style library into the master page and checked it in</li>
  </ol>
  
  <p>I know the CSS works when I paste it into a Script Editor on a page, but of course I don't want to do that on every page. But the reference to it clearly doesn't work. Here are versions I've tried based on various websites. The first line is always on:</p>
  
  <pre><code>&lt;SharePoint:CssRegistration ID="CssRegistration1" Name="Themable/corev15.css" runat="server" /&gt;
  </code></pre>
  
  <p>These  other lines were tried one at a time, based on various articles on the web. None work.</p>
  
  <pre><code>&lt;SharePoint:CssRegistration ID="CssRegistration2" Name="&amp;#60;% $SPUrl:~SiteCollection/Style Library/CustomCSS_OAMC.css %&amp;#62;" After="corev15.css" runat="server" /&gt;
  
  &lt;SharePoint:CssRegistration ID="CssRegistration3" name="&amp;lt;% $SPUrl:~sitecollection/Style Library/CustomCSS_OAMC.css %&amp;gt;" runat="server"  /&gt;
  
  &lt;SharePoint:CssRegistration ID="CssRegistration4" Name="&lt;% $SPUrl:~SiteCollection/Style Library/CustomCSS_OAMC.css%&gt;" runat="server" /&gt;
  </code></pre>
  
  <p>My style sheet code is below for reference"</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  #sideNavBox { display: none; }
  #contentBox { margin-left: 20px; }
  #topNav {  margin-top: 50px; }
  #siteIcon { height: 100px; }
  
  .ms-siteicon-img {
  max-height: 200px;
  max-width: 500px; }
  
  #s4-bodyContainer #titleAreaBox.ms-table, #s4-bodyContainer #titleAreaBox &gt; 
  #titleAreaRow {display:block;}
  #s4-bodyContainer #titleAreaBox &gt; #titleAreaRow &gt; #siteIcon 
  {float:left;display:block;margin:0 auto;}
  &lt;/style&gt;
  </code></pre>