ICEcoder is for sale

Create SECURITY.md

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,31 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: Bug
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is. Please paste any JS error (from dev tools Console tab) and PHP errors from ICEcoders data/logs/error/error.log file at the time of the bug.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen and what happened instead.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Browser & Server (please complete the following information):**
+ - Browser [eg Chrome, Firefox]
+ - Server [eg Apache, Nginx, IIS]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,17 @@
+---
+name: Feature request
+about: Got a great idea for feature?
+title: ''
+labels: Feature
+assignees: ''
+
+---
+
+**It would be great if ICEcoder....**
+Explain your idea here. The more info the better if it's a complicated feature. Be sure to suggest something many people would like however!
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/got-a-question-.md

@@ -0,0 +1,17 @@
+---
+name: Got a question?
+about: Not sure about something, ask away!
+title: ''
+labels: Question
+assignees: ''
+
+---
+
+**I'm not sure about...**
+Explain what you're unsure about here. The more info the better if it's a complicated. Other people might have the same questions and can learn from replies, ask away!
+
+**Describe where you're unsure**
+Explain where you're at and what in ICEcoder is causing you issues, we can probably advise!
+
+**Additional context**
+Add any other context or screenshots about the question here.

.github/ISSUE_TEMPLATE/tweak-suggestion.md

@@ -0,0 +1,17 @@
+---
+name: Tweak suggestion
+about: Could something be tweaked to make it better?
+title: ''
+labels: Tweak
+assignees: ''
+
+---
+
+**It would be so much better if we could tweak...**
+Explain your thoughts here. The more info the better if it's a complicated tweak. Be sure to suggest something many people would like however!
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the tweak suggestion here.

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,19 @@
+**Describe the PR**
+
+A clear and concise description of what the PR covers. Be sure it's something lots of people would appreciate! 
+
+**Benefits**
+
+If it's a bug fix or tweak, note what it's resolving. If it's a feature, detail what's great about it. Note that not all PR are merged!
+
+**Check the files!**
+
+Before you hit the button, check the files changed in this PR, to ensure only the exact changes needed are included.
+
+**Screenshots**
+
+If applicable, add screenshots to help explain what's covered here.
+
+**Notes**
+
+Any other notes?

.gitignore

