Adding beginnings of comparison feature

app/less/app.less

@@ -8,7 +8,9 @@
 @import 'list';
 @import 'slot';
 @import 'outfit';
+@import 'table';
 @import 'select';
+@import 'modal';
 @import 'charts';
 @import 'error';
 
@@ -58,6 +60,17 @@ body {
   clear: both;
 }
 
+h1 {
+  font-family: @fTitle;
+  color: @primary;
+}
+
+h2 {
+  text-transform: uppercase;
+  font-family: @fTitle;
+}
+
+
 a, a:visited {
   color: @fg;
 }

app/less/error.less

@@ -7,4 +7,10 @@
   small {
     color: @primary-disabled;
   }
+}
+
+pre {
+    white-space: pre-wrap;
+    white-space: -moz-pre-wrap;
+    white-space: -o-pre-wrap;
 }

app/less/header.less

@@ -46,13 +46,18 @@ header {
     width: 25em;
     font-family: @fStandard;
     position: absolute;
-    padding: 0 0 1em 1em;
+    padding: 1em 1em;
     overflow: hidden;
     background-color: @bgBlack;
     font-size: 0.8em;
 
     &.sm {
-      width: 15em;
+      width: auto;
+    }
+
+    hr {
+      border: none;
+      border-top: 1px solid @disabled;
     }
 
   }

app/less/modal.less

@@ -0,0 +1,36 @@
+
+
+.modal-bg {
+  z-index: 2;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(0,0,0,0.5);
+}
+
+.modal {
+  width: 50%;
+  padding: 3em;
+  margin: 10em auto 0;
+  background-color: @bgBlack;
+  border: 1px solid @primary;
+
+  h1 {
+    margin: 0.2em 0;
+  }
+
+  h2 {
+    margin: 0;
+  }
+}
+
+.dismiss {
+  outline: none;
+  background-color: @primary-bg;
+  font-family: @fStandard;
+  color: @primary;
+  line-height: 1.5em;
+  border: 1px solid @primary;
+}

app/less/outfit.less

@@ -6,9 +6,7 @@
 
 #overview {
   h1 {
-    font-family: @fTitle;
     margin: 0.2em 0;
-    color: @primary;
     float: left;
   }
 }

app/less/shipyard.less

@@ -21,9 +21,7 @@ a.ship {
 
   h2 {
     width: 100%;
-    text-transform: uppercase;
     margin: 0;
-    font-family: @fTitle;
     text-align: left;
   }
 

app/less/table.less

@@ -0,0 +1,34 @@
+
+table {
+  margin: 0 auto;
+  background-color: @primary-bg;
+  border-spacing: 0;
+  font-size: 0.8em;
+
+  a {
+    text-decoration: none;
+  }
+}
+
+thead {
+  color: @bgBlack;
+  background-color: @primary-disabled;
+}
+
+
+tbody tr {
+
+  &:hover {
+    color: #000;
+    background-color: @secondary;
+  }
+}
+
+th {
+  padding: 0.1em 0.5em;
+}
+
+td {
+  padding-left: 0.5em;
+  font-size: 0.9em;
+}