anchor.diff:    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/styles/agate.min.css">
     <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,500,600,700' rel='stylesheet' type='text/css'>
     <link href='//fonts.googleapis.com/css?family=Source+Code+Pro:400,200,300,500,600,700' rel='stylesheet' type='text/css'>
  +  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
     <style>
       body {
         margin-top: 100px;
         font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
         color: #4c555a;
  +    }
  +
  +    #back-top {
  +      top: 60px;
  +      position: fixed;
  +      margin-left: -12px;
  +    }
  +
  +    #backtop a {
  +      color: #CCC;
  +      text-decoration: none;
  +    }
  +
  +    #back-top a:hover {
  +      color: #777;
  +      text-decoration: none;
       }
   
       .affix-top {
  
positive.code:     }
  
      /* sidebar */
      #sidebar {
        padding-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
      }
  
      #sidebar li.nav-H2 {
  
negative.code: 
      <!--Side Bar -->
      <nav class="col-md-3 bs-docs-sidebar hidden-sm hidden-xs scrollspy">
        <div id="sidebar">
        <div id="back-top" style="display: block;">
          <a href="#">
            <span class="fa-stack fa-sm">
              <i class="fa fa-square fa-stack-2x"></i>
              <i class="fa fa-arrow-up fa-stack-1x fa-inverse"></i>
            </span>
          </a>
        </div>
        <ul class="nav" data-spy="affix"></ul>
        </div>
      </nav>
  
    </div>
  