      // Everything is controlled with id="codes"
      // lang-java class is added to <pre> to read # tag
      <ul id="codes" class="nav nav-tabs" role="tablist">
        .......
      </ul>
      //@Override prettyprint with custom colours
      //Change the colour codes of the codes in here.
      pre .str { color: #fdb839; } /* string   */
      pre .kwd { color: #fdb839; }
      pre .com { color: #B3B3B3; } /* comment  */
      pre .typ { color: #fdb839; } /* type     */
      pre .lit { color: #cd5c5c; } /* literal  */
      pre .pun { color: #fdb839; } /* punctuation */
      pre .pln { color: #fdb839; } /* plaintext */
      pre .tag { color: #fdb839; } /* html/xml tag     */
      pre .atn { color: #bdb76b; } /* attribute name   */
      pre .atv { color: #fdb839; } /* attribute value  */
      pre .dec { color: #fdb839; } /* decimal          */

      // To show line numbers add linenums class to <pre>
      // Change the line border color
      .linenums li{
         border-left: 1px solid colour;
      }