RubyGems - flammarion - Versions diffs - 0.0.10 → 0.0.11 - Mend

flammarion 0.0.10 → 0.0.11

Files changed (35) hide show

data/electron/preload.coffee +6 -0
data/lib/flammarion.rb +5 -1
data/lib/flammarion/about.rb +8 -0
data/lib/flammarion/server.rb +0 -1
data/lib/flammarion/version.rb +1 -1
data/lib/flammarion/writeable.rb +27 -2
data/lib/html/build/index.html +1 -1
data/lib/html/build/javascripts/actions.js +48 -7
data/lib/html/build/javascripts/all.js +48 -7
data/lib/html/build/javascripts/map.js +2 -2
data/lib/html/build/javascripts/status.js +2 -2
data/lib/html/build/javascripts/websocket.js +2 -2
data/lib/html/build/stylesheets/all.css +354 -294
data/lib/html/build/stylesheets/ansi_colors.css +64 -16
data/lib/html/build/stylesheets/buttons.css +68 -56
data/lib/html/{source/stylesheets/railscasts.css → build/stylesheets/code.css} +2 -30
data/lib/html/build/stylesheets/dialog.css +19 -4
data/lib/html/build/stylesheets/frontend.css +23 -8
data/lib/html/build/stylesheets/scrollbar.css +9 -9
data/lib/html/build/stylesheets/status.css +10 -10
data/lib/html/build/stylesheets/table.css +4 -3
data/lib/html/source/index.html.slim +3 -2
data/lib/html/source/javascripts/actions.coffee +23 -2
data/lib/html/source/javascripts/status.coffee +2 -2
data/lib/html/source/stylesheets/all.css +0 -1
data/lib/html/source/stylesheets/ansi_colors.styl +8 -1
data/lib/html/source/stylesheets/buttons.styl +6 -3
data/lib/html/{build/stylesheets/railscasts.css → source/stylesheets/code.styl} +64 -59
data/lib/html/source/stylesheets/colors.styl +7 -1
data/lib/html/source/stylesheets/dialog.styl +26 -15
data/lib/html/source/stylesheets/frontend.styl +9 -3
data/lib/html/source/stylesheets/mixins.styl +15 -6
data/lib/html/source/stylesheets/status.styl +3 -3
data/lib/html/source/stylesheets/table.styl +3 -0
metadata +20 -3

@@ -1 +1,7 @@
 window.$remote = require('remote')
+window.$search_for = (str) ->
+  if window.find(str, 0, 0, 1)
+    anchor = window.getSelection().anchorNode
+    anchor = anchor.parentNode unless anchor.nodeType == 1
+    anchor.scrollIntoView()

data/lib/flammarion.rb CHANGED

@@ -17,6 +17,7 @@ require_relative 'flammarion/pane.rb'
 require_relative 'flammarion/server.rb'
 require_relative 'flammarion/version.rb'
 require_relative 'flammarion/revelator.rb'
+require_relative 'flammarion/about.rb'
 module Flammarion
   class Engraving
@@ -30,7 +31,6 @@ module Flammarion
     #  connected (i.e., displayed)
     # @option options [Proc] :on_disconnect Called when the display windows is
     #   disconnected (i.e., closed)
-    # @option
     def initialize(options = {})
       @chrome = OpenStruct.new
       @sockets = []
@@ -56,6 +56,10 @@ module Flammarion
       @on_disconnect.call if @on_disconnect
     end
+    def wait_until_closed
+      sleep 1 until @sockets.empty?
+    end
     def process_message(msg)
       @last_msg = msg
       m = {}

data/lib/flammarion/about.rb ADDED

@@ -0,0 +1,8 @@
+module Flammarion
+  def self.about
+    f = Engraving.new(close_on_exit:true)
+    f.title "Flammarion #{VERSION}"
+    readme = "#{File.absolute_path(File.dirname(__FILE__))}/../../Readme.md"
+    f.markdown(File.read(readme))
+  end
+end

data/lib/flammarion/server.rb CHANGED

@@ -72,7 +72,6 @@ module Flammarion
       rescue RuntimeError => e
         if e.message == "no acceptor (port is in use or requires root privileges)"
           @port = rand(65000 - 1024) + 1024
-          Kernel.puts "New port: #{port}"
           retry
         else
           raise

data/lib/flammarion/version.rb CHANGED

@@ -1,3 +1,3 @@
 module Flammarion
-  VERSION = "0.0.10"
+  VERSION = "0.0.11"
 end

data/lib/flammarion/writeable.rb CHANGED

@@ -203,6 +203,27 @@ module Flammarion
       end
     end
+    # Creates a dropdown menu for a user to choose a list of options
+    # @param items [Array<#to_s>] The possible choices
+    # @overload dropdown(items, options = {})
+    #  @return [DeferredValue] An object representing the currently selected
+    #   item, which can be converted to text using +#to_s+
+    # @overload dropdown(item, options = {})
+    #  @yield [message_hash] Invokes the block every time the user selects a
+    #   different option. Current item text can be obtained from the +"text"+
+    #   key of the +message_hash+
+    def dropdown(items, options = {}, &block)
+      id = @front_end.make_id
+      send_json({action:'dropdown', id:id, options:items}.merge(options))
+      if block_given?
+        @front_end.callbacks[id] = block
+      else
+        d = DeferredValue.new
+        @front_end.callbacks[id] = Proc.new {|v| d.__setobj__ v["text"]}
+        return d
+      end
+    end
     # Creates a new checkbox which the user can click.
     # @param label [String] The placeholder text for the input
     # @macro escape_options
