Complete the Crafting Table view/controller

* Add output box to the crafting table view
* Add remaining crafting patterns to all MC 1.7.10 recipes
* Add all crafting patterns to Buildcraft 6.2.6
* Disable mods which don't have patterns yet
* Add the Url constants for computing urls from templates
* Add the `findItemDisplay` to ModPack (along with tests) and remove
  all replace all uses of `getPathSlugs` with it

src/css/main.scss

@@ -33,6 +33,8 @@ $color-footer-text:      white;
 $color-gray-faint:       #F2F2F2;
 $color-gray-light:       #CCCCCC;
 $color-gray-medium:      #A6A6A6;
+$color-gray-dark:        #8B8B8B;
+$color-gray-shadow:      #444444;
 $color-table-background: white;
 $color-toolbar-background: rgba(255, 255, 255, 0.75);
 

src/css/templates/crafting_grid.scss

@@ -6,12 +6,15 @@ All rights reserved.
 */
 
 .view__crafting_grid {
+    border: 0.4em solid $color-gray-medium;
 
     img {
         position: relative; height:4.8em; width: 4.8em;
     }
 
     td {
-        border: 1px solid $color-gray-light;
+        background: $color-gray-dark;
+        border: 0.1em solid $color-gray-light;
+        padding: 0.1em;
     }
 }

src/css/templates/crafting_table.scss

@@ -39,6 +39,34 @@ All rights reserved.
             }
         }
 
+        .output {
+            position: absolute; top: 50%; right: 16.5%; height: 5.3em; width: 5.3em;
+            @include transform(translate(-50%, -50%));
+
+            background: $color-gray-medium;
+            border: 0.4em solid $color-gray-medium;
+            padding: 0.1em;
+
+            a {
+                position: absolute; top: 50%; left: 50%; height: 4.8em; width: 4.8em;
+                @include transform(translate(-50%, -50%));
+            }
+
+            .multiplier {
+                position: absolute; bottom: -3em; left: 0; right: 0; height: 1.5em;
+                font-family: PressStart;
+                font-size: $font-size-large;
+                text-align: center;
+            }
+
+            .quantity {
+                position: absolute; right: 0; bottom: 0;
+                color: white;
+                font-family: PressStart;
+                font-size: $font-size-large;
+            }
+        }
+
         .next {
             background: url('/images/arrow-right-disabled.png');
             position: absolute; top: 50%; right: 1em; height: 8em; width: 4em;