Convert filter styles to Sass, move to partial

Signed-off-by: Alex Coles <alex@alexbcoles.com>

app/assets/stylesheets/content/_work_packages_filters.md

@@ -0,0 +1 @@
+# Work packages filters

app/assets/stylesheets/content/_work_packages_filters.sass

@@ -0,0 +1,61 @@
+#content fieldset#filters
+  padding-bottom: 10px
+
+#content fieldset#options
+  padding-bottom: 10px
+
+#content fieldset.collapsible.header_collapsible
+  padding-top: 0px
+  padding-bottom: 0px
+  border: 0px
+  margin: 0px
+  margin-right: 10px
+  margin-left: 1px
+
+fieldset.collapsible.header_collapsible > div
+  padding-top: 5px
+  padding-bottom: 5px
+
+fieldset.collapsible.header_collapsible > *
+  border-left: 1px solid #E6E6E6
+  border-right: 1px solid #E6E6E6
+  border-bottom: 1px solid #E6E6E6
+  width: 100%
+  padding-left: 6px
+
+fieldset.collapsible.header_collapsible legend
+  background: #E6E6E6
+  cursor: pointer
+  width: 100%
+  height: 23px
+  line-height: 24px
+
+
+fieldset.collapsible.header_collapsible legend:hover
+  background-color: #d8d8d8
+
+fieldset.collapsible
+  border-width: 1px 0 0 0
+fieldset.collapsible.borders
+  border-width: 1px
+fieldset.collapsible.collapsed.borders
+  border-width: 1px 0 0 0
+fieldset.collapsible legend
+  padding-left: 16px
+  cursor: pointer
+
+fieldset#date-range p
+  margin: 2px 0 2px 0
+fieldset#filters table
+  border-collapse: collapse
+fieldset#filters table td
+  padding: 0
+  vertical-align: middle
+fieldset#filters tr.filter
+  height: 2em
+fieldset#filters td.add-filter
+  text-align: right
+  vertical-align: top
+
+fieldset#filters div.add-filter
+  text-align: right

app/assets/stylesheets/default.css.sass

@@ -54,6 +54,7 @@
 @import content/boxes
 @import content/tabular
 @import content/work_packages
+@import content/work_packages_filters
 @import content/work_packages_table
 @import content/expandable_group_content
 @import content/control_colors

app/assets/stylesheets/default/main.css.erb

@@ -211,51 +211,6 @@ div.issue div.subject>div>p { margin-top: 0.5em; }
 #issue_tree table.issues { border: 0; }
 #issue_tree td.checkbox, th.hidden {display: none;}
 
-#content fieldset#filters {
-  padding-bottom: 10px;
-}
-#content fieldset#options {
-  padding-bottom: 10px;
-}
-#content fieldset.collapsible.header_collapsible {
-  padding-top: 0px;
-  padding-bottom: 0px;
-  border: 0px;
-  margin: 0px;
-  margin-right: 10px;
-  margin-left: 1px;
-}
-fieldset.collapsible.header_collapsible > div {
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-fieldset.collapsible.header_collapsible > * {
-  border-left: 1px solid #E6E6E6;
-  border-right: 1px solid #E6E6E6;
-  border-bottom: 1px solid #E6E6E6;
-  width: 100%;
-  padding-left: 6px;
-}
-fieldset.collapsible.header_collapsible legend {
-  background: #E6E6E6; cursor: pointer;
-  width: 100%;
-  height: 23px;
-  line-height: 24px;
-}
-
-fieldset.collapsible.header_collapsible legend:hover {
-  background-color: #d8d8d8;
-}
-fieldset.collapsible { border-width: 1px 0 0 0; }
-fieldset.collapsible.borders { border-width: 1px; }
-fieldset.collapsible.collapsed.borders { border-width: 1px 0 0 0; }
-fieldset.collapsible legend { padding-left: 16px; cursor: pointer; }
-
-fieldset#date-range p { margin: 2px 0 2px 0; }
-fieldset#filters table { border-collapse: collapse; }
-fieldset#filters table td { padding: 0; vertical-align: middle; }
-fieldset#filters tr.filter { height: 2em; }
-fieldset#filters td.add-filter { text-align: right; vertical-align: top; }
 .buttons { margin-bottom: 1.4em; margin-top: 1em; }
 
 div#work_package-changesets {
@@ -855,10 +810,6 @@ h1.title {
   right: 155px;
 }
 
-fieldset#filters div.add-filter {
-  text-align: right;
-}
-
 .title-bar-extras {
   color: #333333;
 }

app/assets/stylesheets/default_simple.css.sass

@@ -57,6 +57,7 @@
 @import content/boxes
 @import content/tabular
 @import content/work_packages
+@import content/work_packages_filters
 @import content/work_packages_table
 @import content/expandable_group_content
 @import content/control_colors