[Stylesheets] Add style sheet loader

Add style sheet loader and move style sheets inclusion
out of index.html. WTD-591.

platform/commonUI/general/bundle.json

@@ -3,6 +3,30 @@
     "description": "General UI elements, meant to be reused across modes.",
     "resources": "res",
     "extensions": {
+        "runs": [
+            {
+                "implementation": "StyleSheetLoader.js",
+                "depends": [ "stylesheets[]", "$document" ]
+            }
+        ],
+        "stylesheets": [
+            {
+                "stylesheetUrl": "css/normalize.min.css",
+                "priority": "mandatory"
+            },
+            {
+                "stylesheetUrl": "css/theme-espresso.css",
+                "priority": 1000
+            },
+            {
+                "stylesheetUrl": "css/items.css",
+                "priority": 901
+            },
+            {
+                "stylesheetUrl": "css/tree.css",
+                "priority": 900
+            }
+        ],
         "templates": [
             {
                 "key": "bottombar",

platform/commonUI/general/src/StyleSheetLoader.js

@@ -0,0 +1,31 @@
+/*global define*/
+
+define(
+    ["angular"],
+    function (angular) {
+        "use strict";
+
+        function StyleSheetLoader(stylesheets, $document) {
+            var head = $document.find('head');
+
+            function addStyleSheet(stylesheet) {
+                var link = angular.element('<link>'),
+                    path = [
+                        stylesheet.bundle.path,
+                        stylesheet.bundle.resources,
+                        stylesheet.stylesheetUrl
+                    ].join("/");
+
+                link.attr("rel", "stylesheet");
+                link.attr("type", "text/css");
+                link.attr("href", path);
+
+                head.append(link);
+            }
+
+            stylesheets.forEach(addStyleSheet);
+        }
+
+        return StyleSheetLoader;
+    }
+);