diff --git a/demo.css b/demo.css
index d46643a..560d1e0 100644
--- a/demo.css
+++ b/demo.css
@@ -1,37 +1,23 @@
-pre {
-padding: 10px;
-border: 1px solid #ccc;
-max-width: 500px;
+body {
+
}
-/* Pretty printing styles. Used with prettify.js. */
+pre {
+padding: 15px;
+background-color: #222;
+max-width: 500px;
+font: 10px Monaco, monospace;
+}
/* SPAN elements with the classes below are added by prettyprint. */
-.str { color: #080; }
-.kwd { color: #008; }
-.com { color: #800; }
+.str { color: #0fa954; }
+.kwd { color: #e61d5f; }
+.com { color: #555; }
.typ { color: #606; }
-.lit { color: #066; }
-.pun, .opn, .clo { color: #660; }
-.pln { color: #000; }
+.lit { color: #00aeff; }
+.pun, .opn, .clo { color: #777; }
+.pln { color: #ccc; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
-.dec { color: #606; }
-
-/* Specify class=linenums on a pre to get line numbering */
-ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
-li.L0,
-li.L1,
-li.L2,
-li.L3,
-li.L5,
-li.L6,
-li.L7,
-li.L8 { list-style-type: none }
-/* Alternate shading for lines */
-li.L1,
-li.L3,
-li.L5,
-li.L7,
-li.L9 { background: #eee }
+.dec { color: #606; }
\ No newline at end of file
diff --git a/demo.html b/demo.html
index 05fc2e2..2fc401b 100644
--- a/demo.html
+++ b/demo.html
@@ -2,7 +2,7 @@
-
+
@@ -26,7 +26,7 @@ var controllableObject =
window.onload = function() {
- //prettyPrint();
+ prettyPrint();
GUI.start();
diff --git a/gui.css b/gui.css
index 5251048..de0b8a3 100644
--- a/gui.css
+++ b/gui.css
@@ -1,5 +1,4 @@
#guidat {
- font: 9px Monaco, monospace;
color: #fff;
position: fixed;
width: 320px;
@@ -17,6 +16,11 @@
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
+#guidat,
+#guidat input {
+ font: 9.5px Lucida Grande, sans-serif;
+}
+
#guidat-controllers {
height: 300px;
overflow-y: auto;
@@ -32,6 +36,7 @@
text-align: center;
display: block;
padding: 5px;
+
}
#guidat-toggle:hover {
@@ -56,6 +61,7 @@
outline: none;
border: 0;
padding: 4px;
+ margin-top: 2px;
background-color: #222;
}
@@ -70,6 +76,7 @@
.guidat-controller.string input {
border: 0;
color: #1ed36f;
+ margin-right: 1px;
}
.guidat-controller.boolean {
@@ -92,8 +99,9 @@
}
-.guidat-controller.boolean input {
+#guidat .guidat-controller.boolean input {
margin-top: 6px;
+ font-size: 20px;
}
.guidat-controller:last-child {