Refactor reports styling out into its own less file.

This was it doesn't need to be loaded for Galaxy.

client/galaxy/style/less/base.less

@@ -1705,32 +1705,3 @@ div.toolTitleNoSection
 #for_bears {
     display: none;
 }
-
-// ============================================================================ Reports Webapp
-
-.dir_arrow {
-    visibility: hidden
-}
-
-#spark_time_select {
-    display: inline-block;
-}
-
-#spark_select {
-    height: 23px;
-    width: 30px;
-    padding: 0;
-    border-radius: 2px;
-}
-
-.quarter_width {
-    width: 25%;
-}
-
-.third_width {
-    width: 30%;
-}
-
-.half_width {
-    width: 50%
-} 

client/galaxy/style/less/reports.less

@@ -0,0 +1,28 @@
+// ============================================================================ Reports Webapp
+
+.dir_arrow {
+    visibility: hidden
+}
+
+#spark_time_select {
+    display: inline-block;
+}
+
+#spark_select {
+    height: 23px;
+    width: 30px;
+    padding: 0;
+    border-radius: 2px;
+}
+
+.quarter_width {
+    width: 25%;
+}
+
+.third_width {
+    width: 30%;
+}
+
+.half_width {
+    width: 50%
+} 

client/grunt-tasks/style.js

@@ -20,7 +20,8 @@ module.exports = function( grunt ){
             'masthead',
             'library',
             'trackster',
-            'circster'
+            'circster',
+            'reports'
         ];
 
 
@@ -79,4 +80,4 @@ module.exports = function( grunt ){
     });
 
     grunt.registerTask( 'style', [ 'sprite', 'less-site-config', 'less', 'clean' ] );
-};
+};

static/style/blue/reports.css

@@ -0,0 +1,6 @@
+.dir_arrow{visibility:hidden}
+#spark_time_select{display:inline-block}
+#spark_select{height:23px;width:30px;padding:0;border-radius:2px}
+.quarter_width{width:25%}
+.third_width{width:30%}
+.half_width{width:50%}

templates/webapps/reports/base_panels.mako

@@ -1,5 +1,11 @@
 <%inherit file="/base/base_panels.mako"/>
 
+<%def name="stylesheets()">
+    ${parent.stylesheets()}
+    ${h.css( "reports" )}
+</%def>
+
+
 ## Default title
 <%def name="title()">Galaxy Reports</%def>