Add inconsolata font, use it on the validator

ffdnispdb/static/css/style.css

@@ -9,6 +9,16 @@
     font-style: normal;
 }
 
+@font-face {
+    font-family: 'inconsolata';
+    src: url('../fonts/inconsolata.eot');
+    src: url('../fonts/inconsolata.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/inconsolata.woff') format('woff'),
+         url('../fonts/inconsolata.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
 #main-container {
     margin-top: 25px;
 }
@@ -177,6 +187,16 @@ input#search-input {
     margin-top: 0 !important;
 }
 
+pre#validator {
+    height: 500px;
+    background-color: white;
+    overflow-x: auto;
+    font-family: inconsolata, monospace;
+    font-size: 13px;
+    background-color: #333333;
+    color: #ffffff;
+}
+
 /**
  * Schema Spec / RST
  */

ffdnispdb/templates/validator_generic.html

@@ -68,7 +68,7 @@ $(function() {
     <form method="post" action="{{ confirm_url }}" class="form-horizontal">
       <fieldset>
         <legend>{{ page_title }}</legend>
-        <pre style="height: 500px; background-color: white; overflow-x: auto;">
+        <pre id="validator">
 <div style="line-height: normal"> _______ _______ ______  _______ 
 |_______|_______|_____ \|  ___  \
  ______  ______  _    \ | |   \ |   ____  _____