Version 8.0 beta

Dynamic paths -> v8 beta foundations

.gitignore

@@ -2,6 +2,5 @@ data/*
 !data/.gitkeep
 plugins/*
 !plugins/index.php
-test/test-file1.txt
 tmp/*
 !tmp/index.php

CodeMirror/addon/fold/foldgutter.css

@@ -1,20 +0,0 @@
-.CodeMirror-foldmarker {
-  color: blue;
-  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
-  font-family: arial;
-  line-height: .3;
-  cursor: pointer;
-}
-.CodeMirror-foldgutter {
-  width: .7em;
-}
-.CodeMirror-foldgutter-open,
-.CodeMirror-foldgutter-folded {
-  cursor: pointer;
-}
-.CodeMirror-foldgutter-open:after {
-  content: "\25BE";
-}
-.CodeMirror-foldgutter-folded:after {
-  content: "\25B8";
-}

CodeMirror/addon/hint/show-hint.css

@@ -1,38 +0,0 @@
-.CodeMirror-hints {
-  position: absolute;
-  z-index: 10;
-  overflow: hidden;
-  list-style: none;
-
-  margin: 0;
-  padding: 2px;
-
-  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-  border-radius: 3px;
-  border: 1px solid silver;
-
-  background: white;
-  font-size: 90%;
-  font-family: monospace;
-
-  max-height: 20em;
-  overflow-y: auto;
-}
-
-.CodeMirror-hint {
-  margin: 0;
-  padding: 0 4px;
-  border-radius: 2px;
-  max-width: 19em;
-  overflow: hidden;
-  white-space: pre;
-  color: black;
-  cursor: pointer;
-}
-
-li.CodeMirror-hint-active {
-  background: #08f;
-  color: white;
-}

CodeMirror/addon/lint/lint.css

@@ -1,73 +0,0 @@
-/* The lint marker gutter */
-.CodeMirror-lint-markers {
-  width: 12px; margin-left: 2px;
-}
-
-.CodeMirror-lint-tooltip {
-  background-color: infobackground;
-  border: 1px solid black;
-  border-radius: 4px 4px 4px 4px;
-  color: infotext;
-  font-family: monospace;
-  font-size: 10pt;
-  overflow: hidden;
-  padding: 2px 5px;
-  position: fixed;
-  white-space: pre;
-  white-space: pre-wrap;
-  z-index: 100;
-  max-width: 600px;
-  opacity: 0;
-  transition: opacity .4s;
-  -moz-transition: opacity .4s;
-  -webkit-transition: opacity .4s;
-  -o-transition: opacity .4s;
-  -ms-transition: opacity .4s;
-}
-
-.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
-  background-position: left bottom;
-  background-repeat: repeat-x;
-}
-
-.CodeMirror-lint-mark-error {
-  background-image:
-  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
-  ;
-}
-
-.CodeMirror-lint-mark-warning {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
-}
-
-.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
-  background-position: center center;
-  background-repeat: no-repeat;
-  cursor: help;
-  display: inline-block;
-  height: 16px;
-  width: 16px;
-  vertical-align: middle;
-  position: relative;
-}
-
-.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
-  padding-left: 18px;
-  background-position: top left;
-  background-repeat: no-repeat;
-}
-
-.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
-}
-
-.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
-}
-
-.CodeMirror-lint-marker-multiple {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
-  background-repeat: no-repeat;
-  background-position: right bottom;
-  width: 100%; height: 100%;
-}

CodeMirror/addon/scroll/simplescrollbars.css

@@ -1,68 +0,0 @@
-.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
-  position: absolute;
-  background: #ccc;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  border: 1px solid #bbb;
-  border-radius: 2px;
-}
-
-.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
-  position: absolute;
-  z-index: 6;
-  background: #eee;
-}
-
-.CodeMirror-simplescroll-horizontal {
-  bottom: 0; left: 0;
-  height: 8px;
-}
-.CodeMirror-simplescroll-horizontal div {
-  bottom: 0;
-  height: 100%;
-}
-
-.CodeMirror-simplescroll-vertical {
-  right: 0; top: 0;
-  width: 8px;
-}
-.CodeMirror-simplescroll-vertical div {
-  right: 0;
-  width: 100%;
-}
-
-
-.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
-  display: none;
-  background: transparent;
-}
-
-.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
-  position: absolute;
-  background: rgba(0,198,255,0.1);
-  border-radius: 0;
-}
-
-.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
-  position: absolute;
-  z-index: 6;
-}
-
-.CodeMirror-overlayscroll-horizontal {
-  bottom: 0; left: 0;
-  height: 12px;
-}
-.CodeMirror-overlayscroll-horizontal div {
-  bottom: 0;
-  height: 100%;
-}
-
-.CodeMirror-overlayscroll-vertical {
-  right: 0; top: 0;
-  width: 6px;
-}
-.CodeMirror-overlayscroll-vertical div {
-  display: none;
-  right: 0;
-  width: 100%;
-}

CodeMirror/theme/icecoder.css