@@ -273,8 +294,8 @@ module Flammarion
       send_json({action:'showpane'})
     end
-    def subpane(name)
-      send_json({action:'subpane', name:name})
+    def subpane(name, options = {})
+      send_json({action:'subpane', name:name}.merge(options))
       return Pane.new(@front_end, name)
     end
@@ -341,5 +362,9 @@ module Flammarion
       end
       send_json({action:'map'}.merge(options))
     end
+    def search(string)
+      send_json({action:'search', text: string})
+    end
   end
 end

data/lib/html/build/index.html CHANGED

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta content="text/html; charset=UTF-8" http-equiv="content-type" /><meta charset="utf-8" /><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><meta content="width=device-width, initial-scale=1.0" name="viewport" /><title>Flammarion</title><link href="stylesheets/all.css" rel="stylesheet" type="text/css" /><script src="javascripts/all.js" type="text/javascript"></script><script>hljs.initHighlightingOnLoad();</script></head><body><div class="hidden" id="toolbar"><a class="tool-button" href="#">Open</a><a class="tool-button" href="#">Save</a></div><div id="panes"><pre class="pane" id="console-default" style="height:100%"></pre></div><div class="hidden" id="dialog"><pre id="message">Hi World</pre><a class="full-button" href="#" id="ok">Ok</a></div><div id="status"><div class="left"></div><div class="center"></div><div class="right"></div></div></body></html>
1	+ <!DOCTYPE html><html><head><meta content="text/html; charset=UTF-8" http-equiv="content-type" /><meta charset="utf-8" /><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" /><meta content="width=device-width, initial-scale=1.0" name="viewport" /><title>Flammarion</title><link href="stylesheets/all.css" rel="stylesheet" type="text/css" /><script src="javascripts/all.js" type="text/javascript"></script><script>hljs.initHighlightingOnLoad();</script></head><body><div class="hidden" id="toolbar"><a class="tool-button" href="#">Open</a><a class="tool-button" href="#">Save</a></div><div id="panes"><pre class="pane" id="console-default" style="height:100%"></pre></div><div class="hidden" id="dialog"><div id="content"><pre id="message">Hi World</pre><a class="full-button" href="#" id="ok">Ok</a></div></div><div id="status"><div class="left"></div><div class="center"></div><div class="right"></div></div></body></html>

data/lib/html/build/javascripts/actions.js CHANGED

@@ -43,9 +43,9 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
         }
         return results;
       }).call(this)).join("\n")) + "</ul>";
-      $('#dialog > #message').html(message);
+      $('#dialog > #content > #message').html(message);
       $('#dialog').show();
-      return $('#dialog > #ok').click(function() {
+      return $('#dialog > #content > #ok').click(function() {
         return $('#dialog').hide();
       });
     };
@@ -231,7 +231,7 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
         target = $('#panes');
       }
       if (target.find("#console-" + data.name).size() === 0) {
-        target.append("<pre class='pane' id='console-" + data.name + "'><pre>");
+        target.append("<pre class='pane full-pane' id='console-" + data.name + "'><pre>");
       }
       return this.__parent.resize_panes(data);
     },
@@ -284,11 +284,18 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
       return hljs.highlightBlock(code[0]);
     },
     markdown: function(data) {
-      var newblock, target;
+      var code, i, len, newblock, ref, results, target;
       target = this.__parent.check_target(data);
       newblock = $("<div class='markdown'></div>");
       newblock.html(data.text);
-      return this.__parent.add(newblock, target, data);
+      this.__parent.add(newblock, target, data);
+      ref = newblock.find('code');
+      results = [];
+      for (i = 0, len = ref.length; i < len; i++) {
+        code = ref[i];
+        results.push(hljs.highlightBlock(code));
+      }
+      return results;
     },
     button: function(data) {
       var class_name, element, left_icon, right_icon, target;
@@ -333,11 +340,14 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
       return this.__parent.add(code, target, data);
     },
     subpane: function(data) {
-      var element, target;
+      var element, other_classes, target;
       target = this.__parent.check_target(data);
       element = target.find("#console-" + data.name);
       if (element.size() === 0) {
-        return target.append("<pre id='console-" + data.name + "' class='pane'></pre>");
+        if (data.fill) {
+          other_classes = "subpane-fill";
+        }
+        return target.append("<pre id='console-" + data.name + "' class='subpane pane " + other_classes + "'></pre>");
       }
     },
     input: function(data) {
@@ -417,6 +427,27 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
       })(this));
       return target.append(element);
     },
+    dropdown: function(data) {
+      var element, i, item, len, ref, target;
+      target = this.__parent.check_target(data);
+      element = $("<select class='inline-dropdown' name='" + data.id + "'></select>");
+      ref = data.options;
+      for (i = 0, len = ref.length; i < len; i++) {
+        item = ref[i];
+        element.append($("<option>" + item + "</option>"));
+      }
+      element.change((function(_this) {
+        return function(e) {
+          return _this.__parent.send({
+            id: data.id,
+            action: 'callback',
+            source: 'dropdown',
+            text: element.find('option:selected').text()
+          });
+        };
+      })(this));
+      return this.__parent.add(element, target, data);
+    },
     alert: function(data) {
       return alert(data.text);
     },
