Making FP more stand-alone

I have tried to make Fancypages more stand alone from a front end point of view.  For example adding fancypages to a site, FP styles should not be impacted from the site front end styles. So even if there are no site front end styles, FP should still look normal. Or if there are site front end styles they should not override fancypage elements ie: form elements, buttons, modals, tabs.

I have separated the files as so

@import "bootstrap/variables.less"; //FP Basic Variables - these won't render
@import "bootstrap/mixins.less"; //FP Basic Mixins - these won't render

//Import fancypage elements
@import "buttons.less"; //FP buttons
@import "modal.less"; //Widget, Asset and other FP modals
@import "forms.less"; //Used for editor forms mainly
@import "glyphs.less"; //FP icon set
@import "tabs.less"; //FP tabs - used in the widget modal
@import "editor.less"; //FP Edit panel and page link tree
@import "widgets.less"; //FP Sortable edit area

Note - these files, buttons, modal, forms, glyphs, tabs are modifications of current Bootstrap styles with class name modifications ie: fp-btn (instead of btn)

Note: Modal needs class name 'hide' -- it is added via JS -- this has been left intact as .hide instead of fp-hide.
In Styleshare .hide has the property of !important -- which overrides the FP modal -- this can be removed from the styleshare project.

I have tested these styles by having no styles as a base as well as using chocolatebox, freetix, rightchoice and stylshare as base styles.

I removed the icomoon font set and font-awesome imports as we are using the glyphs - to avoid font conflicts.

Seems to be fine.