CSS updates

* Some reorganisation into scss files.
* Adds a common group of scss files for all themes.
* Some workflow related styling.

css/default_site.css

@@ -356,25 +356,10 @@ li.ui-state-error {
   background: url(../images/desc.gif) no-repeat right;
 }
 
-table tr.odd {
-  background-color: #eeeeee;
-  border: none;
-}
-
 .report-grid .ui-widget td {
   padding: 0 0.3em;
 }
 
-.report-grid .single img {
-  width: 100px;
-  margin: 2px;
-}
-
-.report-grid .multi img {
-  width: 50px;
-  margin: 1px;
-}
-
 #verification-grid .report-grid .single img {
   width: 40px;
 }

scss/common/_report-grid.scss

@@ -0,0 +1,25 @@
+table.report-grid {
+  tr {
+    /* Odd row colouration */
+    &.odd {
+      background-color: #eeeeee;
+      border: none;
+    }
+    /* Workflow related styling */
+    &.overdue {
+      border-left: solid 8px $colour-range-1-a;
+    }
+    &.overdue-soon {
+      border-left: solid 8px $colour-range-1-b;
+    }
+  }
+  /* Sizing of thumbnails in image columns */
+  .single img {
+    width: 100px;
+    margin: 2px;
+  }
+  .multi img {
+    width: 50px;
+    margin: 1px;
+  }
+}

scss/common/_variables.scss

@@ -0,0 +1,5 @@
+/* Accessible colour ranges from colorbrewer */
+$colour-range-1-a: #d7191c;
+$colour-range-1-b: #fdae61;
+$colour-range-1-c: #abd9e9;
+$colour-range-1-d: #2c7bb6;

scss/theme-bootstrap-3.scss

@@ -1,3 +1,5 @@
 /* Theme extension to the default_site.css file which provides Bootstrap 3 optimised style output */
+@import "common/variables";
 @import "bootstrap-3/variables";
+@import "common/report-grid";
 @import "bootstrap-3/form-controls";

scss/theme-generic.scss

@@ -1,3 +1,5 @@
 /* Theme extension to the default_site.css file which provides the default Indicia style output */
+@import "common/variables";
 @import "generic/variables";
+@import "common/report-grid";
 @import "generic/form-controls";