@@ -476,6 +507,16 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
     },
     close: function(data) {
       return window.close();
+    },
+    search: function(data) {
+      var anchor;
+      if (window.find(data.text, 0, 0, 1)) {
+        anchor = window.getSelection().anchorNode;
+        if (anchor.nodeType !== 1) {
+          anchor = anchor.parentNode;
+        }
+        return anchor.scrollIntoView();
+      }
     }
   });

data/lib/html/build/javascripts/all.js CHANGED

@@ -6664,9 +6664,9 @@ if (typeof module !== 'undefined') {
         }
         return results;
       }).call(this)).join("\n")) + "</ul>";
-      $('#dialog > #message').html(message);
+      $('#dialog > #content > #message').html(message);
       $('#dialog').show();
-      return $('#dialog > #ok').click(function() {
+      return $('#dialog > #content > #ok').click(function() {
         return $('#dialog').hide();
       });
     };
@@ -6852,7 +6852,7 @@ if (typeof module !== 'undefined') {
         target = $('#panes');
       }
       if (target.find("#console-" + data.name).size() === 0) {
-        target.append("<pre class='pane' id='console-" + data.name + "'><pre>");
+        target.append("<pre class='pane full-pane' id='console-" + data.name + "'><pre>");
       }
       return this.__parent.resize_panes(data);
     },
@@ -6905,11 +6905,18 @@ if (typeof module !== 'undefined') {
       return hljs.highlightBlock(code[0]);
     },
     markdown: function(data) {
-      var newblock, target;
+      var code, i, len, newblock, ref, results, target;
       target = this.__parent.check_target(data);
       newblock = $("<div class='markdown'></div>");
       newblock.html(data.text);
-      return this.__parent.add(newblock, target, data);
+      this.__parent.add(newblock, target, data);
+      ref = newblock.find('code');
+      results = [];
+      for (i = 0, len = ref.length; i < len; i++) {
+        code = ref[i];
+        results.push(hljs.highlightBlock(code));
+      }
+      return results;
     },
     button: function(data) {
       var class_name, element, left_icon, right_icon, target;
@@ -6954,11 +6961,14 @@ if (typeof module !== 'undefined') {
       return this.__parent.add(code, target, data);
     },
     subpane: function(data) {
-      var element, target;
+      var element, other_classes, target;
       target = this.__parent.check_target(data);
       element = target.find("#console-" + data.name);
       if (element.size() === 0) {
-        return target.append("<pre id='console-" + data.name + "' class='pane'></pre>");
+        if (data.fill) {
+          other_classes = "subpane-fill";
+        }
+        return target.append("<pre id='console-" + data.name + "' class='subpane pane " + other_classes + "'></pre>");
       }
     },
     input: function(data) {
@@ -7038,6 +7048,27 @@ if (typeof module !== 'undefined') {
       })(this));
       return target.append(element);
     },
+    dropdown: function(data) {
+      var element, i, item, len, ref, target;
+      target = this.__parent.check_target(data);
+      element = $("<select class='inline-dropdown' name='" + data.id + "'></select>");
+      ref = data.options;
+      for (i = 0, len = ref.length; i < len; i++) {
+        item = ref[i];
+        element.append($("<option>" + item + "</option>"));
+      }
+      element.change((function(_this) {
+        return function(e) {
+          return _this.__parent.send({
+            id: data.id,
+            action: 'callback',
+            source: 'dropdown',
+            text: element.find('option:selected').text()
+          });
+        };
+      })(this));
+      return this.__parent.add(element, target, data);
+    },
     alert: function(data) {
       return alert(data.text);
     },
@@ -7097,6 +7128,16 @@ if (typeof module !== 'undefined') {
     },
     close: function(data) {
       return window.close();
+    },
+    search: function(data) {
+      var anchor;
+      if (window.find(data.text, 0, 0, 1)) {
+        anchor = window.getSelection().anchorNode;
+        if (anchor.nodeType !== 1) {
+          anchor = anchor.parentNode;
+        }
+        return anchor.scrollIntoView();
+      }
     }
   });

data/lib/html/build/javascripts/map.js CHANGED

@@ -43,9 +43,9 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
         }
         return results;
       }).call(this)).join("\n")) + "</ul>";
-      $('#dialog > #message').html(message);
+      $('#dialog > #content > #message').html(message);
       $('#dialog').show();
-      return $('#dialog > #ok').click(function() {
+      return $('#dialog > #content > #ok').click(function() {
         return $('#dialog').hide();
       });
     };

data/lib/html/build/javascripts/status.js CHANGED

@@ -38,9 +38,9 @@
         }
         return results;
       }).call(this)).join("\n")) + "</ul>";
-      $('#dialog > #message').html(message);
+      $('#dialog > #content > #message').html(message);
       $('#dialog').show();
-      return $('#dialog > #ok').click(function() {
+      return $('#dialog > #content > #ok').click(function() {
         return $('#dialog').hide();
       });
     };

data/lib/html/build/javascripts/websocket.js CHANGED

@@ -43,9 +43,9 @@ void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?voi
         }
         return results;
       }).call(this)).join("\n")) + "</ul>";
-      $('#dialog > #message').html(message);
+      $('#dialog > #content > #message').html(message);
       $('#dialog').show();