@@ -1,7 +1,7 @@
+.idea/*
 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/3024-day.css

@@ -1,41 +0,0 @@
-/*
-
-    Name:       3024 day
-    Author:     Jan T. Sott (http://github.com/idleberg)
-
-    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
-    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
-
-*/
-
-.cm-s-3024-day.CodeMirror { background: #f7f7f7; color: #3a3432; }
-.cm-s-3024-day div.CodeMirror-selected { background: #d6d5d4; }
-
-.cm-s-3024-day .CodeMirror-line::selection, .cm-s-3024-day .CodeMirror-line > span::selection, .cm-s-3024-day .CodeMirror-line > span > span::selection { background: #d6d5d4; }
-.cm-s-3024-day .CodeMirror-line::-moz-selection, .cm-s-3024-day .CodeMirror-line > span::-moz-selection, .cm-s-3024-day .CodeMirror-line > span > span::selection { background: #d9d9d9; }
-
-.cm-s-3024-day .CodeMirror-gutters { background: #f7f7f7; border-right: 0px; }
-.cm-s-3024-day .CodeMirror-guttermarker { color: #db2d20; }
-.cm-s-3024-day .CodeMirror-guttermarker-subtle { color: #807d7c; }
-.cm-s-3024-day .CodeMirror-linenumber { color: #807d7c; }
-
-.cm-s-3024-day .CodeMirror-cursor { border-left: 1px solid #5c5855; }
-
-.cm-s-3024-day span.cm-comment { color: #cdab53; }
-.cm-s-3024-day span.cm-atom { color: #a16a94; }
-.cm-s-3024-day span.cm-number { color: #a16a94; }
-
-.cm-s-3024-day span.cm-property, .cm-s-3024-day span.cm-attribute { color: #01a252; }
-.cm-s-3024-day span.cm-keyword { color: #db2d20; }
-.cm-s-3024-day span.cm-string { color: #fded02; }
-
-.cm-s-3024-day span.cm-variable { color: #01a252; }
-.cm-s-3024-day span.cm-variable-2 { color: #01a0e4; }
-.cm-s-3024-day span.cm-def { color: #e8bbd0; }
-.cm-s-3024-day span.cm-bracket { color: #3a3432; }
-.cm-s-3024-day span.cm-tag { color: #db2d20; }
-.cm-s-3024-day span.cm-link { color: #a16a94; }
-.cm-s-3024-day span.cm-error { background: #db2d20; color: #5c5855; }
-
-.cm-s-3024-day .CodeMirror-activeline-background { background: #e8f2ff; }
-.cm-s-3024-day .CodeMirror-matchingbracket { text-decoration: underline; color: #a16a94 !important; }

CodeMirror/theme/ambiance-mobile.css

@@ -1,5 +0,0 @@
-.cm-s-ambiance.CodeMirror {
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-}

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; }

CodeMirror/theme/paraiso-light.css

@@ -1,38 +0,0 @@
-/*
-
-    Name:       Paraíso (Light)
-    Author:     Jan T. Sott
-
-    Color scheme by Jan T. Sott (https://github.com/idleberg/Paraiso-CodeMirror)
-    Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
-
-*/
-
-.cm-s-paraiso-light.CodeMirror { background: #e7e9db; color: #41323f; }
-.cm-s-paraiso-light div.CodeMirror-selected { background: #b9b6b0; }
-.cm-s-paraiso-light .CodeMirror-line::selection, .cm-s-paraiso-light .CodeMirror-line > span::selection, .cm-s-paraiso-light .CodeMirror-line > span > span::selection { background: #b9b6b0; }
-.cm-s-paraiso-light .CodeMirror-line::-moz-selection, .cm-s-paraiso-light .CodeMirror-line > span::-moz-selection, .cm-s-paraiso-light .CodeMirror-line > span > span::-moz-selection { background: #b9b6b0; }
-.cm-s-paraiso-light .CodeMirror-gutters { background: #e7e9db; border-right: 0px; }
-.cm-s-paraiso-light .CodeMirror-guttermarker { color: black; }
-.cm-s-paraiso-light .CodeMirror-guttermarker-subtle { color: #8d8687; }
-.cm-s-paraiso-light .CodeMirror-linenumber { color: #8d8687; }
-.cm-s-paraiso-light .CodeMirror-cursor { border-left: 1px solid #776e71; }
-
-.cm-s-paraiso-light span.cm-comment { color: #e96ba8; }
-.cm-s-paraiso-light span.cm-atom { color: #815ba4; }
-.cm-s-paraiso-light span.cm-number { color: #815ba4; }
-
-.cm-s-paraiso-light span.cm-property, .cm-s-paraiso-light span.cm-attribute { color: #48b685; }
-.cm-s-paraiso-light span.cm-keyword { color: #ef6155; }
-.cm-s-paraiso-light span.cm-string { color: #fec418; }
-
-.cm-s-paraiso-light span.cm-variable { color: #48b685; }
-.cm-s-paraiso-light span.cm-variable-2 { color: #06b6ef; }
-.cm-s-paraiso-light span.cm-def { color: #f99b15; }
-.cm-s-paraiso-light span.cm-bracket { color: #41323f; }
-.cm-s-paraiso-light span.cm-tag { color: #ef6155; }
-.cm-s-paraiso-light span.cm-link { color: #815ba4; }
-.cm-s-paraiso-light span.cm-error { background: #ef6155; color: #776e71; }
-
-.cm-s-paraiso-light .CodeMirror-activeline-background { background: #CFD1C4; }
-.cm-s-paraiso-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }

CodeMirror/theme/yeti.css

@@ -1,44 +0,0 @@
-/*
-
-    Name:       yeti
-    Author:     Michael Kaminsky (http://github.com/mkaminsky11)
-
-    Original yeti color scheme by Jesse Weed (https://github.com/jesseweed/yeti-syntax)
-
-*/
-
-
-.cm-s-yeti.CodeMirror {
-  background-color: #ECEAE8 !important;
-  color: #d1c9c0 !important;
-  border: none;
-}
-
-.cm-s-yeti .CodeMirror-gutters {
-  color: #adaba6;
-  background-color: #E5E1DB;
-  border: none;
-}
-.cm-s-yeti .CodeMirror-cursor { border-left: solid thin #d1c9c0; }
-.cm-s-yeti .CodeMirror-linenumber { color: #adaba6; }
-.cm-s-yeti.CodeMirror-focused div.CodeMirror-selected { background: #DCD8D2; }
-.cm-s-yeti .CodeMirror-line::selection, .cm-s-yeti .CodeMirror-line > span::selection, .cm-s-yeti .CodeMirror-line > span > span::selection { background: #DCD8D2; }
-.cm-s-yeti .CodeMirror-line::-moz-selection, .cm-s-yeti .CodeMirror-line > span::-moz-selection, .cm-s-yeti .CodeMirror-line > span > span::-moz-selection { background: #DCD8D2; }
-.cm-s-yeti span.cm-comment { color: #d4c8be; }
-.cm-s-yeti span.cm-string, .cm-s-yeti span.cm-string-2 { color: #96c0d8; }
-.cm-s-yeti span.cm-number { color: #a074c4; }
-.cm-s-yeti span.cm-variable { color: #55b5db; }
-.cm-s-yeti span.cm-variable-2 { color: #a074c4; }
-.cm-s-yeti span.cm-def { color: #55b5db; }
-.cm-s-yeti span.cm-operator { color: #9fb96e; }
-.cm-s-yeti span.cm-keyword { color: #9fb96e; }
-.cm-s-yeti span.cm-atom { color: #a074c4; }
-.cm-s-yeti span.cm-meta { color: #96c0d8; }
-.cm-s-yeti span.cm-tag { color: #96c0d8; }
-.cm-s-yeti span.cm-attribute { color: #9fb96e; }
-.cm-s-yeti span.cm-qualifier { color: #96c0d8; }
-.cm-s-yeti span.cm-property { color: #a074c4; }
-.cm-s-yeti span.cm-builtin { color: #a074c4; }
-.cm-s-yeti span.cm-variable-3 { color: #96c0d8; }
-.cm-s-yeti .CodeMirror-activeline-background { background: #E7E4E0; }
-.cm-s-yeti .CodeMirror-matchingbracket { text-decoration: underline; }

LICENSE.md

@@ -1,6 +1,9 @@
-Copyright: © 2015 ICEcoder Ltd
+Copyright: © 2020 ICEcoder Ltd
+
 Website:   icecoder.net
+
 Email:     info@icecoder.net
+
 Twitter:   @icecoder
 
 # ICEcoder License

README.md

@@ -1,42 +1,57 @@
+# ICEcoder is for sale! Please contact info@icecoder.net. Serious offers only.
+
+---
+
 # ICEcoder
 
-## Web IDE / browser code editor awesomeness
+## Code editor awesomeness ...in your browser
 
-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.
+ICEcoder is a browser based code editor, which provides a modern approach to building websites. By allowing you to code directly within the web browser, online or offline, it means you only need one program (your browser) to develop sites, plus can test on actual web servers. After development, you can also maintain the website easily, all of which make for speedy and smart development.
 
-<img src="https://icecoder.net/images/icecoder-v7-0-browser-code-editor.png" alt="ICEcoder web IDE">
+<img src="https://assets.icecoder.net/images/icecoder-8-1-browser-code-editor.png" alt="ICEcoder code editor">
 
 ### 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
 
 #### Step 1: Get ICEcoder
 
-Either download the zip or clone from Github using:
+Either download the zip or clone from Github into your wwwroot (document root) dir for your website (this is typically `/var/www/html/`) via:
 
 ```
-$ git clone git://github.com/mattpass/ICEcoder
+$ git clone git@github.com:icecoder/icecoder /var/www/html/icecoder
 ```
 
-#### Step 2: Place in your document root (online or local)
+#### Step 2: Set permissions on dirs & files
 
-* Put in a new sub-dir URL such as yourdomain.com/ICEcoder or localhost/ICEcoder
+You'll need to ensure both the ICEcoder dir and the wwwroot dir have permissions to read, write and execute. This can be done by changing permissions (using `chmod`), but it it safer and so better, to use `chown`:
-* Set write permissions (757 or 775 depending on your system) on the 'backups', 'lib', 'plugins', 'test' and 'tmp' folders
 
-*(Note: A small number of web servers give an internal server error here, if you get this, try 755 instead)*
+`chown -R www-data.www-data /var/www/html`
+
+This will recursively set the `www-data` user as both the owner and group users for files on the `/var/www/html` dir (which ICEcoder dir is of course inside of, at say `/var/www/html/ICEcoder`).
 
 #### Step 3: Start coding
 
-* Visit the sub-dir URL in your browser and enter a password
+Now you can visit `yoursite.com/ICEcoder` to view ICEcoder, sign in and start coding!
 
-**Now you're setup, auto-logged in and ready to code!**
+#### Tip: If using ICEcoder locally, you can use:
 
-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.
+`php -S localhost:8080`
 
-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! :)
+...to get PHP to start a simple web server. You can then visit `localhost:8080/ICEcoder`
 
-Plenty of comments included in the code to assist with understanding, customising etc.
+#### Want to setup in other environments?
+
+It's now possible to setup ICEcoder in a Docker container, via Composer, as an executable and more. Checkout https://icecoder.net/downloads for info on these setups!
+
+#### It's free & open source for everyone!
+
+Suitable for commercial & non-commercial projects, just let us know if it's useful to you and any cool customizations you make to it. We take no responsibility for anything, all usage is all down to you.
+
+It's fully open source and MIT licensed. So we're happy for you to take it, make it your own and customize to your hearts content and/or contribute to this main repo! :)
+
+Plenty of comments included in the code to assist with understanding, customizing etc.
 
 Comments, improvements & feedback welcomed!

SECURITY.md

@@ -0,0 +1,5 @@
+# Security Policy
+
+## Reporting a Vulnerability
+
+Please report security issues to `info@icecoder.net`

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/bug-report.css

@@ -0,0 +1,10 @@
+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}
+.bug-report {padding: 20px; background: rgba(0,0,0,0.92); color: #ccc}
+pre {font-family: monospace, courier, sans-serif;; white-space: pre-wrap; word-break: break-all}

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/editor.css

@@ -0,0 +1,15 @@
+.dataMessage {display: none; margin: 32px 43px 0 43px; padding: 10px; width: 500px; font-family: arial; font-size: 10px; color: #ddd; background: #333}
+
+.dataItemsContainer {margin: 20px 43px 32px 43px; font-family: arial; font-size: 10px; color: #ddd}
+.dataItems {float: left; line-height: 14px}
+.dataItems span {line-height: 21px}
+
+.heading {color: #888}
+.diffGreen {background: #0b0 !important; color: #000 !important}
+.diffRed {background: #800 !important; color: #fff !important}
+.diffGrey {background: #444 !important; color: #fff !important}
+.diffGreyLighter {background: #888 !important; color: #1d1d1b !important}
+.diffNone {background: ''; color: ''}
+
+.resultsBar {position: absolute; display: none; width: 12px; height: 100%; top: 0; right: 0; overflow: hidden; pointer-events: none; z-index: 2}
+.resultsBar .rBlock {position: absolute; display: block; width: 12px; background: rgba(128,128,128,0.3)}

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, .ext-h: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,9 +1,9 @@
 .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}
@@ -13,7 +13,7 @@
 
 /* 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,28 @@
+::-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; right: 0; margin-right: 16px; top: 0; color: #666; cursor: pointer}
+.lock:hover {color: #fff; cursor: pointer}
+.lock .icon-tabler {width: 22px; height: 22px; margin-left: -5px; margin-top: 0; stroke-width: 1.25; pointer-events: none}
+.refresh {position: fixed; display: inline-block; width: 14px; height: 14px; right: 0; margin-right: 15px; top: 34px; color: #666; cursor: pointer}
+.refresh:hover {color: #fff; cursor: pointer}
+.refresh .icon-tabler {width: 20px; height: 20px; margin-left: -3px; margin-top: -3px; stroke-width: 1.25; transform: rotate(180deg); pointer-events: none}
+.plugins {position: fixed; display: inline-block; width: 16px; height: 16px; right: 0; margin-right: 15px; top: 61px; color: #666; cursor: pointer}
+.plugins:hover {color: #fff; cursor: pointer}
+.plugins .icon-tabler {width: 24px; height: 24px; margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none}
+.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/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,177 @@
+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}
+
+.icon-tabler {width: 24px; height: 24px; stroke-width: 1.25}
+.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}
+.popupVCenter .popup .imgDisplay {border: solid 10px #fff; max-width: 700px; max-height: 500px; background-color: #000; background-image: url('../images/checkerboard.png')}
+.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 .icon-tabler {width: 22px; height: 22px; margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none}
+.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: fixed; 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, 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 .findRegexToggle {display: inline-block; height: 10px; width: 16px; font-size: 10px; margin: 3px 0 0 5px; padding: 4px 1px; border-radius: 2px; text-align: center; cursor: pointer}
+.findReplace .findText {display: inline-block; height: 28px; font-size: 10px; margin: 7px 3px 0 4px}
+.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; color: #888; cursor: pointer; opacity: 0.3}
+.findBar .view:hover {color: #fff; cursor: pointer}
+.findBar .view .icon-tabler {width: 22px; height: 22px; margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none}
+.findBar .bug {position: fixed; display: inline-block; width: 16px; height: 16px; right: 15px; top: 49px; color: #404040; cursor: pointer}
+.findBar .bug:hover {color: #fff; cursor: pointer}
+.findBar .bug .icon-tabler {width: 23px; height: 23px; margin-left: -3px; margin-top: -4px; stroke-width: 1.25; pointer-events: none}
+.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); color: #eee; 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); color: #eee; 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; 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; color: #888; cursor: pointer}
+.footer .splitPaneControls .off:hover {color: #fff; cursor: pointer}
+.footer .splitPaneControls .off .icon-tabler {margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none}
+.footer .splitPaneControls .on {display: inline-block; width: 19px; height: 18px; color: #888; cursor: pointer}
+.footer .splitPaneControls .off:hover {color: #fff; cursor: pointer}
+.footer .splitPaneControls .on .icon-tabler {margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none}
+.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}
+.closeIcon {position: fixed; display: inline-block; top: 10px; right: 10px; width: 24px; height: 24px; color: #888; cursor: pointer; z-index: 101}
+.closeIcon:hover {color: #ddd}
+
+.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 .adminUser {margin-bottom: 15px; color: #bbb}
+.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}
+.screenCenter .iconCapsLock {position: absolute; margin-left: 2px; color: #888}

assets/css/lint.css

@@ -0,0 +1,68 @@
+/* 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;
+    margin: 0 0 0 5px;
+    z-index: 100;
+    max-width: 600px;
+    opacity: 0;
+}
+
+.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,25 +8,26 @@ 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}
 h2 {font-size: 18px; font-weight: normal; color: #fff}
 
+.icon-tabler {width: 24px; height: 24px; stroke-width: 1.25}
 .settings {font-family: arial, verdana, helvetica, sans-serif; background-color: #1c1c19; color: #fff}
 .settings .infoPane {position: relative; width: 230px; height: 570px; font-size: 10px; color: #888; background-color: #fff; padding: 20px; float: left}
 .settings .infoPane a {color: #06c; text-decoration: none}
@@ -38,12 +39,9 @@ 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 .iconCapsLock {position: absolute; margin-left: 2px; color: #888}
+.settings .info {font-size: 10px; color: rgba(0,198,255,1); cursor: help}
+.settings .info .icon-tabler {width: 18px; height: 18px; margin-top: -2px; pointer-events: none}
 .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,30 +8,31 @@ 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%}
 
-.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}
+.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; white-space: pre-wrap; word-break: break-all}
 .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}
-.commandLine .command {border: none; background: transparent; color: #fff}
+.commandLine .command {border: none; width: 10000px; max-width: 95%; background: transparent; color: #fff}
 .commandLine .command:focus {outline: none}

assets/css/theme/2019-torres-digital-theme.css

@@ -3,7 +3,7 @@
     Author: Torres Digital® | Sites → Lojas Virtuais e e-Commerce
     Author URI: https://www.facebook.com/torresdigital/
 
-    Description: omos uma Agência Gaúcha que trabalha com Desenvolvimento Web voltado para todos os Nichos do Mercado tais como os de insumos, commodities, pequenos, médios e grandes Lojistas que desejam alcançar mais Clientes através do e-Commerce: Sites, Aplicativos, Lojas Virtuais, Marketplaces, WordPress e Woocommerce, integrados com os Principais Cartões e Soluções de Pagamentos do Brasil e do Mundo; tais como Cielo, CyberSource, PagSeguro, Stripe, Vindi, MasterCard, Visa, American Express, outros.
+    Description: Somos uma Agência Gaúcha que trabalha com Desenvolvimento Web voltado para todos os Nichos do Mercado tais como os de insumos, commodities, pequenos, médios e grandes Lojistas que desejam alcançar mais Clientes através do e-Commerce: Sites, Aplicativos, Lojas Virtuais, Marketplaces, WordPress e Woocommerce, integrados com os Principais Cartões e Soluções de Pagamentos do Brasil e do Mundo; tais como Cielo, CyberSource, PagSeguro, Stripe, Vindi, MasterCard, Visa, American Express, outros.
 
         www.torresdigital.tk * Menos é mais.
 
@@ -34,10 +34,10 @@ This theme is licensed under the GPL. Use it to make something cool, have fun, a
 .cm-s-2019-torres-digital-theme span.cm-variable-3 { color: #96F; }
 .cm-s-2019-torres-digital-theme span.cm-property { color: #F8019E; }
 .cm-s-2019-torres-digital-theme span.cm-operator { color: #999; }
-.cm-s-2019-torres-digital-theme span.cm-comment { color: #616163; }
+.cm-s-2019-torres-digital-theme span.cm-comment { color: #d5d5d5; font-weight: 600; }
 .cm-s-2019-torres-digital-theme span.cm-string { color: #F8019E; }
 .cm-s-2019-torres-digital-theme span.cm-meta { color: #F1FD31; font-weight: bold; }
-.cm-s-2019-torres-digital-theme span.cm-qualifier { color: #FFF700; }
+.cm-s-2019-torres-digital-theme span.cm-qualifier { color: #FFF700; font-weight: 600; }
 .cm-s-2019-torres-digital-theme span.cm-builtin { color: #F8A901; }
 .cm-s-2019-torres-digital-theme span.cm-bracket { color: #cc7; }
 .cm-s-2019-torres-digital-theme span.cm-tag { color: #FFBD40; }

assets/css/theme/all-hallow-eve.css

@@ -0,0 +1,51 @@
+.cm-s-all-hallow-eve {
+	font-family: monospace;
+	background: #000000;
+	color: #FFFFFF;
+}
+.cm-s-all-hallow-eve .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	z-index: 3;
+	border: none;
+}
+.cm-s-all-hallow-eve div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-all-hallow-eve .CodeMirror-activeline-background {
+	background: #333300;
+}
+.cm-s-all-hallow-eve .CodeMirror-selected {
+	background: #73597EE0;
+}
+.cm-s-all-hallow-eve .cm-comment {
+	color: #9933CC;
+}
+.cm-s-all-hallow-eve .cm-keyword {
+	color: #CC7833;
+}
+.cm-s-all-hallow-eve .cm-def {
+	font-style: italic;
+}
+.cm-s-all-hallow-eve .cm-string {
+	color: #66CC33;
+}
+.cm-s-all-hallow-eve .cm-variable-2 {
+	text-decoration: underline;
+}
+.cm-s-all-hallow-eve .cm-property {
+	color: #C83730;
+}
+.cm-s-all-hallow-eve .cm-atom {
+	color: #C83730;
+}
+.cm-s-all-hallow-eve .cm-number {
+	color: #C83730;
+}
+.cm-s-all-hallow-eve .cm-operator {
+	color: #CC7833;
+}
+.cm-s-all-hallow-eve .CodeMirror-linenumber {
+	color: #9933CC;
+}

assets/css/theme/ambiance.css

@@ -39,7 +39,6 @@
 /* Editor styling */
 
 .cm-s-ambiance.CodeMirror {
-  line-height: 1.40em;
   color: #E6E1DC;
   background-color: #202020;
   -webkit-box-shadow: inset 0 0 10px black;

assets/css/theme/amy.css

@@ -0,0 +1,51 @@
+.cm-s-amy {
+	font-family: monospace;
+	background: #200020;
+	color: #D0D0FF;
+}
+.cm-s-amy .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #200020;
+	z-index: 3;
+	border: none;
+}
+.cm-s-amy div.CodeMirror-cursor {
+	border-left: 3px solid #D0D0FF;
+}
+.cm-s-amy .CodeMirror-activeline-background {
+	background: #80000040;
+}
+.cm-s-amy .CodeMirror-selected {
+	background: #80000080;
+}
+.cm-s-amy .cm-string {
+	color: #999999;
+}
+.cm-s-amy .cm-atom {
+	color: null;
+}
+.cm-s-amy .cm-number {
+	color: null;
+}
+.cm-s-amy .cm-keyword {
+	color: #A080FF;
+}
+.cm-s-amy .cm-variable {
+	color: #50A0A0;
+}
+.cm-s-amy .cm-def {
+	color: #80B0B0;
+}
+.cm-s-amy .cm-variable-2 {
+	color: #009090;
+}
+.cm-s-amy .cm-property {
+	color: null;
+}
+.cm-s-amy .cm-operator {
+	color: #A080FF;
+}
+.cm-s-amy .CodeMirror-linenumber {
+	color: null;
+}

assets/css/theme/argonaut.css

@@ -0,0 +1,55 @@
+.cm-s-argonaut {
+	font-family: monospace;
+	background: #151515;
+	color: #B2B2B2;
+}
+.cm-s-argonaut .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #151515;
+	z-index: 3;
+	border: none;
+}
+.cm-s-argonaut div.CodeMirror-cursor {
+	border-left: 3px solid #B2B2B2;
+}
+.cm-s-argonaut .CodeMirror-activeline-background {
+	background: #000C16;
+}
+.cm-s-argonaut .CodeMirror-selected {
+	background: #002F53;
+}
+.cm-s-argonaut .cm-comment {
+	font-style: italic;
+	color: #00A6FF;
+}
+.cm-s-argonaut .cm-string {
+	color: #6497C5;
+}
+.cm-s-argonaut .cm-number {
+	color: #815DB3;
+}
+.cm-s-argonaut .cm-variable {
+	color: #FFCA00;
+}
+.cm-s-argonaut .cm-def {
+	font-style: italic;
+}
+.cm-s-argonaut .cm-property {
+	color: #815DB3;
+}
+.cm-s-argonaut .cm-variable-2 {
+	color: #0065D3;
+}
+.cm-s-argonaut .cm-atom {
+	color: #815DB3;
+}
+.cm-s-argonaut .cm-keyword {
+	color: null;
+}
+.cm-s-argonaut .cm-operator {
+	color: null;
+}
+.cm-s-argonaut .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/black-pearl-ii.css

@@ -0,0 +1,53 @@
+.cm-s-black-pearl-ii {
+	font-family: monospace;
+	background: #000000;
+	color: #FFFFFF;
+}
+.cm-s-black-pearl-ii .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	z-index: 3;
+	border: none;
+}
+.cm-s-black-pearl-ii div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-black-pearl-ii .CodeMirror-activeline-background {
+	background: #FFFFFF0D;
+}
+.cm-s-black-pearl-ii .CodeMirror-selected {
+	background: #FFFFFF26;
+}
+.cm-s-black-pearl-ii .cm-comment {
+	font-style: italic;
+	color: #428BDD;
+}
+.cm-s-black-pearl-ii .cm-atom {
+	color: null;
+}
+.cm-s-black-pearl-ii .cm-def {
+	font-style: italic;
+	color: #8AA6C1;
+}
+.cm-s-black-pearl-ii .cm-string {
+	color: #CC66FF;
+}
+.cm-s-black-pearl-ii .cm-number {
+	color: null;
+}
+.cm-s-black-pearl-ii .cm-variable-2 {
+	color: #FFFFFF;
+}
+.cm-s-black-pearl-ii .cm-property {
+	color: null;
+}
+.cm-s-black-pearl-ii .cm-keyword {
+	color: null;
+}
+.cm-s-black-pearl-ii .cm-operator {
+	color: null;
+}
+.cm-s-black-pearl-ii .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/chrome-devtools.css

@@ -0,0 +1,54 @@
+.cm-s-chrome-devtools {
+	font-family: monospace;
+	background: #FFFFFF;
+	color: #000000;
+}
+.cm-s-chrome-devtools .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	z-index: 3;
+	border: none;
+}
+.cm-s-chrome-devtools div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-chrome-devtools .CodeMirror-activeline-background {
+	background: #0000001A;
+}
+.cm-s-chrome-devtools .CodeMirror-selected {
+	background: #BAD6FD;
+}
+.cm-s-chrome-devtools .cm-string {
+	color: #C41A16;
+}
+.cm-s-chrome-devtools .cm-number {
+	color: null;
+}
+.cm-s-chrome-devtools .cm-keyword {
+	color: #AA0D91;
+}
+.cm-s-chrome-devtools .cm-atom {
+	color: null;
+}
+.cm-s-chrome-devtools .cm-variable {
+	color: #000000;
+}
+.cm-s-chrome-devtools .cm-def {
+	font-style: italic;
+}
+.cm-s-chrome-devtools .cm-comment {
+	color: #007400;
+}
+.cm-s-chrome-devtools .cm-variable-2 {
+	color: #881280;
+}
+.cm-s-chrome-devtools .cm-property {
+	color: null;
+}
+.cm-s-chrome-devtools .cm-operator {
+	color: #AA0D91;
+}
+.cm-s-chrome-devtools .CodeMirror-linenumber {
+	color: #007400;
+}

assets/css/theme/clouds-midnight.css

@@ -0,0 +1,48 @@
+.cm-s-clouds-midnight {
+	font-family: monospace;
+	background: #191919;
+	color: #929292;
+}
+.cm-s-clouds-midnight .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #191919;
+	z-index: 3;
+	border: none;
+}
+.cm-s-clouds-midnight div.CodeMirror-cursor {
+	border-left: 3px solid #929292;
+}
+.cm-s-clouds-midnight .CodeMirror-activeline-background {
+	background: #D7D7D708;
+}
+.cm-s-clouds-midnight .CodeMirror-selected {
+	background: #000000;
+}
+.cm-s-clouds-midnight .cm-comment {
+	color: #3C403B;
+}
+.cm-s-clouds-midnight .cm-string {
+	color: #5D90CD;
+}
+.cm-s-clouds-midnight .cm-number {
+	color: #E92E2E;
+}
+.cm-s-clouds-midnight .cm-atom {
+	color: #E92E2E;
+}
+.cm-s-clouds-midnight .cm-variable-2 {
+	color: #606060;
+}
+.cm-s-clouds-midnight .cm-property {
+	color: #E92E2E;
+}
+.cm-s-clouds-midnight .cm-keyword {
+	color: null;
+}
+.cm-s-clouds-midnight .cm-operator {
+	color: null;
+}
+.cm-s-clouds-midnight .CodeMirror-linenumber {
+	color: #3C403B;
+}

assets/css/theme/darkpastel.css

@@ -0,0 +1,55 @@
+.cm-s-darkpastel {
+	font-family: monospace;
+	background: #2a2a2a;
+	color: #ffffff;
+}
+.cm-s-darkpastel .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #2a2a2a;
+	z-index: 3;
+	border: none;
+}
+.cm-s-darkpastel div.CodeMirror-cursor {
+	border-left: 3px solid #ffffff;
+}
+.cm-s-darkpastel .CodeMirror-activeline-background {
+	background: #3E3D32;
+}
+.cm-s-darkpastel .CodeMirror-selected {
+	background: #237CC4;
+}
+.cm-s-darkpastel .cm-comment {
+	color: #B8FF9A;
+}
+.cm-s-darkpastel .cm-string {
+	color: #FF9F9A;
+}
+.cm-s-darkpastel .cm-number {
+	color: #66D9EF;
+}
+.cm-s-darkpastel .cm-atom {
+	color: #66D9EF;
+}
+.cm-s-darkpastel .cm-variable {
+	color: #A6E22E;
+}
+.cm-s-darkpastel .cm-def {
+	font-style: italic;
+	color: #FD971F;
+}
+.cm-s-darkpastel .cm-variable-2 {
+	color: #F29C00;
+}
+.cm-s-darkpastel .cm-property {
+	color: #66D9EF;
+}
+.cm-s-darkpastel .cm-keyword {
+	color: null;
+}
+.cm-s-darkpastel .cm-operator {
+	color: null;
+}
+.cm-s-darkpastel .CodeMirror-linenumber {
+	color: #B8FF9A;
+}

assets/css/theme/django.css

@@ -0,0 +1,46 @@
+.cm-s-django {
+	font-family: monospace;
+	background: #0B2F20;
+	color: #F8F8F8;
+}
+.cm-s-django .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0B2F20;
+	z-index: 3;
+	border: none;
+}
+.cm-s-django div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F8;
+}
+.cm-s-django .CodeMirror-activeline-background {
+	background: #0000004A;
+}
+.cm-s-django .CodeMirror-selected {
+	background: #245032;
+}
+.cm-s-django .cm-comment {
+	font-style: italic;
+	color: #245032;
+}
+.cm-s-django .cm-keyword {
+	color: #96DD3B;
+}
+.cm-s-django .cm-string {
+	color: #91BB9E;
+}
+.cm-s-django .cm-property {
+	color: #FFB454;
+}
+.cm-s-django .cm-atom {
+	color: #FFB454;
+}
+.cm-s-django .cm-number {
+	color: #FFB454;
+}
+.cm-s-django .cm-operator {
+	color: #96DD3B;
+}
+.cm-s-django .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/eiffel.css

@@ -0,0 +1,50 @@
+.cm-s-eiffel {
+	font-family: monospace;
+	background: #FFFFFF;
+	color: #000000;
+}
+.cm-s-eiffel .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	z-index: 3;
+	border: none;
+}
+.cm-s-eiffel div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-eiffel .CodeMirror-activeline-background {
+	background: #00000012;
+}
+.cm-s-eiffel .CodeMirror-selected {
+	background: #C3DCFF;
+}
+.cm-s-eiffel .cm-comment {
+	color: #00B418;
+}
+.cm-s-eiffel .cm-keyword {
+	color: #0100B6;
+}
+.cm-s-eiffel .cm-number {
+	font-style: italic;
+	color: #3C4C72;
+}
+.cm-s-eiffel .cm-atom {
+	font-style: italic;
+	color: #3C4C72;
+}
+.cm-s-eiffel .cm-string {
+	color: #D80800;
+}
+.cm-s-eiffel .cm-def {
+	font-style: italic;
+}
+.cm-s-eiffel .cm-property {
+	color: #3C4C72;
+}
+.cm-s-eiffel .cm-operator {
+	color: #0100B6;
+}
+.cm-s-eiffel .CodeMirror-linenumber {
+	color: #00B418;
+}

assets/css/theme/emacs-strict.css

@@ -0,0 +1,51 @@
+.cm-s-emacs-strict {
+	font-family: monospace;
+	background: #000000;
+	color: #D3D3D3;
+}
+.cm-s-emacs-strict .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	z-index: 3;
+	border: none;
+}
+.cm-s-emacs-strict div.CodeMirror-cursor {
+	border-left: 3px solid #D3D3D3;
+}
+.cm-s-emacs-strict .CodeMirror-activeline-background {
+	background: #16012BEB;
+}
+.cm-s-emacs-strict .CodeMirror-selected {
+	background: #001DC3EB;
+}
+.cm-s-emacs-strict .cm-comment {
+	color: #FF7D27;
+}
+.cm-s-emacs-strict .cm-string {
+	color: #FF9E7B;
+}
+.cm-s-emacs-strict .cm-variable {
+	color: #81CEF9;
+}
+.cm-s-emacs-strict .cm-variable-2 {
+	color: #9CCFF4;
+}
+.cm-s-emacs-strict .cm-property {
+	color: null;
+}
+.cm-s-emacs-strict .cm-atom {
+	color: null;
+}
+.cm-s-emacs-strict .cm-number {
+	color: null;
+}
+.cm-s-emacs-strict .cm-keyword {
+	color: null;
+}
+.cm-s-emacs-strict .cm-operator {
+	color: null;
+}
+.cm-s-emacs-strict .CodeMirror-linenumber {
+	color: #FF7D27;
+}

assets/css/theme/fade-to-grey.css

@@ -0,0 +1,51 @@
+.cm-s-fade-to-grey {
+	font-family: monospace;
+	background: #000000;
+	color: #FFFFFF;
+}
+.cm-s-fade-to-grey .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	z-index: 3;
+	border: none;
+}
+.cm-s-fade-to-grey div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-fade-to-grey .CodeMirror-activeline-background {
+	background: #3A3A007A;
+}
+.cm-s-fade-to-grey .CodeMirror-selected {
+	background: #4A8CDBB3;
+}
+.cm-s-fade-to-grey .cm-comment {
+	color: #696854;
+}
+.cm-s-fade-to-grey .cm-keyword {
+	color: #D01D33;
+}
+.cm-s-fade-to-grey .cm-variable {
+	color: #AAAAAA;
+}
+.cm-s-fade-to-grey .cm-def {
+	color: #C3C3C3;
+}
+.cm-s-fade-to-grey .cm-string {
+	color: #E3E658;
+}
+.cm-s-fade-to-grey .cm-property {
+	color: #CBC3B1;
+}
+.cm-s-fade-to-grey .cm-atom {
+	color: #CBC3B1;
+}
+.cm-s-fade-to-grey .cm-number {
+	color: #CBC3B1;
+}
+.cm-s-fade-to-grey .cm-operator {
+	color: #D01D33;
+}
+.cm-s-fade-to-grey .CodeMirror-linenumber {
+	color: #696854;
+}

assets/css/theme/fake.css

@@ -0,0 +1,46 @@
+.cm-s-fake {
+	font-family: monospace;
+	background: #010304;
+	color: #FFEDC5;
+}
+.cm-s-fake .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #010304;
+	z-index: 3;
+	border: none;
+}
+.cm-s-fake div.CodeMirror-cursor {
+	border-left: 3px solid #FFEDC5;
+}
+.cm-s-fake .CodeMirror-activeline-background {
+	background: #FFFFFF0D;
+}
+.cm-s-fake .CodeMirror-selected {
+	background: #DDF0FF33;
+}
+.cm-s-fake .cm-comment {
+	font-style: italic;
+	color: #8E8D93;
+}
+.cm-s-fake .cm-keyword {
+	color: #FF4A1A;
+}
+.cm-s-fake .cm-string {
+	color: #FF9924;
+}
+.cm-s-fake .cm-property {
+	color: #DAD085;
+}
+.cm-s-fake .cm-atom {
+	color: #DAD085;
+}
+.cm-s-fake .cm-number {
+	color: #DAD085;
+}
+.cm-s-fake .cm-operator {
+	color: #FF4A1A;
+}
+.cm-s-fake .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/friendship-bracelet.css

@@ -0,0 +1,54 @@
+.cm-s-friendship-bracelet {
+	font-family: monospace;
+	background: #1F1F1F;
+	color: #F1F1F1;
+}
+.cm-s-friendship-bracelet .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #1F1F1F;
+	z-index: 3;
+	border: none;
+}
+.cm-s-friendship-bracelet div.CodeMirror-cursor {
+	border-left: 3px solid #F1F1F1;
+}
+.cm-s-friendship-bracelet .CodeMirror-activeline-background {
+	background: #404040;
+}
+.cm-s-friendship-bracelet .CodeMirror-selected {
+	background: #73597EE0;
+}
+.cm-s-friendship-bracelet .cm-comment {
+	color: #8A8988;
+}
+.cm-s-friendship-bracelet .cm-keyword {
+	color: #FF8C56;
+}
+.cm-s-friendship-bracelet .cm-variable {
+	color: #389AD9;
+}
+.cm-s-friendship-bracelet .cm-def {
+	font-style: italic;
+}
+.cm-s-friendship-bracelet .cm-string {
+	color: #F3F99A;
+}
+.cm-s-friendship-bracelet .cm-variable-2 {
+	color: #FC8C56;
+}
+.cm-s-friendship-bracelet .cm-property {
+	color: #FF6666;
+}
+.cm-s-friendship-bracelet .cm-atom {
+	color: #FF6666;
+}
+.cm-s-friendship-bracelet .cm-number {
+	color: #FF6666;
+}
+.cm-s-friendship-bracelet .cm-operator {
+	color: #FF8C56;
+}
+.cm-s-friendship-bracelet .CodeMirror-linenumber {
+	color: #8A8988;
+}

assets/css/theme/glitterbomb.css

@@ -0,0 +1,46 @@
+.cm-s-glitterbomb {
+	font-family: monospace;
+	background: #0B0A0A;
+	color: #CFCFCF;
+}
+.cm-s-glitterbomb .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0B0A0A;
+	z-index: 3;
+	border: none;
+}
+.cm-s-glitterbomb div.CodeMirror-cursor {
+	border-left: 3px solid #CFCFCF;
+}
+.cm-s-glitterbomb .CodeMirror-activeline-background {
+	background: #F8F8F8;
+}
+.cm-s-glitterbomb .CodeMirror-selected {
+	background: #FFFFFF59;
+}
+.cm-s-glitterbomb .cm-comment {
+	font-style: italic;
+	color: #44444E;
+}
+.cm-s-glitterbomb .cm-keyword {
+	color: #DBB800;
+}
+.cm-s-glitterbomb .cm-number {
+	color: #935E29;
+}
+.cm-s-glitterbomb .cm-string {
+	color: #4D6537;
+}
+.cm-s-glitterbomb .cm-property {
+	color: #935E29;
+}
+.cm-s-glitterbomb .cm-atom {
+	color: #935E29;
+}
+.cm-s-glitterbomb .cm-operator {
+	color: #DBB800;
+}
+.cm-s-glitterbomb .CodeMirror-linenumber {
+	color: italic;
+}

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/idle.css

@@ -0,0 +1,48 @@
+.cm-s-idle {
+	font-family: monospace;
+	background: #FFFFFF;
+	color: #000000;
+}
+.cm-s-idle .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	z-index: 3;
+	border: none;
+}
+.cm-s-idle div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-idle .CodeMirror-activeline-background {
+	background: #00000012;
+}
+.cm-s-idle .CodeMirror-selected {
+	background: #BAD6FD;
+}
+.cm-s-idle .cm-comment {
+	color: #919191;
+}
+.cm-s-idle .cm-string {
+	color: #00A33F;
+}
+.cm-s-idle .cm-atom {
+	color: #A535AE;
+}
+.cm-s-idle .cm-keyword {
+	color: #FF5600;
+}
+.cm-s-idle .cm-variable {
+	color: #21439C;
+}
+.cm-s-idle .cm-property {
+	color: #A535AE;
+}
+.cm-s-idle .cm-number {
+	color: #A535AE;
+}
+.cm-s-idle .cm-operator {
+	color: #FF5600;
+}
+.cm-s-idle .CodeMirror-linenumber {
+	color: #919191;
+}

assets/css/theme/idlefingers.css

@@ -0,0 +1,49 @@
+.cm-s-idlefingers {
+	font-family: monospace;
+	background: #323232;
+	color: #FFFFFF;
+}
+.cm-s-idlefingers .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #323232;
+	z-index: 3;
+	border: none;
+}
+.cm-s-idlefingers div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-idlefingers .CodeMirror-activeline-background {
+	background: #343536;
+}
+.cm-s-idlefingers .CodeMirror-selected {
+	background: #5A647EE0;
+}
+.cm-s-idlefingers .cm-comment {
+	font-style: italic;
+	color: #BC9458;
+}
+.cm-s-idlefingers .cm-keyword {
+	color: #CC7833;
+}
+.cm-s-idlefingers .cm-def {
+	font-style: italic;
+}
+.cm-s-idlefingers .cm-string {
+	color: #A5C261;
+}
+.cm-s-idlefingers .cm-property {
+	color: #B83426;
+}
+.cm-s-idlefingers .cm-atom {
+	color: #B83426;
+}
+.cm-s-idlefingers .cm-number {
+	color: #B83426;
+}
+.cm-s-idlefingers .cm-operator {
+	color: #CC7833;
+}
+.cm-s-idlefingers .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/iplastic.css

@@ -0,0 +1,52 @@
+.cm-s-iplastic {
+	font-family: monospace;
+	background: #EEEEEE;
+	color: #000000;
+}
+.cm-s-iplastic .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #EEEEEE;
+	z-index: 3;
+	border: none;
+}
+.cm-s-iplastic div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-iplastic .CodeMirror-activeline-background {
+	background: #0000001A;
+}
+.cm-s-iplastic .CodeMirror-selected {
+	background: #BAD6FD;
+}
+.cm-s-iplastic .cm-string {
+	color: #009933;
+}
+.cm-s-iplastic .cm-number {
+	color: null;
+}
+.cm-s-iplastic .cm-keyword {
+	color: #0000FF;
+}
+.cm-s-iplastic .cm-atom {
+	color: null;
+}
+.cm-s-iplastic .cm-variable {
+	color: #FF8000;
+}
+.cm-s-iplastic .cm-def {
+	font-style: italic;
+}
+.cm-s-iplastic .cm-comment {
+	font-style: italic;
+	color: #0066FF;
+}
+.cm-s-iplastic .cm-property {
+	color: null;
+}
+.cm-s-iplastic .cm-operator {
+	color: #0000FF;
+}
+.cm-s-iplastic .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/ir_black.css

@@ -0,0 +1,45 @@
+.cm-s-ir_black {
+	font-family: monospace;
+	background: #000000;
+	color: #EDEDED;
+}
+.cm-s-ir_black .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	z-index: 3;
+	border: none;
+}
+.cm-s-ir_black div.CodeMirror-cursor {
+	border-left: 3px solid #EDEDED;
+}
+.cm-s-ir_black .CodeMirror-activeline-background {
+	background: #FFFFFF24;
+}
+.cm-s-ir_black .CodeMirror-selected {
+	background: #333333;
+}
+.cm-s-ir_black .cm-comment {
+	color: #7C7C7C;
+}
+.cm-s-ir_black .cm-keyword {
+	color: #96CBFE;
+}
+.cm-s-ir_black .cm-string {
+	color: #A8FF60;
+}
+.cm-s-ir_black .cm-number {
+	color: #DAD085;
+}
+.cm-s-ir_black .cm-property {
+	color: #DAD085;
+}
+.cm-s-ir_black .cm-atom {
+	color: #DAD085;
+}
+.cm-s-ir_black .cm-operator {
+	color: #96CBFE;
+}
+.cm-s-ir_black .CodeMirror-linenumber {
+	color: #7C7C7C;
+}

assets/css/theme/ir_white.css

@@ -0,0 +1,45 @@
+.cm-s-ir_white {
+	font-family: monospace;
+	background: #FFFFFF;
+	color: #010101;
+}
+.cm-s-ir_white .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	z-index: 3;
+	border: none;
+}
+.cm-s-ir_white div.CodeMirror-cursor {
+	border-left: 3px solid #010101;
+}
+.cm-s-ir_white .CodeMirror-activeline-background {
+	background: #FFFFFF0D;
+}
+.cm-s-ir_white .CodeMirror-selected {
+	background: #E0E0ED;
+}
+.cm-s-ir_white .cm-comment {
+	color: #898989;
+}
+.cm-s-ir_white .cm-keyword {
+	color: #016692;
+}
+.cm-s-ir_white .cm-string {
+	color: #009F78;
+}
+.cm-s-ir_white .cm-number {
+	color: #7A7025;
+}
+.cm-s-ir_white .cm-property {
+	color: #7A7025;
+}
+.cm-s-ir_white .cm-atom {
+	color: #7A7025;
+}
+.cm-s-ir_white .cm-operator {
+	color: #016692;
+}
+.cm-s-ir_white .CodeMirror-linenumber {
+	color: #898989;
+}

assets/css/theme/johnny.css

@@ -0,0 +1,45 @@
+.cm-s-johnny {
+	font-family: monospace;
+	background: #FFFFFF;
+	color: #010101;
+}
+.cm-s-johnny .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	z-index: 3;
+	border: none;
+}
+.cm-s-johnny div.CodeMirror-cursor {
+	border-left: 3px solid #010101;
+}
+.cm-s-johnny .CodeMirror-activeline-background {
+	background: #ECDE0021;
+}
+.cm-s-johnny .CodeMirror-selected {
+	background: #C8C8D3;
+}
+.cm-s-johnny .cm-comment {
+	color: #898989;
+}
+.cm-s-johnny .cm-keyword {
+	color: #016692;
+}
+.cm-s-johnny .cm-string {
+	color: #008D6B;
+}
+.cm-s-johnny .cm-number {
+	color: #7A7025;
+}
+.cm-s-johnny .cm-property {
+	color: #7A7025;
+}
+.cm-s-johnny .cm-atom {
+	color: #7A7025;
+}
+.cm-s-johnny .cm-operator {
+	color: #016692;
+}
+.cm-s-johnny .CodeMirror-linenumber {
+	color: #898989;
+}

assets/css/theme/juicy.css

@@ -0,0 +1,52 @@
+.cm-s-juicy {
+	font-family: monospace;
+	background: #F1F1F1;
+	color: #000000;
+}
+.cm-s-juicy .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #F1F1F1;
+	z-index: 3;
+	border: none;
+}
+.cm-s-juicy div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-juicy .CodeMirror-activeline-background {
+	background: #00000012;
+}
+.cm-s-juicy .CodeMirror-selected {
+	background: #A9C9FF;
+}
+.cm-s-juicy .cm-comment {
+	font-style: italic;
+	color: #999999;
+}
+.cm-s-juicy .cm-string {
+	color: #FF6600;
+}
+.cm-s-juicy .cm-number {
+	color: #CC0000;
+}
+.cm-s-juicy .cm-keyword {
+	color: #993300;
+}
+.cm-s-juicy .cm-variable {
+	color: #FF0000;
+}
+.cm-s-juicy .cm-variable-2 {
+	color: #FF0000;
+}
+.cm-s-juicy .cm-property {
+	color: #CC0000;
+}
+.cm-s-juicy .cm-atom {
+	color: #CC0000;
+}
+.cm-s-juicy .cm-operator {
+	color: #993300;
+}
+.cm-s-juicy .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/krtheme.css

@@ -0,0 +1,43 @@
+.cm-s-krtheme {
+	font-family: monospace;
+	background: #0B0A09;
+	color: #FCFFE0;
+}
+.cm-s-krtheme .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0B0A09;
+	z-index: 3;
+	border: none;
+}
+.cm-s-krtheme div.CodeMirror-cursor {
+	border-left: 3px solid #FCFFE0;
+}
+.cm-s-krtheme .CodeMirror-activeline-background {
+	background: #38403D;
+}
+.cm-s-krtheme .CodeMirror-selected {
+	background: #AA00FF73;
+}
+.cm-s-krtheme .cm-keyword {
+	color: #949C8B;
+}
+.cm-s-krtheme .cm-comment {
+	font-style: italic;
+	color: #706D5B;
+}
+.cm-s-krtheme .cm-property {
+	color: #85873A;
+}
+.cm-s-krtheme .cm-atom {
+	color: #85873A;
+}
+.cm-s-krtheme .cm-number {
+	color: #85873A;
+}
+.cm-s-krtheme .cm-operator {
+	color: #949C8B;
+}
+.cm-s-krtheme .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/lesser-dark.css

@@ -2,9 +2,6 @@
 http://lesscss.org/ dark theme
 Ported to CodeMirror by Peter Kroon
 */
-.cm-s-lesser-dark {
-  line-height: 1.3em;
-}
 .cm-s-lesser-dark.CodeMirror { background: #262626; color: #EBEFE7; text-shadow: 0 -1px 1px #262626; }
 .cm-s-lesser-dark div.CodeMirror-selected { background: #45443B; } /* 33322B*/
 .cm-s-lesser-dark .CodeMirror-line::selection, .cm-s-lesser-dark .CodeMirror-line > span::selection, .cm-s-lesser-dark .CodeMirror-line > span > span::selection { background: rgba(69, 68, 59, .99); }

assets/css/theme/liquibyte.css

@@ -2,7 +2,6 @@
 	background-color: #000;
 	color: #fff;
 	line-height: 1.2em;
-	font-size: 1em;
 }
 .cm-s-liquibyte .CodeMirror-focused .cm-matchhighlight {
 	text-decoration: underline;
@@ -19,7 +18,7 @@
 	text-decoration-color: #404040;
 	text-decoration-style: dotted;
 }
-.cm-s-liquibyte .CodeMirror-gutters { background-color: #262626; border-right: 1px solid #505050; padding-right: 0.8em; }
+.cm-s-liquibyte .CodeMirror-gutters { background-color: #262626; border-right: 1px solid #505050; }
 .cm-s-liquibyte .CodeMirror-gutter-elt div { font-size: 1.2em; }
 .cm-s-liquibyte .CodeMirror-guttermarker {  }
 .cm-s-liquibyte .CodeMirror-guttermarker-subtle {  }
@@ -57,39 +56,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;
-}

assets/css/theme/lowlight.css

@@ -0,0 +1,50 @@
+.cm-s-lowlight {
+	font-family: monospace;
+	background: #1E1E1E;
+	color: #CACACA;
+}
+.cm-s-lowlight .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #1E1E1E;
+	z-index: 3;
+	border: none;
+}
+.cm-s-lowlight div.CodeMirror-cursor {
+	border-left: 3px solid #CACACA;
+}
+.cm-s-lowlight .CodeMirror-activeline-background {
+	background: #00000014;
+}
+.cm-s-lowlight .CodeMirror-selected {
+	background: #68729B29;
+}
+.cm-s-lowlight .cm-comment {
+	font-style: italic;
+	color: #3C5636;
+	background: #112B0A1A;
+}
+.cm-s-lowlight .cm-keyword {
+	color: #8F8D17;
+}
+.cm-s-lowlight .cm-string {
+	color: #A57C5C;
+}
+.cm-s-lowlight .cm-property {
+	color: #EDD34D;
+}
+.cm-s-lowlight .cm-variable-2 {
+	color: #BAA827;
+}
+.cm-s-lowlight .cm-atom {
+	color: #EDD34D;
+}
+.cm-s-lowlight .cm-number {
+	color: #EDD34D;
+}
+.cm-s-lowlight .cm-operator {
+	color: #8F8D17;
+}
+.cm-s-lowlight .CodeMirror-linenumber {
+	color: italic;
+}

assets/css/theme/made-of-code.css

@@ -0,0 +1,47 @@
+.cm-s-made-of-code {
+	font-family: monospace;
+	background: #090916;
+	color: #F8F8F8;
+}
+.cm-s-made-of-code .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #090916;
+	z-index: 3;
+	border: none;
+}
+.cm-s-made-of-code div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F8;
+}
+.cm-s-made-of-code .CodeMirror-activeline-background {
+	background: #00000000;
+}
+.cm-s-made-of-code .CodeMirror-selected {
+	background: #007DFF80;
+}
+.cm-s-made-of-code .cm-comment {
+	color: #54576B;
+	background: #00000000;
+}
+.cm-s-made-of-code .cm-keyword {
+	color: #FF3854;
+}
+.cm-s-made-of-code .cm-string {
+	color: #8FFF58;
+	background: #102622FA;
+}
+.cm-s-made-of-code .cm-property {
+	color: #F1D950;
+}
+.cm-s-made-of-code .cm-atom {
+	color: #F1D950;
+}
+.cm-s-made-of-code .cm-number {
+	color: #F1D950;
+}
+.cm-s-made-of-code .cm-operator {
+	color: #FF3854;
+}
+.cm-s-made-of-code .CodeMirror-linenumber {
+	color: #54576B;
+}

assets/css/theme/mdn-like.css

@@ -12,7 +12,7 @@
 .cm-s-mdn-like .CodeMirror-line::selection, .cm-s-mdn-like .CodeMirror-line > span::selection, .cm-s-mdn-like .CodeMirror-line > span > span::selection { background: #cfc; }
 .cm-s-mdn-like .CodeMirror-line::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span::-moz-selection, .cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection { background: #cfc; }
 
-.cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; border-left: 6px solid rgba(0,83,159,0.65); color: #333; }
+.cm-s-mdn-like .CodeMirror-gutters { background: #f8f8f8; color: #333; }
 .cm-s-mdn-like .CodeMirror-linenumber { color: #aaa; padding-left: 8px; }
 .cm-s-mdn-like .CodeMirror-cursor { border-left: 2px solid #222; }
 

assets/css/theme/midnight.css

@@ -12,8 +12,6 @@
     color: #D1EDFF;
 }
 
-.cm-s-midnight.CodeMirror { border-top: 1px solid black; border-bottom: 1px solid black; }
-
 .cm-s-midnight div.CodeMirror-selected { background: #314D67; }
 .cm-s-midnight .CodeMirror-line::selection, .cm-s-midnight .CodeMirror-line > span::selection, .cm-s-midnight .CodeMirror-line > span > span::selection { background: rgba(49, 77, 103, .99); }
 .cm-s-midnight .CodeMirror-line::-moz-selection, .cm-s-midnight .CodeMirror-line > span::-moz-selection, .cm-s-midnight .CodeMirror-line > span > span::-moz-selection { background: rgba(49, 77, 103, .99); }

assets/css/theme/monoindustrial.css

@@ -0,0 +1,49 @@
+.cm-s-monoindustrial {
+	font-family: monospace;
+	background: #222C28;
+	color: #FFFFFF;
+}
+.cm-s-monoindustrial .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #222C28;
+	z-index: 3;
+	border: none;
+}
+.cm-s-monoindustrial div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-monoindustrial .CodeMirror-activeline-background {
+	background: #0C0D0C40;
+}
+.cm-s-monoindustrial .CodeMirror-selected {
+	background: #91999466;
+}
+.cm-s-monoindustrial .cm-comment {
+	color: #666C68;
+	background: #151C19;
+}
+.cm-s-monoindustrial .cm-number {
+	color: #588E60;
+}
+.cm-s-monoindustrial .cm-def {
+	color: #648BD2;
+}
+.cm-s-monoindustrial .cm-property {
+	color: #588E60;
+}
+.cm-s-monoindustrial .cm-variable-2 {
+	color: #A65EFF;
+}
+.cm-s-monoindustrial .cm-atom {
+	color: #588E60;
+}
+.cm-s-monoindustrial .cm-keyword {
+	color: null;
+}
+.cm-s-monoindustrial .cm-operator {
+	color: null;
+}
+.cm-s-monoindustrial .CodeMirror-linenumber {
+	color: #666C68;
+}

assets/css/theme/monokai-bright.css

@@ -0,0 +1,55 @@
+.cm-s-monokai-bright {
+	font-family: monospace;
+	background: #272822;
+	color: #F8F8F2;
+}
+.cm-s-monokai-bright .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #272822;
+	z-index: 3;
+	border: none;
+}
+.cm-s-monokai-bright div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F2;
+}
+.cm-s-monokai-bright .CodeMirror-activeline-background {
+	background: #3E3D32;
+}
+.cm-s-monokai-bright .CodeMirror-selected {
+	background: #9D550F;
+}
+.cm-s-monokai-bright .cm-comment {
+	color: #75715E;
+}
+.cm-s-monokai-bright .cm-string {
+	color: #E6DB74;
+}
+.cm-s-monokai-bright .cm-number {
+	color: #66D9EF;
+}
+.cm-s-monokai-bright .cm-atom {
+	color: #66D9EF;
+}
+.cm-s-monokai-bright .cm-keyword {
+	color: #F92672;
+}
+.cm-s-monokai-bright .cm-variable {
+	color: #A6E22E;
+}
+.cm-s-monokai-bright .cm-def {
+	font-style: italic;
+	color: #FD971F;
+}
+.cm-s-monokai-bright .cm-variable-2 {
+	color: #F92672;
+}
+.cm-s-monokai-bright .cm-property {
+	color: #66D9EF;
+}
+.cm-s-monokai-bright .cm-operator {
+	color: #F92672;
+}
+.cm-s-monokai-bright .CodeMirror-linenumber {
+	color: #75715E;
+}

assets/css/theme/monokai-fannonedition.css

@@ -0,0 +1,55 @@
+.cm-s-monokai-fannonedition {
+	font-family: monospace;
+	background: #0A0A0A;
+	color: #F8F8F2;
+}
+.cm-s-monokai-fannonedition .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0A0A0A;
+	z-index: 3;
+	border: none;
+}
+.cm-s-monokai-fannonedition div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F2;
+}
+.cm-s-monokai-fannonedition .CodeMirror-activeline-background {
+	background: #2D2D2D;
+}
+.cm-s-monokai-fannonedition .CodeMirror-selected {
+	background: #2B2B2B;
+}
+.cm-s-monokai-fannonedition .cm-comment {
+	color: #999999;
+}
+.cm-s-monokai-fannonedition .cm-string {
+	color: #F3E87E;
+}
+.cm-s-monokai-fannonedition .cm-number {
+	color: #66D9EF;
+}
+.cm-s-monokai-fannonedition .cm-atom {
+	color: #66D9EF;
+}
+.cm-s-monokai-fannonedition .cm-keyword {
+	color: #EC7600;
+}
+.cm-s-monokai-fannonedition .cm-variable {
+	color: #A6E22E;
+}
+.cm-s-monokai-fannonedition .cm-def {
+	font-style: italic;
+	color: #FD971F;
+}
+.cm-s-monokai-fannonedition .cm-variable-2 {
+	color: #FE890C;
+}
+.cm-s-monokai-fannonedition .cm-property {
+	color: #66D9EF;
+}
+.cm-s-monokai-fannonedition .cm-operator {
+	color: #EC7600;
+}
+.cm-s-monokai-fannonedition .CodeMirror-linenumber {
+	color: #999999;
+}

assets/css/theme/mreq.css

@@ -0,0 +1,54 @@
+.cm-s-mreq {
+	font-family: monospace;
+	background: #181818;
+	color: #c4c4c4;
+}
+.cm-s-mreq .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #181818;
+	z-index: 3;
+	border: none;
+}
+.cm-s-mreq div.CodeMirror-cursor {
+	border-left: 3px solid #c4c4c4;
+}
+.cm-s-mreq .CodeMirror-activeline-background {
+	background: #020202;
+}
+.cm-s-mreq .CodeMirror-selected {
+	background: #c4c4c4;
+}
+.cm-s-mreq .cm-comment {
+	color: #6a6a6a;
+}
+.cm-s-mreq .cm-string {
+	color: #C59C70;
+}
+.cm-s-mreq .cm-number {
+	color: #6facbe;
+}
+.cm-s-mreq .cm-atom {
+	color: #6facbe;
+}
+.cm-s-mreq .cm-keyword {
+	color: #ca7473;
+}
+.cm-s-mreq .cm-variable {
+	color: #ca7473;
+}
+.cm-s-mreq .cm-def {
+	color: #c59c70;
+}
+.cm-s-mreq .cm-variable-2 {
+	color: #ca7473;
+}
+.cm-s-mreq .cm-property {
+	color: #6facbe;
+}
+.cm-s-mreq .cm-operator {
+	color: #ca7473;
+}
+.cm-s-mreq .CodeMirror-linenumber {
+	color: #6a6a6a;
+}

assets/css/theme/neo.css

@@ -5,7 +5,6 @@
 .cm-s-neo.CodeMirror {
   background-color:#ffffff;
   color:#2e383c;
-  line-height:1.4375;
 }
 .cm-s-neo .cm-comment { color:#75787b; }
 .cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color:#1d75b3; }

assets/css/theme/nightlion.css

@@ -0,0 +1,49 @@
+.cm-s-nightlion {
+	font-family: monospace;
+	color: #9e9e9e;
+	background: #1a1a1a;
+}
+.cm-s-nightlion .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #1a1a1a;
+	z-index: 3;
+	border: none;
+}
+.cm-s-nightlion div.CodeMirror-cursor {
+	border-left: 3px solid #9e9e9e;
+}
+.cm-s-nightlion .CodeMirror-activeline-background {
+	background: #ffffff08;
+}
+.cm-s-nightlion .CodeMirror-selected {
+	background: #ddf0ff33;
+}
+.cm-s-nightlion .cm-keyword {
+	color: #74b6e9ff;
+}
+.cm-s-nightlion .cm-string {
+	color: #e0db5dff;
+}
+.cm-s-nightlion .cm-property {
+	color: #76b6edff;
+}
+.cm-s-nightlion .cm-comment {
+	font-style: italic;
+	color: #0080ffff;
+}
+.cm-s-nightlion .cm-def {
+	color: #ffcc66ff;
+}
+.cm-s-nightlion .cm-atom {
+	color: #76b6edff;
+}
+.cm-s-nightlion .cm-number {
+	color: #76b6edff;
+}
+.cm-s-nightlion .cm-operator {
+	color: #74b6e9ff;
+}
+.cm-s-nightlion .CodeMirror-linenumber {
+	color: italic;
+}