DAR-887: cleanup templates and styles

Use classes instead of IDs for styling, use PHP alternate syntax tags
inside of templates, fix template for proper whitespace and indentation.
DAR-887: make edit page responsive (first pass).
Merge branch 'responsive-layout' into DAR-887
DAR-887: more EditPageLayout style cleanup.
DAR-887: fix wide mode.
DAR-887: fix wide mode toggle top position.
DAR-887: small fixes to widemode toggle bar.
DAR-887: more wide mode trigger bar fixes.
DAR-887: cleanup and fix edit page autoresizer.
DAR-887: better hiding of CategorySelect module on widemode edit pages.
DAR-886 Make preview width same as edit box on responsive layout.
DAR-887: fix edit page visual wide mode.
Merge branch 'DAR-887' into DAR-729
Merge remote-tracking branch 'origin/DAR-886' into DAR-729
DAR-729: make visual editor content area the same size as the article content area.
DAR-729: add -layout-enabled var; move new styles behind it.
DAR-729: make preview width the same as article width regardless of edit box width. Also default -layout-enabled to false.
DAR-729: adjust padding inside of editor for the closest fit to article space without accounting for scrollbars.
DAR-729: use a standard padding size within the editor since it is impossible to match article content size anyways due to scrollbar issues.
DAR-729: make preview content area as close as we can to the view page's article content area.