-      return $('#dialog > #ok').click(function() {
+      return $('#dialog > #content > #ok').click(function() {
         return $('#dialog').hide();
       });
     };

data/lib/html/build/stylesheets/all.css CHANGED

@@ -1,289 +1,152 @@
-@charset "utf-8";/*
-Railscasts-like style (c) Visoft, Inc. (Damien White)
-*/
-.hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  background: #232323;
-  color: #e6e1dc;
-  -webkit-text-size-adjust: none;
-}
-.hljs-comment,
-.hljs-shebang {
-  color: #bc9458;
-  font-style: italic;
-}
-.hljs-keyword,
-.ruby .hljs-function .hljs-keyword,
-.hljs-request,
-.hljs-status,
-.nginx .hljs-title,
-.method,
-.hljs-list .hljs-title {
-  color: #c26230;
-}
-.hljs-string,
-.hljs-number,
-.hljs-regexp,
-.hljs-tag .hljs-value,
-.hljs-cdata,
-.hljs-filter .hljs-argument,
-.hljs-attr_selector,
-.apache .hljs-cbracket,
-.hljs-date,
-.tex .hljs-command,
-.asciidoc .hljs-link_label,
-.markdown .hljs-link_label {
-  color: #a5c261;
-}
-.hljs-subst {
-  color: #519f50;
-}
-.hljs-tag,
-.hljs-tag .hljs-keyword,
-.hljs-tag .hljs-title,
-.hljs-doctype,
-.hljs-sub .hljs-identifier,
-.hljs-pi,
-.input_number {
-  color: #e8bf6a;
-}
-.hljs-identifier {
-  color: #d0d0ff;
-}
-.hljs-class .hljs-title,
-.hljs-type,
-.smalltalk .hljs-class,
-.hljs-doctag {
-  text-decoration: none;
-}
-.hljs-constant,
-.hljs-name {
-  color: #da4939;
-}
-.hljs-symbol,
-.hljs-built_in,
-.ruby .hljs-symbol .hljs-string,
-.ruby .hljs-symbol .hljs-identifier,
-.asciidoc .hljs-link_url,
-.markdown .hljs-link_url,
-.hljs-attribute {
-  color: #6d9cbe;
-}
-.asciidoc .hljs-link_url,
-.markdown .hljs-link_url {
-  text-decoration: underline;
-}
-.hljs-params,
-.hljs-variable,
-.clojure .hljs-attribute {
-  color: #d0d0ff;
-}
-.css .hljs-tag,
-.hljs-rule .hljs-property,
-.hljs-pseudo,
-.tex .hljs-special {
-  color: #cda869;
-}
-.css .hljs-class {
-  color: #9b703f;
-}
-.hljs-rule .hljs-keyword {
-  color: #c5af75;
-}
-.hljs-rule .hljs-value {
-  color: #cf6a4c;
-}
-.css .hljs-id {
-  color: #8b98ab;
-}
-.hljs-annotation,
-.apache .hljs-sqbracket,
-.nginx .hljs-built_in {
-  color: #9b859d;
-}
-.hljs-preprocessor,
-.hljs-preprocessor *,
-.hljs-pragma {
-  color: #8996a8 !important;
-}
-.hljs-hexcolor,
-.css .hljs-value .hljs-number {
-  color: #a5c261;
-}
-.hljs-title,
-.hljs-decorator,
-.css .hljs-function {
-  color: #ffc66d;
-}
-.diff .hljs-header,
-.hljs-chunk {
-  background-color: #2f33ab;
-  color: #e6e1dc;
-  display: inline-block;
-  width: 100%;
-}
-.diff .hljs-change {
-  background-color: #4a410d;
-  color: #f8f8f8;
-  display: inline-block;
-  width: 100%;
-}
-.hljs-addition {
-  background-color: #144212;
-  color: #e6e1dc;
-  display: inline-block;
-  width: 100%;
-}
-.hljs-deletion {
-  background-color: #600;
-  color: #e6e1dc;
-  display: inline-block;
-  width: 100%;
-}
-.coffeescript .javascript,
-.javascript .xml,
-.tex .hljs-formula,
-.xml .javascript,
-.xml .vbscript,
-.xml .css,
-.xml .hljs-cdata {
-  opacity: 0.7;
-}
-.ansi-black-fg {
-  color: #292929;
+@charset "utf-8";.ansi-black-fg {
+  color: #101010;
 }
 .ansi-black-bg {
   background-color: #292929;
 }
+.ansi-black-bg.ansi-black-fg {
+  color: #292929;
+}
 .ansi-red-fg {
-  color: #b00;
+  color: #4b0000;
 }
 .ansi-red-bg {
   background-color: #b00;
 }
+.ansi-red-bg.ansi-red-fg {
+  color: #b00;
+}
 .ansi-green-fg {
-  color: #0b0;
+  color: #004b00;
 }
 .ansi-green-bg {
   background-color: #0b0;
 }
+.ansi-green-bg.ansi-green-fg {
+  color: #0b0;
+}
 .ansi-yellow-fg {
-  color: #bb0;
+  color: #4b4b00;
 }
 .ansi-yellow-bg {
   background-color: #bb0;
 }
+.ansi-yellow-bg.ansi-yellow-fg {
+  color: #bb0;
+}
 .ansi-blue-fg {
-  color: #234bc6;
+  color: #0e1e4f;
 }
 .ansi-blue-bg {
   background-color: #234bc6;
 }
+.ansi-blue-bg.ansi-blue-fg {
+  color: #234bc6;
+}
 .ansi-magenta-fg {
-  color: #b0b;
+  color: #4b004b;
 }
 .ansi-magenta-bg {
   background-color: #b0b;
 }
+.ansi-magenta-bg.ansi-magenta-fg {
+  color: #b0b;
+}
 .ansi-cyan-fg {
-  color: #0bb;
+  color: #004b4b;
 }
 .ansi-cyan-bg {
   background-color: #0bb;
 }
+.ansi-cyan-bg.ansi-cyan-fg {
+  color: #0bb;
+}
 .ansi-white-fg {
-  color: #fff;
+  color: #666;
 }
 .ansi-white-bg {
   background-color: #fff;
 }
+.ansi-white-bg.ansi-white-fg {
+  color: #fff;
+}
 .ansi-bright-black-fg {
-  color: #555;
+  color: #222;
 }
 .ansi-bright-black-bg {
   background-color: #555;
 }
+.ansi-bright-black-bg.ansi-bright-black-fg {
+  color: #555;
+}
 .ansi-bright-red-fg {
-  color: #f55;
+  color: #800;
 }
 .ansi-bright-red-bg {
   background-color: #f55;
 }
+.ansi-bright-red-bg.ansi-bright-red-fg {
+  color: #f55;
+}
 .ansi-bright-green-fg {
-  color: #0f0;
+  color: #060;
 }
 .ansi-bright-green-bg {
   background-color: #0f0;
 }
+.ansi-bright-green-bg.ansi-bright-green-fg {
+  color: #0f0;
+}
 .ansi-bright-yellow-fg {
-  color: #ff5;
+  color: #880;
 }
 .ansi-bright-yellow-bg {
   background-color: #ff5;
 }
+.ansi-bright-yellow-bg.ansi-bright-yellow-fg {
+  color: #ff5;
+}
 .ansi-bright-blue-fg {
-  color: #55f;
+  color: #008;
 }
 .ansi-bright-blue-bg {
   background-color: #55f;
 }
+.ansi-bright-blue-bg.ansi-bright-blue-fg {
+  color: #55f;
+}
 .ansi-bright-magenta-fg {
-  color: #f5f;
+  color: #808;
 }
 .ansi-bright-magenta-bg {
   background-color: #f5f;
 }
+.ansi-bright-magenta-bg.ansi-bright-magenta-fg {
+  color: #f5f;
+}
 .ansi-bright-cyan-fg {
-  color: #5ff;
+  color: #088;
 }
 .ansi-bright-cyan-bg {
   background-color: #5ff;
 }
+.ansi-bright-cyan-bg.ansi-bright-cyan-fg {
+  color: #5ff;
+}
 .ansi-bright-white-fg {
-  color: #fff;
+  color: #666;
 }
 .ansi-bright-white-bg {
   background-color: #fff;
 }
+.ansi-bright-white-bg.ansi-bright-white-fg {
+  color: #fff;
+}
 .full-button {
-  background-color: #383e40;
-  color: #eee;
+  background-color: #eee;
+  color: #333;
   font-family: Monospace;
-  border: 1px solid #a7a7a7;
+  border: 1px solid #242424;
   padding: 1em;
   text-decoration: none;
   display: block;
@@ -296,30 +159,30 @@ Railscasts-like style (c) Visoft, Inc. (Damien White)
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  background-color: #4a5255;
-  background-image: -webkit-linear-gradient(top, #4a5255 40%, #32383a 100%);
-  background-image: -moz-linear-gradient(top, #4a5255 40%, #32383a 100%);
-  background-image: -ms-linear-gradient(top, #4a5255 40%, #32383a 100%);
-  background-image: -o-linear-gradient(top, #4a5255 40%, #32383a 100%);
-  background-image: linear-gradient(top, #4a5255 40%, #32383a 100%);
+  background-color: #f0f0f0;
+  background-image: -webkit-linear-gradient(top, #f0f0f0 40%, #d6d6d6 100%);
+  background-image: -moz-linear-gradient(top, #f0f0f0 40%, #d6d6d6 100%);
+  background-image: -ms-linear-gradient(top, #f0f0f0 40%, #d6d6d6 100%);
+  background-image: -o-linear-gradient(top, #f0f0f0 40%, #d6d6d6 100%);
+  background-image: linear-gradient(top, #f0f0f0 40%, #d6d6d6 100%);
 }
 .full-button:hover {
-  background-color: #4a5255;
-  background-color: #5a6468;
-  background-image: -webkit-linear-gradient(top, #5a6468 40%, #434a4d 100%);
-  background-image: -moz-linear-gradient(top, #5a6468 40%, #434a4d 100%);
-  background-image: -ms-linear-gradient(top, #5a6468 40%, #434a4d 100%);
-  background-image: -o-linear-gradient(top, #5a6468 40%, #434a4d 100%);
-  background-image: linear-gradient(top, #5a6468 40%, #434a4d 100%);
+  background-color: #d6d6d6;
+  background-color: #dadada;
+  background-image: -webkit-linear-gradient(top, #dadada 40%, #c1c1c1 100%);
+  background-image: -moz-linear-gradient(top, #dadada 40%, #c1c1c1 100%);
+  background-image: -ms-linear-gradient(top, #dadada 40%, #c1c1c1 100%);
+  background-image: -o-linear-gradient(top, #dadada 40%, #c1c1c1 100%);
+  background-image: linear-gradient(top, #dadada 40%, #c1c1c1 100%);
 }
 .full-button:active {
-  background-color: #5c666a;
-  background-color: #434a4d;
-  background-image: -webkit-linear-gradient(top, #434a4d 40%, #5a6468 100%);
-  background-image: -moz-linear-gradient(top, #434a4d 40%, #5a6468 100%);
-  background-image: -ms-linear-gradient(top, #434a4d 40%, #5a6468 100%);
-  background-image: -o-linear-gradient(top, #434a4d 40%, #5a6468 100%);
-  background-image: linear-gradient(top, #434a4d 40%, #5a6468 100%);
+  background-color: #bebebe;
+  background-color: #c1c1c1;
+  background-image: -webkit-linear-gradient(top, #c1c1c1 40%, #dadada 100%);
+  background-image: -moz-linear-gradient(top, #c1c1c1 40%, #dadada 100%);
+  background-image: -ms-linear-gradient(top, #c1c1c1 40%, #dadada 100%);
+  background-image: -o-linear-gradient(top, #c1c1c1 40%, #dadada 100%);
+  background-image: linear-gradient(top, #c1c1c1 40%, #dadada 100%);
 }
 .full-button > .label-icon-left {
   float: left;
@@ -327,11 +190,12 @@ Railscasts-like style (c) Visoft, Inc. (Damien White)
 .full-button > .label-icon-right {
   float: right;
 }
-.inline-text-input {
-  background-color: #383e40;
-  color: #eee;
+.inline-text-input,
+.inline-dropdown {
+  background-color: #eee;
+  color: #333;
   font-family: Monospace;
-  border: 1px solid #a7a7a7;
+  border: 1px solid #242424;
   padding: 1em;
   text-decoration: none;
   display: block;
@@ -347,28 +211,34 @@ Railscasts-like style (c) Visoft, Inc. (Damien White)
   text-align: left;
   box-sizing: border-box;
   width: 100%;
-  box-shadow: inset 0px 0px 2px 2px #2d3233;
+  box-shadow: inset 0px 0px 2px 2px #bebebe;
 }
-.inline-text-input:hover {
-  background-color: #4a5255;
+.inline-text-input:hover,
+.inline-dropdown:hover {
+  background-color: #d6d6d6;
 }
-.inline-text-input:active {
-  background-color: #5c666a;
+.inline-text-input:active,
+.inline-dropdown:active {
+  background-color: #bebebe;
 }
-.inline-text-input > .label-icon-left {
+.inline-text-input > .label-icon-left,
+.inline-dropdown > .label-icon-left {
   float: left;
 }
-.inline-text-input > .label-icon-right {
+.inline-text-input > .label-icon-right,
+.inline-dropdown > .label-icon-right {
   float: right;
 }
-.inline-text-input.unclicked {
-  color: #777;
+.inline-text-input.unclicked,
+.inline-dropdown.unclicked {
+  color: #1a1a1a;
 }
-textarea.inline-text-input {
+textarea.inline-text-input,
+textarea.inline-dropdown {
   height: 25em;
 }
 input::-webkit-input-placeholder {
-  color: #777;
+  color: #1a1a1a;
 }
 input:focus::-webkit-input-placeholder {
   opacity: 0;
@@ -395,14 +265,14 @@ input:focus::-webkit-input-placeholder {
   content: " ";
   width: 1em;
   height: 1em;
-  border: 1px solid #a7a7a7;
+  border: 1px solid #242424;
   margin-right: 0.5em;
 }
 .inline-checkbox.checked:before {
-  background-color: #828e92;
+  background-color: #8f8f8f;
 }
 .inline-checkbox:hover {
-  background-color: #4a5255;
+  background-color: #d6d6d6;
 }
 #toolbar {
   background-color: #000;
@@ -415,7 +285,7 @@ input:focus::-webkit-input-placeholder {
   padding: 0.5em;
   margin: 0;
   text-decoration: none;
-  color: #eee;
+  color: #333;
   border-right: 1px solid;
   border-left: 1px solid;
   margin-right: 0em;
@@ -427,9 +297,10 @@ input:focus::-webkit-input-placeholder {
   position: absolute;
   top: 0.5em;
   right: 0.5em;
-  margin-right: 0.5em;
+  margin-right: 1em;
   background-color: rgba(0,0,0,0.5);
-  padding: 0.5em;
+  box-shadow: 2px 2px 4px 2px #bebebe;
+  padding: 0;
   z-index: 3;
 }
 .button-box .full-button,
@@ -448,17 +319,21 @@ input:focus::-webkit-input-placeholder {
   width: auto;
 }
 .button-box .inline-checkbox {
-  border: 1px solid #a7a7a7;
+  border: 1px solid #242424;
 }
 .button-box .inline-checkbox:before {
-  border: 1px solid #474747;
+  border: 1px solid #0f0f0f;
   height: 50%;
 }
+.button-box .label-icon-left,
+.button-box .label-icon-right {
+  margin: 0px 5px;
+}
 .inline-button {
-  background-color: #383e40;
-  color: #eee;
+  background-color: #eee;
+  color: #333;
   font-family: Monospace;
-  border: 1px solid #a7a7a7;
+  border: 1px solid #242424;
   padding: 1em;
   text-decoration: none;
   display: block;
@@ -474,10 +349,10 @@ input:focus::-webkit-input-placeholder {
   display: inline;
 }
 .inline-button:hover {
-  background-color: #4a5255;
+  background-color: #d6d6d6;
 }
 .inline-button:active {
-  background-color: #5c666a;
+  background-color: #bebebe;
 }
 .inline-button > .label-icon-left {
   float: left;
@@ -486,10 +361,10 @@ input:focus::-webkit-input-placeholder {
   float: right;
 }
 .floating-button {
-  background-color: #383e40;
-  color: #eee;
+  background-color: #eee;
+  color: #333;
   font-family: Monospace;
-  border: 1px solid #a7a7a7;
+  border: 1px solid #242424;
   padding: 1em;
   text-decoration: none;
   display: block;
@@ -507,10 +382,10 @@ input:focus::-webkit-input-placeholder {
   padding: 0.2em;
 }
 .floating-button:hover {
-  background-color: #4a5255;
+  background-color: #d6d6d6;
 }
 .floating-button:active {
-  background-color: #5c666a;
+  background-color: #bebebe;
 }
 .floating-button > .label-icon-left {
   float: left;
@@ -522,15 +397,186 @@ input:focus::-webkit-input-placeholder {
   margin-top: 0.1em;
   margin-bottom: -0.1em;
 }
+/*
+Railscasts-like style (c) Visoft, Inc. (Damien White)
+*/
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background-color: #242424;
+  color: #e6e1dc;
+  -webkit-text-size-adjust: none;
+  border-radius: 5px;
+}
+.hljs-comment,
+.hljs-shebang {
+  color: #bc9458;
+  font-style: italic;
+}
+.hljs-keyword,
+.ruby .hljs-function .hljs-keyword,
+.hljs-request,
+.hljs-status,
+.nginx .hljs-title,
+.method,
+.hljs-list .hljs-title {
+  color: #c26230;
+}
+.hljs-string,
+.hljs-number,
+.hljs-regexp,
+.hljs-tag .hljs-value,
+.hljs-cdata,
+.hljs-filter .hljs-argument,
+.hljs-attr_selector,
+.apache .hljs-cbracket,
+.hljs-date,
+.tex .hljs-command,
+.asciidoc .hljs-link_label,
+.markdown .hljs-link_label {
+  color: #a5c261;
+}
+.hljs-subst {
+  color: #519f50;
+}
+.hljs-tag,
+.hljs-tag .hljs-keyword,
+.hljs-tag .hljs-title,
+.hljs-doctype,
+.hljs-sub .hljs-identifier,
+.hljs-pi,
+.input_number {
+  color: #e8bf6a;
+}
+.hljs-identifier {
+  color: #d0d0ff;
+}
+.hljs-class .hljs-title,
+.hljs-type,
+.smalltalk .hljs-class,
+.hljs-doctag {
+  text-decoration: none;
+}
+.hljs-constant,
+.hljs-name {
+  color: #da4939;
+}
+.hljs-symbol,
+.hljs-built_in,
+.ruby .hljs-symbol .hljs-string,
+.ruby .hljs-symbol .hljs-identifier,
+.asciidoc .hljs-link_url,
+.markdown .hljs-link_url,
+.hljs-attribute {
+  color: #6d9cbe;
+}
+.asciidoc .hljs-link_url,
+.markdown .hljs-link_url {
+  text-decoration: underline;
+}
+.hljs-params,
+.hljs-variable,
+.clojure .hljs-attribute {
+  color: #d0d0ff;
+}
+.css .hljs-tag,
+.hljs-rule .hljs-property,
+.hljs-pseudo,
+.tex .hljs-special {
+  color: #cda869;
+}
+.css .hljs-class {
+  color: #9b703f;
+}
+.hljs-rule .hljs-keyword {
+  color: #c5af75;
+}
+.hljs-rule .hljs-value {
+  color: #cf6a4c;
+}
+.css .hljs-id {
+  color: #8b98ab;
+}
+.hljs-annotation,
+.apache .hljs-sqbracket,
+.nginx .hljs-built_in {
+  color: #9b859d;
+}
+.hljs-preprocessor,
+.hljs-preprocessor *,
+.hljs-pragma {
+  color: #8996a8 !important;
+}
+.hljs-hexcolor,
+.css .hljs-value .hljs-number {
+  color: #a5c261;
+}
+.hljs-title,
+.hljs-decorator,
+.css .hljs-function {
+  color: #ffc66d;
+}
+.diff .hljs-header,
+.hljs-chunk {
+  background-color: #2f33ab;
+  color: #e6e1dc;
+  display: inline-block;
+  width: 100%;
+}
+.diff .hljs-change {
+  background-color: #4a410d;
+  color: #f8f8f8;
+  display: inline-block;
+  width: 100%;
+}
+.hljs-addition {
+  background-color: #144212;
+  color: #e6e1dc;
+  display: inline-block;
+  width: 100%;
+}
+.hljs-deletion {
+  background-color: #600;
+  color: #e6e1dc;
+  display: inline-block;
+  width: 100%;
+}
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata {
+  opacity: 0.7;
+}
 #dialog {
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0,0,0,0.5);
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+#dialog > #content {
   position: absolute;
   top: 10%;
   left: 10%;
   width: 70%;
   height: 70%;
   padding: 1em;
-  background-color: #2d3233;
-  border: 1px solid #a7a7a7;
+  background-color: #bebebe;
+  border: 1px solid #242424;
+  box-shadow: 2px 2px 4px 2px #333;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
@@ -538,7 +584,7 @@ input:focus::-webkit-input-placeholder {
   -ms-user-select: none;
   user-select: none;
 }
-#dialog > #message {
+#dialog > #content > #message {
   -webkit-touch-callout: all;
   -webkit-user-select: all;
   -khtml-user-select: all;
@@ -550,7 +596,7 @@ input:focus::-webkit-input-placeholder {
   word-wrap: normal;
   overflow: auto;
 }
-#dialog > .full-button {
+#dialog > #content > .full-button {
   height: 1em;
 }
 /*!
@@ -2647,13 +2693,18 @@ input:focus::-webkit-input-placeholder {
 @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
 body {
-  background-color: #383e40;
-  color: #eee;
+  background-color: #eee;
+  color: #333;
   padding: 0px;
   margin: 0px;
   height: 100%;
   width: 100%;
   overflow: hidden;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 html {
@@ -2667,10 +2718,10 @@ a {
 }
 p a {
   text-decoration: underline;
-  color: #9ca0a1;
+  color: #848484;
 }
 p a:hover {
-  color: #a5aaac;
+  color: #787878;
 }
 .hidden {
   display: none;
@@ -2684,17 +2735,30 @@ p a:hover {
   box-sizing: border-box;
   word-wrap: break-word;
   position: relative;
+  -webkit-touch-callout: text;
+  -webkit-user-select: text;
+  -khtml-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
 }
 .pane > .pane {
   width: calc(100% + 16px);
   height: initial;
   margin: -8px;
 }
+.pane > .pane.subpane-fill {
+  height: calc(100% + 16px);
+}
 #panes {
   height: calc(98% - 15px);
   width: 100%;
   box-sizing: border-box;
 }
+html {
+  padding-top: 2px;
+  box-shadow: inset 0px 0px 2px 2px #bebebe;
+}
 .horizontal > .pane {
   height: 100%;
   float: left;
@@ -2709,7 +2773,7 @@ p a:hover {
 #plot-mouseover {
   position: absolute;
   background-color: rgba(0,0,0,0.5);
-  color: #eee;
+  color: #333;
   pointer-events: none;
   font-family: Monospace;
 }
@@ -2719,9 +2783,6 @@ p a:hover {
   pointer-events: none;
   border: 1px solid #012;
 }
-.hljs {
-  background-color: #383e40;
-}
 /* required styles */
@@ -3216,38 +3277,40 @@ p a:hover {
   height: 1.5em;
 }
 ::-webkit-scrollbar-thumb {
-  background: #919393;
-  background-color: #b2b3b3;
-  background-image: -webkit-linear-gradient(left, #b2b3b3 40%, #828585 50%);
-  background-image: -moz-linear-gradient(left, #b2b3b3 40%, #828585 50%);
-  background-image: -ms-linear-gradient(left, #b2b3b3 40%, #828585 50%);
-  background-image: -o-linear-gradient(left, #b2b3b3 40%, #828585 50%);
-  background-image: linear-gradient(left, #b2b3b3 40%, #828585 50%);
+  background: #858585;
+  background-color: #aaa;
+  background-image: -webkit-linear-gradient(left, #aaa 40%, #787878 50%);
+  background-image: -moz-linear-gradient(left, #aaa 40%, #787878 50%);
+  background-image: -ms-linear-gradient(left, #aaa 40%, #787878 50%);
+  background-image: -o-linear-gradient(left, #aaa 40%, #787878 50%);
+  background-image: linear-gradient(left, #aaa 40%, #787878 50%);
 }
 ::-webkit-scrollbar-track {
-  background: #626464;
-  box-shadow: inset 0px 0px 1px 1px #32383a;
+  background: #bebebe;
+  box-shadow: inset 0px 0px 1px 1px #d6d6d6;
 }
 #status {
-  background-color: #000;
+  background-color: #aaa;
   margin: 0px;
   padding: 5px;
   padding-bottom: 10px;
   font-family: Monospace;
   height: 2%;
-  overflow: none;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  background-color: #1a1a1a;
-  background-image: -webkit-linear-gradient(top, #1a1a1a 10%, #000 100%);
-  background-image: -moz-linear-gradient(top, #1a1a1a 10%, #000 100%);
-  background-image: -ms-linear-gradient(top, #1a1a1a 10%, #000 100%);
-  background-image: -o-linear-gradient(top, #1a1a1a 10%, #000 100%);
-  background-image: linear-gradient(top, #1a1a1a 10%, #000 100%);
+  background-color: #b2b2b2;
+  background-image: -webkit-linear-gradient(top, #b2b2b2 10%, #999 100%);
+  background-image: -moz-linear-gradient(top, #b2b2b2 10%, #999 100%);
+  background-image: -ms-linear-gradient(top, #b2b2b2 10%, #999 100%);
+  background-image: -o-linear-gradient(top, #b2b2b2 10%, #999 100%);
+  background-image: linear-gradient(top, #b2b2b2 10%, #999 100%);
 }
 #status:before {
   color: #781111;
@@ -3255,12 +3318,10 @@ p a:hover {
 }
 #status > .left {
   float: left;
-  width: 33%;
   cursor: pointer;
 }
 #status > .right {
   float: right;
-  width: 33%;
   cursor: pointer;
   text-align: right;
 }
@@ -3282,17 +3343,16 @@ td {
   box-sizing: padding-box;
 }
 td.hover {
-  background: #41484a;
+  background: #e2e2e2;
 }
 tr {
   padding: 0;
 }
 tr:hover {
-  background: #41484a;
+  background: #e2e2e2;
 }
 tr:hover td.hover {
   outline: 1px solid #333;
-  background: #383e40;
+  background: #eee;
+  box-shadow: inset 0px 0px 2px 2px #bebebe;
 }