Better styling. Add color invert thing

ggreer · Nov 14, 2012 · cf42ba3 · cf42ba3
1 parent bee4252
commit cf42ba3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -168,6 +168,7 @@
 </div>
 
 <p>
+    <div id="beast-mode" onclick="invert_colors()">Invert colors.</div>
     <a href="https://github.com/ggreer/lscolors">
     <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub" /></a>
 </p>

diff --git a/lscolors.css b/lscolors.css
@@ -1,7 +1,7 @@
 div.fixed
 {
     border-width: 0px;
-    font-family: monospace;
+    font-family: Menlo, "Deja Vu Sans Mono", Consolas, monospace;
     font-size: 10pt;
     padding: 0px;
     white-space: pre;
@@ -24,13 +24,13 @@ div.colorPicker
 
 div.ls
 {
-    font-family: monospace;
+    font-family: Menlo, "Deja Vu Sans Mono", Consolas, monospace;
     font-weight: normal;
     white-space: pre;
 }
 
 span#cursor
 {
-    font-family: monospace;
+    font-family: Menlo, "Deja Vu Sans Mono", Consolas, monospace;
     white-space: pre;
 }