@@ -1,43 +0,0 @@
-/*
-ICEcoder default theme by Matt Pass, used in code editor available at https://icecoder.net
-*/
-
-.cm-s-icecoder { color: #666; background: #1d1d1b; }
-
-.cm-s-icecoder span.cm-keyword { color: #eee; font-weight:bold; }  /* off-white 1 */
-.cm-s-icecoder span.cm-atom { color: #e1c76e; }                    /* yellow */
-.cm-s-icecoder span.cm-number { color: #6cb5d9; }                  /* blue */
-.cm-s-icecoder span.cm-def { color: #b9ca4a; }                     /* green */
-
-.cm-s-icecoder span.cm-variable { color: #6cb5d9; }                /* blue */
-.cm-s-icecoder span.cm-variable-2 { color: #cc1e5c; }              /* pink */
-.cm-s-icecoder span.cm-variable-3 { color: #f9602c; }              /* orange */
-
-.cm-s-icecoder span.cm-property { color: #eee; }                   /* off-white 1 */
-.cm-s-icecoder span.cm-operator { color: #9179bb; }                /* purple */
-.cm-s-icecoder span.cm-comment { color: #97a3aa; }                 /* grey-blue */
-
-.cm-s-icecoder span.cm-string { color: #b9ca4a; }                  /* green */
-.cm-s-icecoder span.cm-string-2 { color: #6cb5d9; }                /* blue */
-
-.cm-s-icecoder span.cm-meta { color: #555; }                       /* grey */
-
-.cm-s-icecoder span.cm-qualifier { color: #555; }                  /* grey */
-.cm-s-icecoder span.cm-builtin { color: #214e7b; }                 /* bright blue */
-.cm-s-icecoder span.cm-bracket { color: #cc7; }                    /* grey-yellow */
-
-.cm-s-icecoder span.cm-tag { color: #e8e8e8; }                     /* off-white 2 */
-.cm-s-icecoder span.cm-attribute { color: #099; }                  /* teal */
-
-.cm-s-icecoder span.cm-header { color: #6a0d6a; }                  /* purple-pink */
-.cm-s-icecoder span.cm-quote { color: #186718; }                   /* dark green */
-.cm-s-icecoder span.cm-hr { color: #888; }                         /* mid-grey */
-.cm-s-icecoder span.cm-link { color: #e1c76e; }                    /* yellow */
-.cm-s-icecoder span.cm-error { color: #d00; }                      /* red */
-
-.cm-s-icecoder .CodeMirror-cursor { border-left: 1px solid white; }
-.cm-s-icecoder div.CodeMirror-selected { color: #fff; background: #037; }
-.cm-s-icecoder .CodeMirror-gutters { background: #1d1d1b; min-width: 41px; border-right: 0; }
-.cm-s-icecoder .CodeMirror-linenumber { color: #555; cursor: default; }
-.cm-s-icecoder .CodeMirror-matchingbracket { color: #fff !important; background: #555 !important; }
-.cm-s-icecoder .CodeMirror-activeline-background { background: #000; }

LICENSE.md

@@ -1,4 +1,4 @@
-Copyright: © 2015 ICEcoder Ltd
+Copyright: © 2020 ICEcoder Ltd
 Website:   icecoder.net  
 Email:     info@icecoder.net
 Twitter:   @icecoder

README.md

@@ -4,11 +4,11 @@
 
 ICEcoder is a web IDE / browser based code editor, which allows you to develop websites directly within the web browser. It uses the brilliant CodeMirror for code highlighting & editing, with a slick IDE wrapped around it to make the whole thing work.
 
-<img src="https://icecoder.net/images/icecoder-v7-0-browser-code-editor.png" alt="ICEcoder web IDE">
+<img src="https://icecoder.net/images/icecoder-v8-0-beta-browser-code-editor.png" alt="ICEcoder web IDE">
 
 ### Requirements
 
-You can run ICEcoder either online or locally, on Linux, Windows or Mac based platforms. The only requirement is to have PHP 5 available (5.3 recommended). You can have this either as a vanilla installation or via a program such as WAMP or XAMPP (for Windows) or MAMP (for Mac).
+You can run ICEcoder either online or locally, on Linux, Windows or Mac based platforms. The only requirement is to have PHP 7 available (7.4 recommended). You can have this either as a vanilla installation or via a program such as WAMP or XAMPP (for Windows) or MAMP (for Mac).
 
 ### Installation
 
@@ -17,13 +17,13 @@ You can run ICEcoder either online or locally, on Linux, Windows or Mac based pl
 Either download the zip or clone from Github using:
 
 ```
-$ git clone git://github.com/mattpass/ICEcoder
+$ git clone git://github.com/icecoder/ICEcoder
 ```
 
 #### Step 2: Place in your document root (online or local)
 
 * Put in a new sub-dir URL such as yourdomain.com/ICEcoder or localhost/ICEcoder
-* Set write permissions (757 or 775 depending on your system) on the 'backups', 'lib', 'plugins', 'test' and 'tmp' folders
+* Set write permissions (757 or 775 depending on your system) on the 'data', 'lib', 'plugins' and 'tmp' folders
 
 *(Note: A small number of web servers give an internal server error here, if you get this, try 755 instead)*
 
@@ -33,7 +33,7 @@ $ git clone git://github.com/mattpass/ICEcoder
 
 **Now you're setup, auto-logged in and ready to code!**
 
-Suitable for commercial & non-commercial projects, just let me know if it's useful to you and any cool customisations you make to it. I take no responsibility for anything, your usage is all down to you.
+Suitable for commercial & non-commercial projects, just let me know if it's useful to you and any cool customisations you make to it. I take no responsibility for anything, all usage is all down to you.
 
 It's fully open source and MIT licensed. I'm happy for you to take it, make it your own and customise to your hearts content and/or contribute to this main repo! :)
 

assets/css/auto-logout-warning.css

@@ -0,0 +1,10 @@
+body {overflow: hidden;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    text-align: center;
+}
+
+h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px}
+.auto-logout-warning {background-color: #1c1c19; color: #fff; padding: 20px}

assets/css/backup-versions.css

@@ -0,0 +1,29 @@
+body {overflow: hidden;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px}
+a {color: #fff; text-decoration: none}
+
+.backup-versions {background-color: #1c1c19; color: #fff; padding: 20px}
+.button {padding: 5px 10px; font-size: 14px; background-color: rgba(0,198,255,0.7); margin-bottom: 20px; text-align: center; cursor: pointer}
+
+.cm-trailingspace {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
+    background-position: bottom left;
+    background-repeat: repeat-x;
+}
+.CodeMirror-foldmarker {font-family: arial; line-height: .3; color: #b00; cursor: pointer;
+    text-shadow: #fff 1px 1px 2px, #fff -1px -1px 2px, #fff 1px -1px 2px, #fff -1px 1px 2px;
+}
+.CodeMirror-foldgutter {display: inline-block; width: 13px}
+.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {position: absolute; display: inline-block; width: 13px; height: 13px; font-size: 14px; text-align: center; cursor: pointer}
+.CodeMirror-foldgutter-open {background: rgba(255,255,255,0.04); color: #666}
+.CodeMirror-foldgutter-open:after {position: relative; top: -2px}
+.CodeMirror-foldgutter-folded {background: #800; color: #ddd}
+.CodeMirror-foldgutter-folded:after {position: relative; top: -3px}
+
+.previewArea {display: inline-block; width: 480px; height: 550px; margin-left: 20px}

assets/css/codemirror.css

@@ -1,39 +1,39 @@
 /* BASICS */
 
 .CodeMirror {
-  /* Set height, width, borders, and global font properties here */
+    /* Set height, width, borders, and global font properties here */
-  font-family: monospace;
+    font-family: monospace;
-  height: 300px;
+    height: 300px;
-  color: black;
+    color: black;
 }
 
 /* PADDING */
 
 .CodeMirror-lines {
-  padding: 4px 0; /* Vertical padding around content */
+    padding: 4px 0; /* Vertical padding around content */
 }
 .CodeMirror pre {
-  padding: 0 4px; /* Horizontal padding of content */
+    padding: 0 4px; /* Horizontal padding of content */
 }
 
 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-  background-color: white; /* The little square between H and V scrollbars */
+    background-color: white; /* The little square between H and V scrollbars */
 }
 
 /* GUTTER */
 
 .CodeMirror-gutters {
-  border-right: 1px solid #ddd;
+    border-right: 1px solid #ddd;
-  background-color: #f7f7f7;
+    background-color: #f7f7f7;
-  white-space: nowrap;
+    white-space: nowrap;
 }
 .CodeMirror-linenumbers {}
 .CodeMirror-linenumber {
-  padding: 0 3px 0 5px;
+    padding: 0 3px 0 5px;
-  min-width: 20px;
+    min-width: 20px;
-  text-align: right;
+    text-align: right;
-  color: #999;
+    color: #999;
-  white-space: nowrap;
+    white-space: nowrap;
 }
 
 .CodeMirror-guttermarker { color: black; }
@@ -42,45 +42,45 @@
 /* CURSOR */
 
 .CodeMirror-cursor {
-  border-left: 1px solid black;
+    border-left: 1px solid black;
-  border-right: none;
+    border-right: none;
-  width: 0;
+    width: 0;
 }
 /* Shown when moving in bi-directional text */
 .CodeMirror div.CodeMirror-secondarycursor {
-  border-left: 1px solid silver;
+    border-left: 1px solid silver;
 }
 .cm-fat-cursor .CodeMirror-cursor {
-  width: auto;
+    width: auto;
-  border: 0;
+    border: 0;
-  background: #7e7;
+    background: #7e7;
 }
 .cm-fat-cursor div.CodeMirror-cursors {
-  z-index: 1;
+    z-index: 1;
 }
 
 .cm-animate-fat-cursor {
-  width: auto;
+    width: auto;
-  border: 0;
+    border: 0;
-  -webkit-animation: blink 1.06s steps(1) infinite;
+    -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
+    -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
+    animation: blink 1.06s steps(1) infinite;
-  background-color: #7e7;
+    background-color: #7e7;
 }
 @-moz-keyframes blink {
-  0% {}
+    0% {}
-  50% { background-color: transparent; }
+    50% { background-color: transparent; }
-  100% {}
+    100% {}
 }
 @-webkit-keyframes blink {
-  0% {}
+    0% {}
-  50% { background-color: transparent; }
+    50% { background-color: transparent; }
-  100% {}
+    100% {}
 }
 @keyframes blink {
-  0% {}
+    0% {}
-  50% { background-color: transparent; }
+    50% { background-color: transparent; }
-  100% {}
+    100% {}
 }
 
 /* Can style cursor different in overwrite (non-insert) mode */
@@ -89,8 +89,8 @@
 .cm-tab { display: inline-block; text-decoration: inherit; }
 
 .CodeMirror-ruler {
-  border-left: 1px solid #ccc;
+    border-left: 1px solid #ccc;
-  position: absolute;
+    position: absolute;
 }
 
 /* DEFAULT THEME */
@@ -144,130 +144,130 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
    the editor. You probably shouldn't touch them. */
 
 .CodeMirror {
-  position: relative;
+    position: relative;
-  overflow: hidden;
+    overflow: hidden;
-  background: white;
+    background: white;
 }
 
 .CodeMirror-scroll {
-  overflow: scroll !important; /* Things will break if this is overridden */
+    overflow: scroll !important; /* Things will break if this is overridden */
-  /* 30px is the magic margin used to hide the element's real scrollbars */
+    /* 30px is the magic margin used to hide the element's real scrollbars */
-  /* See overflow: hidden in .CodeMirror */
+    /* See overflow: hidden in .CodeMirror */
-  margin-bottom: -30px; margin-right: -30px;
+    margin-bottom: -30px; margin-right: -30px;
-  padding-bottom: 30px;
+    padding-bottom: 30px;
-  height: 100%;
+    height: 100%;
-  outline: none; /* Prevent dragging from highlighting the element */
+    outline: none; /* Prevent dragging from highlighting the element */
-  position: relative;
+    position: relative;
 }
 .CodeMirror-sizer {
-  position: relative;
+    position: relative;
-  border-right: 30px solid transparent;
+    border-right: 30px solid transparent;
 }
 
 /* The fake, visible scrollbars. Used to force redraw during scrolling
    before actual scrolling happens, thus preventing shaking and
    flickering artifacts. */
 .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-  position: absolute;
+    position: absolute;
-  z-index: 6;
+    z-index: 6;
-  display: none;
+    display: none;
 }
 .CodeMirror-vscrollbar {
-  right: 0; top: 0;
+    right: 0; top: 0;
-  overflow-x: hidden;
+    overflow-x: hidden;
-  overflow-y: scroll;
+    overflow-y: scroll;
 }
 .CodeMirror-hscrollbar {
-  bottom: 0; left: 0;
+    bottom: 0; left: 0;
-  overflow-y: hidden;
+    overflow-y: hidden;
-  overflow-x: scroll;
+    overflow-x: scroll;
 }
 .CodeMirror-scrollbar-filler {
-  right: 0; bottom: 0;
+    right: 0; bottom: 0;
 }
 .CodeMirror-gutter-filler {
-  left: 0; bottom: 0;
+    left: 0; bottom: 0;
 }
 
 .CodeMirror-gutters {
-  position: absolute; left: 0; top: 0;
+    position: absolute; left: 0; top: 0;
-  z-index: 3;
+    z-index: 3;
 }
 .CodeMirror-gutter {
-  white-space: normal;
+    white-space: normal;
-  height: 100%;
+    height: 100%;
-  display: inline-block;
+    display: inline-block;
-  vertical-align: top;
+    vertical-align: top;
-  margin-bottom: -30px;
+    margin-bottom: -30px;
-  /* Hack to make IE7 behave */
+    /* Hack to make IE7 behave */
-  *zoom:1;
+    *zoom:1;
-  *display:inline;
+    *display:inline;
 }
 .CodeMirror-gutter-wrapper {
-  position: absolute;
+    position: absolute;
-  z-index: 4;
+    z-index: 4;
-  background: none !important;
+    background: none !important;
-  border: none !important;
+    border: none !important;
 }
 .CodeMirror-gutter-background {
-  position: absolute;
+    position: absolute;
-  top: 0; bottom: 0;
+    top: 0; bottom: 0;
-  z-index: 4;
+    z-index: 4;
 }
 .CodeMirror-gutter-elt {
-  position: absolute;
+    position: absolute;
-  cursor: default;
+    cursor: default;
-  z-index: 4;
+    z-index: 4;
 }
 .CodeMirror-gutter-wrapper {
-  -webkit-user-select: none;
+    -webkit-user-select: none;
-  -moz-user-select: none;
+    -moz-user-select: none;
-  user-select: none;
+    user-select: none;
 }
 
 .CodeMirror-lines {
-  cursor: text;
+    cursor: text;
-  min-height: 1px; /* prevents collapsing before first draw */
+    min-height: 1px; /* prevents collapsing before first draw */
 }
 .CodeMirror pre {
-  /* Reset some styles that the rest of the page might have set */
+    /* Reset some styles that the rest of the page might have set */
-  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
+    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
-  border-width: 0;
+    border-width: 0;
-  background: transparent;
+    background: transparent;
-  font-family: inherit;
+    font-family: inherit;
-  font-size: inherit;
+    font-size: inherit;
-  margin: 0;
+    margin: 0;
-  white-space: pre;
+    white-space: pre;
-  word-wrap: normal;
+    word-wrap: normal;
-  line-height: inherit;
+    line-height: inherit;
-  color: inherit;
+    color: inherit;
-  z-index: 2;
+    z-index: 2;
-  position: relative;
+    position: relative;
-  overflow: visible;
+    overflow: visible;
-  -webkit-tap-highlight-color: transparent;
+    -webkit-tap-highlight-color: transparent;
 }
 .CodeMirror-wrap pre {
-  word-wrap: break-word;
+    word-wrap: break-word;
-  white-space: pre-wrap;
+    white-space: pre-wrap;
-  word-break: normal;
+    word-break: normal;
 }
 
 .CodeMirror-linebackground {
-  position: absolute;
+    position: absolute;
-  left: 0; right: 0; top: 0; bottom: 0;
+    left: 0; right: 0; top: 0; bottom: 0;
-  z-index: 0;
+    z-index: 0;
 }
 
 .CodeMirror-linewidget {
-  position: relative;
+    position: relative;
-  z-index: 2;
+    z-index: 2;
-  overflow: auto;
+    overflow: auto;
 }
 
 .CodeMirror-widget {}
 
 .CodeMirror-code {
-  outline: none;
+    outline: none;
 }
 
 /* Force content-box sizing for the elements where we expect it */
@@ -276,32 +276,32 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
 .CodeMirror-gutter,
 .CodeMirror-gutters,
 .CodeMirror-linenumber {
-  -moz-box-sizing: content-box;
+    -moz-box-sizing: content-box;
-  box-sizing: content-box;
+    box-sizing: content-box;
 }
 
 .CodeMirror-measure {
-  position: absolute;
+    position: absolute;
-  width: 100%;
+    width: 100%;
-  height: 0;
+    height: 0;
-  overflow: hidden;
+    overflow: hidden;
-  visibility: hidden;
+    visibility: hidden;
 }
 
 .CodeMirror-cursor { position: absolute; }
 .CodeMirror-measure pre { position: static; }
 
 div.CodeMirror-cursors {
-  visibility: hidden;
+    visibility: hidden;
-  position: relative;
+    position: relative;
-  z-index: 3;
+    z-index: 3;
 }
 div.CodeMirror-dragcursors {
-  visibility: visible;
+    visibility: visible;
 }
 
 .CodeMirror-focused div.CodeMirror-cursors {
-  visibility: visible;
+    visibility: visible;
 }
 
 .CodeMirror-selected { background: #d9d9d9; }
@@ -311,8 +311,8 @@ div.CodeMirror-dragcursors {
 .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
 
 .cm-searching {
-  background: #ffa;
+    background: #ffa;
-  background: rgba(255, 255, 0, .4);
+    background: rgba(255, 255, 0, .4);
 }
 
 /* IE7 hack to prevent it from returning funny offsetTops on the spans */
@@ -322,10 +322,10 @@ div.CodeMirror-dragcursors {
 .cm-force-border { padding-right: .1px; }
 
 @media print {
-  /* Hide the cursor when printing */
+    /* Hide the cursor when printing */
-  .CodeMirror div.CodeMirror-cursors {
+    .CodeMirror div.CodeMirror-cursors {
-    visibility: hidden;
+        visibility: hidden;
-  }
+    }
 }
 
 /* See issue #2901 */

assets/css/database.css

@@ -1,5 +1,5 @@
 body {font-family: arial, verdana, helvetica, sans-serif; font-size: 13px; background: rgba(0,0,0,0.92); color: #ccc}
-a, a:visited {color: #49d; text-decoration: none; background: transparent}
+a, a:visited, .jush a {color: #49d; text-decoration: none; background: transparent}
 a:link:hover, a:visited:hover {color: #eee}
 #logins a, #tables a, #tables span {background: transparent}
 h1 {display: none}
@@ -13,6 +13,9 @@ tbody tr:hover td,tbody tr:hover th{background: #222}
 thead tr:hover td,thead tr:hover th{background: #333}
 .odd td {background: #111}
 
+.jush {color: #eee}
+.jush-op, .jush-custom {color: #f80 !important}
+
 .footer {position: relative; border-image: none; border-top: 0; margin-top: 20px}
 .footer div {background: transparent}
 

assets/css/farbtastic.css

@@ -0,0 +1,49 @@
+.picker {
+    display: inline-block;
+}
+.farbtastic {
+    position: relative;
+}
+.farbtastic * {
+    position: absolute;
+    cursor: crosshair;
+}
+.farbtastic, .farbtastic .wheel {
+    width: 195px;
+    height: 195px;
+}
+.farbtastic .color, .farbtastic .overlay {
+    top: 47px;
+    left: 47px;
+    width: 101px;
+    height: 101px;
+}
+.farbtastic .wheel {
+    background: url('../images/wheel.png') no-repeat;
+    width: 195px;
+    height: 195px;
+}
+.farbtastic .overlay {
+    background: url('../images/mask.png') no-repeat;
+}
+.farbtastic .marker {
+    width: 17px;
+    height: 17px;
+    margin: -8px 0 0 -8px;
+    overflow: hidden;
+    background: url('../images/marker.png') no-repeat;
+}
+.colorValue {
+    border: 0;
+    width: 105px;
+    padding-left: 5px
+}
+.insertColorValue {
+    background: #888;
+    color: #fff;
+    height: 18px;
+    width: 60px;
+    border: 0;
+    margin-left: 5px;
+    cursor: pointer
+}

assets/css/file-type-icons.css

@@ -0,0 +1,29 @@
+/* Additional file types */
+.ext-c:before {background-position: -48px 0 !important;}
+.ext-cpp:before, .ext-ino:before {background-position: -64px 0 !important;}
+.ext-cs:before {background-position: -80px 0 !important;}
+.ext-coffee:before {background-position: -96px 0 !important;}
+.ext-css:before {background-position: -112px 0 !important;}
+.ext-erl:before {background-position: -128px 0 !important;}
+.ext-gif:before {background-position: -144px 0 !important;}
+.ext-go:before {background-position: -160px 0 !important;}
+.ext-htm:before, .ext-html:before {background-position: -176px 0 !important;}
+.ext-jpg:before, .ext-jpeg:before {background-position: -192px 0 !important;}
+.ext-java:before {background-position: -208px 0 !important;}
+.ext-js:before, .ext-json:before {background-position: -224px 0 !important;}
+.ext-jl:before {background-position: -240px 0 !important;}
+.ext-less:before {background-position: -256px 0 !important;}
+.ext-lua:before {background-position: -272px 0 !important;}
+.ext-md:before {background-position: -288px 0 !important;}
+.ext-pl:before {background-position: -304px 0 !important;}
+.ext-php:before {background-position: -320px 0 !important;}
+.ext-png:before {background-position: -336px 0 !important;}
+.ext-py:before, .ext-mpy:before {background-position: -352px 0 !important;}
+.ext-rb:before, .ext-ruby:before {background-position: -368px 0 !important;}
+.ext-scss:before {background-position: -384px 0 !important;}
+.ext-sql:before {background-position: -400px 0 !important;}
+.ext-txt:before {background-position: -416px 0 !important;}
+.ext-ts:before {background-position: -432px 0 !important;}
+.ext-xml:before {background-position: -448px 0 !important;}
+.ext-yaml:before {background-position: -464px 0 !important;}
+.ext-zip:before {background-position: -480px 0 !important;}

assets/css/file-types.css

@@ -1,19 +1,19 @@
 .fileManager {
-	margin: 0 0 15px 20px;
+    margin: 0 0 15px 20px;
-	-webkit-user-select: none;
+    -webkit-user-select: none;
-	-moz-user-select: none;
+    -moz-user-select: none;
-	-ms-user-select: none;
+    -ms-user-select: none;
-	user-select: none;
+    user-select: none;
 }
 
 .fileManager span {font-family: helvetica, arial, swiss, verdana; padding: 1px 3px; border-radius: 3px}
 .fileManager a {color: #eee; text-decoration: none; cursor: pointer}
 .fileManager .pft-directory, .fileManager .pft-file {list-style-image: url(../images/blank.gif)}
 .fileManager ul, .fileManager li  {margin-left: 15px; white-space: nowrap}
-	
+
 /* Default file */
 .fileManager LI.pft-directory:before, .fileManager LI.pft-file:before {
-	position: absolute; width: 16px; height: 16px; content: ""; margin-top: -2px; margin-left: -20px; background:url(../images/file-folder-icons.png) no-repeat 0 0;
+    position: absolute; width: 16px; height: 16px; content: ""; margin-top: -2px; margin-left: -20px; background:url('../images/file-folder-icons.png') no-repeat 0 0;
 }
 .fileManager LI.dirOpen:before {background-position: -16px 0}
 .fileManager LI.pft-file:before {background-position: -32px 0}

assets/css/files.css

@@ -0,0 +1,22 @@
+::-webkit-scrollbar {width: 12px; height: 12px}
+::-webkit-scrollbar-thumb {background: rgba(0,198,255,0.2)}
+::-webkit-scrollbar-thumb:hover {background: rgba(0,198,255,0.8)}
+::-webkit-scrollbar-corner, ::-webkit-scrollbar-resizer {background: transparent}
+
+body {margin: 0; overflow: auto;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.lock {position: fixed; display: inline-block; width: 12px; height: 16px; background: url('../images/file-manager-icons.png') 0 0 no-repeat; right: 0; margin-right: 16px; top: 0; cursor: pointer}
+.refresh {position: fixed; display: inline-block; width: 14px; height: 14px; background: url('../images/file-manager-icons.png') -32px 0 no-repeat; right: 0; margin-right: 15px; top: 25px; cursor: pointer}
+.plugins {position: fixed; display: inline-block; width: 16px; height: 16px; background: url('../images/file-manager-icons.png') -64px 0 no-repeat; right: 0; margin-right: 15px; top: 47px; cursor: pointer}
+.fmDragBox {position: absolute; display: inline-block; width: 0; height: 0; top: 0; left: 0; background: rgba(0,198,255,0.3);
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+li a span:first-of-type {white-space: pre}

assets/css/foldgutter.css

@@ -0,0 +1,20 @@
+.CodeMirror-foldmarker {
+    color: blue;
+    text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
+    font-family: arial;
+    line-height: .3;
+    cursor: pointer;
+}
+.CodeMirror-foldgutter {
+    width: .7em;
+}
+.CodeMirror-foldgutter-open,
+.CodeMirror-foldgutter-folded {
+    cursor: pointer;
+}
+.CodeMirror-foldgutter-open:after {
+    content: "\25BE";
+}
+.CodeMirror-foldgutter-folded:after {
+    content: "\25B8";
+}

assets/css/ftp-manager.css

@@ -0,0 +1,16 @@
+body {overflow: hidden;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px}
+a {color: #2187e7; text-decoration: none}
+input {padding: 4px; border: 0; background-color: #444; color: #fff}
+select {padding: 3px 4px; border: 0; background-color: #444; color: #fff}
+input:focus {outline: none; background: rgba(0,198,255,0.5); color: #fff}
+select:focus {outline: none}
+
+.ftpManager {background-color: #1c1c19; color: #fff; padding: 20px}
+.ftpManager .info {font-size: 10px; color: rgba(0,198,255,0.7); cursor: help}

assets/css/help.css

@@ -0,0 +1,15 @@
+body {overflow: hidden;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px}
+a {color: #fff; text-decoration: none}
+
+.help {background-color: #1c1c19; color: #fff; padding: 20px}
+.key {display: inline-block; width: 175px; text-align: right; margin-right: 5px; float: left}
+.key .plus {color: #888}
+.shortcut {display: inline-block; width: 195px; color: #888; margin-left: 5px; float: left}
+.info {font-size: 10px; color: rgba(0,198,255,0.7); cursor: help}

assets/css/icecoder.css

@@ -0,0 +1,162 @@
+body {overflow: hidden;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-color: #1d1d1b;
+}
+
+h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px}
+h2 {font-size: 18px; font-weight: normal; color: #fff}
+
+.blackMask {position: fixed; display: table; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; background-color: rgba(0,0,0,0.8); text-align: center; z-index: 100}
+.blackMask .popupVCenter {#position: absolute; display: table-cell; #top: 50%; vertical-align: middle; text-align: center}
+.popupVCenter .popup {#position: relative; #top: -50%; text-align: center; color: #fff; font-size: 10px}
+.floatingContainer {position: absolute; top: 0; left: 0; width: 55px; height: 55px; visibility: hidden; border: solid 1px #444; image-rendering: pixelated}
+.floatingContainer:before {position: absolute; display: inline-block; width: 3px; height: 3px; left: 25px; top: 25px; content: ''; border: solid 1px #b00}
+
+.spinner {width: 50px; height: 50px; margin: 20px auto; background: #fff;
+    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
+    animation: rotateplane 1.2s infinite ease-in-out;
+}
+
+@-webkit-keyframes rotateplane {
+    0% {-webkit-transform: perspective(120px)}
+    50% {-webkit-transform: perspective(120px) rotateY(180deg)}
+    100% {-webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg)}
+}
+
+@keyframes rotateplane {
+    0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg)}
+    50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)}
+    100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
+}
+
+.infoBlackMask {position: fixed; display: none; width: 0; height: 0; top: 0; left: 0; border: solid 10000px rgba(0,0,0,0); transition: all 0.5s ease; z-index: 100}
+.infoMessageContainer {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; text-align: center; opacity: 0; transition: all 0.5s ease; z-index: 100}
+.infoMessage {position: relative; margin: -80px auto 0 auto; height: 160px; width: 500px; font-size: 14px; line-height: 21px; color: #fff}
+.infoMessage .title {margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #f80}
+.infoMessage .button {position: absolute; bottom: 0; left: 190px; width: 100px; padding: 5px 10px; font-size: 18px; background-color: rgba(0,198,255,0.7); cursor: pointer}
+
+.plugins {position: absolute; display: inline-block; width: 3px; height: 100%; top: 0; background: transparent; overflow: hidden; z-index: 3;
+    transition: all 0.07s ease-out;
+}
+
+.header {position: absolute; display: inline-block; top: 0; left: 0; width: 100%; height: 15px; background-color: #fff; text-align: right; z-index: 1}
+
+.files {position: absolute; display: inline-block; top: 0; left: 0; height: 100%; width: 250px; background-color: #444; overflow: hidden; z-index: 2;
+    transition: background 0.2s ease-out;
+}
+.files .fileNav {display: block; height: 36px}
+.files .fileNav ul {list-style-type: none; line-height: 20px; padding-left: 15px}
+.files .fileNav li {display: inline-block; padding: 18px 15px 0 0}
+.files .fileNav a {color: #666; text-decoration: none}
+.files .fileNav a:hover {color: #fff; cursor: pointer}
+
+.files .options {
+    transition: opacity 0.15s ease-in-out;
+}
+.files .options .optionsList {position: absolute; display: inline-block; visibility: hidden; background: #383838; height: 100%; padding: 23px 15px 15px 15px}
+.files .options .optionsList ul {list-style-type: none; line-height: 24px}
+.files .options .optionsList a {color: #666; text-decoration: none}
+.files .options .optionsList a:hover {color: #fff; cursor: pointer}
+.files input:focus, .password:focus {outline: none; background: rgba(0,198,255,0.5); color: #fff}
+.files .button {position: absolute; border: 0; background: #444; color: #eee; height: 20px; margin-top: 16px; margin-left: 5px; font-size: 11px; cursor: pointer}
+.files .button:hover {background-color: #1d1d1b; color: #eee}
+.files .frame {display: inline-block; width: 250px; margin-top: 24px}
+
+.files .tools {position: absolute; display: inline-block; width: 250px; height: 30px; left: 0; bottom: 0}
+.files .tools div {display: inline-block; margin: 8px 0 8px 15px; color: #666; cursor: pointer}
+.files .tools div:hover {color: #fff; cursor: pointer}
+.files .tools .highlight {color: #eee; padding: 1px 3px; margin: 7px -3px 7px 12px; border-radius: 3px}
+.files .tools .error {background: #800}
+.files .tools .info {background: #080}
+
+.editor {position: absolute; display: inline-block; top: 0; left: 15px; width: 2400px}
+.editor .tabsBar {display: inline-block; height: 27px; width: 2400px; margin-top: 15px; padding-left: 53px; background: #fff}
+.tabsBar .tab {position: absolute; display: none; height: 15px; padding: 6px 8px 6px 9px; border-right: 1px solid #ddd; color: #fff; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1;
+    transition: width 0.15s ease-in-out;
+    transition: left 0.15s ease-in-out;
+}
+.tabsBar .tab:before {
+    position: absolute; width: 16px; height: 16px; content: ""; margin-left: -2px; background:url('../images/file-folder-icons.png') no-repeat 0 0; background-position: -32px 0;
+}
+.tabsBar .tabSlide {
+    transition: left 0.15s ease-in-out;
+}
+.tabsBar .tabDrag {
+    transition: left 0s ease-in-out;
+}
+.tabsBar .tab .closeTab, .tabsBar .closeAllTabs {margin: 2px 0 0 5px; border-radius: 6px; cursor: pointer}
+.tabsBar .tab .closeTab {position: absolute; right: 7px}
+.tabsBar .alphaTabs {position: absolute; margin: 8px 0 0 -20px; border-radius: 6px; cursor: pointer}
+.tabsBar .alphaTabs:hover {background: #ccc}
+.tabsBar .closeAllTabs {position: absolute; margin: 8px 0 0 -36px}
+.tabsBar .closeAllTabs:hover {background: #ccc}
+.tabsBar .newTab {position: absolute; display: inline-block; height: 15px; padding: 7px 7px 5px 7px; cursor: pointer; z-index: 0;
+    transition: left 0.15s ease-in-out;
+}
+.editor .findBar {display: inline-block; height: 28px; width: 2400px; color: #fff; background-color: #1d1d1b}
+.findBar .findReplace {position: absolute; padding-top: 2px; z-index: 1}
+.findReplace .selectWrapper {position: relative; display: inline-block; margin-top: -6px}
+.findReplace .selectWrapper select {position: relative; padding: 1px; border: 0; background: url('../images/select-arrow.gif') no-repeat right #1d1d1b; color: #fff; font-size: 10px; height: 28px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+}
+.findReplace .selectWrapper select:focus {outline: 0}
+.findReplace .findText {display: inline-block; height: 28px; font-size: 10px; margin: 7px 3px 0 27px}
+.findReplace .find {position: relative; width: 167px; height: 28px; border: 0; top: -2px; font-size: 12px; padding-left: 5px; margin-right: 3px; background: #444; color: #eee}
+.findReplace .replaceText {height: 28px; font-size: 10px; margin: 6px 3px 0 2px}
+.findReplace .replace {position: relative; width: 167px; height: 28px; border: 0; top: -2px; font-size: 12px; padding-left: 5px; background: #444; color: #eee}
+.findReplace .withText {display: inline-block; height: 28px; font-size: 10px; margin-top: 1px}
+.findReplace .targetText {height: 28px; font-size: 10px; margin: 7px 3px 0 2px}
+.findReplace .button {position: relative; top: -2px; height: 28px; padding-top: 2px; border: 0; background-color: #1d1d1b; color: #eee; font-size: 10px; margin-left: 2px; cursor: pointer}
+.findReplace .button:hover {background-color: #2187e7; color: #eee}
+.findReplace .results {position: relative; display: inline-block; width: 200px; height: 20px; font-size: 10px; margin: 7px 0 0 20px}
+.findBar .goLine {position: fixed; display: inline-block; width: 120px; right: 65px; top: 49px; height: 21px; font-size: 10px; color: #eee; cursor: default; z-index: 1}
+.goLine .goToLine {width: 50px; height: 28px; border: 0; font-size: 12px; margin: -7px 0 0 3px; padding-left: 4px; background: #333; color: #eee}
+.findReplace input:focus, .goLine .goToLine:focus {outline: none; background: rgba(0,198,255,0.5); color: #fff}
+.findBar .view {position: fixed; display: inline-block; width: 16px; height: 16px; right: 40px; top: 49px; background: url('../images/file-manager-icons.png') 0 0 no-repeat; cursor: pointer; background-position: -48px 0; opacity: 0.3}
+.findBar .bug {position: fixed; display: inline-block; width: 16px; height: 16px; right: 15px; top: 48px; background: url('../images/bug-reporting-icons.png') 0 0 no-repeat; cursor: pointer; background-position: 0 0}
+.editor .terminal {position: fixed; top: 10000px; transition: top 0.2s ease; z-index: 2}
+.editor .output {position: fixed; top: 10000px; padding: 15px 18px 8px 13px; transition: top 0.2s ease; background: rgba(0,0,0,0.92); z-index: 2}
+.editor .database {position: fixed; top: 10000px; transition: top 0.2s ease; z-index: 2}
+.editor .git {position: fixed; top: 10000px; padding: 15px 18px 15px 13px; overflow-y: auto; transition: top 0.2s ease; background: rgba(0,0,0,0.92); z-index: 2}
+.editor .git::-webkit-scrollbar {width: 12px; height: 12px}
+.editor .git::-webkit-scrollbar-thumb {background: rgba(0,198,255,0.2)}
+.editor .git::-webkit-scrollbar-thumb:hover {background: rgba(0,198,255,0.8)}
+.editor .git::-webkit-scrollbar-corner, .editor .git::-webkit-scrollbar-resizer {background: transparent}
+.editor .git .link {font-family: monospace; cursor: pointer}
+.editor .git .link:hover {color:  rgba(0,198,255,1)}
+.editor .code {position: relative; display: inline-block; top: 28px; width: 600px; height: 600px; visibility: hidden}
+
+.footer {position: fixed; display: inline-block; width: 100%; height: 30px; bottom: 0; background-color: rgba(0,0,0,0.15); left: 0; z-index: 1}
+.footer .versionsDisplay {position: absolute; display: inline-block; padding: 5px; margin-top: 3px; left: 275px; color: #fff; transition: opacity 0.2s; z-index: 2; cursor: pointer}
+.footer .serverMessage {position: absolute; display: inline-block; padding: 5px; margin-top: 3px; left: 275px; color: #fff; transition: opacity 0.2s; z-index: 1}
+.footer .splitPaneControls {position: absolute; display: inline-block; width: 50px; text-align: center; padding: 6px}
+.footer .splitPaneControls .off {display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: url('../images/split-pane-controls.gif') no-repeat 0 0; cursor: pointer}
+.footer .splitPaneControls .on {display: inline-block; width: 19px; height: 18px; background: url('../images/split-pane-controls.gif') no-repeat -18px 0; cursor: pointer}
+.footer .splitPaneNames {position: absolute; display: inline-block; width: 100px; text-align: center; margin-top: 9px; color: #555; opacity: 0; transition: opacity 0.3s ease-in-out}
+.footer .charDisplay, .footer .byteDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 3px; margin-right: 10px; right: 0; font-size: 12px; color: #fff; text-align: right; text-align: right; cursor: pointer}
+
+.fileMenu {position: absolute; display: none; left: 0; top: 0; background-color: #333; z-index: 10;
+    transition: opacity 0.15s;
+}
+.fileMenu a {display: block; padding: 2px 5px; background-color: #333; color: #eee; text-decoration: none}
+.fileMenu a:hover {background-color: #666}
+.fileMenu hr {border: 0; height: 1px; padding: 0; margin: 0; background: #444}
+
+.tooltip {position: absolute; top: 0; left: 0; padding: 5px; background: #444; color: #bbb}
+
+.screenContainer {position: absolute; display: table; width: 100%; height: 100%; top: 0; left: 0; text-align: center}
+.screenContainer .screenVCenter {#position: absolute; display: table-cell; #top: 50%; vertical-align: middle; text-align: center}
+.screenVCenter .screenCenter {#position: relative; #top: -50%; text-align: center; display: inline}
+.screenCenter .version {position: relative; display: block; margin: 5px 0 15px 0; font-size: 10px; color: #bbb}
+.screenCenter .text {position: relative; display: block; margin-top: 15px; font-size: 10px; color: #888}
+.screenCenter .text input {margin-top: 1px}
+.screenCenter .text a {position: relative; display: block; margin-top: 15px; font-size: 10px; color: #888; text-decoration: none}
+.screenCenter .password {border: 0; background-color: #333; color: #fff; height: 20px}
+.screenCenter .password:focus {outline: none; background: rgba(0,198,255,0.5); color: #fff}
+.screenCenter .button {border: 0; background: #444; color: #eee; height: 22px; cursor: pointer}
+.screenCenter .button:hover {background: #2187e7; color: #eee}

assets/css/lint.css

@@ -0,0 +1,72 @@
+/* The lint marker gutter */
+.CodeMirror-lint-markers {
+    width: 12px; margin-left: 2px;
+}
+
+.CodeMirror-lint-tooltip {
+    background-color: #444;
+    border: 0;
+    color: #bbb;
+    font-family: arial, verdana, helvetica, sans-serif;
+    font-size: 13px;
+    overflow: hidden;
+    padding: 5px;
+    position: fixed;
+    white-space: pre;
+    white-space: pre-wrap;
+    z-index: 100;
+    max-width: 600px;
+    opacity: 0;
+    transition: opacity .4s;
+    -moz-transition: opacity .4s;
+    -webkit-transition: opacity .4s;
+    -o-transition: opacity .4s;
+    -ms-transition: opacity .4s;
+}
+
+.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
+    background-position: left bottom;
+    background-repeat: repeat-x;
+}
+
+.CodeMirror-lint-mark-error {
+    background-image:
+            url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==")
+;
+}
+
+.CodeMirror-lint-mark-warning {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
+}
+
+.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
+    background-position: center center;
+    background-repeat: no-repeat;
+    cursor: help;
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    vertical-align: middle;
+    position: relative;
+}
+
+.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
+    padding-left: 18px;
+    background-position: top left;
+    background-repeat: no-repeat;
+}
+
+.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
+}
+
+.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
+}
+
+.CodeMirror-lint-marker-multiple {
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
+    background-repeat: no-repeat;
+    background-position: right bottom;
+    width: 100%; height: 100%;
+}

assets/css/multiple-results.css

@@ -1,33 +1,15 @@
-/* First, reset everything to a standard */
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
-	border: 0;
-	margin: 0;
-	padding: 0;
-	outline: 0;
-	font-size: 12px;
-	vertical-align: top;
-}
-
 body {overflow: hidden;
-	-webkit-user-select: none;
+    -webkit-user-select: none;
-	-moz-user-select: none;
+    -moz-user-select: none;
-	-ms-user-select: none;
+    -ms-user-select: none;
-	user-select: none;
+    user-select: none;
 }
 
 h1 {font-size: 36px; font-weight: normal; color: #888; margin: 20px 20px 0 20px}
 h2 {font-size: 18px; font-weight: normal; color: #fff}
 hr {border: 0; height: 1px; background-color: #888}
 
-.results {font-family: arial, verdana, helvetica, sans-serif; background-color: #1c1c19; color: #fff}
+.results {background-color: #1c1c19; color: #fff}
 .results .resultsPane {position: relative; width: 660px; height: 340px; overflow: auto; font-size: 10px; padding: 20px; float: left}
 .results .resultsPane a {color: rgba(0,198,255,0.7); text-decoration: none}
 .results .resultsPane a:hover {text-decoration: underline}

assets/css/plugins-manager.css

@@ -0,0 +1,24 @@
+body {overflow: hidden;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px}
+a {color: #fff; text-decoration: none}
+input {margin-top: 3px; padding: 4px; border: 0; background-color: #444; color: #fff}
+input:focus {outline: none; background: rgba(0,198,255,0.5); color: #fff}
+
+.pluginsManager {background-color: #1c1c19; color: #fff; padding: 20px}
+
+.pluginsPane {
+    display: inline-block;
+    width: 760px;
+    height: 340px;
+    overflow-y: auto;
+}
+.pluginsPane::-webkit-scrollbar {width: 12px; height: 12px}
+.pluginsPane::-webkit-scrollbar-thumb {background: rgba(0,198,255,0.2)}
+.pluginsPane::-webkit-scrollbar-thumb:hover {background: rgba(0,198,255,0.8)}
+.pluginsPane::-webkit-scrollbar-corner, .pluginsPane::-webkit-scrollbar-resizer {background: transparent}

assets/css/properties.css

@@ -0,0 +1,12 @@
+body {overflow: hidden;}
+
+h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px}
+th {padding-left: 23px; padding-bottom: 5px}
+th, td {text-align: left; font-size: 10px}
+
+.properties {background-color: #1c1c19; color: #fff; padding: 20px}
+.properties .column {display: inline-block; width: 210px; font-size: 10px; float: left}
+
+.properties .permText {margin-top: 3px; padding: 4px; border: 0; background-color: #444; color: #fff}
+.properties .permText:focus {outline: none; background: rgba(0,198,255,0.5); color: #fff}
+.properties .update {position: absolute; bottom: 0; right: 20px; padding: 5px 10px; font-size: 18px; background-color: rgba(0,198,255,0.7); opacity: 0.1; cursor: pointer}

assets/css/resets.css

@@ -0,0 +1,18 @@
+/* Reset everything to a standard */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+    font-family: arial, verdana, helvetica, sans-serif;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    outline: 0;
+    font-size: 12px;
+    vertical-align: top;
+}

assets/css/settings-screen.css

@@ -8,20 +8,20 @@ b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
-	border: 0;
+    border: 0;
-	margin: 0;
+    margin: 0;
-	padding: 0;
+    padding: 0;
-	outline: 0;
+    outline: 0;
-	/*font-size: 12px;*/
+    /*font-size: 12px;*/
-	vertical-align: top;
+    vertical-align: top;
 }
 
 body {overflow: hidden;
-	-webkit-user-select: none;
+    -webkit-user-select: none;
-	-moz-user-select: none;
+    -moz-user-select: none;
-	-ms-user-select:none;
+    -ms-user-select:none;
-	user-select: none;
+    user-select: none;
-	font-size: 12px;
+    font-size: 12px;
 }
 
 h1 {font-size: 36px; font-weight: normal; color: #888; margin-bottom: 20px}
@@ -38,12 +38,7 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
 .settings .tabContainer .tabActive {background: #1c1c19}
 .settings .section {width: 640px; height: 450px; padding: 20px; margin-top: 10px; float: left}
 .settings input, .settings textarea {border: 1px solid #555; background-color: #444; color: #fff}
-.settings input:focus, .settings textarea:focus {
+.settings input:focus, .settings textarea:focus {outline: none; background: rgba(0,198,255,0.5); color: #fff}
-	outline: none;
-	-webkit-box-shadow: 0 0 10px 1px rgba(0,198,255,0.7);
-	-moz-box-shadow: 0 0 10px 1px rgba(0,198,255,0.7);
-	box-shadow: 0 0 10px 1px rgba(0,198,255,0.7);
-}
 .settings input[type="text"]:disabled {opacity: 0.5}
 .settings .info {font-size: 10px; color: rgba(0,198,255,0.7); cursor: help}
-.settings .update {position: absolute; bottom: 0; right: 20px; padding: 5px 10px; font-size: 18px; background-color: rgba(0,198,255,0.7); opacity: 0.1; cursor: pointer}
+.settings .update {position: absolute; bottom: 0; right: 20px; padding: 5px 10px; font-size: 18px; background-color: rgba(0,198,255,0.7); opacity: 0.1; cursor: pointer}

assets/css/show-hint.css

@@ -0,0 +1,38 @@
+.CodeMirror-hints {
+    position: absolute;
+    z-index: 10;
+    overflow: hidden;
+    list-style: none;
+
+    margin: 0;
+    padding: 2px;
+
+    -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+    -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+    box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+    border-radius: 3px;
+    border: 1px solid silver;
+
+    background: white;
+    font-size: 90%;
+    font-family: monospace;
+
+    max-height: 20em;
+    overflow-y: auto;
+}
+
+.CodeMirror-hint {
+    margin: 0;
+    padding: 0 4px;
+    border-radius: 2px;
+    max-width: 19em;
+    overflow: hidden;
+    white-space: pre;
+    color: black;
+    cursor: pointer;
+}
+
+li.CodeMirror-hint-active {
+    background: #08f;
+    color: white;
+}

assets/css/simplescrollbars.css

@@ -0,0 +1,69 @@
+/* General styles */
+
+.CodeMirror-simplescroll-horizontal,
+.CodeMirror-overlayscroll-horizontal {
+    bottom: 0;
+    left: 0;
+    height: 12px;
+}
+.CodeMirror-simplescroll-horizontal div,
+.CodeMirror-overlayscroll-horizontal div {
+    bottom: 0;
+    height: 100%;
+}
+
+.CodeMirror-simplescroll-vertical,
+.CodeMirror-overlayscroll-vertical{
+    right: 0;
+    top: 0;
+    width: 12px;
+}
+.CodeMirror-simplescroll-vertical div,
+.CodeMirror-overlayscroll-vertical div {
+    right: 0;
+    width: 100%;
+}
+
+/* Simple specific styles*/
+
+.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
+    position: absolute;
+    background: #222;
+    z-index: 6;
+}
+
+.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
+    position: absolute;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    background: rgba(0,198,255,0.2);
+}
+
+.CodeMirror-simplescroll-horizontal div:hover, .CodeMirror-simplescroll-vertical div:hover {
+    background: rgba(0,198,255,0.8);
+}
+
+.CodeMirror-simplescroll .CodeMirror-scrollbar-filler, .CodeMirror-simplescroll .CodeMirror-gutter-filler {
+    background: #222;
+}
+
+/* Overlay specific styles */
+
+.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
+    position: absolute;
+    z-index: 6;
+}
+
+.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
+    position: absolute;
+    background: rgba(0,198,255,0.2);
+}
+
+.CodeMirror-overlayscroll-horizontal div:hover, .CodeMirror-overlayscroll-vertical div:hover {
+    background: rgba(0,198,255,0.8);
+}
+
+.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
+    display: none;
+    background: transparent;
+}

assets/css/terminal.css

@@ -8,20 +8,21 @@ b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, input, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
-	font-family: monospace, courier, sans-serif;
+    font-family: monospace, courier, sans-serif;
-	border: 0;
+    border: 0;
-	margin: 0;
+    margin: 0;
-	padding: 0;
+    padding: 0;
-	outline: 0;
+    outline: 0;
-	font-size: 12px;
+    font-size: 12px;
-	vertical-align: top;
+    vertical-align: top;
 }
 
 /* Box sizing */
 * {-moz-box-sizing: border-box; box-sizing: border-box}
 
-::-webkit-scrollbar {width: 12px; height: 12px; background: #666}
+::-webkit-scrollbar {width: 12px; height: 12px}
-::-webkit-scrollbar-thumb {background: rgba(0,198,255,1)}
+::-webkit-scrollbar-thumb {background: rgba(0,198,255,0.2)}
+::-webkit-scrollbar-thumb:hover {background: rgba(0,198,255,0.8)}
 ::-webkit-scrollbar-corner, ::-webkit-scrollbar-resizer {background: transparent}
 
 html, body {width: 100%; height: 100%}
@@ -29,7 +30,7 @@ html, body {width: 100%; height: 100%}
 .output {position: absolute; display: block; top: 0; padding: 15px 18px 8px 13px; width: 100%; min-height: 100%; border: 0; background: rgba(0,0,0,0.92); color: #ccc}
 .commandLine {width: 100%; padding: 8px 2px 8px 0; color: #fff}
 .commandLine .user {display: inline-block; height: 24px; margin-top: -4px; margin-left: -13px; padding: 5px 5px 5px 0; margin-bottom: 5px; background: #b58901; color: #000}
-.commandLine .path {display: inline-block; height: 24px; margin-top: -4px; padding: 5px 5px 5px 0; margin-bottom: 5px; background: #278bd2; color: #fff}
+.commandLine .cwd {display: inline-block; height: 24px; margin-top: -4px; padding: 5px 5px 5px 0; margin-bottom: 5px; background: #278bd2; color: #fff}
 .commandLine .promptVLine {display: inline-block; width: 1px; height: 12px; margin-top: -5px; margin-left: 3px; background: #b58901}
 .commandLine .promptHLine {display: inline-block; color: #b58901}
 .commandLine .promptArrow {display: inline-block; margin-left:-1px}

assets/css/theme/icecoder.css

@@ -0,0 +1,41 @@
+/* ICEcoder default theme by Matt Pass */
+
+.cm-s-icecoder {color: #888; background: #1d1d1b}
+
+.cm-s-icecoder span.cm-keyword {color: #eee; font-weight: bold}    /* off-white 1 */
+.cm-s-icecoder span.cm-atom {color: #e1c76e}                       /* yellow */
+.cm-s-icecoder span.cm-number {color: #6cb5d9}                     /* blue */
+.cm-s-icecoder span.cm-def {color: #b9ca4a}                        /* green */
+
+.cm-s-icecoder span.cm-variable {color: #6cb5d9}                   /* blue */
+.cm-s-icecoder span.cm-variable-2 {color: #cc1e5c}                 /* pink */
+.cm-s-icecoder span.cm-variable-3 {color: #f9602c}                 /* orange */
+
+.cm-s-icecoder span.cm-property {color: #eee}                      /* off-white 1 */
+.cm-s-icecoder span.cm-operator {color: #9179bb}                   /* purple */
+.cm-s-icecoder span.cm-comment {color: #444; font-style: italic}   /* dark-grey */
+
+.cm-s-icecoder span.cm-string {color: #b9ca4a}                     /* green */
+.cm-s-icecoder span.cm-string-2 {color: #6cb5d9}                   /* blue */
+
+.cm-s-icecoder span.cm-meta {color: #888}                          /* grey */
+
+.cm-s-icecoder span.cm-qualifier {color: #555}                     /* grey */
+.cm-s-icecoder span.cm-builtin {color: #214e7b}                    /* bright blue */
+.cm-s-icecoder span.cm-bracket {color: #cc7}                       /* grey-yellow */
+
+.cm-s-icecoder span.cm-tag {color: #e8e8e8}                        /* off-white 2 */
+.cm-s-icecoder span.cm-attribute {color: #099}                     /* teal */
+
+.cm-s-icecoder span.cm-header {color: #6a0d6a}                     /* purple-pink */
+.cm-s-icecoder span.cm-quote {color: #186718}                      /* dark green */
+.cm-s-icecoder span.cm-hr {color: #888}                            /* mid-grey */
+.cm-s-icecoder span.cm-link {color: #e1c76e}                       /* yellow */
+.cm-s-icecoder span.cm-error {color: #d00}                         /* red */
+
+.cm-s-icecoder .CodeMirror-cursor {border-left: 1px solid #ee0; box-shadow: -1px 0 0 0 #ee0}
+.cm-s-icecoder .CodeMirror-overwrite .CodeMirror-cursor {width: auto; border: 1px solid #ee0; box-shadow: 0 0 0 0 #ee0}
+.cm-s-icecoder .CodeMirror-selected {color: #fff !important; background: #037 !important}
+.cm-s-icecoder .CodeMirror-gutters {background: #1d1d1b; min-width: 41px; border-right: 0}
+.cm-s-icecoder .CodeMirror-linenumber {color: #555; cursor: default}
+.cm-s-icecoder .CodeMirror-matchingbracket {color: #fff !important; background: #555 !important}

assets/css/theme/liquibyte.css

@@ -57,39 +57,3 @@
 .cm-s-liquibyte .CodeMirror span.CodeMirror-matchingbracket { color: #0f0; font-weight: bold; }
 .cm-s-liquibyte .CodeMirror span.CodeMirror-nonmatchingbracket { color: #f00; font-weight: bold; }
 .CodeMirror-matchingtag { background-color: rgba(150, 255, 0, .3); }
-/* Scrollbars */
-/* Simple */
-.cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div:hover, div.CodeMirror-simplescroll-vertical div:hover {
-	background-color: rgba(80, 80, 80, .7);
-}
-.cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div, div.CodeMirror-simplescroll-vertical div {
-	background-color: rgba(80, 80, 80, .3);
-	border: 1px solid #404040;
-	border-radius: 5px;
-}
-.cm-s-liquibyte div.CodeMirror-simplescroll-vertical div {
-	border-top: 1px solid #404040;
-	border-bottom: 1px solid #404040;
-}
-.cm-s-liquibyte div.CodeMirror-simplescroll-horizontal div {
-	border-left: 1px solid #404040;
-	border-right: 1px solid #404040;
-}
-.cm-s-liquibyte div.CodeMirror-simplescroll-vertical {
-	background-color: #262626;
-}
-.cm-s-liquibyte div.CodeMirror-simplescroll-horizontal {
-	background-color: #262626;
-	border-top: 1px solid #404040;
-}
-/* Overlay */
-.cm-s-liquibyte div.CodeMirror-overlayscroll-horizontal div, div.CodeMirror-overlayscroll-vertical div {
-	background-color: #404040;
-	border-radius: 5px;
-}
-.cm-s-liquibyte div.CodeMirror-overlayscroll-vertical div {
-	border: 1px solid #404040;
-}
-.cm-s-liquibyte div.CodeMirror-overlayscroll-horizontal div {
-	border: 1px solid #404040;
-}