SharePoint 2013 Breadcrumbs

<!-- CSS (in SASS) -->

<style>
.s4-breadcrumb-arrowcont {
    display: none;
}
.s4-breadcrumb {
    padding-left: 0;
    margin-top: 0;
    a:link, a:visited {
        color: #1B5CA3;
    }
    ul {
        display: inline;
        padding-left: 0;
    }
}
.s4-breadcrumb li {
    display: inline;
    list-style-type: none;
}
</style>

<!-- Control Directive -->

<%@Register Tagprefix="SharePointWebControls" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<!-- Breadcrumb Control -->

<SharePointWebControls:ListSiteMapPath runat="server" SiteMapProviders="CurrentNavigationSwitchableProvider" RenderCurrentNodeAsLink="false" PathSeparator=" &raquo; " CssClass="s4-breadcrumb" NodeStyle-CssClass="s4-breadcrumbNode" CurrentNodeStyle-CssClass="s4-breadcrumbCurrentNode" RootNodeStyle-CssClass="s4-breadcrumbRootNode" NodeImageOffsetX=0 NodeImageOffsetY=289 NodeImageWidth=16 NodeImageHeight=16 NodeImageUrl="/_layouts/15/images/fgimg.png?rev=33" HideInteriorRootNodes="true" SkipLinkText=""/>