Fontawesome icons Pure CSS

[Hutchy68]

This is a pure CSS method of using icons for Foreground. I also updated Fontawesome to 4.7.0. For some reason, the fonts and the CSS for Fontawesome was still 4.5. OUCH!

• Should be backwards compatible, ie, you can still use the JS method if desired
• You can now add an icon to the navigation, tools, personal, and actions dropdown with a simple use of CSS in the Common.css or Foreground.css system pages using the content: "\....";; call of an icon. See example below.
• I believe most of the icons are covered in the new assets/stylesheets/fontawesome.css stylesheet. If there are any missing, please make note and add them.

Example of CSS needed to add a new icon to a menu item in navigation:

#n-FAQs a:before {content: "\f29c";} is for a circle question mark.

The content value is always \ followed by the Unicode value. From https://fontawesome.com/v4.7.0/icon/question-circle-o

[Hutchy68]

Reference Issue #385

[Hutchy68]

Can I get some feedback on this PR? Has anyone tried it/tested it yet? I would like to get out a new release of Foreground.