diff --git a/build/standalone/config/default.js b/build/standalone/config/default.js index e149376f..b8815be4 100644 --- a/build/standalone/config/default.js +++ b/build/standalone/config/default.js @@ -2105,6 +2105,9 @@ define("plugins/c9.ide.collab/chat/chat",[], function(require, exports, module) var html = document.createElement("p"); html.id = "ot_chat_" + msg.id; html.userId = msg.userId; + + if (msg.userId == workspace.myUserId) + html.className = "you"; var borderEl = document.createElement("span"); html.appendChild(borderEl); @@ -72381,11 +72384,8 @@ define("plugins/c9.ide.layout.classic/preload",[], function(require, exports, mo ["skin", options.defaultTheme || "flat-dark"] ]); if (!packed || options.loadTheme) return callback(); - try { - var theme = settings.get("user/general/@skin"); - return getTheme(theme, callback); - } catch (e) {} - async.forEach(Object.keys(themes), getTheme, callback); + var theme = settings.get("user/general/@skin"); + return getTheme(theme, callback); } function getTheme(name, callback) { @@ -72399,6 +72399,8 @@ define("plugins/c9.ide.layout.classic/preload",[], function(require, exports, mo } else { var url = themePrefix + "/" + name + ".css"; require(["text!" + url], function(data) { + if (!data) + return callback(new Error()); data += "\n/*# sourceURL=" + url + " */"; themes[name] = data; callback(null, data); @@ -72421,6 +72423,195 @@ define("plugins/c9.ide.layout.classic/preload",[], function(require, exports, mo } }); +define("plugins/c9.ide.theme.jett/plugin",[], function(require, exports, module) { + + main.consumes = [ + "Plugin", "layout", "app", + "util", "tabManager", "ace", + ]; + main.provides = ["theme.jett"]; + return main; + function main(options, imports, register) { + var Plugin = imports.Plugin; + var layout = imports.layout; + var tabs = imports.tabManager; + var ace = imports.ace; + var services = imports.app.services; + + var escapeHTML = require("ace/lib/lang").escapeHTML; + + var plugin = new Plugin("Ajax.org", main.consumes); + var emit = plugin.getEmitter(); + + var themeEnabled = false; + function load() { + ace.addTheme({ + caption: "Jett", + id: "plugins/c9.ide.theme.jett/ace.themes/jett" + }, plugin); + layout.addTheme({ + group: "flat", + color: "rgb(41, 58, 86)", + name: "jett-dark", + defaults: { + output: { + backgroundColor: "#2b303b", + foregroundColor: "#767B85", + selectionColor: "#343d46", + }, + + } + }); + + layout.on("themeChange", function(e) { + if (e.theme == "jett-dark") + enableJett(true); + else if (themeEnabled) + enableJett(false); + }); + + layout.on("themeDefaults", function(e) { + }); + } + function enableJett(enabled) { + themeEnabled = enabled; + if (enabled) { + ace.on("themeChange", styleTabs, plugin); + tabs.on("focusSync", styleTabs, plugin); + tabs.on("tabCreate", onTabCreate, plugin); + enableFileIcons(); + } + else { + ace.off("themeChange", styleTabs, plugin); + tabs.off("focusSync", styleTabs, plugin); + tabs.off("tabCreate", onTabCreate, plugin); + } + styleTabs(); + var tree = services.tree && services.tree.tree; + tree && tree.resize(true); + } + + function onTabCreate(e) { + if (themeEnabled && e.tab.title && e.tab.path) { + setTabIcon(e.tab); + } + } + + function enableFileIcons() { + if (enableFileIcons.called) + return; + enableFileIcons.called = true; + var navigate = services.navigate; + navigate && navigate.once("draw", function() { + var dp = navigate.tree.provider; + + override(dp, 'renderRow', function(original) { + return function(row, html, config) { + if (!themeEnabled) { + return original.apply(this, arguments); + } + + var path = dp.visibleItems[row]; + var isSelected = dp.isSelected(row); + var filename = path.substr(path.lastIndexOf("/") + 1); + var icon = getIconClass(filename); + + html.push("
" + + dp.replaceStrong(filename) + "" + dp.replaceStrong(path) + "
"); + }; + }); + }); + var tree = services.tree; + tree.once("draw", function(e) { + override(tree.tree.model, 'getIconHTML', function(original) { + return function(node) { + if (!themeEnabled) { + return original.apply(this, arguments); + } + + var icon = node.isFolder ? "folder" : getIconClass(node.label); + + if (node.status === "loading") icon = "loading"; + return ""; + }; + }); + }); + } + function override(object, methodName, callback) { + object[methodName] = callback(object[methodName]); + } + function getIconClass(filename) { + if (!filename) return ''; + filename = filename.split("/").pop(); + var icon = filename.split(".").pop().toLowerCase(); + + filename = filename.toLowerCase(); + if (filename == "package.json") icon = "npm"; + if (filename == "composer.json") icon = "composer"; + if (filename == "bower.json") icon = "bower"; + if (filename == "gulpfile.js") icon = "gulp"; + if (filename == "gruntfile.js") icon = "grunt"; + + return icon; + } + function styleTabs(e) { + var panes = tabs.getPanes(); + + panes.forEach(function(pane) { + pane.getTabs().forEach(function(tab) { + setTabIcon(tab); + if (themeEnabled && tab.isActive()) { + if (ace.theme && ace.theme.bg && ace.theme.fg) { + var colorHash = { + "editor::ace": ace.theme.bg, + "editor::terminal": "#000", + "editor::output": "#000", + "editor::preferences": "#25272C", + "editor::immediate": "#1C1D21" + }; + + tab.aml.$button.style.backgroundColor = (colorHash[tab.aml.type] || "iherit"); + tab.aml.$button.style.color = ace.theme.fg; + } + } + else { + tab.aml.$button.style.backgroundColor = ''; + tab.aml.$button.style.color = ''; + } + + }); + }); + } + function setTabIcon(tab) { + if (!tab.path) return; + + var iconHTML = (themeEnabled ? '' : "") + + escapeHTML(tab.title); + tab.aml.$button.querySelector(".sessiontab_title").innerHTML = iconHTML; + + } + + plugin.on("load", function() { + load(); + }); + plugin.on("unload", function() { + enableJett(false); + themeEnabled = false; + }); + plugin.freezePublicAPI({ + + }); + + register(null, { + "theme.jett": plugin + }); + + } +}); + define("plugins/c9.ide.theme.flat/flat-dark",[], function(require, exports, module) { main.consumes = [ "Plugin", "layout", "menus", "tabinteraction", "settings", @@ -72949,14 +73140,18 @@ define("plugins/c9.ide.layout.classic/layout",[], function(require, exports, mod emit("draw"); } - var allowedThemes = { - "dark": 1, - "dark-gray": 1, - "light-gray": 1, - "light": 1, - "flat-light": 1, - "flat-dark": 1 - }; + var allowedThemes = {}; + + function addTheme(data) { + allowedThemes[data.name] = data; + emit("themeAdded", data); + } + + function listThemes() { + return Object.keys(allowedThemes).map(function(key) { + return allowedThemes[key]; + }); + } function setImageResolution(value) { if (window.matchMedia) { @@ -72969,8 +73164,6 @@ define("plugins/c9.ide.layout.classic/layout",[], function(require, exports, mod function updateTheme(noquestion, type) { var sTheme = settings.get("user/general/@skin"); - if (!allowedThemes[sTheme]) - sTheme = "dark"; if (noquestion === undefined) noquestion = !theme; @@ -72981,17 +73174,22 @@ define("plugins/c9.ide.layout.classic/layout",[], function(require, exports, mod theme = sTheme; if (ui.packedThemes) { - preload.getTheme(theme, function(err, theme) { - if (err) + preload.getTheme(theme, function(err, themeCss) { + if (sTheme !== theme) return; + if (err) { + if (!allowedThemes[sTheme]) + settings.set("user/general/@skin", "dark"); + return; + } if (removeTheme) removeTheme(); var url = options.staticPrefix.replace(/c9.ide.layout.classic\/?$/, ""); - theme = theme.replace(/(url\(["']?)\/static\/plugins\//g, function(_, x) { + themeCss = themeCss.replace(/(url\(["']?)\/static\/plugins\//g, function(_, x) { return x + url; }); - theme = setImageResolution(theme); - ui.insertCss(theme, false, { + themeCss = setImageResolution(themeCss); + ui.insertCss(themeCss, false, { addOther: function(remove) { removeTheme = remove; } }); changeTheme(); @@ -73361,6 +73559,8 @@ define("plugins/c9.ide.layout.classic/layout",[], function(require, exports, mod get hasTheme() { return !ui.packedThemes || !!removeTheme }, + addTheme: addTheme, + listThemes: listThemes, findParent: findParent, initMenus: initMenus, resetTheme: resetTheme, @@ -112140,12 +112340,14 @@ apf.splitter.templates = { } apf.plane.setCursor(_self.type == "vertical" ? "ew-resize" : "ns-resize"); + _self.$ext.classList.add("hover"); _self.$setStyleClass(this, _self.$baseCSSname + "Moving"); document.onmouseup = function(e) { if (!e) e = event; _self.$setStyleClass(_self.$ext, "", [_self.$baseCSSname + "Moving"]); + _self.$ext.classList.remove("hover"); update(e, true); @@ -142995,7 +143197,7 @@ define("plugins/c9.ide.ace.stripws/stripws",[], function(require, exports, modul define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { main.consumes = [ "PreferencePanel", "ace", "ui", "configure", "settings", - "preferences.experimental" + "preferences.experimental", "layout" ]; main.provides = ["preferences.themes"]; return main; @@ -143004,6 +143206,7 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { var PreferencePanel = imports.PreferencePanel; var ui = imports.ui; var ace = imports.ace; + var layout = imports.layout; var configure = imports.configure; var settings = imports.settings; var experimental = imports["preferences.experimental"]; @@ -143019,24 +143222,47 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { index: 300 }); var intro; + var themeContainers = {}; + var themes = []; var loaded = false; function load() { if (loaded) return false; loaded = true; - function update() { - if (!drawn) return; - - var list = getThemes(); - plugin.form.update([{ - id: "syntax", - items: list - }]); - } - - ace.on("addTheme", update); - ace.on("removeTheme", update); + layout.addTheme({ + group: "classic", + color: "#252525;", + name: "dark", + }); + layout.addTheme({ + group: "classic", + color: "#3f3f3f;", + name: "dark-gray", + }); + layout.addTheme({ + group: "classic", + color: "#aaa;", + name: "light-gray", + hidden: !options.lightClassic, + }); + layout.addTheme({ + group: "classic", + color: "#dcdbdb;", + name: "light", + hidden: !options.lightClassic, + }); + layout.addTheme({ + group: "flat", + color: "#252525;", + name: "flat-dark", + hidden: !FLATDARK + }); + layout.addTheme({ + group: "flat", + color: "#dcdbdb;", + name: "flat-light", + }); } var drawn; @@ -143045,24 +143271,7 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { drawn = true; var list = getThemes(); - - var rb1, rb2, rb3, rb4, rb5, rb6; - - var flatThemes = []; - rb6 = new ui.radiobutton({ - group: "theme-color", - class: "themepicker", - style: "background:#252525;", - value: "flat-dark" - }); - rb5 = new ui.radiobutton({ - group: "theme-color", - class: "themepicker", - style: "background:#dcdbdb;", - value: "flat-light" - }); - if (FLATDARK) flatThemes.push(rb6); - flatThemes.push(rb5); + plugin.form.add([ { @@ -143089,9 +143298,7 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { caption: "Flat Theme:", style: "padding-top:5px" }), - new ui.bar({ - childNodes: flatThemes - }) + themeContainers.flat = new ui.bar({}) ] }) }, @@ -143109,22 +143316,7 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { caption: "Classic Theme:", style: "padding-top:5px" }), - new ui.bar({ - childNodes: [ - rb1 = new ui.radiobutton({ - group: "theme-color", - class: "themepicker", - style: "background:#252525;", - value: "dark" - }), - rb2 = new ui.radiobutton({ - group: "theme-color", - class: "themepicker", - style: "background:#3f3f3f;", - value: "dark-gray" - }), - ] - }) + themeContainers.classic = new ui.bar({}) ] }) }, @@ -143142,21 +143334,19 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { }, ], plugin); - var change = function(e) { - settings.set("user/general/@skin", e.value); - }; - var setTheme = function(e) { - [rb1, rb2, rb5, rb6].some(function(rb) { - if (rb.value == e.value) { - rb.select(); - return true; - } - }); - }; - settings.on("user/general/@skin", setTheme); - setTheme({ value: settings.get("user/general/@skin") }); - rb1.$group.on("afterchange", change); + function update() { + if (!drawn) return; + + var list = getThemes(); + plugin.form.update([{ + id: "syntax", + items: list + }]); + } + + ace.on("addTheme", update, plugin); + ace.on("removeTheme", update, plugin); ui.buildDom([ ["h1", null, "Themes"], @@ -143166,8 +143356,33 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { ], ["p", { class: "hint" }, "Set all the colors free!"] ], intro.$int); + + + themeContainers.group = new apf.group(); + + layout.on("themeAdded", drawThemeSwatches); + drawThemeSwatches(); + + var change = function(e) { + settings.set("user/general/@skin", e.value); + }; + var setTheme = function(e) { + [].concat( + themeContainers.flat.childNodes, + themeContainers.classic.childNodes + ).some(function(rb) { + if (rb.value == e.value) { + rb.select(); + return true; + } + }); + }; + settings.on("user/general/@skin", setTheme, plugin); + setTheme({ value: settings.get("user/general/@skin") }); + + themeContainers.group.on("afterchange", change); } - + function getThemes() { var list = []; var themes = ace.themes; @@ -143183,6 +143398,31 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { return list; } + + function drawThemeSwatches() { + var themes = layout.listThemes(); + themeContainers.classic.childNodes.forEach(function(n) { + n.remove(); + }); + themeContainers.flat.childNodes.forEach(function(n) { + n.remove(); + }); + + themes.forEach(function(theme) { + if (theme.hidden) return; + var container = theme.group == "flat" ? themeContainers.flat : themeContainers.classic; + container.appendChild( + new ui.radiobutton({ + group: themeContainers.group, + class: "themepicker", + style: "background:" + theme.color, + value: theme.name, + tooltip: theme.name, + }) + ); + }); + } + plugin.on("load", function() { load(); }); @@ -143192,6 +143432,8 @@ define("plugins/c9.ide.ace/themes",[], function(require, exports, module) { plugin.on("unload", function() { loaded = false; drawn = false; + intro = null; + themeContainers = {}; }); plugin.freezePublicAPI({ @@ -145496,6 +145738,7 @@ define("plugins/c9.ide.ace/ace",[], function(require, exports, module) { var currentTheme; var skin = settings.get("user/general/@skin"); var defaultThemes = { + "jett-dark": "plugins/c9.ide.theme.jett/ace.themes/jett", "light": "ace/theme/cloud9_day", "light-gray": "ace/theme/cloud9_day", "flat-light": "ace/theme/cloud9_day", @@ -145922,7 +146165,7 @@ define("plugins/c9.ide.ace/ace",[], function(require, exports, module) { var style = currentTheme && (currentTheme.isDark ? "dark" : "light"); if (e.force == false && e.theme.indexOf(style) != -1) return; - if (e.type != "ace") + if (e.type != "ace" && defaultThemes[e.theme]) handle.setTheme(defaultThemes[e.theme]); }, handle); ui.insertCss(cssString, null, handle); @@ -146614,22 +146857,29 @@ define("plugins/c9.ide.ace/ace",[], function(require, exports, module) { } }), index == -1 ? undefined : index || themeCounter++, plugin || handle); } - function addTheme(css, plugin) { - var theme = { cssText: css }; - var firstLine = css.split("\n", 1)[0].replace(/\/\*|\*\//g, "").trim(); - firstLine.split(";").forEach(function(n) { - if (!n) return; - var info = n.split(":"); - theme[info[0].trim()] = info[1].trim(); - }); - theme.isDark = theme.isDark == "true"; + function addTheme(theme, plugin) { + if (typeof theme == "string") { + var css = theme; + theme = { cssText: css }; + var firstLine = css.split("\n", 1)[0].replace(/\/\*|\*\//g, "").trim(); + firstLine.split(";").forEach(function(n) { + if (!n) return; + var info = n.split(":"); + theme[info[0].trim()] = info[1].trim(); + }); + theme.isDark = theme.isDark == "true"; + theme.id = "custom_themes/" + theme.name; + theme.customCss = css; + } - theme.id = "custom_themes/" + theme.name; - theme.customCss = css; define.undef(theme.id); - define(theme.id, [], theme); + if (theme.cssText) + define(theme.id, [], theme); - themes[theme.id] = theme; + if (!theme.name) + theme.name = theme.caption; + + themes[theme.caption || theme.id] = theme.id; addThemeMenu(theme.name, theme.id, null, plugin); @@ -151267,9 +151517,9 @@ define("plugins/c9.ide.editors/tabmanager",[], function(require, module, exports }); settings.on("read", function(e) { settings.setDefaults("user/tabs", [ - ["show", "true"], - ["title", "false"], - ["asterisk", "false"] + ["show", true], + ["title", false], + ["asterisk", false] ]); settings.setDefaults("state/tabs", []); collapsedMenu = settings.getBool("state/menus/@minimized"); @@ -151312,7 +151562,7 @@ define("plugins/c9.ide.editors/tabmanager",[], function(require, module, exports settings.on("user/tabs/@asterisk", function(value) { containers.forEach(function(container) { - if (value) + if (ui.isTrue(value)) ui.setStyleClass(container, "asterisk"); else ui.setStyleClass(container, "", ["asterisk"]); diff --git a/build/standalone/modules/plugins/c9.ide.theme.jett/ace.themes/jett.js b/build/standalone/modules/plugins/c9.ide.theme.jett/ace.themes/jett.js new file mode 100644 index 00000000..cf7acd50 --- /dev/null +++ b/build/standalone/modules/plugins/c9.ide.theme.jett/ace.themes/jett.js @@ -0,0 +1,11 @@ +define("text!plugins/c9.ide.theme.jett/ace.themes/jett.css",[],".ace-jett .ace_gutter {\n background: #1C1D21;\n color: #686b78\n}\n\n.ace-jett .ace_print-margin {\n width: 0px;\n}\n\n.ace-jett {\n background-color: #1C1D21;\n color: #cbcdd2\n}\n\n.ace-jett .ace_cursor {\n color: #cbcdd2\n}\n\n.ace-jett .ace_marker-layer .ace_selection {\n background: #2f3137\n}\n\n.ace-jett.ace_multiselect .ace_selection.ace_start {\n box-shadow: 0 0 3px 0px #1C1D21;\n border-radius: 2px\n}\n\n.ace-jett .ace_marker-layer .ace_step {\n background: #212227\n}\n\n.ace-jett .ace_marker-layer .ace_bracket {\n margin: -1px 0 0 -1px;\n border: 1px solid #65737e\n}\n\n.ace-jett .ace_marker-layer .ace_active-line {\n background: #212227\n}\n\n.ace-jett .ace_gutter-active-line {\n background-color: #212227;\n}\n\n.ace-jett .ace_marker-layer .ace_selected-word {\n border: 1px solid #4f5b66\n}\n\n.ace-jett .ace_fold {\n background-color: #8fa1b3;\n border-color: #cbcdd2\n}\n\n.ace-jett .ace_keyword {\n color: #78bd65\n}\n\n.ace-jett .ace_keyword.ace_operator {\n color: #eb3d54\n}\n\n.ace-jett .ace_keyword.ace_other.ace_unit {\n color: #ef7c2a\n}\n\n.ace-jett .ace_constant {\n color: #ef7c2a\n}\n\n.ace-jett .ace_constant.ace_numeric {\n color: #ef7c2a\n}\n\n.ace-jett .ace_constant.ace_character.ace_escape {\n color: #ef7c2a\n}\n\n.ace-jett .ace_support.ace_function {\n color: #eb3d54\n}\n\n.ace-jett .ace_support.ace_class {\n color: #ffcb6b\n}\n\n.ace-jett .ace_support.ace_type {\n color: #cbcdd2\n}\n\n.ace-jett .ace_storage {\n color: #78bd65\n}\n\n.ace-jett .ace_invalid.ace_illegal {\n color: #1C1D21;\n background-color: #bf616a\n}\n\n.ace-jett .ace_string {\n color: #4fb4d8\n}\n\n.ace-jett .ace_string.ace_regexp {\n color: #80CBC4\n}\n\n.ace-jett .ace_comment {\n color: #686b78\n}\n\n.ace-jett .ace_variable {\n color: #e5cd52\n}\n\n.ace-jett .ace_meta.ace_tag {\n color: #eb3d54\n}\n\n.ace-jett .ace_meta.ace_selector {\n color: #78bd65\n}\n\n.ace-jett .ace_entity.ace_other.ace_attribute-name {\n color: #FFCB6B\n}\n\n.ace-jett .ace_entity.ace_name.ace_function {\n color: #e5cd52\n}\n\n.ace-jett .ace_entity.ace_name.ace_tag {\n color: #ff5370\n}\n\n.ace-jett .ace_markup.ace_list {\n color: rgba(255, 83, 112, 1.0)\n}\n\n.ace-jett .ace_indent-guide {\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAABCJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjE8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjI8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZGM6c3ViamVjdD4KICAgICAgICAgICAgPHJkZjpCYWcvPgogICAgICAgICA8L2RjOnN1YmplY3Q+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTAyLTE3VDAwOjAyOjgwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuNC4yPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoedQbwAAAAEklEQVQIHWMwsXGrZ2JgZGgAAAkvAbkhTCViAAAAAElFTkSuQmCC) right repeat-y\n}\n\n.ace-jett .ace_diff,\n.ace-jett .ace_diff.insert,\n.ace-jett .ace_diff.delete {\n border-color: #4f5b66 !important;\n background-color: rgba(79, 91, 102, 0.5) !important;\n}\n\n.ace-jett .ace_diff-connector {\n stroke: #4f5b66;\n fill: rgba(79, 91, 102, 0.6);\n}\n\n.ace_diff-gutter.ace-jett {\n background-color: #1C1D21 !important;\n border-right: 1px solid #464e5e !important;\n}"); + +define("plugins/c9.ide.theme.jett/ace.themes/jett",[], function(require, exports, module) { + +exports.isDark = true; +exports.cssClass = "ace-jett"; +exports.cssText = require("text!./jett.css"); + +var dom = require("ace/lib/dom"); +dom.importCssString(exports.cssText, exports.cssClass); +}); diff --git a/build/standalone/skin/default/jett-dark.css b/build/standalone/skin/default/jett-dark.css new file mode 100644 index 00000000..9ac1d866 --- /dev/null +++ b/build/standalone/skin/default/jett-dark.css @@ -0,0 +1,13904 @@ +/* @file plugins/c9.ide.collab/chat/chat.css */ +#chatThrob { + display: none; + position: absolute; + bottom: 40px; + font-size: 12px; + width: 150px; + height: 40px; + right: 20px; + z-index: 1000; + color: #272727; + background-color: #ececec; + background-color: rgba(236, 236, 236, 0.7); + padding: 10px; + border-radius: 6px; + opacity: .8; +} +.chatContainer { + display: flex; + flex-direction: column; +} +.chatText a { + color: #909090; +} +.chatText { + overflow: auto; + font-size: 12px; + padding: 0 0 0 0; + background: #1a1b1e; + flex: 1; +} +.chatText p { + padding: 0px 10px 5px 12px; + word-wrap: break-word; + border-bottom: 0; + border-top: 0; + position: relative; + margin: 0; +} +.chatText p:first-child { + border-top: 0; +} +.chatText .chatBorder { + position: absolute; + left: 0; + top: 0; + bottom: 0; + width: 0; + border-left: 0px solid white; +} +.chatText .emoji { + vertical-align: middle; +} +.chatText .authorName { + text-decoration: none; + color: #dcdfe5; + display: block; +} +.chatText .chatmessage { + color: #fff; + display: block; + padding: 3px 0 0 0; +} +.chatText .chattime { + position: absolute; + right: 10px; + top: 10px; + color: #596673; + font-size: 10px; + font-weight: 300; + text-shadow: none; +} +.chatContainer .searchTxt.tb_console { + background: #1a1b1e; + height: 30px; + padding: 0; + cursor: text; + flex-shrink: 0; +} +.chatContainer .searchTxt.tb_console .sbtb_middle { + min-height: 37px; + border-color: #1a1b1e; + border-radius: 0; + border-width: 1px 0 0 0; + box-shadow: none; + background: #1a1b1e; + padding: 4px 4px 3px 4px; +} +.chatContainer .tb_textboxInitialMsg { + color: #B9B9B9 !important; + text-indent: 3px; + text-shadow: none; +} +.chatContainer .searchbox .sbtb_middle .input { + color: #b8bac1; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.chatContainer .ace-tm .ace_marker-layer .ace_selection { + background: inherit; +} +.chatContainer .ace-tm .ace_cursor { + color: #b8bac1; +} +#chatCounter { + color: #777; + font-size: 10px; + vertical-align: middle; +} +/* @file plugins/c9.ide.collab/members/members.css */ +.panelsbuttonDown.collab, +.panelsbuttonDown.collab:hover { + box-shadow: 1px -1px transparent inset, 1px 0 transparent; + padding-bottom: 7px; +} +.memberstree .tree-row { + padding: 2px 0 0 18px; + position: relative; + color: #b8bac1; + cursor: default; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.memberstree .tree-row:first-child { + border-top: 0; +} +.memberstree .tree-row .toggler { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; + position: absolute; + left: 3px; + top: 7px; +} +.memberstree .tree-row .caption { + position: absolute; + left: 30px; + font-size: 11px; + top: 3px; + right: 93px; + overflow: hidden; + height: 16px; + text-overflow: ellipsis; +} +.memberstree .tree-row .root.caption { + left: 17px; + top: 4px; + font-weight: bold; +} +.memberstree .tree-row.active { + font-weight: bold; +} +.memberstree .tree-row .name { + margin-left: -23px; + color: #f1f1f1; + display: inline-block; +} +.memberstree .avatar { + position: absolute; + display: none; + left: 3px; + width: 38px; + top: -1px; + border-left: 1px solid black; + border-right: 1px solid black; + box-shadow: 1px 0 rgba(255, 255, 255, 0.07); +} +.memberstree .avatar img { + width: 38px; + height: 38px; + border: 0; +} +.memberstree .kickout { + width: 12px; + height: 16px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/images/trash-icon_flat_light@1x.png); + background-size: 12px 16px; + cursor: pointer; + pointer-events: auto; + position: absolute; + right: 14px; + top: 2px; + z-index: 100000; +} +.access_control { + width: 50px; + height: 18px; + padding: 1px; + border-radius: 4px; + font-family: Arial; + font-size: 10px; + box-sizing: border-box; + background: rgba(255, 255, 255, 0.1); + box-shadow: none; + cursor: pointer; + pointer-events: auto; + position: absolute; + right: 32px; + top: 2px; +} +.access_control.disabled { + pointer-events: none; + cursor: default; +} +.access_control.disabled { + background: #63acff; +} +.memberstree .selected .access_control { + background: rgba(255, 255, 255, 0.1); + box-shadow: none; +} +.memberstree .access_control.disabled { + width: 26px; +} +.access_control .readbutton, +.access_control .writebutton { + pointer-events: none; +} +.access_control.rw .readbutton, +.access_control.r .writebutton { + width: 24px; + height: 16px; + border-radius: 3px; + box-shadow: none; + background-image: none; + color: rgba(220, 223, 229, 0.7); + display: inline-block; + text-align: center; + box-sizing: border-box; + padding-top: 2px; + vertical-align: top; +} +.access_control.rw .readbutton { + margin: -1px 1px 0 -1px; + height: 18px; + border-radius: 3px 0 0 4px; + width: 24px; + line-height: 16px; + padding-left: 1px; +} +.access_control.r .writebutton { + margin: -1px -1px 0 -1px; + height: 18px; + border-radius: 0 3px 3px 0; + width: 26px; + line-height: 15px; + box-shadow: none; +} +.memberstree.ace_tree_focus .selected .access_control.rw .readbutton, +.memberstree.ace_tree_focus .selected .access_control.r .writebutton { + background-image: none; +} +.access_control.rw .writebutton, +.access_control.r .readbutton, +.access_control.disabled .readbutton, +.access_control.disabled .writebutton { + width: 24px; + height: 14px; + display: inline-block; + text-align: center; + box-sizing: border-box; + padding-top: 2px; + vertical-align: top; + color: #f1f1f1; + line-height: 14px; +} +.memberstree.ace_tree_focus .selected .access_control.rw .writebutton, +.memberstree.ace_tree_focus .selected .access_control.r .readbutton, +.memberstree.ace_tree_focus .selected .access_control.disabled .readbutton, +.memberstree.ace_tree_focus .selected .access_control.disabled .writebutton { + color: #f1f1f1; +} +.access_control.disabled .readbutton, +.access_control.disabled .writebutton { + color: #f1f1f1; +} +.memberstree .tree-row.hover:not(.heading) { + background: #18181b; +} +.memberstree .tree-row.selected { + background: #2f3137; +} +.memberstree.ace_tree_focus .tree-row.selected { + background: #63acff; +} +.memberstree .status { + display: block; + width: 12px; + height: 12px; + position: absolute; + left: 14px; + top: 5px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.collab/members/images/collab-led-states_flat_light@1x.png); + background-size: 12px 36px; + background-position: 1px 0; +} +.memberstree .collaborator_color { + position: absolute; + left: 0; + top: 2px; + width: 3px; + bottom: 2px; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.18); +} +.memberstree .status.online { + background-position: 0 -24px; +} +.memberstree .status.idle { + background-position: 0 0; +} +.memberstree .status.offline { + background-position: 0 -12px; +} +.memberstree.ace_tree .message { + font-family: Arial; + font-size: 11px; + margin: 20px 0 0 0; +} +/* @file plugins/c9.ide.collab/share/share.css */ +.share { + width: 570px; + height: 613px; +} +.share .bk-container { + padding: 20px; +} +.share label { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + font-weight: bold; + color: #7d8c9b; + margin: 0 5px 2px 0; + display: block; + vertical-align: middle; +} +.share .sharecb { + margin: 2px 0 0 10px !important; + display: inline-block; + vertical-align: middle; +} +.share .link { + background: #18181b; + padding: 6px 10px; + border-radius: 3px; + width: 271px; + margin: 0 0 10px 0; + border: 1px solid #2f3137; + box-shadow: none; + color: #b8bac1; + cursor: text; + display: inline-block; + cursor: pointer; + white-space: nowrap; + overflow: hidden; + vertical-align: top; +} +.share .link:hover { + text-decoration: underline; +} +.share .members { + background-color: rgba(255, 255, 255, 0.07); + border: 1px solid #2b2c31; + box-shadow: none; + overflow: hidden; + position: relative; + height: 140px !important; + margin: 10px 0 10px 0; + border-radius: 3px; +} +.share .members .hover { + background: transparent; +} +.share blockquote { + position: relative; + border-radius: 3px; + border: 1px solid #2b2c31; + box-shadow: none; +} +.share blockquote.invite { + margin: 10px 0 10px 0; + padding: 10px; +} +.share blockquote.links { + margin: 10px 0 10px 0; + padding: 10px 15px 0 15px; +} +.share .access_control.standalone { + position: absolute; + right: 140px; + top: 66px; +} +.share .subhead { + display: inline-block; + width: 119px; + color: #9aa6b1; + margin-top: 7px !important; + font-weight: normal; +} +.share .searchbox { + width: 378px; + margin: 5px 0 0 0 !important; +} +.share .searchbox .sbtb_middle { + background-color: #18181b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + padding: 5px 10px !important; + border-color: #2f3137 !important; +} +.share .btn-green { + position: absolute; + width: 120px; + height: 30px; + right: 10px; + bottom: 39px; +} +.share .btn-done { + position: absolute; + right: 20px; + width: auto; + bottom: 20px; +} +/* @file ace_tree/css/tree.css */ +.ace_tree { + overflow: hidden; + font: 12px Tahoma, Arial; + cursor: default; + position: relative; + white-space: pre; +} +.ace_tree textarea { + position: absolute; + z-index: 0; +} +.ace_tree_scroller { + position: absolute; + overflow: hidden; + top: 0; + bottom: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.ace_tree_content { + position: absolute; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.ace_scrollbar { + position: absolute; + overflow-x: hidden; + overflow-y: auto; + right: 0; + bottom: 0; +} +.ace_scrollbar-inner { + position: absolute; + cursor: text; + left: 0; + top: 0; +} +.ace_scrollbar-h { + position: absolute; + overflow-x: auto; + overflow-y: hidden; + right: 0; + left: 0; + bottom: 0; +} +.ace_tree_horheading { + position: absolute; +} +.ace_tree_verheading { + bottom: 0; + position: absolute; +} +.ace_tree_heading { + z-index: 10; + position: relative; + white-space: nowrap; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + pointer-events: none; +} +.ace_tree_layer { + z-index: 1; + position: absolute; + overflow: hidden; + white-space: nowrap; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + pointer-events: none; +} +.ace_tree .tree-indent { + display: inline-block; +} +.ace_tree_selection_range { + position: absolute; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.ace_tree-editor { + position: absolute; + z-index: 10000; + background: white; + padding: 3px 4px 3px 4px; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px dotted green; + left: 0; + right: 0; +} +.ace_tree .toggler { + width: 10px; + height: 10px; + background-position: 0px 0px; + background-repeat: no-repeat; + cursor: pointer; + display: inline-block; + pointer-events: auto; +} +.ace_tree .toggler.empty { + pointer-events: none; +} +.ace_tree .toggler.open { + background-position: -10px 0px; +} +.ace_tree .toggler.empty { + background-position: 50px 0px; + cursor: default; +} +.ace_tree_cells, +.ace_tree_cell-layer { + width: 100%; +} +.ace_tree_selection-layer { + width: 100%; + height: 110%; +} +.ace_tree_cells .message.empty { + text-align: center; + opacity: 0.9; + cursor: default; +} +.ace_tree .tree-row > .tree-column { + display: inline-block; + overflow: hidden; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.tree-headings { + white-space: nowrap; + position: absolute; + overflow: hidden; + top: 0; + left: 0; + right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.tree-headings > .tree-column { + display: inline-block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.tree-headings > .tree-column-resizer { + height: 100%; + background: #b6b6b6; + display: inline-block; + width: 2px; + z-index: 1000; + position: absolute; + margin-left: -2px; + border-left: 1px solid rgba(0, 0, 0, 0); +} +/* @file ace_tree/css/light_theme.css */ +.ace_tree-light.ace_tree { + font: 12px Arial; +} +.ace_tree_selection_range { + background: rgba(0, 110, 255, 0.2); + border: 1px solid rgba(0, 0, 0, 0.1); +} +.ace_tree-light .toggler { + overflow: visible; + width: 10px; + height: 10px; +} +.ace_tree-light .tree-row .caption { + padding: 4px 5px; +} +.ace_tree-light .tree-row > .caption { + overflow: visible; + display: inline-block; +} +.ace_tree-light .tree-row { + border: 1px solid transparent; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.ace_tree-light .tree-row:hover, +.ace_tree-light .tree-row.hover { + background: rgba(0, 0, 0, 0.03); +} +.ace_tree-light .tree-row.selected { + background: rgba(0, 0, 0, 0.04); +} +.ace_tree_focus.ace_tree-light .tree-row.selected { + background: -webkit-gradient(linear, left top, left bottom, from(#2890E5), color-stop(1, #1F82D2)); + background: -moz-linear-gradient(center bottom, #1f82d2 0%, #2890e5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(center bottom, #1f82d2 0%, #2890e5 100%) repeat scroll 0 0 transparent; + color: #f8f8f8; +} +.ace_tree-light .tree-row > .tree-column { + border: 1px solid #cccccc; + border-width: 0 1px 1px 0; + padding: 4px 5px; +} +.ace_tree-light .tree-row.selected > .tree-column { + background: transparent; +} +.ace_tree-light .tree-headings { + background: #fdfdfd; +} +.ace_tree-light .tree-headings > .tree-column { + background: transparent; + padding: 5px 3px; +} +.ace_tree-light .tree-headings > .tree-column-resizer { + height: 100%; + background: #b6b6b6; + display: inline-block; + width: 1px; + z-index: 1000; + position: absolute; + margin-left: -1px; + border-left: 1px solid rgba(0, 0, 0, 0); +} +/* @file plugins/c9.ide.collab/notifications/notifications.css */ +.notificationstree { + position: absolute; + right: 40px; + top: 35px; + color: #AAA; +} +.notificationstree .message.empty { + font-size: 11px; + margin: 6px; +} +.notificationstree .tree-row { + position: relative; + pointer-events: auto; + box-shadow: none; + border-bottom: none; + padding: 0 10px 0 50px; +} +.notificationstree .tree-row:first-child { + box-shadow: none; +} +.notificationstree .tree-row:last-child { + border-bottom: 0; +} +.notificationstree .access_control { + position: relative; + display: inline-block; + top: -2px; + right: 5px; +} +.notificationstree .toggler.empty { + display: none; +} +.notificationstree .actions { + position: absolute; + left: 55px; + bottom: 5px; +} +.notificationstree .access_request .btn-default-css3 { + display: inline-block; + line-height: 15px; + font-size: 11px; + margin-right: 5px; + position: relative; + top: -1px; +} +.notificationstree .btn-default-css3 .caption { + pointer-events: none; + padding: 5px 12px 6px; +} +.notificationstree .tree-row .body > .caption { + font-weight: bold; +} +.notificationstree .tree-row .body { + font-size: 11px; + color: #7d8c9b; + display: inline-block; + margin: 5px 0 6px; + width: 100%; + text-overflow: ellipsis; + overflow: hidden; +} +.notificationstree .avatar { + position: absolute; + left: 5px; + width: 50px; + top: 5px; +} +.notificationstree .avatar img { + width: 25px; + height: 25px; + border: 3px solid #26272c; + border-radius: 25px; + box-shadow: 0; +} +.notificationstree .tree-row:hover { + background: #18181b; +} +.notificationstree .tree-row.selected { + background: #18181b; +} +.notificationstree.ace_tree_focus .tree-row.selected { + background: #18181b; +} +.panelsbutton.collab { + position: relative; +} +.panelsbutton.collab .newnotifs { + display: none; + position: absolute; + left: 5px; + background: #99C77C; + border-radius: 10px; + height: 11px; + font-size: 10px; + font-weight: normal; + text-align: center; + transform-origin: top left; + transform: rotate(-90deg); + padding: 1px 3px 1px 4px; + color: #ffffff; + box-shadow: none; + line-height: 11px; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.panelsbutton.collab .newnotifs.size1 { + top: 17px; +} +.panelsbutton.collab .newnotifs.size2 { + top: 21px; +} +.panelsbutton.collab .newnotifs.size3 { + top: 27px; +} +/* @file plugins/c9.ide.collab/timeslider/timeslider.css */ +#timeslider-top { + color: #b8bac1; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + width: 100%; + z-index: 10; + background: rgba(255, 255, 255, 0.025); + box-shadow: none; + font-size: 12px; +} +#timeslider { + height: 63px; + margin: 0 9px; +} +#timeslider #timer { + color: #596672; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + left: 7px; + position: absolute; + text-align: center; + top: 8px; + width: 122px; +} +#timeslider #timeslider-slider { + height: 61px; + left: 0; + position: absolute; + top: 16px; + width: 100%; +} +#playpause_button, +#playpause_button_icon { + height: 33px; + position: absolute; + width: 33px; + z-index: 1; +} +#playpause_button { + background-repeat: no-repeat; + left: 20px; + top: 16px; + border-radius: 40px; + border: 1px solid; + background-image: linear-gradient(to bottom, #1c1d21, #1c1d21); + box-shadow: none; + transition: box-shadow 0.1s; +} +#playpause_button:hover #playpause_button_icon { + background-color: #1c1d21; +} +#playpause_button:active { + box-shadow: 0px 0px 10px #B2CCD6; +} +#playpause_button:active #playpause_button_icon { + box-shadow: none; + background-color: #1c1d21; +} +#playpause_button_icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/play_flat_light@1x.png); + background-size: 5px 8px; + background-position: 50% 50%; + left: 0px; + top: 0px; + border-radius: 50px; + box-sizing: border-box; + box-shadow: none; + transition: background-color 0.1s; + cursor: pointer; +} +.pause#playpause_button_icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/pause_flat_light@1x.png); + background-size: 5px 8px; +} +#timeslider .close { + cursor: pointer; + position: absolute; + width: 14px; + height: 14px; + display: block; + right: 5px; + top: 4px; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + background-position: 0 0; + background-repeat: no-repeat; +} +#timeslider .close:hover { + background-position: -14px 0; +} +#timeslider .close:active { + background-position: -28px 0; +} +#timeslider .revert { + position: absolute; + width: 59px; + cursor: pointer; + top: 38px; + right: 23px; + color: #b8bac1; + text-align: center; + border-radius: 3px; + box-shadow: none; + background-image: linear-gradient(to bottom, #1c1d21 0%, #1c1d21 100%); + border: 1px solid #26272c; + height: 15px; + padding: 3px 1px 0 0; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; + font-size: 10px; + text-shadow: none; +} +#timeslider .revert:after { + content: ""; + display: block; + width: 68px; + border-radius: 10px; + border: 0; + position: absolute; + left: -8px; + top: -8px; + height: 25px; +} +#timeslider .revert.disabled { + box-shadow: none; + background-image: linear-gradient(to left, #1c1d21 0%, #1c1d21 100%); + color: #51535d; +} +#timeslider .revert:hover:not(.disabled) { + background-image: linear-gradient(to bottom, #1c1d21 0%, #1c1d21 100%); +} +#timeslider .revert:active:not(.disabled) { + box-shadow: none; + background-image: linear-gradient(to bottom, #1c1d21 0%, #1c1d21 100%); + padding: 3px 1px 0 0; +} +#leftstep, +#rightstep { + position: absolute; + top: 39px; + width: 16px; + height: 16px; + border: 0; + cursor: pointer; +} +#leftstep { + background-position: 0 -22px; + right: 110px; + border-radius: 3px; + border-right: 0; + box-shadow: none; + background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); + z-index: 100; +} +#leftstep.disabled { + box-shadow: none; + background-image: linear-gradient(to right, transparent 0%, transparent 100%); +} +#leftstep.disabled:after { + opacity: 0.3; +} +#leftstep:hover:not(.disabled) { + background-image: linear-gradient(to bottom, #18181b 0%, #18181b 100%); +} +#leftstep:active:not(.disabled) { + box-shadow: none; + background-image: linear-gradient(to bottom, #18181b 0%, #18181b 100%); +} +#leftstep:active:not(.disabled):after { + margin: 2px 0 0 1px; +} +#leftstep:after { + content: ""; + height: 15px; + width: 12px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/stepper_buttons_flat_light@1x.png); + background-size: 21px 8px; + background-position: 0px 0px; + display: block; + margin: 2px 0 0 1px; +} +#rightstep { + right: 95px; + border-left: 0; + border-radius: 3px; + box-shadow: none; + background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); +} +#rightstep.disabled { + box-shadow: none; + background-image: linear-gradient(to right, transparent 0%, transparent 100%); +} +#rightstep.disabled:after { + opacity: 0.3; +} +#rightstep:hover:not(.disabled) { + background-image: linear-gradient(to bottom, #18181b 0%, #18181b 100%); +} +#rightstep:active:not(.disabled) { + box-shadow: none; + background-image: linear-gradient(to bottom, #18181b 0%, #18181b 100%); +} +#rightstep:active:not(.disabled):after { + margin: 2px 0 0 1px; +} +#rightstep:after { + content: ""; + height: 15px; + width: 12px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/stepper_buttons_flat_light@1x.png); + background-size: 21px 8px; + background-position: -12px 0px; + display: block; + margin: 2px 0 0 1px; +} +#timeslider .star { + cursor: pointer; + width: 6px; + height: 6px; + position: absolute; + top: 16px; + z-index: 3; + background: #eeb792; + border-radius: 4px; + margin-left: 5px; + box-shadow: none; +} +#timeslider .star:last-child { + background: #6cc788; +} +#revision_info { + position: absolute; + left: 70px; + top: 14px; +} +#revision_label.saved { + color: #596672; +} +#ui-slider-progress { + pointer-events: none; + position: absolute; + content: ""; + background: red; + height: 1px; + display: block; + top: 28px; + left: 71px; + border-radius: 4px; + background-image: linear-gradient(to top, #6CC788 0%, #6CC788 100%); + border-top: 0; + z-index: 1; + box-shadow: none; + transition: width .1s; +} +#ui-slider-handle { + display: block; + position: absolute; + height: 12px; + width: 12px; + background: white; + top: 24px; + box-shadow: none; + border-radius: 14px; + border: 1px solid #dedede; + transition: left .1s; + z-index: 100; +} +#slide-bar-bar { + position: absolute; + margin-right: -5px; + left: 0; + right: 0; + top: 26px; + height: 6px; + background-color: #f0f0f0; + border-radius: 4px; + box-shadow: none; +} +#ui-slider-bar { + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + cursor: pointer; + height: 35px; + margin-left: 70px; + margin-right: 145px; + position: relative; + top: 2px; +} +/* @file plugins/c9.ide.collab/collab.css */ +.cool { + position: absolute; + opacity: 0.9; +} +.coolsel { + opacity: 0.2 !important; +} +.cool_header { + color: black; + margin-top: -2px; + margin-left: -1px; + width: 4px; + height: 4px; +} +.cool_tooltip_cursor { + position: absolute; + height: auto; + width: auto; + background: #FFF; + border-radius: 0; + box-shadow: none; + border: 0; + vertical-align: middle; + line-height: inherit; + padding: 0 2px 2px; + margin: 18px 0 0 0; + z-index: 200001; +} +.cool_tooltip_cursor_caption { + margin: 0 8px 0 8px; + color: #1c1d21; + cursor: default; + font-size: 10px; + font-weight: normal; +} +.ace_tooltip { + position: fixed; + background: #F8F7AC; + border: solid 1px rgba(205, 237, 0, 0.81); + border-radius: 5px; + z-index: 1000000; + max-width: 500px; + white-space: pre-wrap; +} +.panelsbar .panelsbuttonDown.collab, +.panelsbar .panelsbuttonDown.collab:hover { + box-shadow: 1px -1px transparent inset, 1px 0 transparent; + padding-bottom: 7px; +} +.collab-bar { + display: flex; + flex-direction: column; +} +.ace_gutter-tooltip { + position: fixed; + background: #6f6f6f; + border: 1px solid #969696; + border-radius: 2px; + z-index: 1000000; + max-width: 500px; + white-space: pre-wrap; + color: #d9ff0f; + padding: 1px 2px 1px 2px; +} +/* @file plugins/c9.ide.scm/diff/conflictmarker.css */ +.conflict-widget-1 { + background: #b2e491; + box-sizing: border-box; + border-radius: 4px 4px 0 0; + padding: 0px 1.2em; + cursor: default; +} +.ace_dark .conflict-widget-1 { + background: #3A6120; +} +.conflict-widget-2 { + background: #82bcef; + box-sizing: border-box; + border-radius: 0 0 4px 4px; + padding: 0px 1.2em; + cursor: default; +} +.ace_dark .conflict-widget-2 { + background: #124775; +} +.conflict-widget-split { + background: inherit; + box-sizing: border-box; + padding: 0px 1.2em; + cursor: default; +} +.conflict-marker-1 { + position: absolute; + background: #ddecd9; + border-left: 3px solid #b2e491; + border-right: 3px solid #b2e491; +} +.ace_dark .conflict-marker-1 { + background: rgba(118, 197, 65, 0.56); + border-left: 3px solid #3A6120; + border-right: 3px solid #3A6120; +} +.conflict-marker-2 { + position: absolute; + background: #d7e1ff; + border-left: 3px solid #82bcef; + border-right: 3px solid #82bcef; +} +.conflict-marker-1.edited, +.conflict-marker-2.edited { + background: #f3f0c7; +} +.ace_dark .conflict-marker-2 { + background: rgba(36, 146, 243, 0.53); + border-left: 3px solid #124775; + border-right: 3px solid #124775; +} +.ace_button { + margin-left: 2px; + cursor: pointer; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + overflow: hidden; + border: 1px solid rgba(100, 100, 100, 0.23); + padding: 2px 4px; + box-sizing: border-box; + color: #545454; + background: white; + pointer-events: auto; + border-radius: 4px; +} +.ace_dark .ace_button { + border-color: #B1B1B1; + color: #333; + background: #B1B1B1; +} +.ace_button:hover { + background-color: #eee; + opacity: 1; +} +.ace_dark .ace_button:hover { + background-color: #929292 !important; + color: #000 !important; +} +.ace_button:active { + background-color: #ddd; +} +.ace_dark .ace_button:active { + background-color: #B1B1B1; +} +.ace_button.disabled { + display: none !important; + pointer-events: none; +} +.ace_button.checked { + border-color: #3399ff; + opacity: 1; +} +.conflict-button-top { + position: absolute; + right: 1.4em; + transform: translateY(-50%); +} +.conflict-button-bottom { + position: absolute; + right: 1.4em; + transform: translateY(50%); +} +.conflict-widget-split .conflict-button-top { + transform: none; +} +.conflict-widget-split .ace_button { + display: inline-block; + width: 1.85em; + margin-top: -3px; + transform: rotate(90deg); + text-align: center; +} +/* @file plugins/c9.ide.scm/diff/styles.css */ +.ace_diff-container { + display: flex !important; + flex-direction: row; + position: absolute; + overflow: hidden; +} +.ace_diff-container > .ace_editor { + flex-grow: 1; +} +.ace_diff-gutter { + width: 4em; + border-left: 1px solid #999999; + border-right: 1px solid #999999; + background-color: #efefef; + position: relative; +} +.ace_diff-connector { + stroke: rgba(0, 0, 0, 0.5); + fill: rgba(0, 0, 0, 0.15); +} +.ace_diff { + position: absolute; + z-index: 20; + border-top: 1px solid; + border-bottom: 1px solid; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.15); +} +.ace_diff.insertStart { + height: 0px !important; + border-bottom: 0px; +} +.ace_diff.insertEnd { + border-top: 0px; + background-color: transparent !important; +} +.ace_diff.inline { + border-color: transparent; + background: none; +} +.ace_diff.inline:after { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: block; + content: ""; + background: transparent; +} +.ace_diff, +.ace_diff.insert, +.ace_diff.delete { + border-color: #87BAF7; + background-color: rgba(211, 231, 255, 0.6); +} +.ace_diff-connector { + stroke: #87BAF7; + fill: rgba(211, 231, 255, 0.6); +} +.ace_diff-gutter { + border-left: 1px solid rgba(0, 0, 0, 0.05); + border-right: 1px solid rgba(0, 0, 0, 0.05); + background-color: #F1F1F1; +} +.ace_diff.inline { + border-color: transparent; + background: none; +} +.ace_diff.insert.inline:after { + background-color: rgba(49, 230, 96, 0.28); +} +.ace_diff.delete.inline:after { + background-color: rgba(255, 128, 79, 0.26); +} +.ace_dark .ace_diff, +.ace_dark .ace_diff.insert, +.ace_dark .ace_diff.delete { + border-color: #458BDF; + background-color: rgba(7, 81, 169, 0.4); +} +.ace_dark .ace_diff-connector { + stroke: #458BDF; + fill: rgba(7, 81, 169, 0.4); +} +.ace_dark.ace_diff-gutter { + border-left: 1px solid rgba(255, 255, 255, 0.15); + border-right: 1px solid rgba(255, 255, 255, 0.15); +} +.ace_dark .ace_diff.inline { + border-color: transparent; + background: none; +} +.ace_dark .ace_diff.insert.inline:after { + background-color: rgba(0, 130, 58, 0.45); +} +.ace_dark .ace_diff.delete.inline:after { + background-color: rgba(169, 46, 33, 0.55); +} +.diff-arrow { + position: absolute; + border: double 6px; + color: gray; + width: 0.5em; + height: 0.5em; + z-index: 100000; + border-left: none; + border-bottom: none; + cursor: pointer; + transition: 0.1s opacity; + opacity: 0.4; +} +.diff-arrow:hover { + opacity: 1; +} +.diff-arrow-left { + transform: rotate(45deg); +} +.diff-arrow-right { + transform: rotate(225deg); +} +/* @file ace/css/editor.css */ +.ace_editor { + position: relative; + overflow: hidden; + font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; + direction: ltr; + text-align: left; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.ace_scroller { + position: absolute; + overflow: hidden; + top: 0; + bottom: 0; + background-color: inherit; + -ms-user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + cursor: text; +} +.ace_content { + position: absolute; + box-sizing: border-box; + min-width: 100%; +} +.ace_dragging .ace_scroller:before { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ''; + background: rgba(250, 250, 250, 0.01); + z-index: 1000; +} +.ace_dragging.ace_dark .ace_scroller:before { + background: rgba(0, 0, 0, 0.01); +} +.ace_gutter { + position: absolute; + overflow: hidden; + width: auto; + top: 0; + bottom: 0; + left: 0; + cursor: default; + z-index: 4; + -ms-user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.ace_gutter-active-line { + position: absolute; + left: 0; + right: 0; +} +.ace_scroller.ace_scroll-left { + box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset; +} +.ace_gutter-cell { + padding-left: 19px; + padding-right: 6px; + background-repeat: no-repeat; +} +.ace_gutter-cell.ace_error { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABOFBMVEX/////////QRswFAb/Ui4wFAYwFAYwFAaWGAfDRymzOSH/PxswFAb/SiUwFAYwFAbUPRvjQiDllog5HhHdRybsTi3/Tyv9Tir+Syj/UC3////XurebMBIwFAb/RSHbPx/gUzfdwL3kzMivKBAwFAbbvbnhPx66NhowFAYwFAaZJg8wFAaxKBDZurf/RB6mMxb/SCMwFAYwFAbxQB3+RB4wFAb/Qhy4Oh+4QifbNRcwFAYwFAYwFAb/QRzdNhgwFAYwFAbav7v/Uy7oaE68MBK5LxLewr/r2NXewLswFAaxJw4wFAbkPRy2PyYwFAaxKhLm1tMwFAazPiQwFAaUGAb/QBrfOx3bvrv/VC/maE4wFAbRPBq6MRO8Qynew8Dp2tjfwb0wFAbx6eju5+by6uns4uH9/f36+vr/GkHjAAAAYnRSTlMAGt+64rnWu/bo8eAA4InH3+DwoN7j4eLi4xP99Nfg4+b+/u9B/eDs1MD1mO7+4PHg2MXa347g7vDizMLN4eG+Pv7i5evs/v79yu7S3/DV7/498Yv24eH+4ufQ3Ozu/v7+y13sRqwAAADLSURBVHjaZc/XDsFgGIBhtDrshlitmk2IrbHFqL2pvXf/+78DPokj7+Fz9qpU/9UXJIlhmPaTaQ6QPaz0mm+5gwkgovcV6GZzd5JtCQwgsxoHOvJO15kleRLAnMgHFIESUEPmawB9ngmelTtipwwfASilxOLyiV5UVUyVAfbG0cCPHig+GBkzAENHS0AstVF6bacZIOzgLmxsHbt2OecNgJC83JERmePUYq8ARGkJx6XtFsdddBQgZE2nPR6CICZhawjA4Fb/chv+399kfR+MMMDGOQAAAABJRU5ErkJggg=="); + background-repeat: no-repeat; + background-position: 2px center; +} +.ace_gutter-cell.ace_warning { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAmVBMVEX///8AAAD///8AAAAAAABPSzb/5sAAAAB/blH/73z/ulkAAAAAAAD85pkAAAAAAAACAgP/vGz/rkDerGbGrV7/pkQICAf////e0IsAAAD/oED/qTvhrnUAAAD/yHD/njcAAADuv2r/nz//oTj/p064oGf/zHAAAAA9Nir/tFIAAAD/tlTiuWf/tkIAAACynXEAAAAAAAAtIRW7zBpBAAAAM3RSTlMAABR1m7RXO8Ln31Z36zT+neXe5OzooRDfn+TZ4p3h2hTf4t3k3ucyrN1K5+Xaks52Sfs9CXgrAAAAjklEQVR42o3PbQ+CIBQFYEwboPhSYgoYunIqqLn6/z8uYdH8Vmdnu9vz4WwXgN/xTPRD2+sgOcZjsge/whXZgUaYYvT8QnuJaUrjrHUQreGczuEafQCO/SJTufTbroWsPgsllVhq3wJEk2jUSzX3CUEDJC84707djRc5MTAQxoLgupWRwW6UB5fS++NV8AbOZgnsC7BpEAAAAABJRU5ErkJggg=="); + background-position: 2px center; +} +.ace_gutter-cell.ace_info { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAAB2k804AAAAPklEQVQY02NgIB68QuO3tiLznjAwpKTgNyDbMegwisCHZUETUZV0ZqOquBpXj2rtnpSJT1AEnnRmL2OgGgAAIKkRQap2htgAAAAASUVORK5CYII="); + background-position: 2px center; +} +.ace_dark .ace_gutter-cell.ace_info { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC"); +} +.ace_scrollbar { + position: absolute; + right: 0; + bottom: 0; + z-index: 6; +} +.ace_scrollbar-inner { + position: absolute; + cursor: text; + left: 0; + top: 0; +} +.ace_scrollbar-v { + overflow-x: hidden; + overflow-y: scroll; + top: 0; +} +.ace_scrollbar-h { + overflow-x: scroll; + overflow-y: hidden; + left: 0; +} +.ace_print-margin { + position: absolute; + height: 100%; +} +.ace_text-input { + position: absolute; + z-index: 0; + width: 0.5em; + height: 1em; + opacity: 0; + background: transparent; + -moz-appearance: none; + appearance: none; + border: none; + resize: none; + outline: none; + overflow: hidden; + font: inherit; + padding: 0 1px; + margin: 0 -1px; + text-indent: -1em; + -ms-user-select: text; + -moz-user-select: text; + -webkit-user-select: text; + -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; + white-space: pre!important; +} +.ace_text-input.ace_composition { + background: inherit; + color: inherit; + z-index: 1000; + opacity: 1; + text-indent: 0; +} +[ace_nocontext=true] { + transform: none!important; + filter: none!important; + clip-path: none!important; + mask: none!important; + contain: none!important; + perspective: none!important; + mix-blend-mode: initial!important; + z-index: auto; +} +.ace_layer { + z-index: 1; + position: absolute; + overflow: hidden; + word-wrap: normal; + white-space: pre; + height: 100%; + width: 100%; + box-sizing: border-box; + pointer-events: none; +} +.ace_gutter-layer { + position: relative; + width: auto; + text-align: right; + pointer-events: auto; +} +.ace_text-layer { + font: inherit !important; +} +.ace_cjk { + display: inline-block; + text-align: center; +} +.ace_cursor-layer { + z-index: 4; +} +.ace_cursor { + z-index: 4; + position: absolute; + box-sizing: border-box; + border-left: 2px solid; + transform: translatez(0); +} +.ace_multiselect .ace_cursor { + border-left-width: 1px; +} +.ace_slim-cursors .ace_cursor { + border-left-width: 1px; +} +.ace_overwrite-cursors .ace_cursor { + border-left-width: 0; + border-bottom: 1px solid; +} +.ace_hidden-cursors .ace_cursor { + opacity: 0.2; +} +.ace_smooth-blinking .ace_cursor { + transition: opacity 0.18s; +} +.ace_marker-layer .ace_step, +.ace_marker-layer .ace_stack { + position: absolute; + z-index: 3; +} +.ace_marker-layer .ace_selection { + position: absolute; + z-index: 5; +} +.ace_marker-layer .ace_bracket { + position: absolute; + z-index: 6; +} +.ace_marker-layer .ace_active-line { + position: absolute; + z-index: 2; +} +.ace_marker-layer .ace_selected-word { + position: absolute; + z-index: 4; + box-sizing: border-box; +} +.ace_line .ace_fold { + box-sizing: border-box; + display: inline-block; + height: 11px; + margin-top: -2px; + vertical-align: middle; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi+P//fxgTAwPDBxDxD078RSX+YeEyDFMCIMAAI3INmXiwf2YAAAAASUVORK5CYII="); + background-repeat: no-repeat, repeat-x; + background-position: center center, top left; + color: transparent; + border: 1px solid black; + border-radius: 2px; + cursor: pointer; + pointer-events: auto; +} +.ace_fold:hover { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpi+P//fz4TAwPDZxDxD5X4i5fLMEwJgAADAEPVDbjNw87ZAAAAAElFTkSuQmCC"); +} +.ace_tooltip { + background-color: #FFF; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1)); + border: 1px solid gray; + border-radius: 1px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + color: black; + max-width: 100%; + padding: 3px 4px; + position: fixed; + z-index: 999999; + box-sizing: border-box; + cursor: default; + white-space: pre; + word-wrap: break-word; + line-height: normal; + font-style: normal; + font-weight: normal; + letter-spacing: normal; + pointer-events: none; +} +.ace_folding-enabled > .ace_gutter-cell { + padding-right: 13px; +} +.ace_fold-widget { + box-sizing: border-box; + margin: 0 -12px 0 1px; + display: none; + width: 11px; + vertical-align: top; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42mWKsQ0AMAzC8ixLlrzQjzmBiEjp0A6WwBCSPgKAXoLkqSot7nN3yMwR7pZ32NzpKkVoDBUxKAAAAABJRU5ErkJggg=="); + background-repeat: no-repeat; + background-position: center; + border-radius: 3px; + border: 1px solid transparent; + cursor: pointer; +} +.ace_folding-enabled .ace_fold-widget { + display: inline-block; +} +.ace_fold-widget.ace_end { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42m3HwQkAMAhD0YzsRchFKI7sAikeWkrxwScEB0nh5e7KTPWimZki4tYfVbX+MNl4pyZXejUO1QAAAABJRU5ErkJggg=="); +} +.ace_fold-widget.ace_closed { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAOUlEQVR42jXKwQkAMAgDwKwqKD4EwQ26sSOkVWjgIIHAzPiCgaqiqnJHZnKICBERHN194O5b9vbLuAVRL+l0YWnZAAAAAElFTkSuQmCCXA=="); +} +.ace_fold-widget:hover { + border: 1px solid rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 0.2); + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); +} +.ace_fold-widget:active { + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); +} +.ace_dark .ace_fold-widget { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC"); +} +.ace_dark .ace_fold-widget.ace_end { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQIW2P4//8/AxQ7wNjIAjDMgC4AxjCVKBirIAAF0kz2rlhxpAAAAABJRU5ErkJggg=="); +} +.ace_dark .ace_fold-widget.ace_closed { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg=="); +} +.ace_dark .ace_fold-widget:hover { + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); + background-color: rgba(255, 255, 255, 0.1); +} +.ace_dark .ace_fold-widget:active { + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); +} +.ace_inline_button { + border: 1px solid lightgray; + display: inline-block; + margin: -1px 8px; + padding: 0 5px; + pointer-events: auto; + cursor: pointer; +} +.ace_inline_button:hover { + border-color: gray; + background: rgba(200, 200, 200, 0.2); + display: inline-block; + pointer-events: auto; +} +.ace_fold-widget.ace_invalid { + background-color: #FFB4B4; + border-color: #DE5555; +} +.ace_fade-fold-widgets .ace_fold-widget { + transition: opacity 0.4s ease 0.05s; + opacity: 0; +} +.ace_fade-fold-widgets:hover .ace_fold-widget { + transition: opacity 0.05s ease 0.05s; + opacity: 1; +} +.ace_underline { + text-decoration: underline; +} +.ace_bold { + font-weight: bold; +} +.ace_nobold .ace_bold { + font-weight: normal; +} +.ace_italic { + font-style: italic; +} +.ace_error-marker { + background-color: rgba(255, 0, 0, 0.2); + position: absolute; + z-index: 9; +} +.ace_highlight-marker { + background-color: rgba(255, 255, 0, 0.2); + position: absolute; + z-index: 8; +} +.ace_lineWidgetContainer { + z-index: 5; + position: absolute; +} +.ace_br1 { + border-top-left-radius: 3px; +} +.ace_br2 { + border-top-right-radius: 3px; +} +.ace_br3 { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.ace_br4 { + border-bottom-right-radius: 3px; +} +.ace_br5 { + border-top-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.ace_br6 { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.ace_br7 { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.ace_br8 { + border-bottom-left-radius: 3px; +} +.ace_br9 { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br10 { + border-top-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br11 { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br12 { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br13 { + border-top-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br14 { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_br15 { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.ace_text-input-ios { + position: absolute !important; + top: -100000px !important; + left: -100000px !important; +} +/* @file ace/theme/textmate.css */ +.ace-tm .ace_gutter { + background: #f0f0f0; + color: #333; +} +.ace-tm .ace_print-margin { + width: 1px; + background: #e8e8e8; +} +.ace-tm .ace_fold { + background-color: #6B72E6; +} +.ace-tm { + background-color: #FFFFFF; + color: black; +} +.ace-tm .ace_cursor { + color: black; +} +.ace-tm .ace_invisible { + color: #bfbfbf; +} +.ace-tm .ace_storage, +.ace-tm .ace_keyword { + color: blue; +} +.ace-tm .ace_constant { + color: #c5060b; +} +.ace-tm .ace_constant.ace_buildin { + color: #5848f6; +} +.ace-tm .ace_constant.ace_language { + color: #585cf6; +} +.ace-tm .ace_constant.ace_library { + color: #06960e; +} +.ace-tm .ace_invalid { + background-color: rgba(255, 0, 0, 0.1); + color: red; +} +.ace-tm .ace_support.ace_function { + color: #3c4c72; +} +.ace-tm .ace_support.ace_constant { + color: #06960e; +} +.ace-tm .ace_support.ace_type, +.ace-tm .ace_support.ace_class { + color: #6d79de; +} +.ace-tm .ace_keyword.ace_operator { + color: #687687; +} +.ace-tm .ace_string { + color: #036a07; +} +.ace-tm .ace_comment { + color: #4c886b; +} +.ace-tm .ace_comment.ace_doc { + color: #0066ff; +} +.ace-tm .ace_comment.ace_doc.ace_tag { + color: #809fbf; +} +.ace-tm .ace_constant.ace_numeric { + color: #0000cd; +} +.ace-tm .ace_variable { + color: #318495; +} +.ace-tm .ace_xml-pe { + color: #68685b; +} +.ace-tm .ace_entity.ace_name.ace_function { + color: #0000A2; +} +.ace-tm .ace_heading { + color: #0c07ff; +} +.ace-tm .ace_list { + color: #b90690; +} +.ace-tm .ace_meta.ace_tag { + color: #00168e; +} +.ace-tm .ace_string.ace_regex { + color: #ff0000; +} +.ace-tm .ace_marker-layer .ace_selection { + background: #b5d5ff; +} +.ace-tm.ace_multiselect .ace_selection.ace_start { + box-shadow: 0 0 3px 0px white; +} +.ace-tm .ace_marker-layer .ace_step { + background: #fcff00; +} +.ace-tm .ace_marker-layer .ace_stack { + background: #a4e565; +} +.ace-tm .ace_marker-layer .ace_bracket { + margin: -1px 0 0 -1px; + border: 1px solid #c0c0c0; +} +.ace-tm .ace_marker-layer .ace_active-line { + background: rgba(0, 0, 0, 0.07); +} +.ace-tm .ace_gutter-active-line { + background-color: #dcdcdc; +} +.ace-tm .ace_marker-layer .ace_selected-word { + background: #fafaff; + border: 1px solid #c8c8fa; +} +.ace-tm .ace_indent-guide { + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y; +} +/* @file plugins/c9.ide.scm/v1/style.css */ +.filetree .status-icon.clickable { + pointer-events: auto; + cursor: pointer; +} +.filetree .status-icon { + color: #8DCA57; + margin: 0 4px; +} +.filetree .status-icon-conflict { + color: #E466C7; +} +.filetree .heading .status-icon { + display: none; +} +.filetree .tree-row.merge { + color: lightgray; +} +.tree-row { + white-space: nowrap; +} +.branch { + color: black; + border-radius: 5px; + background: #f9f796; + border: 1px solid #DDDE33; + padding: 0 4px !important; + margin-right: 2px; + margin-top: -1px; + color: #333; +} +.difftoolbar { + border-bottom: 1px solid #1c1d21; +} +.difftoolbar .buttons { + background-color: transparent; + border-radius: 5px; + border: 1px solid #34363c; +} +.difftoolbar .hash { + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; + padding: 4px 4px 3px; + display: inline-block; + border-radius: 4px; + background: #f9f796; + border: 1px solid #DDDE33; + margin-right: 7px; + font-size: 12px; + color: #333; +} +.difftoolbar .right .hash { + position: absolute; + right: 5px; + top: 5px; + margin-right: 0; +} +.has_apf .ace_diff-gutter { + background-color: rgba(0, 0, 0, 0.1) !important; + border-left: 0 !important; + border-right: 1px solid black !important; + box-shadow: 1px 0 transparent; + z-index: 10; +} +.has_apf .ace_dark.ace_diff-gutter { + background-color: rgba(255, 255, 255, 0.1) !important; +} +.difftoolbar .dirname { + color: #dcdfe5; +} +.detail-label { + padding: 6px 5px 7px 5px; + font-size: 12px; + background-color: #1c1d21; + border-bottom: none; + box-shadow: none; +} +.detail-label .hash { + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; + padding: 2px 4px 1px; + display: inline-block; + border-radius: 4px; + background: #f9f796; + border: 1px solid #DDDE33; + color: #333; + margin-right: 6px; + font-size: 12px; +} +.detail-label { + line-height: 1.5em; + color: #b8bac1; +} +.detail-tree { + flex: 1; + position: relative; +} +.detail-root { + display: flex; + flex-direction: column; +} +.form-bar { + padding: 10px 50px 10px 10px; + box-sizing: border-box; + border-bottom: none; + margin: 0px; + background-color: #1c1d21; + box-shadow: 0 1px transparent; +} +.changes > .c9-menu-btnDown, +.changes > .splitbutton div.c9-menu-btnDown:first-child { + height: 31px; + box-shadow: 0 1px transparent inset, -1px 1px #1c1d21 !important; +} +.changes .splitbutton > div.c9-menu-btnDown:first-child:after { + top: 0; + bottom: 0; +} +.top-test-panel { + border-bottom: 1px solid #1c1d21; + overflow: auto; +} +.panel-settings.changes { + top: 76px; +} +/* @file plugins/c9.ide.test/style.css */ +.test-notran { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testPrepare@1x.png); + background-size: 16px 16px; +} +.test-failed, +.test-0 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testFailed@1x.png); + background-size: 16px 16px; +} +.test-passed, +.test-1 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testPassed@1x.png); + background-size: 16px 16px; +} +.test-error, +.test-2 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testError@1x.png); + background-size: 16px 16px; +} +.test-terminated, +.test-3 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testTerminated@1x.png); + background-size: 16px 16px; +} +.test-ignored, +.test-4 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testIgnored@1x.png); + background-size: 16px 16px; +} +.test-0, +.test-2, +.test-3, +.test-4 { + background-position-x: 4px; +} +.test-1 { + background-position-x: 2px; +} +.test-prepare { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testPrepare@1x.png); + background-size: 16px 16px; +} +.test-set { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testNotRan@1x.png); + background-size: 16px 16px; +} +.test-file { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.test/icons/testPrepare@1x.png); + background-size: 16px 16px; +} +.stack-message { + border-radius: 4px; + padding: 0px 3px 1px 4px; + background-color: #FFF3A5; + color: #795A0A; + margin: 0 5px; + pointer-events: auto; + -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; +} +.stack-message.more { + cursor: pointer; +} +.test-covered { + position: absolute; + background: rgba(0, 128, 0, 0.1); +} +.test-uncovered { + position: absolute; + background: rgba(128, 0, 0, 0.1); +} +.ace_gutter-cell.covered:after, +.ace_gutter-cell.uncovered:after { + content: ""; + display: block; + width: 5px; + height: 16px; + margin: 0px -11px 0 0; + background-color: #73C373; + float: right; +} +.ace_gutter-cell.uncovered:after { + background-color: #DC7272; +} +.coverage-btn { + font-family: Arial; + font-size: 9px; + padding: 4px 5px 2px 5px; + box-sizing: border-box; + height: 100%; + margin-right: -1px; + border-right: 1px solid #4c4e57; + border-left: 1px solid #4c4e57; + box-shadow: none; + color: #bdbdbd; + margin-left: 0; +} +.coverage-btn .title { + position: relative; + text-transform: uppercase; + font-size: 7px; + line-height: 7px; +} +.coverage-btn .amount { + text-align: center; + font-size: 25px; +} +.coverage-btn:hover { + background: #3a3b40; +} +.coverage-btn.c9-simple-btnmenuDown { + background: white; + z-index: 196000; + position: relative; + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09); +} +body .runner-form-header { + font-size: 13px; + font-variant: small-caps; + padding: 5px 10px 5px; + background: #333; +} +.top-test-panel { + border-bottom: 1px solid #000000; + box-shadow: 0 1px transparent; + overflow: auto; +} +.widget-close-button:hover { + opacity: 1; +} +.widget-close-button { + position: absolute; + top: 6px; + left: 5px; + font-size: 17px; + opacity: 0.7; + cursor: pointer; + transition: opacity 0.2s; +} +.error_widget .link { + color: #2882be; + cursor: pointer; +} +.error_widget .link:hover { + text-decoration: underline; +} +.error_widget.ace_error { + background-color: rgba(255, 90, 90, 0.05); +} +.error_widget.ace_warning { + background-color: rgba(241, 216, 23, 0.05); +} +.error_widget.ace_ok { + background-color: rgba(154, 199, 123, 0.05); +} +body .error_widget.ace_ok, +body .error_widget_arrow.ace_ok { + border-color: #9AC77B; +} +.ace_dark .error_widget.ace_error { + background-color: rgba(255, 90, 90, 0.08); +} +.ace_dark .error_widget.ace_warning { + background-color: rgba(241, 216, 23, 0.08); +} +.ace_dark .error_widget.ace_ok { + background-color: rgba(90, 170, 90, 0.05); +} +.ace_dark .error_widget.ace_ok, +.ace_dark .error_widget_arrow.ace_ok { + border-color: #5aaa5a; +} +.runtestbtn .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/run_flat_light@1x.png) !important; + background-size: 19px 57px !important; + background-position: 1px 0px; + height: 20px; +} +.runtestbtn.running .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/stop_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +.runtestbtn .c9-menu-btnIcon { + padding-left: 29px !important; +} +.coverage-toolbar { + background-color: #3a3a3a; + border-bottom: 1px solid #292929; + box-sizing: border-box; +} +.coverage-toolbar .label { + padding: 7px; +} +.coverage-toolbar .black_dropdown { + margin: 3px 0 !important; + min-height: 21px !important; +} +.runner-config-menu { + padding: 0 !important; +} +.runner-config-menu .spinner { + margin-top: -3px; +} +/* @file plugins/c9.ide.collab/notifications/skin.xml */ +.notifications-bubble { + position: relative; + border: 1px solid #DEDEDE; + border-radius: 8px; + background-image: linear-gradient(to top, #FFF 0%, #FFF 100%); + padding: 10px 15px; + color: #333; + margin-top: 0; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09); + font-weight: normal; +} +.notifications-bubble.notifier_hidden { + opacity: 0; +} +.notifications-bubble .close-notifier { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + background-position: 0 0; + width: 13px; + height: 13px; + position: absolute; + top: 5px; + right: 5px; +} +.notifications-bubble .close-notifier:hover { + background-position: -14px 0; +} +.notifications-bubble .close-notifier:active { + background-position: -28px 0; +} +.notifications-bubble .gravatar-image { + height: 25px; + width: 25px; + float: left; + margin-right: 5px; + border: 1px solid #aaaaaa; +} +.notifications-bubble .notification_sub { + color: #B3B3B3; + font-weight: normal; + display: block; + font-size: 11px; +} +/* @file plugins/c9.ide.login/login.css */ +.c9-menu-btn.titlebar { + position: absolute; + z-index: 100000000; + right: 24px; + top: 1px; + height: 19px; +} +.c9-menu-btn.titlebar:not(.c9-menu-btnDown) { + height: 18px; + border-bottom: 1px solid black; +} +.fullscreen > .btnName { + display: none; +} +.btnName.c9-menu-btnIcon { + text-indent: -2000px; + overflow: hidden; +} +.btnName { + padding: 13px 9px 0 9px; + margin-left: 1px !important; +} +.btnName.c9-menu-btnmenuDown { + margin-left: 0 !important; +} +.btnName .icon { + background-size: 25px 25px !important; + top: 5px !important; + left: 5px !important; + width: 25px; + height: 25px; + border-radius: 25px; +} +/* @file plugins/c9.ide.preferences/preferences.css */ +.bar-preferences > div { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; +} +.bar-preferences .navigation { + padding: 15px 0 0 0; + border-right: 1px solid #25272b; + background: #212226; + box-shadow: 0 1px 0 0 transparent inset; + z-index: 1; + box-sizing: border-box; +} +.bar-preferences .navigation a { + display: block; + color: #979aa5; + text-decoration: none; + margin-top: 2px; + padding: 3px 8px 3px 8px; + margin-left: -8px; + margin-right: 0; +} +.bar-preferences .navigation .level3 a:hover { + border-radius: 3px; + background: transparent; + cursor: pointer; +} +.bar-preferences .navigation .current a { + color: #1ca8dd; +} +.bar-preferences .navigation .level1 { + margin-bottom: 5px; +} +.bar-preferences .navigation .level1 > blockquote { + padding-left: 25px; +} +.bar-preferences .navigation .level1 > a { + font-weight: bold; + margin-left: 0; + margin-right: 0; + font-size: 10px; + color: #979aa5; + padding-left: 0; + text-transform: uppercase; + padding: 5px 15px 5px 20px; + position: relative; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.bar-preferences .navigation .level1 > a:after { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; + content: ""; + position: absolute; + left: 13px; + width: 9px; + height: 13px; + top: 11px; + opacity: 0.7; +} +.bar-preferences .navigation .level1:first-child > a { + margin-top: 0px; +} +.bar-preferences .navigation .level1 > a:hover { + color: #fff; + cursor: pointer; + background: transparent; +} +.bar-preferences .navigation .level1.active { + background: #212226; +} +.bar-preferences .navigation .level1.active > a:hover { + cursor: default; +} +.bar-preferences .navigation .level1.active > a { + color: #1ca8dd; + background: transparent; + text-shadow: none; +} +.bar-preferences .navigation .level1.active > a:after { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; +} +.bar-preferences .navigation .level1.active > a:after { + opacity: 1; + background-position: -11px 0; +} +.bar-preferences .navigation .level2 > span { + text-transform: uppercase; + color: #3f4045; + font-size: 9px; + font-weight: normal; + padding-bottom: 3px; + cursor: default; + display: block; +} +.bar-preferences .navigation blockquote { + padding: 0 0 10px 0; + margin: 0 0 15px 0; +} +.bar-preferences .navigation .level1 > blockquote { + margin: 10px 10px 0 0; + padding-bottom: 0; + overflow: hidden; + position: relative; +} +.bar-preferences .navigation .level1 > blockquote > :first-child { + margin-top: 6px; +} +.bar-preferences .navigation .level1 > blockquote > :last-child { + margin-bottom: 0; +} +.bar-preferences .navigation .level2 > blockquote { + border-bottom: 0; +} +.bar-preferences .navigation .level2:last-child > blockquote { + border-bottom: 0; + margin-bottom: 0; +} +.bar-preferences .navigation:last-child { + border-bottom: 0; +} +.bar-preferences .container .header { + padding: 20px; + font-size: 13px; + color: #b8bac1; + border-bottom: 1px solid #26272c; + background-color: #212226; + margin: -10px 10px 10px 0px; +} +.bar-preferences .container > .hsplitbox, +.bar-preferences .container > .basic { + background: #26272c; + border-bottom: 1px solid transparent; + border-top: 1px solid #26272c; + padding: 10px; +} +.bar-preferences .keybindings { + min-height: 250px; +} +.bar-preferences .flatform .container > .hsplitbox, +.bar-preferences .flatform .container > .basic { + border-top: 1px solid transparent; + box-sizing: border-box; +} +.bar-preferences .keybindings .intro { + margin-bottom: 8px !important; +} +.bar-preferences .flatform .container > .hsplitbox:last-child { + height: 49px !important; +} +.bar-preferences .container > .hsplitbox:last-child { + border-bottom: 1px solid #26272c; +} +.bar-preferences .container > .basic:first-child { + border-top: none; + border-bottom: 1px solid #26272c; + margin-bottom: -1px; + z-index: 1000; + padding: 12px !important; +} +.bar-preferences .label, +.bar-preferences .cbcontainer span, +.bar-preferences .cbblack.cbcontainer span { + color: #64666c; + font-size: 12px; + text-overflow: ellipsis; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.bar-preferences .blackbutton { + min-height: 22px; + margin-top: -4px; +} +.bar-preferences .cboffline { + margin-top: -5px; +} +.bar-preferences .tbcolor { + margin-top: -5px; +} +.bar-preferences .tbsimple { + background: transparent; + border: 1px solid #34363c; + height: 15px; + color: #b8bac1; + padding: 6px 10px; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; + border-radius: 4px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; +} +.bar-preferences .tbsimpleFocus { + border: 1px solid #4c4e57; + box-shadow: none; +} +.bar-preferences .ta { + background: transparent; + border: 1px solid #34363c; + padding: 10px; + color: #b8bac1; + box-shadow: none; + line-height: 18px; + border-radius: 4px; +} +.bar-preferences .taFocus { + border: 1px solid #4c4e57; + box-shadow: none; +} +.bar-preferences .black_dropdown { + margin-top: -5px; +} +.bar-preferences .spinner { + margin-top: -5px; +} +.bar-preferences .ta { + margin-top: -11px; +} +.bar-preferences .tbsimple { + margin-top: -3px; +} +.bar-preferences .vsplitbox, +.bar-preferences .hsplitbox { + position: relative; +} +.bar-preferences { + position: relative; + overflow-y: hidden; + overflow-x: hidden; + color: #ddd; + font-family: Tahoma, Arial; + font-size: 12px; + text-shadow: none; + background: #26272c; +} +.prefpanel { + background: #26272c; +} +.has_apf .bar-preferences .blackdg { + background: #212226; + border: 1px solid rgba(255, 255, 255, 0.075); + color: #979aa5; + box-shadow: none; + text-shadow: none; + border-radius: 3px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + padding-bottom: 3px; +} +.bar-preferences .blackdg .tree-headings { + background: #212226; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; + font-weight: normal; + border-bottom: 0; +} +.bar-preferences .blackdg .tree-headings > .tree-column { + padding: 6px 4px 6px 8px; + color: #dcdce0; +} +.bar-preferences .blackdg .tree-headings > .tree-column:hover { + background: #212226; + color: #dcdce0; +} +.bar-preferences .blackdg .tree-headers { + height: 24px; +} +.bar-preferences .blackdg .tree-row { + height: 24px; +} +.bar-preferences .blackdg .tree-row.selected { + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.bar-preferences .blackdg .tree-row > .tree-column { + padding: 3px 0 2px 8px; +} +.bar-preferences .blackdgFocus { + border: 1px solid #dedede; +} +.bar-preferences .blackdg .group { + background: transparent; + box-shadow: none; + font-weight: normal; +} +.bar-preferences .blackdg .group .toggler { + top: -1px; + position: relative; +} +.bar-preferences .blackdg .group:first-child { + box-shadow: none; +} +.bar-preferences .keybindings .blackdg .tree-row > span:nth-child(2) { + background: transparent; +} +.bar-preferences .keybindings .blackdg .tree-row > span { + height: 100%; +} +.bar-preferences .blackdg strong { + color: #2882be; + font-weight: normal; +} +.bar-preferences .blackdg .ace_wrapper { + margin: -1px 0 0 0px; +} +.bar-preferences .blackdg .ace_tree-editor .ace_content { + margin: 1px 0 0 1px !important; +} +.bar-preferences .blackdg .ace-tm .ace_marker-layer .ace_active-line { + background: transparent; +} +.bar-preferences .keybindings .blackdg .ace_tree_cells .group > span:nth-child(2) { + background: none; +} +.bar-preferences.tb_console.tb_textboxInitial .sbtb_middle { + background: lightgrey; +} +.prefpanel h1 { + padding: 8px 0 6px 47px; + font-size: 19px; + position: relative; + margin: 0 0 10px 0; + font-weight: normal; + text-shadow: none; +} +.prefpanel h1:after { + background-repeat: 'repeat-x'; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-repeat-x_flat_light@1x.png); + background-size: 32px 1500px; + background-position: 50% -364px; + content: ""; + position: absolute; + left: 8px; + width: 26px; + height: 26px; + top: 7px; +} +.prefpanel .intro { + white-space: nowrap; + color: #b8bac1; +} +.prefpanel .intro p { + margin: 0 0 8px 47px; +} +.prefpanel a { + color: #1CA8DD; + text-decoration: none; +} +.prefpanel a:hover { + text-decoration: underline; +} +.prefpanel .intro p.hint { + color: #64666c; + text-shadow: none; +} +/* @file plugins/c9.ide.behaviors/style.css */ +.splits { + padding: 6px 20px 3px 22px !important; + background: transparent; +} +.splits span { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/splits_flat_light@1x.png); + background-size: 138px 53px; + background-position: 0 0; + width: 23px; + height: 18px; + display: inline-block; + margin: 0 10px 0 0; + cursor: pointer; +} +.splits span.nosplit { + background-position: 0 0; +} +.splits span.nosplit:hover { + background-position: 0 -18px; +} +.splits span.nosplit:active { + background-position: 0 -36px; +} +.splits span.twovsplit { + background-position: -23px 0; +} +.splits span.twovsplit:hover { + background-position: -23px -18px; +} +.splits span.twovsplit:active { + background-position: -23px -36px; +} +.splits span.twohsplit { + background-position: -46px 0; +} +.splits span.twohsplit:hover { + background-position: -46px -18px; +} +.splits span.twohsplit:active { + background-position: -46px -36px; +} +.splits span.foursplit { + background-position: -69px 0; +} +.splits span.foursplit:hover { + background-position: -69px -18px; +} +.splits span.foursplit:active { + background-position: -69px -36px; +} +.splits span.threeleft { + background-position: -92px 0; +} +.splits span.threeleft:hover { + background-position: -92px -18px; +} +.splits span.threeleft:active { + background-position: -92px -36px; +} +.splits span.threeright { + background-position: -115px 0; +} +.splits span.threeright:hover { + background-position: -115px -18px; +} +.splits span.threeright:active { + background-position: -115px -36px; +} +.split-area { + position: absolute; + background: rgba(0, 0, 0, 0.05); + border: 1px solid rgba(0, 0, 0, 0.2); + display: none; + z-index: 100000; + pointer-events: none; + box-sizing: border-box; + cursor: default; +} +.dark.split-area { + background: rgba(255, 255, 255, 0.05); + border: 1px solid rgba(255, 255, 255, 0.3); + box-shadow: 0 0 200px rgba(255, 255, 255, 0.15) inset; + outline: 1px solid black; +} +/* @file plugins/c9.ide.guide/style.css */ +@keyframes corePulse { + from { + background: #CCC; + } + 10% { + box-shadow: 0 0 0px #333; + } + 30% { + background: #AAA; + box-shadow: 0 0 10px #CCC; + } + 35% { + box-shadow: 0 0 10px #cccccc; + } + to { + background: #CCC; + box-shadow: none; + } +} +@keyframes ringPulse { + from { + border-color: #CCC; + box-shadow: 0; + } + 10% { + border-color: #CCC; + box-shadow: 0; + } + 20% { + border-color: #AAA; + box-shadow: 0 0 0px #666; + } + 60% { + border-color: #CCC; + } + 80% { + box-shadow: 0 0 10px rgba(204, 204, 204, 0.1); + } + to { + box-shadow: none; + } +} +.thingy { + width: 10px; + height: 10px; + border-radius: 10px; + background: #CCC; + position: absolute; + z-index: 100000; + cursor: pointer; + transition: .5s; + animation-name: corePulse; + animation-duration: 2.5s; + animation-iteration-count: infinite; +} +.thingy:after { + content: ""; + display: block; + position: absolute; + left: -4px; + top: -4px; + border-radius: 10px; + width: 14px; + height: 14px; + border: 2px solid #CCC; + transition: .5s; + animation-name: ringPulse; + animation-duration: 2.5s; + animation-iteration-count: infinite; +} +.thingy:hover, +.thingy.active { + animation: none; + background: #555; + box-shadow: 0; +} +.thingy:hover:after, +.thingy.active:after { + animation: none; + border-color: #555; +} +.thingy-popup { + position: absolute; + background: white; + border-radius: 3px; + padding: 20px; + box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.2); + width: 350px; + z-index: 100001; +} +.thingy-popup > .close { + background-image: url("/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@2x.png"); + background-size: 42px 28px; + position: absolute; + right: 20px; + top: 20px; + width: 14px; + height: 14px; + cursor: pointer; + background-position: 0 -14px; +} +.thingy-popup > .close:hover { + background-position: -14px -14px; +} +.thingy-popup > p { + line-height: 1.4em; + color: #5F5F5F; + font-size: 1.1em; +} +.thingy-popup p a { + font-size: 13px; +} +.thingy-popup.blue p a { + color: #2C91DE; +} +.thingy-popup.green p a { + color: #7FB959; +} +.thingy-popup.orange p a { + color: #E2B013; +} +.thingy-popup > .tourButtons { + text-align: right; + padding-top: 10px; +} +.thingy-popup .skip { + display: inline-block; + margin-right: 15px; + color: #8E8E8E; + -webkit-font-smoothing: antialiased; +} +.thingy-popup .skip:hover { + color: #666; +} +.thingy-popup > .title { + font-size: 21px; + font-family: 'Roboto', sans-serif; + font-weight: normal; + padding: 20px 40px 20px 20px; + display: block; + background: white; + margin: -20px -20px 0 -20px; + color: white; + -webkit-font-smoothing: antialiased; +} +.thingy-popup.blue .title { + background: #2C91DE; +} +.thingy-popup.green .title { + background: #7FB959; +} +.thingy-popup.orange .title { + background: #E2B013; +} +.thingy-popup .balloon { + content: ""; + display: block; + width: 0; + height: 0; + position: absolute; + border: 0px outset white; + border-width: 30px 30px 0 0; + z-index: 0; + border-color: white transparent; + left: 30px; + top: -14px; + transform: rotate(45deg); + -webkit-clip-path: polygon(0px 0px, 100% 0%, 0% 100%); + clip-path: polygon(0px 0px, 100% 0%, 0% 100%); +} +.thingy-popup.blue .balloon { + border-color: #2C91DE transparent; +} +.thingy-popup.green .balloon { + border-color: #7FB959 transparent; +} +.thingy-popup.orange .balloon { + border-color: #E2B013 transparent; +} +.thingy-popup .balloon.white { + border-color: white transparent; +} +.thingy-popup.balloon-bottom .balloon { + left: 30px; + top: auto; + bottom: -14px; + transform: rotate(225deg); +} +.thingy-popup.balloon-left .balloon { + left: -14px; + top: 30px; + transform: rotate(-45deg); +} +.thingy-popup.balloon-right .balloon { + right: -14px; + left: auto; + top: 30px; + transform: rotate(-225deg); +} +.thingy-popup.balloon-left.balloon-top .balloon { + top: -13px; + left: -3px; + transform: skew(43deg) rotate(25deg); + border-width: 50px 50px 0 0; +} +.thingy-popup .arrow { + font-size: 1.3em; + display: inline-block; + vertical-align: top; + overflow: hidden; + width: 14px; +} +/* @file plugins/c9.ide.help/style.css */ +#c9Version { + position: absolute; + top: 80px; + left: 151px; + color: #7e7e7e; + font-size: 9px; + padding-left: 12px; + width: 193px; + text-align: center; +} +.c9Legal { + position: absolute; + top: 60px; + left: 225px; + display: none; +} +.c9Staff { + position: absolute; + top: 170px; + left: 92px; + color: #aaaaaa; + font-size: 11px; + width: 390px; + line-height: 16px; +} +.c9StaffHeader { + text-transform: uppercase; + color: #dddddd; + font-size: 10px; + position: absolute; + top: 140px; + left: 170px; +} +.c9Copyright { + position: absolute; + bottom: 45px; + left: 155px; + font-size: 10px; + color: #aaaaaa; +} +/* @file plugins/c9.ide.help/skin.xml */ +.win-help-about { + overflow: hidden; +} +.win-help-about .wh-container { + overflow: visible; + z-index: 1; + position: relative; +} +.aboutDialogBox .aboutImage { + position: relative; + color: white; + background: url(/static/plugins/c9.ide.help/images/about_cloud.png) no-repeat 0 0; + width: 515px; + height: 339px; +} +.win-help-about .buttons { + position: absolute; + top: 68px; + right: 78px; + z-index: 2; +} +.win-help-about .buttons .close { + height: 20px; + width: 19px; + background: url(/static/plugins/c9.ide.help/images/close.png) no-repeat 4px 3px; +} +.win-help-about .buttons .close.hover { + background-position: -14px 3px; +} +.win-help-about .buttons .close.down { + background-position: -31px 3px; +} +/* @file plugins/c9.ide.welcome/style.css */ +.welcome { + background: #f8fdff top left no-repeat; + left: 0; + right: 0; + position: absolute; + top: 0; + bottom: 0; + overflow: auto; + display: flex; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; + background-attachment: local; + color: #333333; +} +.welcome-logo { + position: absolute; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/images/cloud9_logo@1x.png); + background-size: 155px 100px; + background-position: top left; + width: 155px; + height: 103px; + left: 32px; + top: 34px; +} +.welcome a { + text-decoration: none; + color: #2882be; +} +.main { + flex: 1; + min-width: 460px; + overflow: auto; + position: relative; +} +.sidepanel { + max-width: 250px; + min-width: 150px; + flex: 1; + padding: 30px 30px 0 20px; + border-left: 1px solid rgba(0, 0, 0, 0.04); + background: rgba(0, 0, 0, 0.03); + overflow: auto; +} +.welcome .welcome-heading { + position: absolute; + font-size: 60px; + font-family: Myriad Pro, Arial; + top: 67px; + left: 205px; + font-weight: normal; +} +.welcome .intro { + font-family: Arial; + font-size: 12px; + min-width: 400px; + max-width: 600px; + line-height: 1.5em; + margin: 160px 20px 0 35px; +} +.welcome h3 { + font-weight: normal; + font-size: 12px; + color: gray; + border-bottom: 1px solid #DEDEDE; + padding-bottom: 4px; + margin-bottom: 9px; +} +.sidepanel .video .placeholder { + width: 100%; + height: 150px; + border: 1px solid rgba(255, 255, 255, 0.14); + background: rgba(255, 255, 255, 0.05); + font-size: 25px; + text-align: center; + vertical-align: middle; + color: rgba(255, 255, 255, 0.29); +} +.sidepanel .video .placeholder:after { + content: ""; + display: inline-block; + height: 100%; + width: 1px; + vertical-align: middle; +} +.sidepanel .video label { + width: 100%; + text-align: center; + display: block; + margin: 3px; +} +.welcome .more { + display: block; + text-align: right; + cursor: pointer; +} +.welcome .more:hover { + text-decoration: underline; +} +.sidepanel h4 { + color: #b7d513; + margin-bottom: -10px; + margin-top: 0px; +} +.sidepanel h4:hover { + cursor: pointer; + text-decoration: underline; +} +.welcome .configure { + margin: 20px 0px 0 35px; + width: 400px; +} +.welcome .next { + margin: 0px 0px 0 35px; + width: 400px; +} +.welcome .form .cbblack.cbcontainer, +.welcome .form .cbblack.cbcontainer span, +.welcome .label { + font-size: 12px; + color: inherit; +} +.welcome ul { + padding: 0 0 0 20px; +} +.welcome ul li { + line-height: 18px; + color: #2882be; + cursor: pointer; +} +.welcome ul li:hover { + text-decoration: underline; +} +.welcome .switched button { + margin: 20px 0 0 122px; + width: 100px; + height: 21px; +} +.welcome .switched { + display: none; + position: absolute; + left: 50%; + top: 100px; + background: #e4fce8; + color: black; + padding: 20px; + box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.4); + width: 400px; + margin-left: -200px; + z-index: 100000; + box-sizing: border-box; + border-radius: 3px; +} +.welcome .switched td { + padding-right: 10px; +} +.welcome .switched th { + text-align: left; +} +.welcome .switched h2 { + margin-top: 0; + color: #5F7525; +} +.welcome p { + line-height: 1.4em; +} +.welcome .presets { + margin: 20px 0px 40px 35px; + width: 410px; +} +.welcome .preset_container { + padding: 10px 10px 0 10px; +} +.welcome .preset_container .preset { + width: 116px; + height: 116px; + display: inline-block; + margin-right: 13px; + position: relative; + cursor: pointer; + box-sizing: border-box; + border: 1px solid transparent; + background: no-repeat 50% 50%; + border: 1px solid rgba(255, 255, 255, 0.17); + background-color: rgba(148, 148, 148, 0.1); +} +.welcome .preset_container .preset:last-child { + margin-right: 0; +} +.welcome .preset_container .preset:hover { + border: 1px solid rgba(255, 255, 255, 0.28); + background-color: rgba(148, 148, 148, 0.15); +} +.welcome .preset_container .preset.active { + border: 1px solid rgba(255, 255, 255, 0.28); + background-color: rgba(148, 148, 148, 0.19); +} +.welcome .preset_container .preset label { + text-align: center; + position: absolute; + bottom: -25px; + left: 0; + right: 0; + cursor: inherit; + opacity: 0.5; + border-radius: 3px; + padding: 1px; +} +.welcome .preset_container .preset:hover label { + opacity: 0.65; + background: rgba(158, 158, 158, 0.1); +} +.welcome .preset_container .preset.active label { + opacity: 0.8; + background: rgba(158, 158, 158, 0.3) url("/static/plugins/c9.ide.layout.classic/images/check.gif") no-repeat 0 -16px; +} +.welcome .preset_container .preset#default { + background-image: url("/static/plugins/c9.ide.welcome/images/fullide.png"); +} +.welcome .preset_container .preset#minimal { + background-image: url("/static/plugins/c9.ide.welcome/images/minimal.png"); +} +.welcome .preset_container .preset#sublime { + background-image: url("/static/plugins/c9.ide.welcome/images/sublime.png"); +} +/* @file ace/ext/static.css */ +.ace_static_highlight { + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'Droid Sans Mono', monospace; + font-size: 12px; + white-space: pre-wrap; +} +.ace_static_highlight .ace_gutter { + width: 2em; + text-align: right; + padding: 0 3px 0 0; + margin-right: 3px; +} +.ace_static_highlight.ace_show_gutter .ace_line { + padding-left: 2.6em; +} +.ace_static_highlight .ace_line { + position: relative; +} +.ace_static_highlight .ace_gutter-cell { + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + top: 0; + bottom: 0; + left: 0; + position: absolute; +} +.ace_static_highlight .ace_gutter-cell:before { + content: counter(ace_line, decimal); + counter-increment: ace_line; +} +.ace_static_highlight { + counter-reset: ace_line; +} +/* @file plugins/c9.ide.preview/previewers/raw.css */ +.rawview { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + color: #f1f1f1; + overflow: auto; + margin: 0; + padding: 10px; + background-color: #2a3a2d; +} +.rawview::selection { + background: #748512; +} +.rawview::-moz-selection { + background: #748512; +} +/* @file plugins/c9.ide.preview/preview.css */ +.toolbar-top.previewbar { + box-shadow: none; + z-index: 1; + border-top: 0; + background: #26272c; + height: 37px !important; +} +.previewbar .searchbox.tb_console .sbtb_middle { + padding: 2px 7px 2px 7px; + padding-right: 7px !important; +} +.previewbar .locationbar { + display: flex; +} +.previewbar .locationbar .ace_searchbox { + flex: 1; +} +.previewbar .locationbar .ace_searchbox .sbtb_middle { + border-radius: 3px 0 0 3px; + border-right: 0; +} +.previewbar .c9-toolbarbutton-glossy { + height: 24px !important; +} +.previewbar .c9-toolbarbutton-glossy .c9-icon { + width: 24px; + height: 23px; + display: block; + top: 0; +} +.previewbar .preview-label { + padding-top: 5px; +} +.previewbar .c9-toolbarbutton-glossy.close .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.preview/images/c9-preview-repeat_flat_light@1x.png) !important; + background-size: 23px 280px !important; + background-position: 0 -65px; +} +.previewbar .c9-toolbarbutton-glossy.refresh .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.preview/images/c9-preview-repeat_flat_light@1x.png) !important; + background-size: 23px 280px !important; + background-position: 0 -88px; +} +.previewbar .c9-toolbarbutton-glossy.popout .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.preview/images/c9-preview-repeat_flat_light@1x.png) !important; + background-size: 23px 280px !important; + background-position: 0 -113px; +} +.previewbar .c9-toolbarbutton-glossy.settings .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.preview/images/c9-preview-repeat_flat_light@1x.png) !important; + background-size: 23px 280px !important; + background-position: -1px -33px; +} +.previewbar .c9-toolbarbutton-glossy.goforward .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.preview/images/c9-preview-repeat_flat_light@1x.png) !important; + background-size: 23px 280px !important; + background-position: 0 -184px; +} +.previewbar .c9-toolbarbutton-glossyDisabled.goforward .c9-icon { + background-position: 0 -209px; +} +.previewbar .c9-toolbarbutton-glossy.goback .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.preview/images/c9-preview-repeat_flat_light@1x.png) !important; + background-size: 23px 280px !important; + background-position: 0 -136px; +} +.previewbar .c9-toolbarbutton-glossyDisabled.goback .c9-icon { + background-position: 0 -161px; +} +/* @file plugins/c9.ide.installer/style.css */ +.installer .page { + padding: 0 0 5px 0; + line-height: 1.5em; + height: 100%; + position: relative; + box-sizing: border-box; +} +.installer .page h3 { + margin-top: 0; +} +.installer .choice { + margin: 0; + padding: 0; +} +.installer .choice li { + list-style-type: none; + margin: 0 0 4px 20px; +} +.installer .intro h4 { + margin-bottom: 0; +} +.installer .intro p { + margin-top: 3px; +} +.installer pre.code { + background: #c4c4c4; + padding: 10px; + border-radius: 3px; + font-family: Monaco, Menlo, 'Ubuntu Mono', Consolas, source-code-pro, monospace; + border: 1px solid #a3a3a3; + font-size: 11px; +} +.installer .execute { + background: transparent; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; + border-top: 0; + box-shadow: none; + height: 100%; +} +.installer .execute .title { + color: #333; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 20px; + text-shadow: none; +} +.installer .execute .install-spinner { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/tab-save-spinner-active_flat_light@1x.png); + background-size: 336px 14px; + animation: loading-24-spinner 1.2s steps(24) infinite; +} +.installer .execute .log { + position: absolute; + left: 0px; + top: 40px; + right: 0px; + bottom: 0px; + background: #153649; + padding: 20px 20px 20px 20px; + overflow: auto; + color: #333; + line-height: 1.4em; + font-family: Ubuntu Mono, Menlo, Consolas, monospace; + font-size: 12px; + margin: 0; + border-radius: 3px; + background-image: linear-gradient(to bottom, #DFEFF9 0%, #DFEFF9 100%); + border: 0; + border-color: white; + box-shadow: none; +} +.installer .execute .log .ace_editor { + background-color: transparent !important; + color: #333 !important; + font-family: Menlo, 'Ubuntu Mono', Consolas, source-code-pro, monospace, Monaco; +} +.installer .execute .log .output { + display: none; + color: gray; + margin: 10px; +} +.installer .execute .log.details .output { + display: block; +} +.installer .execute .log .error { + color: orange; +} +.installer .execute .cb { + position: absolute; + top: 20px; + right: 1px; +} +.installer .execute .cb label { + font-family: Arial; + font-size: 12px; + color: #333; +} +.installer .execute .progress { + position: absolute; + left: 90px; + bottom: -50px; + font-family: arial; + font-size: 12px; + color: #333; + padding-left: 20px; +} +.installer .execute .progress span { + width: 14px; + height: 14px; + display: block; + position: absolute; + left: 3px; + top: 2px; +} +.installer .intro blockquote, +.installer .overview blockquote, +.installer .complete blockquote { + margin: 0; + height: 100%; +} +.installer .overview blockquote { + height: auto; + position: absolute; + left: 0px; + top: 45px; + bottom: 0px; + right: 0px; +} +.installer .ace_tree .tree-row.required .checkbox { + outline: none !important; + background-color: transparent !important; +} +/* @file plugins/c9.ide.processlist/processlist.css */ +.process-list { + height: 300px; + margin: 0; +} +.process-list .blackdg { + position: absolute; + left: 20px; + top: 20px; + right: 20px; + bottom: 20px; +} +/* @file plugins/c9.ide.panels/skin.xml */ +.panelsbar { + border-left: 1px solid transparent; + border-top: 1px solid transparent; + box-shadow: 0 -1px 0 #1c1d21; + transform-origin: 17px 18px; + transform: rotate(90deg); + background: transparent; + height: 34px; + white-space: nowrap; + position: absolute; + top: -1px; + width: 10000px; + z-index: 10000; +} +.basic.right .panelsbar { + border-left: 0; + border-top: 0; + border-bottom: 1px solid transparent; + box-shadow: 0px 1px 0 #1c1d21; + left: 100%; + margin-left: -35px; + position: absolute; + top: 0; +} +.basic.left { + box-shadow: 1px 0 0 transparent; +} +.basic.right { + box-shadow: 1px 0 0 transparent inset; +} +.basic.left, +.basic.right { + overflow: hidden; + z-index: 100000; +} +.panelsbutton { + padding: 10px 10px 6px 10px; + display: inline-block; + white-space: nowrap; + cursor: default; + margin-left: -1px; + margin-right: 2px; + font-family: Helvetica, Arial; + font-size: 12px; + color: #333333; + text-shadow: 0 0 1px white; + transform: rotate(180deg); + height: 18px; +} +.panelsbutton { + height: 19px; + margin-top: -1px; +} +.right .panelsbutton { + transform: rotate(0deg); +} +.right .panelsbutton { + margin-top: 0; + margin-bottom: -1px; +} +.panelsbutton:hover { + background: #e6e6e6; +} +.panelsbuttonDown, +.panelsbuttonDown:hover { + color: #333333; + background: #1a1b1e; + border-left: 1px solid #1c1d21; + border-right: 1px solid #1c1d21; + box-shadow: -1px 0 transparent inset, -1px 0 transparent; + margin-left: -2px; + margin-right: 1px; + vertical-align: top; + margin-top: -2px; + padding-bottom: 8px; + height: 18px; +} +.right .panelsbuttonDown, +.right .panelsbuttonDown:hover { + border-left: 1px solid #1c1d21; + border-right: 1px solid #1c1d21; + box-shadow: 1px 0 transparent inset, 1px 0 transparent; + margin-top: 0; +} +/* @file plugins/c9.ide.language.core/outline.css */ +.outline .tree-row .caption { + padding: 4px 5px; + display: inline-block; +} +.outline.ace_tree { + border: none; + background: transparent; + color: #b8bac1; +} +.outline.ace_tree .toggler { + margin: 4px 0 0 3px; +} +.outline.ace_tree .toggler:not(.empty) { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; +} +.outline.ace_tree .ace_tree_cell-layer > div > span { + vertical-align: top; + font-size: 11px; + font-family: Tahoma, Arial; + line-height: 10px; + box-sizing: border-box; +} +.outline.ace_tree .ace_tree_cell-layer > div > span:first-child { + padding: 0 0 0 0; +} +.outline.ace_tree .tree-row strong { + color: #2882be; +} +.outline.ace_tree .tree-row.selected strong { + color: #f1f1f1; +} +.outline.ace_tree.focus .tree-row.selected .toggler:not(.empty) { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; +} +.outline.ace_tree .tree-row { + border-radius: 2px; + cursor: pointer; +} +.outline.ace_tree .tree-row:hover, +.outline.ace_tree .tree-row.hover { + background: #18181b; + color: #b8bac1; +} +.outline.ace_tree .tree-row.selected { + background: #2f3137; + color: #313236; +} +.outline.ace_tree.focus .tree-row.selected { + background: #63acff; + color: #ffffff; +} +.outline.ace_tree .tree-row .icon { + display: inline-block; + width: 16px; + height: 16px; + margin: 1px -4px 0 0; +} +.outline.ace_tree .tree-row .icon.event { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/event_flat_light@1x.png); + background-size: 8px 8px; + background-position: 4px; +} +.outline.ace_tree .tree-row .icon.method { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/method_flat_light@1x.png); + background-size: 8px 8px; + background-position: 4px; +} +.outline.ace_tree .tree-row .icon.method2 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/method2_flat_light@1x.png); + background-size: 8px 8px; + background-position: 4px; +} +.outline.ace_tree .tree-row .icon.package { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/package_flat_light@1x.png); + background-size: 8px 8px; + background-position: 4px; +} +.outline.ace_tree .tree-row .icon.property { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/property_flat_light@1x.png); + background-size: 8px 8px; + background-position: 4px; +} +.outline.ace_tree .tree-row .icon.property2 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/property2_flat_light@1x.png); + background-size: 8px 8px; + background-position: 4px; +} +.lang-icon-event { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/event_flat_light@1x.png) !important; + background-size: 8px 8px !important; +} +.lang-icon-method { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/method_flat_light@1x.png) !important; + background-size: 8px 8px !important; +} +.lang-icon-method2 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/method2_flat_light@1x.png) !important; + background-size: 8px 8px !important; +} +.lang-icon-package { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/package_flat_light@1x.png) !important; + background-size: 8px 8px !important; +} +.lang-icon-property { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/property_flat_light@1x.png) !important; + background-size: 8px 8px !important; +} +.lang-icon-property2 { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/property2_flat_light@1x.png) !important; + background-size: 8px 8px !important; +} +.outline.ace_tree .message { + font-size: 11px; +} +/* @file plugins/c9.ide.keys/style.css */ +.searchresults.ace_tree { + background: transparent !important; + border: none !important; +} +.searchresults { + position: relative; +} +.searchresults .item { + background: transparent; + color: #b8bac1; + padding: 2px 3px 4px 5px; + margin: 1px 0px; +} +.searchresults .item { + cursor: pointer; + border-radius: 3px; +} +.searchresults .item:not(.selected):hover, +.searchresults .item:not(.selected).hover { + background: #18181b; + color: #b8bac1; +} +.searchresults .item > span { + font-size: 12px; + display: block; + padding: 2px 2px 0 2px; + font-weight: bold; +} +.searchresults .item .path { + font-size: 10px; + word-wrap: break-word; + line-height: 14px; + font-weight: normal; +} +.searchresults .item.selected { + background: #63acff; +} +.searchresults .item.selected span { + color: #ffffff; +} +.searchresults .message { + border: 0; + padding: 3px; + text-align: center; + background: transparent !important; + font-size: 11px; + color: #333333; +} +.searchresults .item span strong { + color: #2882be; +} +.searchresults .item.selected span strong { + color: #f1f1f1; + font-weight: bold; +} +.searchresults .item.notAvailable { + color: rgba(255, 255, 255, 0.3); +} +.searchresults .item .keys { + float: right; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); + max-width: 70%; + font-weight: normal; +} +.searchresults .item.notAvailable .keys { + text-shadow: none; + color: inherit; +} +.searchresults .item .caption { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +/* @file plugins/c9.ide.navigate/style.css */ +.navigate-search { + position: absolute !important; + height: 27px !important; + left: 10px; + top: 10px; + right: 10px; +} +.navigate-list { + position: absolute !important; + top: 47px !important; + right: 10px; + left: 10px; + bottom: 0; +} +.searchresults.ace_tree { + background: transparent !important; + border: none !important; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important; +} +.searchresults { + position: relative; +} +.searchresults .item { + background: transparent; + color: #b8bac1; + padding: 2px 3px 4px 5px; + margin: 1px 0px; +} +.searchresults .item { + cursor: pointer; + border-radius: 3px; +} +.searchresults .item:not(.selected):hover, +.searchresults .item:not(.selected).hover { + background: #18181b; + color: #b8bac1; +} +.searchresults .item > span { + font-size: 12px; + display: block; + padding: 2px 2px 0 2px; + font-weight: bold; +} +.searchresults .item .path { + font-size: 10px; + word-wrap: break-word; + line-height: 14px; + font-weight: normal; +} +.searchresults .item.selected { + background: #63acff; +} +.searchresults .item.selected span { + color: #ffffff; +} +.searchresults .message { + border: 0; + padding: 3px; + text-align: center; + background: transparent !important; + font-size: 11px; + color: #333333; +} +.searchresults .item span strong { + color: #2882be; +} +.searchresults .item.selected span strong { + color: #f1f1f1; + font-weight: bold; +} +/* @file plugins/c9.ide.upload/upload_progress.css */ +.uploadframe { + box-shadow: none; + border-top: 1px solid #DEDEDE; + overflow: hidden; +} +.uploadframe .title > span { + padding: 0px 0 0 3px; +} +/* @file plugins/c9.ide.upload/markup/skin.xml */ +.list-uploadactivity { + position: relative; + overflow: hidden; + left: 0; + right: 0; +} +.list-uploadactivity .toggler { + display: none; +} +.list-uploadactivity > DIV.uploadactivity-tree-rows { + height: 100px; + max-height: 100px; + overflow: hidden; +} +.list-uploadactivity .tree-row { + height: 20px; + padding: 0 5px 2px 5px; + margin: 0 3px; + position: relative; + cursor: default; + border-bottom: 1px solid transparent; +} +.list-uploadactivity .tree-row .icon { + position: absolute; + width: 16px; + height: 16px; + top: 2px; + left: 12px; + background-position: 0 0; +} +.list-uploadactivity .tree-row .uploadactivity-caption, +.list-uploadactivity .tree-row .uploadactivity-progress { + height: 18px; + padding: 3px 0 0 0; + margin: 0 0 0 5px; + font-family: Arial; + font-size: 11px; + font-weight: normal; + color: #333; + cursor: default; +} +.list-uploadactivity .tree-row .uploadactivity-caption { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding-right: 30px; + display: block; +} +.list-uploadactivity .tree-row .uploadactivity-caption.bold { + font-weight: bold; +} +.list-uploadactivity .tree-row .uploadactivity-progress { + display: block; + color: #179439; + position: absolute; + right: 5px; + top: 0px; +} +.list-uploadactivity .tree-row:hover .uploadactivity-progress { + right: 23px; +} +.list-uploadactivity .tree-row:hover { + cursor: pointer; + background-color: #748512; + color: #f1f1f1; + border-radius: 3px; +} +.list-uploadactivity .tree-row:hover .uploadactivity-caption { + text-shadow: none; +} +.list-uploadactivity .tree-row:hover .uploadactivity-progress { + color: #082E13; +} +.list-uploadactivity .tree-row.selected { + cursor: default; +} +.list-uploadactivity .tree-row .uploadactivity-delete { + width: 21px; + height: 19px; + position: absolute; + top: 3px; + right: 1px; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/remove_breakpoints@1x.png); + background-repeat: no-repeat; + background-position: 0 0; + cursor: default; + display: none; +} +.list-uploadactivity .tree-row:hover .uploadactivity-delete { + display: block; +} +.list-uploadactivity .tree-row:hover .uploadactivity-delete:hover { + background-position: 0 -19px; +} +.list-uploadactivity .tree-row:hover .uploadactivity-delete:active { + background-position: 0 -38px; +} +.list-uploadactivity .message.empty { + padding: 0 10px; + font-family: Arial; + font-size: 11px; + color: #404040; + text-shadow: #ffffff 0px 1px 0px; +} +.btn-cancel-upload { + position: relative; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + color: #a4a4a4; + font-size: 11px; + height: 14px; + cursor: default; +} +.btn-cancel-uploadOver { + color: #c91212; +} +.btn-cancel-uploadDown { + color: #810707; +} +/* @file plugins/c9.ide.upload/upload.css */ +.uploadDropArea { + position: relative; + z-index: 10000; +} +.uploadDropArea { + height: 227px; + width: auto; + margin: 10px; + border-radius: 3px; + box-sizing: border-box; + padding-top: 90px; + text-align: center; + font-size: 13px; + color: #333; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.uploadDropArea.over { + background-color: #EEE; +} +.uploadDropArea h3 { + font-weight: bold; + font-size: 16px; + margin: 0 0 10px 0; +} +.uploadDropArea > * { + pointer-events: none; +} +.uploadDropArea .long { + display: block; +} +.uploadDropArea .short { + display: none; +} +.uploadText { + font-family: "Arial narrow", Arial, Helvetica, sans-serif; + font-size: 18px; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); + color: #B1E3F3; + padding-bottom: 2px; +} +.txtUploadTargetFolder { + font-size: 12px; + color: #313236; + margin: 26px 0 20px 0; + text-align: center; +} +#fileUploadSelect { + z-index: 9999; + position: absolute; + top: 143px; + left: 99px; + width: 181px; + height: 24px; + opacity: 0; +} +#fileUploadSelect.uploadWithFolders { + left: 60px; + width: 109px; + height: 24px; +} +#folderUploadSelect { + display: none; + position: absolute; + top: 143px; + left: 175px; + width: 119px; + height: 24px; + opacity: 0; + z-index: 1; +} +.uploadSelectButtons { + height: 30px; + margin: 0 0 20px 0; +} +.uploadSelectButtons div { + color: #ffffff; +} +.upload-window { + width: 480px; +} +.upload-window .divider { + border-color: #DEDEDE transparent transparent; +} +.upload-window .btn-default-css3 { + width: 120px; +} +.upload-window .button-container { + display: none !important; +} +/* @file plugins/c9.ide.upload/dragdrop.css */ +.draganddrop { + position: absolute; + z-index: 99999; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: none; + background-color: rgba(255, 255, 255, 0); + color: #000; + text-align: center; + transition: background-color 0.25s ease-out; +} +.draganddrop.over { + display: block; + background-color: rgba(255, 255, 255, 0.5); +} +.draganddrop > span { + padding: 16px 8px; + background-color: rgba(0, 0, 0, 0); + color: #fff; + font-size: 15px; + font-weight: bold; + position: relative; + top: 150px; + transition: background-color 0.25s ease-out; + border-radius: 8px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.draganddrop.over > span { + background-color: rgba(0, 0, 0, 0.75); +} +/* @file plugins/c9.ide.tree/style.css */ +.filetree.ace_tree { + background: transparent; + border: none; + font: 11px Tahoma, Arial; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.filetree .tree-row { + background: transparent; + color: #b8bac1; + border-radius: 3px; + margin: 0px 0px 0px 10px; + padding-left: 6px; + height: 25px !important; +} +.filetree .tree-row.selected { + background: #2f3137; + border-color: transparent; + color: #313236; +} +.filetree .tree-row.projectRoot:first-child { + margin-right: 40px; +} +.filetree.ace_tree_focus .tree-row.selected { + background: #63acff; + color: #ffffff; +} +.filetree.ace_tree_focus.alternative .tree-row.selected { + background: #63acff; + color: #ffffff; +} +.filetree .message { + border: 0; + padding: 3px; + text-align: center; + background: transparent; + font-size: 11px; + margin: 20px 10px 0 10px; + word-wrap: break-word; + white-space: normal; + color: #BBB; + line-height: 1.5em; +} +.filetree .tree-row .toggler { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; + margin: 0 1px 0 0; +} +.filetree.ace_tree_focus .tree-row.selected .toggler { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; +} +.filetree .tree-row > span { + vertical-align: middle; + padding: 0px 1px 1px 1px; + line-height: 20px; + display: inline-block; +} +.filetree .filetree-icon { + width: 16px; + height: 16px; + padding: 0px; + margin: 0px 1px; + background-repeat: no-repeat; +} +.filetree-icon.folder { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 18px 14px; +} +.filetree.alternative .filetree-icon.folder { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 18px 14px; +} +.filetree .loading .filetree-icon, +.filetree .loading.filetree-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner_flat_light@1x.gif); + background-size: 14px 14px; +} +.filetree .loading.selected .filetree-icon, +.filetree .selected .loading.filetree-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner-dark-unfocus_flat_light@1x.gif); + background-size: 14px 14px; +} +.filetree.ace_tree_focus .loading.selected .filetree-icon, +.filetree.ace_tree_focus .selected .loading.filetree-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner-selected_flat_light@1x.gif); + background-size: 14px 14px; +} +.filetree .symlink > .filetree-icon:after, +.filetree .favorite > .filetree-icon:after { + content: ""; + display: block; + background: url("/static/plugins/c9.ide.layout.classic/icons/symlink.png") no-repeat; + position: relative; + width: 12px; + height: 12px; + top: 5px; + left: -3px; +} +.filetree .favorite { + opacity: 0.5; +} +.ace_tree .extrainfo { + color: #CCC; +} +.ace_tree.ace_tree_focus .selected .extrainfo { + color: #CCC; +} +.filetree .tree-row.dragAppendUpload .filetree-icon { + background-image: url("/static/plugins/c9.ide.layout.classic/images/tree_upload_icon.png"); + background-position: -5px -1px; +} +.filetree.dragImage.copy:after { + content: "+"; + background: rgba(99, 172, 255, 0.92); + border: 1px #63acff solid; + position: absolute; + right: -6px; + bottom: -6px; + color: #ffffff; + font-size: 14px; + border-radius: 8px; + width: 14px; + height: 13px; + text-align: center; + line-height: 13px; + font-weight: bold; + font-family: monospace; + background: radial-gradient(5px 5px, circle, #7e8f1c, #4c5d00); + box-shadow: 0px 0px 7px 0px #000; +} +.filetree.dragImage .toggler { + pointer-events: none; +} +.dragOver.filetree .tree-row.selected { + background: rgba(47, 49, 55, 0.6); +} +.dragOver.filetree .tree-row.dropTarget { + background: #63acff; + box-shadow: 1px 1px rgba(99, 172, 255, 0.6) inset; + color: #313236; + border-radius: 3px; + box-sizing: border-box; + margin-right: 5px; +} +.filetree .dragHighlight { + position: absolute; + border: solid 1px rgba(99, 172, 255, 0.6); + border-right: rgba(0, 0, 0, 0); + border-top: rgba(0, 0, 0, 0); + background: rgba(99, 172, 255, 0.1); +} +.filetree .dragArrow { + position: absolute; + border: 1px solid #63acff; + margin-top: 2px; +} +.filetree .dragArrow::before { + content: ""; + background: #63acff; + position: absolute; + top: -3px; + left: -3px; + width: 6px; + height: 6px; + border-radius: 4px; +} +.ace_tree-editor { + color: #101010; + background-color: #f5f7ea; + border: 1px solid #ffffff; + height: 17px !important; + margin-top: 1px !important; +} +.workspace_files { + display: flex; + flex-direction: column; +} +.workspace_files .filetree.real { + flex: 1; +} +.ace_tree .heading { + font-variant: small-caps; + font-size: 16px; + margin-top: 0px; + margin-bottom: 0px; + color: #313236; + text-shadow: none; + line-height: 0; +} +.ace_tree .heading .toggler { + display: none !important; +} +.ace_tree .heading .ace_tree-icon, +.ace_tree .heading .filetree-icon { + display: none !important; +} +/* @file plugins/c9.ide.layout.classic/keyframes.css */ +@keyframes rotation { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +@keyframes running-spinner { + 0%, + 4.55% { + background-position: 0px 0px; + } + 4.56%, + 9.09% { + background-position: -16px 0px; + } + 9.1%, + 13.64% { + background-position: -32px 0px; + } + 13.65%, + 18.18% { + background-position: -48px 0px; + } + 18.19%, + 22.73% { + background-position: -64px 0px; + } + 22.740000000000002%, + 27.27% { + background-position: -80px 0px; + } + 27.28%, + 31.82% { + background-position: -96px 0px; + } + 31.830000000000002%, + 36.36% { + background-position: -112px 0px; + } + 36.37%, + 40.91% { + background-position: -128px 0px; + } + 40.919999999999995%, + 45.45% { + background-position: -144px 0px; + } + 45.46%, + 50% { + background-position: -160px 0px; + } + 50.01%, + 54.55% { + background-position: -176px 0px; + } + 54.559999999999995%, + 59.09% { + background-position: -192px 0px; + } + 59.1%, + 63.64% { + background-position: -208px 0px; + } + 63.65%, + 68.18% { + background-position: -224px 0px; + } + 68.19000000000001%, + 72.73% { + background-position: -240px 0px; + } + 72.74000000000001%, + 77.27% { + background-position: -256px 0px; + } + 77.28%, + 81.82% { + background-position: -272px 0px; + } + 81.83%, + 86.36% { + background-position: -288px 0px; + } + 86.37%, + 90.91% { + background-position: -304px 0px; + } + 90.92%, + 95.45% { + background-position: -320px 0px; + } + 95.46000000000001%, + 100% { + background-position: -336px 0px; + } +} +@keyframes loading-spinner { + from { + background-position: 0 0; + } + to { + background-position: -165px 0px; + } +} +@keyframes saving { + 0%, + 10%, + 100% { + opacity: 1; + } + 50%, + 60% { + opacity: .3; + } +} +@keyframes loading-24-spinner { + from { + background-position: 0 0; + } + to { + background-position: -336px 0px; + } +} +.loading-spinner { + background: url("/static/plugins/c9.ide.layout.classic/images/tab-save-spinner-active@1x.png") no-repeat; + animation: loading-spinner 1.2s steps(11) infinite; +} +@keyframes ball { + 0%, + 19.99%, + 100% { + background-position: 0 0; + } + 20%, + 39.99% { + background-position: -30px 0; + } + 40%, + 59.99% { + background-position: -60px 0; + } + 60%, + 79.99% { + background-position: -90px 0; + } + 80%, + 99.99% { + background-position: -120px 0; + } +} +div.loading-ind { + background: url("/static/plugins/c9.ide.layout.classic/images/loading-ind.png") no-repeat; + height: 27px; + width: 28px; + animation: ball .7s linear 0s infinite normal; + position: absolute; + left: 42%; + top: 50px; + z-index: 0; +} +/* @file plugins/c9.ide.layout.classic/less/main.less */ +HTML { + overflow: hidden; + background: #1c1d21; +} +BODY { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #222222; + margin: 0; + padding: 0 ; + font-size: 12px; + line-height: normal; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +BODY.noInput * { + pointer-events: none; +} +.ace_editor .ace_gutter { + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.disableIframe iframe { + pointer-events: none; +} +.dialog-buttons { + padding: 0 20px 20px !important; + height: 30px !important; +} +/* @file plugins/c9.ide.layout.classic/less/style.less */ +.noscript { + display: none; +} +.strong { + font-weight: bold; +} +.cut.tree-row { + opacity: 0.5; +} +.relative { + position: relative; +} +.alertMsg { + line-height: 1.3em; +} +.alertMsg a { + color: #0f72c0; +} +.c9-offline, +.c9-update, +.c9-readonly, +.c9-theme-switch { + background-image: linear-gradient(to bottom, #3d9ac4 0%, #3d9ac4 100%); + height: 50px; + border-bottom: 0; + text-shadow: none; + box-sizing: border-box; + padding: 16px 44px; + font-size: 16px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: bold; + color: #ffffff; + letter-spacing: 0.4px; + cursor: pointer; + position: relative; +} +.c9-offline:before, +.c9-update:before, +.c9-readonly:before { + content: ""; + position: absolute; + left: 6px; + top: 4px; + width: 23px; + height: 23px; + background: url("/static/plugins/c9.ide.layout.classic/images/noconnection.png") no-repeat 0 0; + display: none; +} +.c9-update { + background-image: linear-gradient(to bottom, #3dc469 0%, #3dc469 100%); +} +.c9-update:before { + background: url("/static/plugins/c9.ide.layout.classic/images/updatec9.png") no-repeat 0 0; +} +.c9-readonly { + background-image: linear-gradient(to bottom, #3dc469 0%, #3dc469 100%); +} +.c9-readonly:before { + background: url("/static/plugins/c9.ide.layout.classic/images/c9readonly.png") no-repeat 0 0; +} +.c9-theme-switch { + background-image: linear-gradient(to bottom, #3dc469 0%, #3dc469 100%); +} +.c9-theme-switch a { + color: #d2f291; + text-decoration: none; +} +/* @file plugins/c9.ide.layout.classic/less/bar.less */ +.basic { + position: relative; +} +.fakehbox { + white-space: nowrap; +} +.fakehbox > * { + display: inline-block; +} +.fakehbox.aligntop > * { + vertical-align: top; +} +.fakehbox.aligncenter > * { + vertical-align: middle; +} +.fakehbox.padding3 > * { + margin-left: 3px; +} +.fakehbox.static { + position: static; +} +.bar-offline-cover { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} +.find-and-replace { + background: #1c1d21; + box-shadow: 0 1px 0 0 transparent inset; + border-top: 1px solid #1c1d21; + border-bottom: 1px solid #1c1d21; + font-size: 12px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.find-and-replace .blackbutton { + margin-top: 0px !important; + height: 28px !important; + line-height: 27px; + padding: 0 10px; +} +.find-and-replace .dropdown-dark-glossy { + margin-top: 0px !important; + height: 28px !important; +} +.find-and-replace .dropdown-dark-glossy .button { + background-image: url("/static/plugins/c9.ide.layout.classic/images/arrow_down_white.png") !important; +} +.find-and-replace .dropdown-dark-glossy .button:before { + border-left: 0; +} +/* @file plugins/c9.ide.layout.classic/less/bk-window2.less */ +/* @file plugins/c9.ide.layout.classic/less/bk-window.less */ +.bk-window { + position: relative; + overflow: hidden; + z-index: 10000; + border-radius: 4px; + box-shadow: none; + color: #a9b3bc; + background: none; + /* Especially for retina */ +} +.win-deploy-target.bk-window { + overflow: visible; +} +.bk-window .bk-header { + position: relative; + overflow: hidden; + height: 52px; + background-image: linear-gradient(to bottom, #242529 0%, #242529 100%); + border-radius: 4px 4px 0 0; + border-bottom: 1px solid #1a1b1e; + box-shadow: none; + padding: 20px 20px; + box-sizing: border-box; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 16px; + font-weight: normal; + color: #dcdfe5; + cursor: default; +} +.bk-window .bk-header .buttons { + position: absolute; + right: 19px; + top: 19px; +} +.bk-window .bk-header .buttons .close { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + width: 14px; + height: 14px; +} +.bk-window .bk-header .buttons .close.hover { + background-position: -14px 0; +} +.bk-window .bk-header .buttons .close.down { + background-position: -28px 0; +} +.bk-window .bk-container h3 { + word-wrap: break-word; +} +.bk-window .bk-container { + position: absolute; + top: 52px; + bottom: 0; + left: 0; + right: 0; + z-index: 1; +} +.bk-window.dark .bk-container { + top: 52px; +} +.bk-window.relative .bk-container { + position: relative; + top: 0; +} +.bk-window .bk-content { + background: #fefefe; + position: absolute; + top: 52px; + bottom: 40px; + left: 0; + right: 0; + z-index: 0; +} +.bk-window.dark .bk-content { + top: 52px; +} +.bk-window.dark .bk-content { + background-color: #fefefe; + background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); + border-top: 0; +} +.bk-window .bk-win-footer { + background: #fefefe; + box-shadow: none; + bottom: 0; + left: 0; + right: 0; + height: 40px; + position: absolute; + border-radius: 0 0 4px 4px; + z-index: 0; +} +.bk-window.nofooter .bk-win-footer { + display: none; +} +.bk-window-cover { + background: url("/static/plugins/c9.ide.layout.classic/images/bg-overlay.png") repeat 0 0; + opacity: 1; +} +.bk-window-cover .header { + background: url("/static/plugins/c9.ide.layout.classic/images/cover-heaeder.png") repeat-x 0 0; + height: 12px; + position: absolute; + top: 0; + right: 0; + left: 0; +} +.bk-window-cover .logo { + background: url("/static/plugins/c9.ide.layout.classic/images/cover-logo.png") no-repeat 0 0; + width: 215px; + height: 44px; + position: absolute; + right: 20px; + top: 25px; +} +.bk-window.dialog .bk-container { + display: flex; + flex-direction: column; +} +.bk-window.dialog .bk-container > div:first-child { + flex: 1; + position: relative; +} +.bk-window.wizard .bk-container > div:first-child > div { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + padding: 20px; +} +/* @file plugins/c9.ide.layout.classic/less/blackbutton.less */ +.blackbutton { + background-image: linear-gradient(to bottom, transparent 0%, transparent 52%, transparent 52%, transparent 100%); + box-shadow: 0 1px 0 transparent inset, 0px 1px transparent; + border: 1px solid #34363c; + border-radius: 3px; + color: #b8bac1; + text-shadow: none; + height: 27px; + line-height: 27px; + padding: 2px 11px; + text-align: center; + cursor: pointer; + font-weight: normal; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.blackbuttonDisabled { + color: #b8bac1; +} +.blackbuttonFocus { + box-shadow: 0 1px 0 transparent inset, 0px 1px transparent, none; +} +.blackbuttonOver { + box-shadow: 0 1px 0 transparent inset, 0px 1px transparent, 0 0 0 1000px rgba(255, 255, 255, 0.03) inset; +} +.blackbuttonDown { + box-shadow: 0 0 3px 2px transparent inset; +} +/* @file plugins/c9.ide.layout.classic/less/blackdg.less */ +.blackdg { + position: relative; + overflow: hidden; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 11px; + padding: 0; + color: #333; + min-height: 45px; +} +.blackdg .tree-headings { + height: 24px; + z-index: 10; + white-space: nowrap; + overflow: hidden; + background: #373b3e; + border-bottom: 1px solid #565252; +} +.blackdg .tree-headings .tree-column { + overflow: hidden; + text-overflow: ellipsis; + color: #9c9c9c; +} +.tree-headings > .tree-column { + background: transparent; + display: inline-block; + padding: 6px 4px 5px 7px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.blackdg .tree-headings .tree-column u { + padding: 2px 4px 1px 3px; + display: block; + height: 15px; + text-decoration: none; +} +.blackdg .tree-headings .tree-column:hover, +.blackdg .tree-headings .tree-column.hover, +.blackdg .tree-headings .tree-column.down, +.blackdg .tree-headings .tree-column.drag { + color: #b6b6b6; + background: #373b3e; +} +.blackdg .tree-headings .tree-column.ascending u { + background-image: url("/static/plugins/c9.ide.layout.classic/images/sort_asc.gif"); + background-repeat: no-repeat; + background-position: right 7px; +} +.blackdg .tree-headings .tree-column.descending u { + background-image: url("/static/plugins/c9.ide.layout.classic/images/sort_desc.gif"); + background-repeat: no-repeat; + background-position: right 6px; +} +.blackdg .records { + white-space: nowrap; +} +.blackdg .records blockquote { + margin: 0; +} +.blackdg .tree-headings > .tree-column-resizer { + display: none; +} +.blackdg .row span { + height: 24px; +} +.blackdg .row span u { + padding: 1px 3px 3px 4px; + height: 15px; + display: block; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + cursor: default; +} +.blackdg .row { + height: 24px; + padding-left: 0; +} +.ace_tree_focus .indicate span { + padding: 0; + color: #333; +} +.blackdg .tree-row > .tree-column { + padding: 5px 0 5px 7px; +} +.blackdg .move_pointer { + height: 100px; + width: 2px; + position: absolute; + top: 0; + margin: -10px 0 0 -4px; + width: 9px; + height: 38px; + background: url("/static/plugins/c9.ide.layout.classic/images/column_picker.gif") no-repeat 0 0; + overflow: hidden; + z-index: 1000; +} +.blackdg .size_pointer { + border: 1px dotted gray; + border-width: 0 1px 0 1px; + height: 100%; + position: absolute; + top: 0px; + z-index: 1000; + cursor: e-resize; + cursor: ew-resize; +} +.blackdg .message { + opacity: 1; + display: inline-block; + padding: 6px 5px 8px 5px; +} +.pointer { + display: none; +} +.blackdg span.treecell u { + text-decoration: none; + display: inline-block; + width: 100%; + padding: 1px 2px 3px 2px; + border: 0; +} +.blackdg span.treecell u { + background-repeat: no-repeat; + padding-left: 20px; +} +.blackdg.noicon span.treecell u { + padding-left: 0; +} +.blackdg .row .treecell .iconCell, +.blackdg .row .iconCell { + background-position: 1px 1px; + background-repeat: no-repeat; + padding: 1px 0 3px 22px; +} +.blackdg .toggler { + display: inline-block; + width: 12px; + height: 15px; + margin: -1px 4px -3px -2px; + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; + background-position: 0 4px; +} +.blackdg .toggler.open { + background-position: -10px 4px; +} +.ace_tree_focus .selected .toggler { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; +} +.blackdg .loading .toggler { + background: url("/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner_flat_light@1x.gif") no-repeat 0 0; + width: 16px; + height: 16px; + top: -1px !important; + left: -2px; + vertical-align: top; + margin-right: 2px !important; + margin-left: -4px !important; +} +.blackdg .loading.selected .toggler { + background: url("/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner-dark-unfocus_flat_light@1x.gif") no-repeat 0 0; +} +.ace_tree_focus .loading.selected .toggler { + background: url("/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner-selected_flat_light@1x.gif") no-repeat 0 0; +} +.blackdg .row > span { + vertical-align: top; +} +.blackdg .tree-column { + text-overflow: ellipsis; +} +.blackdg .records .row, +.blackdg .records .row span { + background: transparent; +} +.blackdg .records .row span { + overflow: hidden; +} +.blackdgDisabled .records .row span { + opacity: 0.5; +} +.blackdg .row span.colsel { + background: rgba(0, 0, 0, 0.15); +} +.blackdg .selected, +.blackdgDisabled .selected { + color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.075); + vertical-align: top; +} +.ace_tree_focus .selected { + color: #ffffff; + background-color: #63acff; +} +.blackdg .records { + padding-top: 0; + top: 24px; + overflow: hidden; +} +.blackdg .dbgVarIcon { + display: inline-block; + width: 16px; + height: 16px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/debugger/genericvariable_obj_flat_light@1x.png); + background-size: 16px 16px; + margin: -1px 2px -5px -3px; +} +.blackdg .ace_tree-editor { + margin: 0 0 0 0px; + background: white; + padding: 0; + border: 0; + box-shadow: none; + color: #333; + text-shadow: none; +} +.blackdg .ace_tree-editor input:selection { + background: #6c9700; + color: #f1f1f1; +} +/* @file plugins/c9.ide.layout.classic/less/black_dropdown.less */ +.black_dropdown { + position: relative; + overflow: hidden; + height: 21px; + border-radius: 3px; + border: 1px solid #34363c; + background: transparent; + background-image: linear-gradient(0deg, transparent 0%, transparent 100%); + box-shadow: none; + text-shadow: none; + min-height: 28px !important; + max-height: 28px !important; +} +.black_dropdown .lbl { + position: relative; + overflow: hidden; + height: 17px; + padding: 7px 8px 5px 9px; + margin: 0 24px 0 0; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + color: #b8bac1; + line-height: 13px; + border-right: 1px solid rgba(0, 0, 0, 0); + cursor: default; + white-space: nowrap; +} +.black_dropdown .button { + width: 24px; + border-left: 1px solid transparent; + bottom: 0; + position: absolute; + top: 0; + right: 0; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/arrow_down_grey@1x.png); + background-size: 8px 5px; + background-position: 50% 50%; +} +.black_dropdownOver { + background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); +} +.black_dropdownDown { + background: #2d2d2d; + background-image: linear-gradient(0deg, transparent 0%, transparent 100%); +} +.c9-optionList { + width: 174px; + overflow: hidden; + z-index: 99999; + position: absolute; + margin: 0 0 0 0; + display: none; + background: #ffffff; + border: 1px solid #dfdfdf; + border-radius: 3px; + box-shadow: none; + margin-top: 1px; +} +.c9-optionList .c9-dd-item { + height: 18px; + padding: 3px 6px 0 6px; + position: relative; + overflow: hidden; + font-family: Arial; + font-size: 11px; + line-height: 14px; + white-space: nowrap; + color: #313236; + cursor: default; +} +.c9-optionList .c9-dd-item.selected { + color: #63acff; +} +.c9-optionList .c9-dd-item.hover { + background-color: #63acff; + color: #ffffff; +} +/* @file plugins/c9.ide.layout.classic/less/browser-btn.less */ +.browser-btn { + height: 27px; + width: 25px; + overflow: hidden; + cursor: pointer; + position: relative; + cursor: default; + background-position: 0 27px; + background-repeat: no-repeat; + background-image: url("/static/plugins/c9.ide.layout.classic/images/browser_button.png"); + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.browser-btn span { + display: block; + width: 17px; + height: 17px; + position: absolute; + left: 5px; + top: 5px; + background-repeat: no-repeat; +} +.browser-btnOver { + background-position: 0 0px; +} +.browser-btnDown { + background-position: 0 -27px; +} +/* @file plugins/c9.ide.layout.classic/less/btn-default-css3.less */ +.btn-default-css3 { + background-image: linear-gradient(to top, #2D9FD8 0%, #2D9FD8 100%); + border-radius: 3px; + text-shadow: none; + color: #ffffff; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: normal; + font-size: 14px; + box-shadow: none; + line-height: 16px; + position: relative; + cursor: pointer; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.win-deploy-target .btn-default-css3, +.size-13.btn-default-css3 { + font-size: 13px; +} +.btn-default-css3Over { + background-image: linear-gradient(to top, #2D9FD8 0%, #2D9FD8 100%); +} +.btn-default-css3Focus { + background-image: linear-gradient(to top, #2D9FD8 0%, #2D9FD8 100%); +} +.btn-default-css3Down { + background-image: linear-gradient(to top, #2D9FD8 0%, #2D9FD8 100%); +} +.btn-default-css3Disabled { + background-image: linear-gradient(to top, #2D9FD8 0%, #2D9FD8 100%); + text-shadow: none; + color: #ffffff; + cursor: default; +} +.btn-default-css3 .caption { + border-top: 0; + padding: 0px 20px 6px; + border-radius: 3px; + text-align: center; +} +.btn-default-css3.btn-default-css3Over .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Focus .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Down .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Disabled .caption { + border-top: 0; +} +.btn-default-css3 .border { + display: none; + border: 1px solid rgba(0, 0, 0, 0.26); + position: absolute; + top: 0; + height: 100%; + left: 0; + right: 0; + border-radius: 3px; + box-sizing: border-box; +} +.btn-default-css3.btn-default-css3Focus .border { + display: block; +} +.btn-default-css3.btn-green { + background-image: linear-gradient(to top, #6CC788 0%, #6CC788 100%); + text-shadow: none; + color: #ffffff; +} +.btn-default-css3.btn-green2 { + background-image: linear-gradient(to top, #088e04 0%, #30a12d 100%); + text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 0px; +} +.btn-default-css3Over.btn-green { + background-image: linear-gradient(to top, #6CC788 0%, #6CC788 100%); +} +.btn-default-css3Focus.btn-green { + background-image: linear-gradient(to top, #6CC788 0%, #6CC788 100%); +} +.btn-default-css3Down.btn-green { + background-image: linear-gradient(to top, #6CC788 0%, #6CC788 100%); +} +.btn-default-css3Down.btn-green2 { + background-image: linear-gradient(to top, #30a12d 0%, #088e04 100%); +} +.btn-default-css3Disabled.btn-green { + background-image: linear-gradient(to top, #6CC788 0%, #6CC788 100%); + text-shadow: none; + color: #747474; +} +.btn-default-css3Disabled.btn-green2 { + background-image: linear-gradient(to top, #088e04 0%, #30a12d 100%); + text-shadow: #3da110 0px 1px 0px; + color: #037a01; +} +.btn-default-css3.btn-green .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Over.btn-green .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Focus.btn-green .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Down.btn-green .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Disabled.btn-green .caption { + border-top: 0; +} +.btn-default-css3.btn-red { + background-image: linear-gradient(to top, #f06767 0%, #f06767 100%); + text-shadow: none; + color: #ffffff; +} +.btn-default-css3Over.btn-red { + background-image: linear-gradient(to top, #f06767 0%, #f06767 100%); +} +.btn-default-css3Focus.btn-red { + background-image: linear-gradient(to top, #f06767 0%, #f06767 100%); +} +.btn-default-css3Down.btn-red { + background-image: linear-gradient(to top, #f06767 0%, #f06767 100%); +} +.btn-default-css3Disabled.btn-red { + background-image: linear-gradient(to top, #f06767 0%, #f06767 100%); + text-shadow: none; + color: maroon; +} +.btn-default-css3.btn-red .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Over.btn-red .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Focus.btn-red .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Down.btn-red .caption { + border-top: 0; +} +.btn-default-css3.btn-default-css3Disabled.btn-red .caption { + border-top: 0; +} +.no-bold.btn-default-css3 { + font-weight: normal; + color: #cecece; +} +/* @file plugins/c9.ide.layout.classic/less/btn_icon_only.less */ +.btn_icon_only { + overflow: hidden; + cursor: default; + position: relative; + height: 21px; + width: 22px; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.btn_icon_onlyDown.tabmenubtn { + z-index: 10000000; +} +.dim22-22.btn_icon_only { + width: 22px; + height: 22px; +} +.dim18-18.btn_icon_only { + width: 18px; + height: 18px; +} +.dim14-14.btn_icon_only { + width: 14px; + height: 14px; +} +.dim8x8.btn_icon_only { + width: 8px; + height: 8px; +} +.btn_icon_onlyOver { + background-position: 0 -23px; +} +.dim22-22.btn_icon_onlyOver { + background-position: 0 -22px; +} +.dim18-18.btn_icon_onlyOver { + background-position: 0 -18px; +} +.dim14-14.btn_icon_onlyOver { + background-position: 0 -14px; +} +.dim8x8.btn_icon_onlyOver { + background-position: 0 -8px; +} +.btn_icon_onlyDown { + background-position: 0 -46px; +} +.dim22-22.btn_icon_onlyDown { + background-position: 0 -44px; +} +.dim18-18.btn_icon_onlyDown { + background-position: 0 -36px; +} +.dim14-14.btn_icon_onlyDown { + background-position: 0 -28px; +} +.dim8x8.btn_icon_onlyDown { + background-position: 0 -16px; +} +.btn_icon_only.btnDisabled { + cursor: default; +} +/* @file plugins/c9.ide.layout.classic/less/button.less */ +.btn { + height: 27px; + overflow: hidden; + cursor: default; + position: relative; + line-height: 17px; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.btn.smallbtn { + height: 23px; +} +.btn .left { + float: left; + width: 4px; + height: 27px; + background-color: transparent; + background-image: url("/static/plugins/c9.ide.layout.classic/images/sprite-rounded-vert.png"); + background-repeat: no-repeat; + background-position: -16px 0; +} +.btn.smallbtn .left { + height: 23px; + background-position: -16px -6717px; +} +.btn .lbl { + height: 22px; + padding: 5px 8px 0 8px; + margin: 0 4px; + white-space: nowrap; + overflow: hidden; + background-color: transparent; + background-image: url("/static/plugins/c9.ide.layout.classic/images/sprite-rounded-vert.png"); + background-repeat: repeat-x; + background-position: 0 -27px; + position: relative; + text-align: center; + color: #474747; + text-shadow: rgba(255, 255, 255, 0.71) 0px 1px 0px; + font-family: Arial; + font-size: 14px; + font-weight: bold; +} +.btn.smallbtn .lbl { + height: 20px; + padding: 3px 3px 0 3px; + background-position: 0 -6740px; + font-size: 12px; +} +.label_small .lbl { + padding-left: 2px; +} +.btn .right { + float: right; + width: 4px; + height: 27px; + background-color: transparent; + background-image: url("/static/plugins/c9.ide.layout.classic/images/sprite-rounded-vert.png"); + background-repeat: no-repeat; + background-position: 0 -54px; +} +.btn.smallbtn .right { + height: 23px; + background-position: 0 -6763px; +} +.btn .lbl .btnArrow { + display: none; + position: relative; + right: 0; + width: 5px; + height: 3px; + vertical-align: middle; +} +.btnIcon .lbl { + overflow: visible; +} +.btnIcon .lbl SPAN { + width: 23px; + height: 23px; + background-repeat: no-repeat; + background-position: 0 0; + position: absolute; + top: 1px; + left: 0; +} +.btnIconOnly .lbl SPAN { + background-position: 1px 3px; +} +.btnIconOnly.newFolder .lbl SPAN { + background-position: 1px 2px; +} +.smallCaption.btnIconOnly .lbl { + color: #323232; + font-weight: normal; + font-size: 12px; + padding-left: 25px; +} +.btnIcon.iconOnTheRight .lbl { + padding: 4px 12px 0 0; +} +.btnIcon.iconOnTheRight .lbl SPAN { + left: auto; + right: 0; +} +.btnOver .left { + background-position: -16px -81px; +} +.btnOver .lbl { + background-position: 0 -108px; +} +.btnOver .right { + background-position: 0 -135px; +} +.btnFocus .left { + background-position: -16px -243px; +} +.btnFocus .lbl { + background-position: 0 -270px; +} +.btnFocus .right { + background-position: 0 -297px; +} +.btnDown .left { + background-position: -16px -162px; +} +.btnDown .lbl { + background-position: 0 -189px; +} +.btnDown .right { + background-position: 0 -216px; +} +.btnDisabled .left { + background-position: -16px -324px; +} +.btnDisabled .lbl { + background-position: 0 -351px; + color: #b8bbbf; + text-shadow: rgba(255, 255, 255, 0.71) 0px 1px 0px; +} +.btnDisabled .right { + background-position: 0 -378px; +} +.btnOver.smallbtn .left { + background-position: -16px -6786px; +} +.btnOver.smallbtn .lbl { + background-position: 0 -6809px; +} +.btnOver.smallbtn .right { + background-position: 0 -6832px; +} +.btnFocus.smallbtn .left { + background-position: -16px -6924px; +} +.btnFocus.smallbtn .lbl { + background-position: 0 -6947px; +} +.btnFocus.smallbtn .right { + background-position: 0 -6970px; +} +.btnDown.smallbtn .left { + background-position: -16px -6855px; +} +.btnDown.smallbtn .lbl { + background-position: 0 -6878px; +} +.btnDown.smallbtn .right { + background-position: 0 -6901px; +} +.btnDisabled.smallbtn .left { + background-position: -16px -6993px; +} +.btnDisabled.smallbtn .lbl { + background-position: 0 -7016px; + color: #b8bbbf; + text-shadow: rgba(255, 255, 255, 0.71) 0px 1px 0px; +} +.btnDisabled.smallbtn .right { + background-position: 0 -7039px; +} +.ui-btn-greenfont { + color: #37a700; +} +.ui-btn-darkgreen .left { + background-position: -16px -1620px; +} +.ui-btn-darkgreen .lbl { + background-position: 0 -1647px; + color: #4d8110; + text-shadow: rgba(255, 255, 255, 0.71) 0px 1px 0px; +} +.ui-btn-darkgreen .right { + background-position: 0 -1674px; +} +.ui-btn-darkgreen.btnOver .left { + background-position: -16px -1701px; +} +.ui-btn-darkgreen.btnOver .lbl { + background-position: 0 -1728px; +} +.ui-btn-darkgreen.btnOver .right { + background-position: 0 -1755px; +} +.ui-btn-darkgreen.btnFocus .left { + background-position: -16px -1863px; +} +.ui-btn-darkgreen.btnFocus .lbl { + background-position: 0 -1890px; +} +.ui-btn-darkgreen.btnFocus .right { + background-position: 0 -1917px; +} +.ui-btn-darkgreen.btnDown .left { + background-position: -16px -1782px; +} +.ui-btn-darkgreen.btnDown .lbl { + background-position: 0 -1809px; +} +.ui-btn-darkgreen.btnDown .right { + background-position: 0 -1836px; +} +.ui-btn-green .left { + background-position: -16px -405px; +} +.ui-btn-green .lbl { + background-position: 0 -432px; + color: #4d8110; + text-shadow: rgba(255, 255, 255, 0.71) 0px 1px 0px; +} +.ui-btn-green .right { + background-position: 0 -459px; +} +.ui-btn-green.btnOver .left { + background-position: -16px -486px; +} +.ui-btn-green.btnOver .lbl { + background-position: 0 -513px; +} +.ui-btn-green.btnOver .right { + background-position: 0 -540px; +} +.ui-btn-green.btnFocus .left { + background-position: -16px -648px; +} +.ui-btn-green.btnFocus .lbl { + background-position: 0 -675px; +} +.ui-btn-green.btnFocus .right { + background-position: 0 -702px; +} +.ui-btn-green.btnDown .left { + background-position: -16px -567px; +} +.ui-btn-green.btnDown .lbl { + background-position: 0 -594px; +} +.ui-btn-green.btnDown .right { + background-position: 0 -621px; +} +.ui-btn-green.btnDisabled .left { + background-position: -16px -729px; +} +.ui-btn-green.btnDisabled .lbl { + background-position: 0 -756px; + color: #91ba63; + text-shadow: rgba(255, 255, 255, 0.71) 0px 1px 0px; +} +.ui-btn-green.btnDisabled .right { + background-position: 0 -783px; +} +.ui-btn-green.smallbtn .left { + background-position: -16px -5889px; +} +.ui-btn-green.smallbtn .lbl { + background-position: 0 -5912px; + color: #4d8110; + text-shadow: rgba(255, 255, 255, 0.71) 0px 1px 0px; +} +.ui-btn-green.smallbtn .right { + background-position: 0 -5935px; +} +.ui-btn-green.btnOver.smallbtn .left { + background-position: -16px -5958px; +} +.ui-btn-green.btnOver.smallbtn .lbl { + background-position: 0 -5981px; +} +.ui-btn-green.btnOver.smallbtn .right { + background-position: 0 -6004px; +} +.ui-btn-green.btnFocus.smallbtn .left { + background-position: -16px -6096px; +} +.ui-btn-green.btnFocus.smallbtn .lbl { + background-position: 0 -6119px; +} +.ui-btn-green.btnFocus.smallbtn .right { + background-position: 0 -6142px; +} +.ui-btn-green.btnDown.smallbtn .left { + background-position: -16px -6027px; +} +.ui-btn-green.btnDown.smallbtn .lbl { + background-position: 0 -6050px; +} +.ui-btn-green.btnDown.smallbtn .right { + background-position: 0 -6073px; +} +.ui-btn-green.btnDisabled.smallbtn .left { + background-position: -16px -6165px; +} +.ui-btn-green.btnDisabled.smallbtn .lbl { + background-position: 0 -6188px; + color: #91ba63; + text-shadow: rgba(255, 255, 255, 0.71) 0px 1px 0px; +} +.ui-btn-green.btnDisabled.smallbtn .right { + background-position: 0 -6211px; +} +.ui-btn-red .left { + background-position: -16px -810px; +} +.ui-btn-red .lbl { + background-position: 0 -837px; + color: white; + text-shadow: rgba(209, 2, 0, 0.71) 0px 1px 0px; +} +.ui-btn-red .right { + background-position: 0 -864px; +} +.ui-btn-red.btnOver .left { + background-position: -16px -891px; +} +.ui-btn-red.btnOver .lbl { + background-position: 0 -918px; +} +.ui-btn-red.btnOver .right { + background-position: 0 -945px; +} +.ui-btn-red.btnFocus .left { + background-position: -16px -1053px; +} +.ui-btn-red.btnFocus .lbl { + background-position: 0 -1080px; +} +.ui-btn-red.btnFocus .right { + background-position: 0 -1107px; +} +.ui-btn-red.btnDown .left { + background-position: -16px -972px; +} +.ui-btn-red.btnDown .lbl { + background-position: 0 -999px; +} +.ui-btn-red.btnDown .right { + background-position: 0 -1026px; +} +.ui-btn-red.btnDisabled .left { + background-position: -16px -1134px; +} +.ui-btn-red.btnDisabled .lbl { + background-position: 0 -1161px; + color: #bd0502; + text-shadow: rgba(255, 255, 255, 0.31) 0px 1px 0px; +} +.ui-btn-red.btnDisabled .right { + background-position: 0 -1188px; +} +.ui-btn-red.smallbtn .left { + background-position: -16px -6303px; +} +.ui-btn-red.smallbtn .lbl { + background-position: 0 -6326px; + color: white; + text-shadow: rgba(209, 2, 0, 0.71) 0px 1px 0px; +} +.ui-btn-red.smallbtn .right { + background-position: 0 -6349px; +} +.ui-btn-red.btnOver.smallbtn .left { + background-position: -16px -6372px; +} +.ui-btn-red.btnOver.smallbtn .lbl { + background-position: 0 -6395px; +} +.ui-btn-red.btnOver.smallbtn .right { + background-position: 0 -6418px; +} +.ui-btn-red.btnFocus.smallbtn .left { + background-position: -16px -6510px; +} +.ui-btn-red.btnFocus.smallbtn .lbl { + background-position: 0 -6533px; +} +.ui-btn-red.btnFocus.smallbtn .right { + background-position: 0 -6556px; +} +.ui-btn-red.btnDown.smallbtn .left { + background-position: -16px -6441px; +} +.ui-btn-red.btnDown.smallbtn .lbl { + background-position: 0 -6464px; +} +.ui-btn-red.btnDown.smallbtn .right { + background-position: 0 -6487px; +} +.ui-btn-red.btnDisabled.smallbtn .left { + background-position: -16px -6579px; +} +.ui-btn-red.btnDisabled.smallbtn .lbl { + background-position: 0 -6602px; + color: #bd0502; + text-shadow: rgba(255, 255, 255, 0.31) 0px 1px 0px; +} +.ui-btn-red.btnDisabled.smallbtn .right { + background-position: 0 -6625px; +} +.ui-btn-blue .left { + background-position: -16px -1215px; +} +.ui-btn-blue .lbl { + background-position: 0 -1242px; + color: #1f78a7; + text-shadow: rgba(205, 243, 255, 0.71) 0px 1px 0px; +} +.ui-btn-blue .right { + background-position: 0 -1269px; +} +.ui-btn-blue.btnOver .left { + background-position: -16px -1296px; +} +.ui-btn-blue.btnOver .lbl { + background-position: 0 -1323px; +} +.ui-btn-blue.btnOver .right { + background-position: 0 -1350px; +} +.ui-btn-blue.btnFocus .lbl { + background-position: 0 -1485px; +} +.ui-btn-blue.btnFocus .right { + background-position: 0 -1512px; +} +.ui-btn-blue.btnFocus .left { + background-position: -16px -1458px; +} +.ui-btn-blue.btnDown .left { + background-position: -16px -1377px; +} +.ui-btn-blue.btnDown .lbl { + background-position: 0 -1404px; +} +.ui-btn-blue.btnDown .right { + background-position: 0 -1431px; +} +.ui-btn-blue.btnDisabled .left { + background-position: -16px -1539px; +} +.ui-btn-blue.btnDisabled .lbl { + background-position: 0 -1566px; + color: #33a3d6; + text-shadow: rgba(205, 243, 255, 0.71) 0px 1px 0px; +} +.ui-btn-blue.btnDisabled .right { + background-position: 0 -1593px; +} +.ui-btn-blue2 .left { + background-position: -16px -3945px; +} +.ui-btn-blue2 .lbl { + background-position: 0 -3972px; + color: #00536f; + text-shadow: #18c8fe 0px 1px 0px; +} +.ui-btn-blue2 .right { + background-position: 0 -3999px; +} +.ui-btn-blue2.btnOver .left { + background-position: -16px -4026px; +} +.ui-btn-blue2.btnOver .lbl { + background-position: 0 -4053px; +} +.ui-btn-blue2.btnOver .right { + background-position: 0 -4080px; +} +.ui-btn-blue2.btnFocus .left { + background-position: -16px -4188px; +} +.ui-btn-blue2.btnFocus .lbl { + background-position: 0 -4215px; +} +.ui-btn-blue2.btnFocus .right { + background-position: 0 -4242px; +} +.ui-btn-blue2.btnDown .left { + background-position: -16px -4107px; +} +.ui-btn-blue2.btnDown .lbl { + background-position: 0 -4134px; +} +.ui-btn-blue2.btnDown .right { + background-position: 0 -4161px; +} +.ui-btn-blue2.btnDisabled .left { + background-position: -16px -4269px; +} +.ui-btn-blue2.btnDisabled .lbl { + background-position: 0 -4296px; + color: #36a3d6; + text-shadow: #7bdfff 0px 1px 0px; +} +.ui-btn-blue2.btnDisabled .right { + background-position: 0 -4323px; +} +.ui-btn-blue3 .left { + background-position: -16px -3945px; +} +.ui-btn-blue3 .lbl { + background-position: 0 -3972px; + color: white; + text-shadow: #039cd0 0px 1px 0px; +} +.ui-btn-blue3 .right { + background-position: 0 -3999px; +} +.ui-btn-blue3.btnOver .left { + background-position: -16px -4026px; +} +.ui-btn-blue3.btnOver .lbl { + background-position: 0 -4053px; +} +.ui-btn-blue3.btnOver .right { + background-position: 0 -4080px; +} +.ui-btn-blue3.btnFocus .left { + background-position: -16px -4188px; +} +.ui-btn-blue3.btnFocus .lbl { + background-position: 0 -4215px; +} +.ui-btn-blue3.btnFocus .right { + background-position: 0 -4242px; +} +.ui-btn-blue3.btnDown .left { + background-position: -16px -4107px; +} +.ui-btn-blue3.btnDown .lbl { + background-position: 0 -4134px; +} +.ui-btn-blue3.btnDown .right { + background-position: 0 -4161px; +} +.ui-btn-blue3.btnDisabled .left { + background-position: -16px -4269px; +} +.ui-btn-blue3.btnDisabled .lbl { + background-position: 0 -4296px; + color: #36a3d6; + text-shadow: #7bdfff 0px 1px 0px; +} +.ui-btn-blue3.btnDisabled .right { + background-position: 0 -4323px; +} +.ui-btn-orange .left { + background-position: -16px -4350px; +} +.ui-btn-orange .lbl { + background-position: 0 -4377px; + color: #8a4106; + text-shadow: #ffb639 0px 1px 0px; +} +.ui-btn-orange .right { + background-position: 0 -4404px; +} +.ui-btn-orange.btnOver .left { + background-position: -16px -4431px; +} +.ui-btn-orange.btnOver .lbl { + background-position: 0 -4458px; +} +.ui-btn-orange.btnOver .right { + background-position: 0 -4485px; +} +.ui-btn-orange.btnFocus .left { + background-position: -16px -4593px; +} +.ui-btn-orange.btnFocus .lbl { + background-position: 0 -4620px; +} +.ui-btn-orange.btnFocus .right { + background-position: 0 -4647px; +} +.ui-btn-orange.btnDown .left { + background-position: -16px -4512px; +} +.ui-btn-orange.btnDown .lbl { + background-position: 0 -4539px; +} +.ui-btn-orange.btnDown .right { + background-position: 0 -4566px; +} +.ui-btn-orange.btnDisabled .left { + background-position: -16px -4674px; +} +.ui-btn-orange.btnDisabled .lbl { + background-position: 0 -4701px; + color: #c47806; + text-shadow: #ffb639 0px 1px 0px; +} +.ui-btn-orange.btnDisabled .right { + background-position: 0 -4728px; +} +.ui-btn-yellow .left { + background-position: -16px -4755px; +} +.ui-btn-yellow .lbl { + background-position: 0 -4782px; + color: #8a5000; + text-shadow: #ffe082 0px 1px 0px; +} +.ui-btn-yellow .right { + background-position: 0 -4809px; +} +.ui-btn-yellow.btnOver .left { + background-position: -16px -4836px; +} +.ui-btn-yellow.btnOver .lbl { + background-position: 0 -4863px; +} +.ui-btn-yellow.btnOver .right { + background-position: 0 -4890px; +} +.ui-btn-yellow.btnFocus .left { + background-position: -16px -4998px; +} +.ui-btn-yellow.btnFocus .lbl { + background-position: 0 -5025px; +} +.ui-btn-yellow.btnFocus .right { + background-position: 0 -5052px; +} +.ui-btn-yellow.btnDown .left { + background-position: -16px -4917px; +} +.ui-btn-yellow.btnDown .lbl { + background-position: 0 -4944px; +} +.ui-btn-yellow.btnDown .right { + background-position: 0 -4971px; +} +.ui-btn-yellow.btnDisabled .left { + background-position: -16px -5079px; +} +.ui-btn-yellow.btnDisabled .lbl { + background-position: 0 -5106px; + color: #c39658; + text-shadow: #ffe082 0px 1px 0px; +} +.ui-btn-yellow.btnDisabled .right { + background-position: 0 -5133px; +} +.btn.btnDisabled { + cursor: default; +} +.submenu .lbl .btnArrow { + display: inline-block; + background-image: url("/static/plugins/c9.ide.layout.classic/images/btn-arrow.png"); + background-repeat: no-repeat; +} +.btn .lbl { + margin: 0; + height: 22px; + padding: 5px 8px 0 8px; +} +.btnIcon .lbl { + overflow: hidden; +} +.btn .lbl { + line-height: 19px; +} +.btn.smallbtn .lbl { + line-height: 17px; +} +/* @file plugins/c9.ide.layout.classic/less/btn_console.less */ +.btn_console { + width: 20px; + height: 20px; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid transparent; +} +.btn_consoleOver { + border: 1px solid rgba(0, 0, 0, 0.1); + background: rgba(255, 255, 255, 0.1); +} +.btn_consoleDown { + border: 1px solid rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.62), 2px 2px 5px rgba(0, 0, 0, 0.2) inset; + background: rgba(255, 255, 255, 0.4); +} +.btn_console div { + width: 18px; + height: 18px; + background: no-repeat 50% 50%; +} +.btn_console.clear div { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/clear_dark_flat_light@1x.png); + background-size: 13px 14px; +} +.btn_console.maximize div { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/maximize@1x.png); + background-size: 12px 13px; +} +.btn_console.popout div { + background-image: url("/static/plugins/c9.ide.layout.classic/images/popout.png"); +} +/* @file plugins/c9.ide.layout.classic/less/btn_console_open.less */ +.btn_console_open { + overflow: hidden; + cursor: default; + position: relative; + height: 31px; + width: 18px; + padding: 6px 4px 8px 5px; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.btn_console_open span { + border: 1px solid #34363c; + background: #26272c; + height: 13px; + width: 7px; + display: block; + box-shadow: 0 1px transparent; +} +.btn_console_open span:after { + background-image: linear-gradient(to bottom, #bdbdbd 0%, #b4b4b4 100%); + box-shadow: 0 1px #d3d3d3 inset, 0 -1px #8f8f8f; + content: ""; + width: 7px; + height: 6px; + display: block; + margin-top: 7px; +} +.btn_console_open:hover span:after { + background-image: linear-gradient(to bottom, #cdcdcd 0%, #c4c4c4 100%); + box-shadow: 0 1px #e3e3e3 inset, 0 -1px #8f8f8f; +} +.btn_console_openDown span:after { + box-shadow: 0 1px #d3d3d3 inset, 0 1px #8f8f8f; + margin-top: 0px; +} +.btn_console_openDown:hover span:after { + background-image: linear-gradient(to bottom, #cdcdcd 0%, #c4c4c4 100%); + box-shadow: 0 1px #e3e3e3 inset, 0 1px #8f8f8f; +} +.btn_console_open.btnDisabled { + cursor: default; +} +/* @file plugins/c9.ide.layout.classic/less/btn-switcher.less */ +.btn-switcher { + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + display: flex; + align-items: center; + cursor: default; + font-size: 12px; + font-weight: normal; + color: ; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + background: #2d2e34; + border-radius: 0 2px 2px 0; + box-shadow: none; + cursor: pointer; + border: 1px solid #2f3137; + border-left: 0; + border-radius: 0 3px 3px 0; + position: relative; + padding: 4px 17px 4px 8px; + box-sizing: border-box; +} +.btn-switcherOver { + background: #2b2c31; +} +.btn-switcherDown { + background: #fff; +} +.btn-switcher svg { + vertical-align: middle; + margin: -2px 4px 0 0; +} +.btn-switcher span { + display: block; + position: absolute; + right: 6px; + top: 11px; + width: 5px; + height: 5px; + background: url("/static/plugins/c9.ide.layout.classic/images/arrow_down_black.png") no-repeat; + opacity: 0.6; +} +.btn-switcherIcon { + background-repeat: no-repeat; + padding-left: 25px; + background-position: 5px 50%; +} +/* @file plugins/c9.ide.layout.classic/less/c9-divider-double.less */ +.c9-divider-double { + position: relative; + overflow: hidden; + width: 2px; + height: 23px; + border-left: 1px solid #1c1d21; + border-right: 1px solid transparent; +} +.c9-divider-double DIV { + position: relative; + width: 1px; + height: 23px; + border-left: 1px solid transparent; + border-right: 1px solid #1c1d21; +} +.menudivider { + border-right: 1px solid #1c1d21 !important; + margin-left: 10px !important; + margin-top: -2px !important; + height: 25px !important; + width: 0 !important; + margin-right: 3px; +} +.extrasdivider { + border-right: 1px solid #1c1d21 !important; + height: 25px !important; + width: 0 !important; + margin-right: 4px !important; + margin-left: 4px !important; +} +/* @file plugins/c9.ide.layout.classic/less/c9-divider-hor.less */ +.c9-divider-hor { + position: relative; + height: 0px; + border-top: 1px solid #1c1d21; + border-bottom: 1px solid transparent; +} +.c9-divider-hor span { + color: #606060; + text-shadow: #1c1d21 0px 1px 0px; + background: #1d1d1d; + font-size: 7pt; + top: -8px; + position: relative; + left: 4px; + padding: 0 3px 0 3px; + display: none; +} +.c9-divider-horCaption span { + display: block; +} +/* @file plugins/c9.ide.layout.classic/less/c9-divider.less */ +.c9-divider { + position: relative; + overflow: hidden; + width: 0px; + height: 23px; + border-left: 1px solid #1c1d21; + border-right: 1px solid transparent; +} +.expandedpanel .c9-divider.runcommandsdivider { + display: none; +} +/* @file plugins/c9.ide.layout.classic/less/c9-menu-bar.less */ +.c9-menu-bar { + position: relative; + overflow: visible; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.c9-menu-bar:before { + position: absolute; + left: 0; + right: 0; + top: 0; + height: 4px; + background-repeat: 'repeat-x'; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-repeat-x_flat_light@1x.png); + background-size: 32px 1500px; + background-color: #49a8fa; + content: ""; + display: none; +} +.c9-menu-bar .c9-mbar-bcont { + position: relative; + overflow: visible; +} +.c9-menu-bar .c9-mbar-cont > *, +.c9-menu-bar .c9-mbar-cont .c9-mbar-minimize { + height: 100% !important; +} +.c9-menu-bar .c9-mbar-cont { + position: relative; + overflow: hidden; + padding: 0 11px 0 33px; + margin: 0; + height: 40px; + background: #1c1d21; + box-shadow: 0 1px 0 0 transparent inset; + border-bottom: 1px solid #1c1d21; + border-top: 0px solid transparent; +} +.fullscreen .c9-menu-bar .c9-mbar-cont { + box-shadow: none; +} +.bartools { + padding-top: 0 !important; + padding-left: 50px !important; +} +.c9-menu-bar .c9-mbar-cont > div { + display: inline-block; + vertical-align: top; +} +.c9-menu-bar .c9-mbar-cont .c9-divider-double, +.c9-menu-bar .c9-mbar-bcont .c9-mbar-minimize { + border-right: 1px solid transparent !important; + box-shadow: 1px 0 0 0 transparent; +} +.c9-menu-bar .c9-mbar-cont .c9-divider-double { + border-left-width: 0; + height: 16px; + top: 1px; +} +.c9-menu-bar .c9-mbar-cont .c9-divider-double div { + border: 0 !important; +} +.c9-menu-bar .c9-mbar-bcont .c9-mbar-minimize { + cursor: pointer; + height: 25px; + left: 0; + position: absolute; + top: 0px; + width: 31px; +} +.c9-menu-bar .c9-mbar-bcont .c9-mbar-minimize:before { + content: ""; + display: block; + border: 10px solid red; + border-color: transparent transparent #acacac transparent; + border-width: 5px 5px; + width: 0px; + margin: 5px 0 0 5px; + z-index: 0; + position: relative; + box-shadow: 0px 1px #949494; + top: 7px; + left: 10px; +} +.c9-menu-bar .c9-mbar-bcont .c9-mbar-minimize:after { + content: ""; + display: block; + border: 10px solid red; + border-color: transparent transparent #acacac transparent; + border-width: 4px 4px; + width: 0px; + margin: 7px 0 0 6px; + box-shadow: 0px 1px #949494; + position: relative; + left: 0px; + top: -15px; + top: -8px; + left: 10px; +} +.c9-menu-bar .c9-mbar-bcont .c9-mbar-minimize:hover:before { + border-color: transparent transparent #999999 transparent; + box-shadow: 0px 1px #777777; +} +.c9-menu-bar .c9-mbar-bcont .c9-mbar-minimize:hover:after { + border-color: transparent transparent #999999 transparent; + box-shadow: 0px 1px #777777; +} +.c9-menu-bar .c9-mbar-bcont .c9-simple-btnDisabled.c9-mbar-minimize:hover { + background-position: 0 -70px; + cursor: default; +} +.c9-mbar-round { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png); + background-size: 480px 580px; + height: 37px; + pointer-events: none; + position: fixed; + right: 0; + top: 0; + width: 74px; + z-index: 999; + display: none; +} +.c9-mbar-round .mainlogo { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png); + background-size: 480px 580px; + background-position: 0 -44px; + display: block; + height: 26px; + left: 33px; + pointer-events: all; + position: absolute; + text-indent: 100%; + top: 4px; + width: 37px; + outline: none; +} +.c9-mbar-round .mainlogo.update { + background-position: -96px -44px; +} +.updateAvailable .c9-mbar-round .mainlogo { + background: url("/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png") no-repeat -96px -44px; + cursor: pointer; +} +.not-loggedin .c9-menu-bar .c9-mbar-bcont .c9-mbar-round { + top: 55px; +} +.readonly .c9-menu-bar .c9-mbar-bcont .c9-mbar-round { + top: 35px; +} +.c9-menu-bar .c9-mbar-bcont .c9-activity { + background: url("/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png") no-repeat -84px 0; + height: 10px; + left: 24px; + pointer-events: all; + position: absolute; + top: 4px; + width: 10px; + display: none; +} +.c9-menu-bar .c9-mbar-bcont .c9-activity .light { + background: url("/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png") no-repeat -102px -19px; + /* nothing */ + height: 10px; + left: 0; + position: absolute; + top: 0; + width: 10px; +} +.c9-menu-bar .c9-mbar-bcont .c9-activity.saving .light { + animation: saving .4s linear 0 infinite; + background-position: -102px 0px !important; +} +.c9-menu-bar .c9-mbar-bcont .c9-activity.saved .light { + background-position: -102px -19px !important; +} +.c9-menu-bar .c9-mbar-bcont .c9-activity.error .light { + background-position: -84px -19px !important; +} +.c9-menu-bar.minimized .c9-mbar-cont, +.c9-menu-bar.minimized .c9-mbar-bcont .c9-mbar-minimize { + background-color: #131416; + background-image: url("/static/plugins/c9.ide.layout.classic/images/c9-repeat-x_flat_light@1x.png"); + background-repeat: no-repeat; + background-position: 50% -13px; + cursor: pointer; + height: 7px; + box-shadow: 0 1px transparent inset; +} +.c9-menu-bar.minimized .c9-mbar-cont:hover, +.c9-menu-bar.minimized .c9-mbar-bcont .c9-mbar-minimize:hover { + background-color: #0c0c0e; + background-position: 50% -21px; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.08) inset, 0 6px 0 0 rgba(255, 255, 255, 0.05) inset; +} +.c9-menu-bar.minimized .c9-mbar-cont * { + display: none; +} +.c9-menu-bar.minimized .c9-mbar-bcont .c9-mbar-minimize { + top: 1px; +} +/* @file plugins/c9.ide.layout.classic/less/c9-menu-btn.less */ +.c9-menu-btn { + height: 100%; + box-sizing: border-box; + overflow: visible; + cursor: default; + position: relative; + display: inline-block; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + line-height: 14px; + color: #333333; + padding: 0px 9px 0 9px; + text-shadow: 0px 0px 0px transparent; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.c9-menu-btnOver { + background-color: #e6e6e6; + box-shadow: none; + color: #313236; +} +.c9-menu-btnDown { + font-weight: 300; + background-color: #ffffff; + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09); + border: 1px solid #dedede; + border-width: 0 1px; + padding: 0px 8px 0 8px; +} +.c9-menu-btnDown.submenu { + z-index: 100000000; +} +.c9-menu-btnDisabled.c9-menu-btn .c9-label { + color: #bdbdbd; +} +.c9-menu-btn .icon { + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-repeat-x_flat_light@1x.png); + background-size: 32px 1500px; + background-repeat: no-repeat; + position: absolute; + left: 4px; + right: 0; + top: 4px; + bottom: 0; + display: none; +} +.c9-menu-btn.nosize .icon { + background-size: auto; +} +.c9-menu-btn.preferences { + padding: 21px !important; + margin-left: 0; +} +.c9-menu-btn.preferences .icon { + background-position: 50% -364px; + display: block; + top: 5px !important; + height: 25px !important; +} +.c9-menu-btn.share .icon { + background-position: 50% -1367px; + display: block; +} +.c9-menu-btn.notifications .icon { + background-position: 50% -1400px; + display: block; +} +.c9-menu-btnIcon { + padding-left: 24px; +} +.c9-menu-btnIcon .icon { + display: block; +} +.c9-menu-btnEmpty { + padding-left: 7px; +} +.c9-menu-btnEmpty .icon { + left: 0; + top: 0; +} +.c9-menu-btnDisabled { + color: gray; +} +.c9-menu-btn.c9btn { + min-width: 12px; + font-weight: bold; + background-position: 2px 50%; +} +.c9-menu-btn.c9btn.update { + color: #BFD34F; +} +.c9-menu-btn.c9btn.offline { + color: #d22a3f; + text-shadow: 0 1px black; +} +/* @file plugins/c9.ide.layout.classic/less/c9-simple-btn.less */ +.c9-simple-btn { + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + cursor: default; +} +.c9-simple-btnIcon { + background-repeat: no-repeat; + padding-left: 18px; + padding-top: 2px; +} +/* @file plugins/c9.ide.layout.classic/less/c9-toolbarbutton-glossy.less */ +.c9-toolbarbutton-glossy { + border: 1px solid transparent; + color: #333333; + cursor: default; + position: relative; + border-radius: 3px; + height: 21px; +} +.c9-toolbarbutton-glossyOver { + border: 1px solid #26272c; + background-image: linear-gradient(to bottom, #26272c 0%, #26272c 55%, #26272c 55%, #26272c 100%); + box-shadow: inset 1px 1px transparent, inset -1px -1px transparent; + text-shadow: none; +} +.c9-toolbarbutton-glossyDown, +.c9-toolbarbutton-glossyActive { + border: 1px solid #26272c; + background-image: linear-gradient(to bottom, #26272c 0%, #26272c 55%, #26272c 55%, #26272c 100%); + box-shadow: inset 1px 1px transparent, inset -1px -1px transparent; + text-shadow: none; +} +.c9-toolbarbutton-glossyDisabled { + color: #bdbdbd; + text-shadow: none; +} +.c9-toolbarbutton-glossy .c9-label { + line-height: 21px; + margin-right: 4px; + padding: 0 3px 0 7px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.c9-toolbarbutton-glossy .c9-icon { + z-index: 100; + display: none; + background-position: 0 0; + background-repeat: no-repeat; + height: 19px; + left: 2px; + position: absolute; + top: 1px; + width: 23px; +} +.c9-toolbarbutton-glossyIcon .c9-icon { + display: block; +} +.c9-toolbarbutton-glossyIcon .c9-label { + padding: 0px 3px 0 22px; +} +.c9-toolbarbutton-glossyIcon.c9-toolbarbutton-glossyEmpty { + width: 23px; +} +.c9-toolbarbutton-glossyIcon.c9-toolbarbutton-glossyEmpty .c9-label { + display: none; +} +.btnSave .c9-icon { + background-image: none !important; + border: 1px solid #1C1C1C; + border-radius: 50%; + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; + height: 4px; + left: auto; + right: 4px; + top: 9px; + width: 4px; + position: absolute; + display: block; +} +.btnSave .c9-label { + padding-right: 4px; +} +.c9-toolbarbutton-glossy.saving .c9-label, +.c9-toolbarbutton-glossy.saved .c9-label { + background-position: 0 -523px; + font-size: 9px; + line-height: 24px; + padding: 0 15px 0 10px; + text-transform: uppercase; +} +.c9-toolbarbutton-glossy.saving .c9-label:after, +.c9-toolbarbutton-glossy.saved .c9-label:after { + background-position: -476px -523px; +} +.c9-toolbarbutton-glossy.saving .c9-icon { + background-color: #85C410; + right: 10px; + animation: saving .4s linear 0 infinite; +} +.c9-toolbarbutton-glossy.saved .c9-icon { + background-color: #85C410; + right: 10px; +} +.c9-toolbarbutton-glossy.error .c9-icon { + background-color: red; + right: 10px; +} +.c9-toolbarbutton-glossy.save .c9-icon { + background-color: #D01616; + right: 10px; +} +.c9-toolbarbutton-glossy.save .c9-label { + font-size: 9px; + padding: 0 16px 0 8px; + right: 14px; + text-transform: uppercase; +} +.c9-toolbarbutton-glossy.disabled .c9-icon { + background-color: white; + opacity: .2; +} +.c9-toolbarbutton-glossyDisabled.light .c9-icon { + opacity: .2; +} +.c9-toolbarbutton-glossy.bug .c9-icon { + background-position: 0 -38px; +} +.c9-toolbarbutton-glossyDown.bug .c9-icon, +.c9-toolbarbutton-glossyOver.bug .c9-icon { + background-position: 0 0; +} +/* @file plugins/c9.ide.layout.classic/less/c9-toolbarbutton.less */ +.c9-toolbarbutton { + height: 21px; + overflow: hidden; + cursor: default; + position: relative; + line-height: 17px; + border: 1px solid transparent; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.with-arrow.c9-toolbarbutton { + padding-right: 5px; +} +.hbox > .c9-toolbarbutton { + height: 23px; +} +.c9-toolbarbutton .c9-icon { + display: none; + width: 23px; + height: 19px; + position: absolute; + top: 2px; + left: 2px; + background-position: 0 0; + background-repeat: no-repeat; +} +.c9-toolbarbuttonIcon .c9-icon { + display: block; +} +.c9-toolbarbuttonOver { + border-radius: 5px; + border: 1px solid #1c1c1c; + box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background: #343434; + background: linear-gradient(to top, #333333 0%, #3a3a3a 100%) repeat scroll 0 0 transparent; +} +.c9-toolbarbutton .c9-label { + position: relative; + overflow: hidden; + font-family: Arial; + font-size: 12px; + color: #d6d6d6; + line-height: 14px; + height: 15px; + padding: 4px 6px 0 6px; +} +.with-arrow.c9-toolbarbutton .c9-label { + background: url("/static/plugins/c9.ide.layout.classic/images/btn-arrow.png") no-repeat right 9px; + padding-right: 11px; +} +.with-arrow.c9-toolbarbutton .c9-label { + background: url("/static/plugins/c9.ide.layout.classic/images/btn-arrow.png") no-repeat right 9px; + padding-right: 11px; +} +.with-arrow.c9-toolbarbutton .c9-label { + background: url("/static/plugins/c9.ide.layout.classic/images/btn-arrow.png") no-repeat right 9px; + padding-right: 11px; +} +.c9-toolbarbuttonEmpty .c9-icon { + position: relative; +} +.c9-toolbarbuttonEmpty .c9-label { + display: none; +} +.c9-toolbarbuttonIcon .c9-label { + padding: 4px 6px 0 22px; +} +.record.c9-toolbarbuttonIcon .c9-label { + padding: 4px 6px 0 26px; +} +.c9-toolbarbuttonIcon.preview .c9-label { + padding-left: 25px; +} +.c9-toolbarbuttonDown { + border-radius: 5px; + border: 1px solid #1c1c1c; + box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + background: #343434; + background: linear-gradient(to top, #2e2e2e 0%, #282828 100%) repeat scroll 0 0 transparent; +} +.c9-toolbarbuttonDown .c9-icon { + background-position: 0 -19px; +} +.c9-toolbarbuttonDisabled .c9-icon { + background-position: 0 -38px; +} +.record.c9-toolbarbuttonDisabled .c9-icon, +.record.c9-toolbarbuttonDown .c9-icon { + background-position: 0 0; +} +.c9-toolbarbuttonDisabled .c9-label { + color: #606060; + text-shadow: #000000 0px 1px 0px; +} +/* @file plugins/c9.ide.layout.classic/less/c9-toolbarbutton-light.less */ +.c9-toolbarbutton-light { + border-radius: 2px; + border: 1px solid transparent; + position: relative; +} +.c9-toolbarbutton-lightOver { + height: 19px; +} +.c9-toolbarbutton-lightOver, +.c9-toolbarbutton-lightDown { + background-color: rgba(255, 255, 255, 0.65); + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.08), transparent); + border-color: rgba(128, 128, 128, 0.55); + box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset; + cursor: pointer; +} +.c9-toolbarbutton-lightDown { + background-color: rgba(233, 233, 233, 0.555); + box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15) inset; +} +.c9-toolbarbutton-light .c9-label { + color: #4D4D4D; + height: 19px !important; + line-height: 21px; + margin-top: 0 !important; + padding: 0 5px 0 5px; + text-shadow: 0 1px 0 #FFFFFF; +} +.c9-toolbarbutton-lightIcon .c9-label { + padding-left: 25px; +} +.c9-toolbarbutton-lightIcon .c9-icon { + display: block; + position: absolute; + width: 23px; + height: 19px; + top: 0px; + left: 2px; +} +.c9-toolbarbutton-lightDisabled .c9-label { + color: #c5c5c6; +} +.c9-toolbarbutton-lightDisabled .c9-icon { + opacity: 0.3; + background-position: 0 -38px; +} +/* @file plugins/c9.ide.layout.classic/less/cboffline.less */ +.cboffline { + width: 55px; + height: 21px; + background: url("/static/plugins/c9.ide.layout.classic/images/sync.png") no-repeat 0 -21px; +} +.cbofflineDown { + background-position: 0 0px; +} +.cbofflineChecked { + background-position: 0 0px; +} +.cboffline { + background: #EFEFEF; + border-radius: 24px; + height: 24px !important; + width: 51px !important; + border: 1px solid #A3A3A3; +} +.cboffline:after { + content: ""; + display: block; + width: 26px; + height: 26px; + border-radius: 26px; + background: white; + border: 1px solid #A3A3A3; + margin: -2px 0 0 -1px; +} +.cbofflineChecked { + background: #98c878; + border-color: #7da562; +} +.cbofflineChecked:after { + border-color: #7da562; + float: right; + margin: -2px -1px 0 0px; +} +/* @file plugins/c9.ide.layout.classic/less/checkbox_black.less */ +.cbblack.cbcontainer { + padding: 2px 2px 2px 22px; +} +.cbblack.cbcontainer span { + color: #b8bac1; + top: 0; +} +.cbblack.cbcontainer.dark-bg span { + text-shadow: #000 0px 1px 0px; +} +.cbblack.cbcontainer .checkbox { + width: 17px; + height: 17px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/checkbox_flat_light@1x.png); + background-size: 22px 162px; + background-position: 0 0; +} +.cbblack.cbcontainerOver .checkbox { + background-position: 0 -17px; +} +.cbblack.cbcontainerDown .checkbox { + background-position: 0 -34px; +} +.cbblack.cbcontainerChecked .checkbox { + background-position: 0 -51px; +} +.cbblack.cbcontainerOver.cbcontainerChecked .checkbox { + background-position: 0 -68px; +} +.cbblack.cbcontainerChecked.cbcontainerDown .checkbox { + background-position: 0 -85px; +} +.cbblack.cbcontainerError span { + background-color: #ffb500; + color: #fbfbfb; +} +.cbblack.cbcontainerDisabled .checkbox { + background-position: 0 -102px; +} +.cbblack.cbcontainerDisabled.cbcontainerChecked .checkbox { + background-position: 0 -119px; +} +.cbblack.cbcontainerDisabled span { + color: #bebebe; +} +/* @file plugins/c9.ide.layout.classic/less/checkbox_grey.less */ +.cbgrey.cbcontainer { + padding: 2px 2px 2px 20px; +} +.cbgrey.cbcontainer span { + color: #333; + top: 0px; +} +.cbgrey.cbcontainer .checkbox { + width: 16px; + height: 17px; + background: url("/static/plugins/c9.ide.layout.classic/images/checkbox_grey.png") no-repeat 0 0; +} +.cbgrey.cbcontainerOver .checkbox { + background-position: 0 -17px; +} +.cbgrey.cbcontainerDown .checkbox { + background-position: 0 -34px; +} +.cbgrey.cbcontainerChecked .checkbox { + background-position: 0 -51px; +} +.cbgrey.cbcontainerOver.cbcontainerChecked .checkbox { + background-position: 0 -68px; +} +.cbgrey.cbcontainerChecked.cbcontainerDown .checkbox { + background-position: 0 -85px; +} +.cbgrey.cbcontainerError span { + background-color: #ffb500; + color: #fbfbfb; +} +.cbgrey.cbcontainerDisabled .checkbox { + background-position: 0 -102px; +} +.cbgrey.cbcontainerChecked.cbcontainerDisabled .checkbox { + background-position: 0 -119px; +} +.cbgrey.cbcontainerDisabled span { + color: #bebebe; +} +/* @file plugins/c9.ide.layout.classic/less/checkbox.less */ +.cbcontainer { + padding: 2px 2px 2px 16px; + position: relative; + overflow: visible; + color: #333; +} +.cbcontainer span { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + cursor: default; + padding: 4px 3px 2px 8px; + position: relative; + top: -2px; + overflow: visible; + display: inline-block; + line-height: 13px; + white-space: nowrap; + text-overflow: ellipsis; +} +.cbcontainerFocus span { + padding: 0px 2px 1px 2px; + border: 1px dotted #BBB; +} +.cbbasic.cbcontainerChecked.cbcontainerDown.cbcontainerFocus .checkbox { + background-position: 0 -48px; +} +.cbcontainer .checkbox { + width: 12px; + height: 12px; + overflow: hidden; + position: absolute; + left: 2px; + top: 2px; + background: url("/static/plugins/c9.ide.layout.classic/images/checkbox.png") no-repeat 0 -12px; +} +.cbcontainerDown .checkbox { + background-position: 0 -36px; +} +.cbcontainerChecked .checkbox { + background-position: 0 -24px; +} +.cbcontainerError span { + background-color: #ffb500; + color: #fbfbfb; +} +.cbcontainerDisabled .checkbox { + background-position: 0 0px; +} +.cbcontainerDisabled span { + color: #bebebe; +} +.cbcontainer span { + top: -2px; +} +/* @file plugins/c9.ide.layout.classic/less/editor_tab.less */ +.editor_tab { + padding: 0 0 0 0; + margin: 0 0; + position: relative; +} +.editor_tab.notabs:after { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 1px; + right: 0; + background: rgba(255, 255, 255, 0.06); + z-index: 100000; +} +.editor_tab.empty { + border-right: 1px solid #1c1d21; + border-left: 1px solid #1c1d21; + margin-right: -1px; + margin-left: -1px; +} +.editor_tab .btnsesssioncontainer { + height: 37px; + color: #f5f5f5; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + background: none; + box-shadow: 0 -1px 0 0 #1c1d21 inset, 0 1px 0 0 transparent inset, 0 1px 0 transparent; + border: 1px solid #1c1d21; + border-width: 1px 1px 0 1px; + position: absolute; + left: -1px; + right: -1px; + top: -1px; + z-index: 100; + clip: rect(0, 3000px, 40px, 0px); + transition-property: padding-right; + margin-bottom: 1px; +} +.editor_tab.notabs .btnsesssioncontainer { + display: none; +} +.editor_tab.morepadding .btnsesssioncontainer { + padding-right: 53px; +} +.editor_tab .btnsesssioncontainer .inside { + max-width: 100%; + padding: 5px 6px 0 23px; + height: 27px; + overflow-y: hidden; + overflow-x: hidden; + display: flex; + flex-direction: row; +} +.session_btn { + min-width: 6px; + max-width: 150px; + flex: 1 1 auto; + width: 0; + line-height: 1.2em; + padding: 0 37px; + position: relative; + margin-right: -25px; + margin-top: 0; + height: 37px; + overflow: hidden; + cursor: default; +} +.session_btn.destroyed { + min-width: 25px !important; + max-width: 0px !important; + padding: 0 !important; +} +.session_btn .tab_middle, +.session_btn .tab_shadow { + height: 37px; + box-sizing: border-box; + position: relative; + padding: 5px 0 0 0; + overflow: visible; + color: #000; + background-repeat: repeat-x; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-repeat-x_flat_light@1x.png); + background-size: 32px 1500px; + background-position: 0 -84px; + text-overflow: ellipsis; + margin-top: 2px; + margin-left: -1px; + margin-right: -1px; +} +.session_btn .tab_shadow { + position: absolute; + margin: 0; + top: 0; + left: 36px; + right: 38px; + bottom: 0; + background-position: 0 -1354px; + opacity: 0.7; +} +.session_btn .tab_middle:before, +.session_btn .tab_middle:after, +.session_btn .tab_shadow:before, +.session_btn .tab_shadow:after { + background-color: inherit; + content: ""; + display: block; + position: absolute; + height: 37px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png); + background-size: 480px 580px; + top: 0; +} +.session_btn .tab_middle:before, +.session_btn .tab_middle:after { + -webkit-mask: url("/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@2x.png") no-repeat; + -webkit-mask-size: 480px 580px; +} +.session_btn .tab_shadow:before { + left: -36px; + background-position: 0 -123px; + opacity: 0.7; + width: 36px; +} +.session_btn .tab_shadow:after { + right: -38px; + background-position: -42px -123px; + opacity: 0.7; + width: 38px; +} +.session_btn .tab_middle:before { + left: -36px; + background-position: 0 -125px; + -webkit-mask-position: 0 -95px; + mask: url(#tab-mask-left); + width: 36px; +} +.session_btn .tab_middle:after { + right: -38px; + background-position: -42px -125px; + -webkit-mask-position: -42px -95px; + mask: url(#tab-mask-right); + width: 38px; +} +.session_btn:not(.curbtn) .tab_middle, +.session_btn:not(.curbtn) .tab_middle:after, +.session_btn:not(.curbtn) .tab_middle:before { + background-color: transparent; + transition: background-color 0.15s linear; +} +.session_btn.notrans .tab_middle, +.session_btn.notrans .tab_middle:after, +.session_btn.notrans .tab_middle:before { + transition: none; +} +.session_btn.over:not(.curbtn) .tab_middle, +.session_btn.over:not(.curbtn) .tab_middle:after, +.session_btn.over:not(.curbtn) .tab_middle:before { + background-color: inherit; +} +.session_btn.curbtn { + height: 40px; + z-index: 10; + margin-top: -1px; + min-width: 97px; +} +body > .session_btn.curbtn { + cursor: default; + height: 37px; +} +.session_btn.curbtn .tab_middle { + height: 38px; + background-position: 0 -1451px; + color: #000; + padding-top: 5px; + margin-top: 3px; +} +.session_btn.curbtn .tab_middle:before { + height: 38px; + background-position: 0 -125px; +} +.session_btn.curbtn .tab_middle:after { + height: 38px; + background-position: -42px -125px; +} +.session_btn.curbtn .tab_shadow { + background-position: 0 50px; + opacity: 1; +} +.session_btn.curbtn .tab_shadow:before { + background-position: 0 -122px; + opacity: 1; +} +.session_btn.curbtn .tab_shadow:after { + background-position: -42px -122px; + opacity: 1; +} +.dark.session_btn.curbtn .tab_middle { + background-position: 0 -1451px; + margin-top: 2px; +} +.dark.session_btn.curbtn .tab_middle:before { + background-position: 0 -125px; + -webkit-mask-position: 0 -95px; +} +.dark.session_btn.curbtn .tab_middle:after { + background-position: -42px -125px; + -webkit-mask-position: -42px -95px; +} +.session_btn .sessiontab_title { + display: block; + white-space: nowrap; + overflow: hidden; + padding: 1px 0 0 0; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + color: #26272c; + text-shadow: none; +} +.session_btn.btnclose .tab_middle .sessiontab_title { + margin-right: 13px; + margin-left: 0px; +} +.session_btn.curbtn .sessiontab_title { + color: transparent; + text-shadow: none; +} +.dark.session_btn.curbtn .sessiontab_title { + color: rgba(255, 255, 255, 0.85); + margin-top: 0; + text-shadow: 0 1px rgba(0, 0, 0, 0.4); +} +.focus.session_btn.curbtn .sessiontab_title { + height: 30px; +} +.focus.session_btn.curbtn .sessiontab_title { + font-weight: bold; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; + letter-spacing: -0.4px; +} +.session_btn.preview { + font-style: italic; +} +.session_btn.curbtn strong { + margin-top: -1px; + background-position: 0 0; +} +.dark.session_btn.curbtn strong { + margin-top: 1px !important; + background-position: 0 -14px; +} +.has_apf .session_btn.changed strong, +.has_apf .session_btn.saving strong, +.has_apf .session_btn.saved strong, +.has_apf .session_btn.conflict strong, +.has_apf .session_btn.error strong { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/tabsave-flat@1x.png); + background-size: 36px 9px; + background-position: 0 2px; + width: 9px; + height: 11px; + right: -5px; + top: 14px; + margin-top: 0px; + animation: none; +} +.has_apf .session_btn.changed strong { + background-position: 0 0; +} +.has_apf .session_btn.error strong { + background-position: -9px 0; +} +.has_apf .session_btn.saving strong { + background-position: -18px 0; +} +.has_apf .session_btn.saved strong { + background-position: -27px 0; +} +.has_apf .session_btn.conflict strong { + background-position: -18px 0; +} +.asterisk .session_btn.changed .sessiontab_title:before { + content: "*"; +} +.has_apf .session_btn.running strong { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/running_flat_light@1x.png); + background-size: 225px 15px; + animation: rotation 2s infinite steps(16); + height: 15px; + width: 15px; + right: -10px; + top: 6px; + z-index: 10; +} +.has_apf .session_btn.loading strong, +.has_apf .session_btn.connecting strong { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/tab-save-spinner-active_flat_light@1x.png); + background-size: 336px 14px; + animation: loading-24-spinner 1.2s steps(24) infinite; + height: 14px; + width: 14px; + right: -9px; + top: 10px; + z-index: 10; +} +.session_btn strong, +.has_apf .session_btn strong:hover, +.has_apf .session_btn strong:active, +.has_apf .session_btn.curbtn strong:hover, +.has_apf .session_btn.curbtn strong:active { + width: 14px; + height: 14px; + display: block; + position: absolute; + right: -8px; + top: 12px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + background-position: 0 0; + cursor: pointer; + z-index: 10; + margin-top: -1px; + animation: none; +} +.has_apf .session_btn strong:hover { + background-position: -14px 0; +} +.has_apf .session_btn strong:active { + background-position: -28px 0; +} +.has_apf .session_btn.curbtn strong:hover { + margin-top: -1px; + background-position: -14px 0; +} +.has_apf .session_btn.curbtn strong:active { + margin-top: -1px; + background-position: -28px 0; +} +.has_apf .dark.session_btn.curbtn strong:hover { + margin-top: 1px; + background-position: -14px -14px; +} +.has_apf .dark.session_btn.curbtn strong:active { + margin-top: 1px; + background-position: -28px -14px; +} +.has_apf .plus_tab_button { + display: inline-block; + margin: 4px 0 0 30px; + top: 3px; + vertical-align: top; + box-sizing: border-box; + position: relative; + cursor: default; + transform: skew(23deg); + border-radius: 4px 3px 4px 2px; + border: 1px solid transparent; + box-shadow: none; + width: 25px; + height: 18px; + z-index: 100000; +} +.has_apf .plus_tab_button:after { + content: ""; + display: block; + width: 15px; + height: 15px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png); + background-size: 480px 580px; + transform: skew(-23deg); + margin: 1px 0 0 3px; + background-position: -337px -3px; +} +.plus_tab_button.c9-simple-btnOver { + border: 1px solid transparent; + box-shadow: none; + background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); +} +.plus_tab_button.c9-simple-btnOver:after { + background-position: -337px -23px; +} +.plus_tab_button.c9-simple-btnDown { + border: 1px solid transparent; + box-shadow: none; + background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); +} +.plus_tab_button.c9-simple-btnDown:after { + background-position: -337px -23px; +} +.has_apf .plus_tab_button.c9-simple-btnOver:after, +.has_apf .plus_tab_button.c9-simple-btnDown:after { + margin: 1px 0 0 3px; +} +.has_apf .tabmenubtn { + left: 9px; + position: absolute; + top: 6px; + width: 19px; + box-sizing: border-box; + border-radius: 3px; + height: 16px; + border: 1px solid transparent; + box-shadow: none; + background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); +} +.has_apf .tabmenubtn:after { + content: ""; + display: block; + width: 14px; + height: 11px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png); + background-size: 480px 580px; + margin: 2px 0 0 1px; + background-position: -377px -5px; +} +.has_apf .tabmenubtn.c9-simple-btnOver { + border: 1px solid transparent; + box-shadow: none; + background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); +} +.has_apf .tabmenubtn.c9-simple-btnOver:after { + background-position: -377px -26px; +} +.has_apf .tabmenubtn.c9-simple-btnDown { + height: 17px; +} +.has_apf .tabmenubtn.c9-simple-btnDown:after { + background-position: -377px -45px; +} +.tabsContextMenu { + overflow: visible !important; + margin: 5px 0 0 -5px !important; +} +.tabsContextMenu:before { + border: 1px solid #dfdfdf; + border-width: 1px 1px 0 1px; + box-shadow: inset 0 1px #ffffff; + background-image: linear-gradient(to bottom, white 0%, white 100%); + box-sizing: border-box; + border-radius: 3px 3px 0 0; + content: ""; + display: block; + left: -1px; + pointer-events: none; + position: absolute; + top: -28px; + width: 30px; + height: 28px; +} +.tabsContextMenu:after { + content: ""; + display: block; + width: 23px; + height: 28px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png); + background-size: 480px 580px; + margin: 2px 0 0 3px; + position: absolute; + top: -28px; + background-position: -374px -39px; +} +.upward.tabsContextMenu:before { + border-width: 0px 1px 1px 1px; + box-shadow: 0 1px rgba(255, 255, 255, 0.6), inset 0 -1px #ffffff; + background-image: linear-gradient(to bottom, white 0%, white 100%); + border-radius: 0 0 3px 3px; + top: auto; + bottom: -27px; + height: 27px; +} +.codeditorHolder .editor_tab { + background: none; +} +.codeditorHolder > .vsplitbox, +.codeditorHolder > .hsplitbox { + height: 100%; +} +.editor_tab .session_page { + display: none; + position: absolute; + top: 37px; + bottom: 0; + left: 0; + right: 0; + z-index: 10; + margin: 0 auto; + padding-top: 7px; + overflow: hidden; +} +.editor_tab.notabs .session_page { + top: 0; +} +.editor_tab .session_page.curpage { + display: block; +} +/* @file plugins/c9.ide.layout.classic/less/textbox.less */ +.tb_textbox { + position: relative; + height: 25px; +} +.tb_textbox .sbtb_middle { + height: 19px; + padding: 2px 5px; + border: 1px solid #DEDEDE; + border-radius: 3px; + background-image: linear-gradient(to top, #FFF 50%, #FFF 100%); + color: #b8bac1; + margin: 0; + outline: none; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + text-overflow: ellipsis; + box-shadow: none; +} +.topborder .sbtb_middle { + border-width: 1px 0 0 0; +} +.tb_textbox .sbtb_middle INPUT { + border: 0; + height: 17px; + font-size: 12px; + color: #b8bac1; + font-family: Arial; + outline: none; + background-color: transparent; + width: 100%; +} +.tb_textboxInitial .sbtb_middle INPUT { + color: #777777; +} +.tb_textboxDisabled .sbtb_middle INPUT { + color: #CCC; +} +.tb_textboxDisabled .sbtb_middle { + background-image: linear-gradient(to top, #F0F0F0 0%, #F0F0F0 40%); + cursor: default; +} +/* @file plugins/c9.ide.layout.classic/less/searchbox.less */ +.searchbox .sbtb_middle .input { + border: 0; + font-size: 12px; + color: #b8bac1; + font-family: menlo, courier new, fixed, swiss, sans-serif; + outline: none; + background-color: transparent; + width: 100%; + overflow: auto; + white-space: pre-wrap; + max-height: 95px; + min-height: 18px; + overflow: hidden; +} +.searchbox .sbtb_middle input.input { + line-height: 0; + overflow: hidden; + margin-bottom: -1px; + top: -1px; +} +.searchTxt.tb_console { + margin: 0; + overflow: hidden; +} +.searchTxt.tb_console .sbtb_middle { + background-color: #18181b; + border-radius: 3px; +} +.tb_textboxDisabled .sbtb_middle .input { + color: #b8bac1; +} +.searchbox.tb_console .sbtb_middle .input { + height: auto; + position: relative; +} +.searchTxt.tb_textboxInitial .sbtb_middle .input, +.tb_textboxInitialMsg { + color: #b8bac1 !important; + text-shadow: none; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; +} +.searchbox span, +.searchbox font { + text-shadow: none; + padding: 1px 0 1px 0; +} +.searchbox { + height: auto !important; +} +.searchbox.tb_console .sbtb_middle { + height: auto; + padding: 4px 25px 3px 5px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.searchbox.tb_console.buttonsright .sbtb_middle { + padding-right: 6em!important; +} +.searchTxt .btnclose { + position: absolute; + top: 7px; + right: 8px; + width: 14px; + height: 14px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/btnclose_flat_light@1x.png); + background-size: 14px 28px; + background-position: 0 0; + display: none; + cursor: pointer; +} +.searchTxt .btnclose:hover { + background-position: 0 -14px; +} +.has_apf .vimInput .sbtb_middle { + padding: 2px 1px 2px 3px; + border: none; + border-top: 1px solid #aaaaaa; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset -2px 1px 7px 0 rgba(0, 0, 0, 0.29); + cursor: text; +} +.has_apf .vimInput .sbtb_middle.dark { + padding: 2px 1px 2px 3px; + border-top: 1px solid black; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset -2px 1px 7px 0 rgba(0, 0, 0, 0.5); +} +.has_apf .vimInput .sbtb_middle.dark .input { + color: #f1f1f1; +} +.has_apf .vimInput .ace_invisible { + color: #949393; +} +.has_apf .vimInput .dark .ace_invisible { + color: #5A5A5A; +} +.searchbox.tb_console.dark .sbtb_middle { + box-shadow: inset 1px 2px 3px 0 rgba(0, 0, 0, 0.22); +} +.searchTxt.tb_console.dark .sbtb_middle { + background-color: #444444; +} +.searchTxt.tb_textboxInitial.dark .sbtb_middle .input { + color: #A0A0A0 !important; + text-shadow: none; +} +.searchbox.dark .sbtb_middle .input { + color: #f1f1f1; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.searchbox.dark .btnclose { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/btnclose_flat_light@1x.png); + background-size: 14px 28px; +} +.searchbox.dark .ace-tm .ace_cursor { + color: #919191 !important; +} +.searchbox.dark .ace-tm .ace_marker-layer .ace_selection { + background: #7a7a7a !important; +} +.searchbox.dark .sbtb_middle { + border-color: #222222 !important; +} +/* @file plugins/c9.ide.layout.classic/less/codebox.less */ +.ace_one-line { + line-height: inherit!important; +} +.ace_one-line .ace_cursor { + border-left-width: 1px!important; +} +.ace_one-line .ace_scroller { + background: transparent!important; + border-radius: 0!important; +} +.ace_searchbox .sbtb_middle { + padding-right: 24px !important; +} +.searchbox .sbtb_middle .input { + white-space: nowrap !important; +} +.has_apf .searchTxt.tb_console.ace_searchboxDisabled .sbtb_middle { + color: #b8bac1; + background: #18181b; +} +.has_apf .searchTxt.tb_console.ace_searchboxDisabled .sbtb_middle .input { + color: #b8bac1; +} +.ace_one-line .ace_scroller.ace_scroll-left { + box-shadow: none; +} +.tb_console { + position: relative; + height: 31px; + box-shadow: 0 1px transparent; +} +.tb_console .sbtb_middle { + border: 1px solid #2f3137; + background: #18181b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + color: #b8bac1; + font-size: 14px; + height: 19px; + line-height: 18px; + padding: 2px 4px 0px 4px; + outline: none; + text-overflow: ellipsis; +} +.topborder .sbtb_middle { + border-width: 1px 0 0 0; +} +.tb_console .sbtb_middle INPUT, +.consoleInputCloned { + border: 0; + height: 17px; + line-height: 15px; + font-size: 12px; + color: #b8bac1; + font-family: menlo, courier new, fixed, swiss, sans-serif; + outline: none; + background-color: transparent; + width: 100%; + padding: 0; +} +.ace_editor .tb_textboxInitialMsg { + text-indent: 5px; + text-shadow: none; +} +.ace_initialMsg:not(.ace_focus) .ace_cursor { + display: none; +} +.tb_consoleDisabled .sbtb_middle { + background: #e2e2e2; +} +.tb_consoleDisabled .sbtb_middle INPUT { + color: #b3b3b3; +} +.tb_consoleDisabled .sbtb_middle { + background: linear-gradient(to top, #ebebeb 0%, #ffffff 40%); + cursor: default; +} +/* @file plugins/c9.ide.layout.classic/less/colorbox.less */ +.tbcolor { + padding: 2px; + border-radius: 4px; + background: white; + border-color: #DEDEDE; +} +/* @file plugins/c9.ide.layout.classic/less/datagrid.less */ +.datagrid { + position: relative; + border: 1px solid #c3c3c3; + background-color: white; + overflow: hidden; + font-family: Tahoma, Arial; + font-size: 8pt; + padding: 19px 0 0 0; + color: #333; +} +.datagrid .headings { + position: relative; + top: 0; + left: 0; + height: 20px; + z-index: 10; + background-color: #e6e6e6; + margin: -20px 15px 0 0; + white-space: nowrap; +} +.noscrollbar .datagrid .headings { + margin: -21px 1px 0 0; +} +.noscrollbar .datagrid { + background: transparant; +} +.datagrid .headings div { + background: linear-gradient(to top, #e5e5e5 0%, #f8f8f8 100%); + overflow: hidden; + text-overflow: ellipsis; + color: #333; + border-bottom: 1px solid #BFBFBF; +} +.docktab .datagrid .headings div { + background-image: linear-gradient(to top, #eceff2 0%, #edf0f3 49%, #f4f6f8 50%, #fafcfe 100%); + border-bottom: 1px solid #e1e5ea; +} +.datagrid .headings div u { + padding: 2px 4px 1px 3px; + display: block; + height: 15px; + text-decoration: none; + border-left: 1px solid white; + border-right: 1px solid #bfbfbf; + border-top: 1px solid white; +} +.docktab .datagrid .headings div u { + border-top: 1px solid #fafcfe; + border-left: 1px solid #fafbfc; + border-right: 1px solid #c8c8c8; +} +.datagrid .headings div.hover, +.datagrid .headings div.down, +.datagrid .headings div.drag { + background: linear-gradient(to top, #dddddd 0%, #ffffff 100%); + color: #555; +} +.datagrid .headings div.drag { + border: 1px solid white; +} +.datagrid .headings div.down u, +.datagrid .headings div.hover u { + border-left: 1px solid transparent; +} +.datagrid .headings div.ascending u { + background-image: url("/static/plugins/c9.ide.layout.classic/images/sort_asc.gif"); + background-repeat: no-repeat; + background-position: right 7px; +} +.datagrid .headings div.descending u { + background-image: url("/static/plugins/c9.ide.layout.classic/images/sort_desc.gif"); + background-repeat: no-repeat; + background-position: right 6px; +} +.datagrid .records { + overflow-x: hidden; + overflow-y: scroll; + height: 100%; + padding: 18px 0 0 0; + position: relative; + top: -19px; + white-space: nowrap; + border-color: white; + border-style: solid; + border-width: 1px 0 0; +} +.with-noise .records { + background: #E1E1E1 url("/static/plugins/c9.ide.layout.classic/images/dg_noise.png") repeat 0 0; +} +.noscrollbar .records { + overflow-y: hidden; +} +.datagrid .records .row span { + height: 18px; + background: white no-repeat 0 50%; +} +.datagrid .records .row span u { + padding: 1px 3px 3px 4px; + height: 15px; + display: block; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + cursor: default; + border-right: 1px solid #D6D6D6; + border-left: 1px solid white; +} +.with-noise .records .row span { + border-left: 1px solid #D1D1D1; + margin-left: -1px; +} +.with-noise .records .row span { + background-image: url("/static/plugins/c9.ide.layout.classic/images/dg_noise.png"); + background-repeat: repeat; + border-top: #f0f0f0; + background-color: #e1e1e1; +} +.noscrollbar .datagrid .records .row span { + background-color: transparent; +} +.datagrid .records .row { + height: 18px; + padding-left: 0; +} +.datagridFocus .records .indicate span { + padding: 0; + color: #333; +} +.datagrid .row:nth-child(4n-1) span { + background: #f0f0f0; +} +.with-noise .row:nth-child(4n-1) span { + background: #d1d1d1; + background-image: url("/static/plugins/c9.ide.layout.classic/images/dg_noise.png"); +} +.datagrid .records .testhead { + height: 22px; +} +.datagrid .records .testhead span { + border-top: 4px solid #c3c3c3; +} +.datagrid .records .current_execution span { + background: #d4e0c6; +} +.datagrid .records .selected, +.datagrid .records .selected span { + background: linear-gradient(to top, #CECECE 0%, #DEDEDE 100%); +} +.datagridFocus .records .selected, +.datagridFocus .records .selected span, +.datagridFocus .records .dragAppend, +.datagridFocus .records .dragAppend span { + background: linear-gradient(to top, #337cbc 0%, #4091d8 100%); + color: white; +} +.datagridFocus .records .selected span u { + border-left: 1px solid #8bc0ed; +} +.datagrid .move_pointer { + height: 100px; + width: 2px; + position: absolute; + top: 0; + margin: -10px 0 0 -4px; + width: 9px; + height: 38px; + background: url("/static/plugins/c9.ide.layout.classic/images/column_picker.gif") no-repeat 0 0; + overflow: hidden; + z-index: 1000; +} +.datagrid .size_pointer { + border: 1px dotted gray; + border-width: 0 1px 0 1px; + height: 100%; + position: absolute; + top: 0px; + z-index: 1000; + cursor: e-resize; + cursor: ew-resize; +} +.datagrid .message { + font-weight: normal; + color: #333; + padding: 0 0 10px 50px; + font-size: 11px; + margin-top: 10px; + border-bottom: 1px solid #eee; +} +.datagrid .message label { + padding: 2px 0 0 4px; + height: 14px; + display: inline-block; + position: relative; + top: -3px; +} +.datagrid .root .message { + padding: 0; + margin: 0; + border-bottom: 0; + height: 0; +} +.datagrid .root .message label { + top: 0; + padding: 0; + height: 0; + overflow: hidden; +} +.pointer { + display: none; +} +.dginfo { + display: none; + overflow: hidden; + white-space: normal; + padding: 5px; + background-color: #f3f3f3; + margin-top: 3px; + margin-left: 6px; + position: relative; + left: -3px; + margin-bottom: 3px; +} +.dginfo h3 { + margin: 0 0 5px 0; +} +.dginfo p { + margin: 0; +} +.datagrid .records .stdel, +.datagridFocus .records .stdel, +.datagrid .records .stdel span, +.datagridFocus .records .stdel span { + color: #ccc; +} +.dragdg { + border: 2px solid black; + width: 10px; + height: 5px; +} +.datagrid .records .dragInsert { + height: 19px; + margin-top: -1px; +} +.datagrid .records .dragInsert span { + border-top: 1px solid gray; +} +.datagrid blockquote { + padding: 0; + margin: 0; + display: none; + height: 0; + overflow: hidden; + background: repeat-y 0px center; +} +.datagrid .records span.treecell u { + text-decoration: none; + display: inline-block; + width: 100%; + padding: 1px 2px 3px 2px; + border: 0; +} +.datagrid .records span.treecell u { + background-repeat: no-repeat; + padding-left: 20px; +} +.datagrid.noicon .records span.treecell u { + padding-left: 0; +} +.datagrid .records .row .treecell .iconCell, +.datagrid .records .row .iconCell { + background-position: 1px 1px; + background-repeat: no-repeat; + padding: 1px 0 3px 22px; +} +.datagrid .treecell strong { + width: 9px; + height: 9px; + margin: 4px 4px 0 4px; + position: relative; + top: -5px; + display: inline-block; +} +.datagrid .plus > .treecell strong, +.datagrid .pluslast > .treecell strong { + background-image: url("/static/plugins/c9.ide.layout.classic/images/plus.png"); +} +.datagrid .min > .treecell strong, +.datagrid .minlast > .treecell strong { + background-image: url("/static/plugins/c9.ide.layout.classic/images/min.png"); +} +.datagrid .slider { + margin: 5px 5px 0 3px; +} +.datagrid .tb { + border: 0; + padding: 2px 0 4px 4px; + background: white; + border-left: 1px solid #eee; + border-bottom: 1px solid #eee; + height: 13px; + position: relative; + top: -6px; +} +.datagrid .treecell .tb { + padding: 1px 0 0 0; + top: 0; + border: 0; + border-bottom: 1px solid #eee; +} +.datagrid .message, +.datagrid .empty { + height: 0; + padding: 0; + margin: 3px; +} +.datagrid .loading > .treecell strong { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner_flat_light@1x.gif); + background-size: 14px 14px; + width: 16px; + height: 16px; + top: -2px !important; + left: -3px; + vertical-align: top; + margin-right: -3px !important; +} +.datagrid .loading.selected > .treecell strong { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner-selected_flat_light@1x.gif); + background-size: 14px 14px; +} +.datagrid .row > span { + vertical-align: top; +} +.datagrid .headings div { + float: left; +} +.datagrid .records .row span { + float: left; +} +.datagrid .headings { + padding-top: 2px; + height: 15px; +} +.datagrid .headings div { + display: -moz-inline-box; + overflow: visible; + position: relative; +} +.datagrid .records .row span { + display: -moz-inline-box; + overflow: visible; + position: relative; +} +.datagrid .headings { + margin: -20px 17px 0 0; +} +.datagrid { + position: relative; + border: 1px solid #c3c3c3; + background-color: white; + overflow: hidden; + font-family: Tahoma, Arial; + font-size: 8pt; + padding: 0; + color: #333; +} +.datagrid .headings { + position: absolute; + top: 20px; + left: 0; + right: -1px; + height: 20px; + z-index: 10; + background-color: #e6e6e6; + white-space: nowrap; +} +.datagrid .records { + overflow-x: hidden; + overflow-y: scroll; + position: absolute; + top: 0px; + bottom: 0; + height: auto; + left: 0; + right: 0; + white-space: nowrap; + border-color: white; + border-style: solid; + border-width: 1px 0 0; + display: block; + margin: 0; +} +.noscrollbar .records { + overflow-y: hidden; +} +.datagrid div.records .treecell strong { + top: 0px; +} +.draggrid .treecell .iconCell, +.datagrid .records span.treecell .iconCell { + padding: 2px 0 1px 24px; +} +/* @file plugins/c9.ide.layout.classic/less/divider_console.less */ +.divider_console { + width: 0; + height: 17px; + border-left: 1px solid #1c1d21; + border-right: 1px solid transparent; + cursor: default; +} +/* @file plugins/c9.ide.layout.classic/less/divider.less */ +.divider { + height: 0; + border: 1px solid white; + border-width: 1px 0 1px 0; + border-color: #c3c3c3 white white #c3c3c3; + line-height: 0; + cursor: default; +} +.hbox .divider, +.vdivider { + width: 0; + margin: 0 10px 0 10px; + border-width: 0 1px 0 1px; + height: 17px; +} +.divider span { + color: #333; + background: #f5f5f5; + padding: 0 2px 0 2px; + position: relative; + top: -1px; + display: none; + font-size: 8pt; +} +.table .divider, +.vbox .divider, +.hbox .divider { + margin: 0; +} +.modal-divider { + border-color: #b0b2b4 #E6E6E6 #E6E6E6 #b0b2b4; +} +.divider-status-bar { + border: none; + background: url("/static/plugins/c9.ide.layout.classic/images/toolbar-divider.png") 0px 0px repeat-y; +} +.dark .divider-status-bar { + background: none; + border-left: 1px solid rgba(0, 0, 0, 0.3); + border-right: 1px solid rgba(255, 255, 255, 0.1); +} +.ace_dark .divider-status-bar { + background: url("/static/plugins/c9.ide.layout.classic/images/toolbar-divider.png") -6px 0px repeat-y; +} +/* @file plugins/c9.ide.layout.classic/less/dropdown-dark-glossy.less */ +.dropdown-dark-glossy { + background-image: linear-gradient(to bottom, transparent 0%, transparent 52%, transparent 52%, transparent 100%); + box-shadow: 0 1px 0 transparent inset, 0px 1px transparent; + border: 1px solid #34363c; + border-radius: 3px; + max-height: 100px !important; + min-height: 21px; + padding: 0 18px 0 0; + position: relative; +} +.single-arrow.dropdown-dark-glossy { + padding: 0 25px 0 0; +} +.dropdown-dark-glossy .label { + color: #b8bac1; + text-shadow: none; + display: inline-block; + font-size: 12px; + line-height: 24px; + overflow: hidden; + padding: 0 5px 0 8px; +} +.dropdown-dark-glossy .button { + background: url("/static/plugins/c9.ide.layout.classic/images/dropdown-dark-glossy/button@1x.png") no-repeat 3px 50%; + display: inline-block; + bottom: 0; + position: absolute; + right: 0; + top: 0; + width: 16px; +} +.single-arrow.dropdown-dark-glossy .button { + background: url("/static/plugins/c9.ide.layout.classic/images/dropdown-dark-glossy/arrow.png") no-repeat 5px 50%; + width: 23px; +} +.dropdown-dark-glossy .button:before { + content: ""; + display: block; + left: -2px; + position: absolute; + top: 2px; + bottom: 2px; + border-left: 1px solid #1c1d21; + box-shadow: 1px 0 transparent; +} +.dropdown-dark-glossyOver { + box-shadow: 0 1px 0 transparent inset, 0px 1px transparent, 0 0 0 1000px rgba(255, 255, 255, 0.03) inset; +} +.dropdown-dark-glossyDown { + box-shadow: 0 0 3px 2px transparent inset; +} +.dropdown-dark-glossyDisabled .label { + color: #b8bac1; +} +.dropdown-dark-glossy-options { + display: none; + background: #ffffff; + border: 1px solid #dfdfdf; + padding: 5px; + color: #313236; + box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.07); + border-radius: 4px; +} +.dropdown-dark-glossy-options.upward { + margin-top: -12px; +} +.dropdown-dark-glossy-options .c9-dd-item { + cursor: default; + font-size: 12px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + height: 13px; + line-height: 14px; + overflow: hidden; + padding: 3px 5px 4px; + text-overflow: ellipsis-word; + white-space: nowrap; + border-radius: 2px; +} +.dropdown-dark-glossy-options .c9-dd-item.selected { + color: #63acff; +} +.dropdown-dark-glossy-options .c9-dd-item.hover { + background-color: #63acff; + color: #ffffff; +} +/* @file plugins/c9.ide.layout.classic/less/dropdown.less */ +.dropdown { + position: relative; + background-color: #dedede; + background: linear-gradient(to top, #dedede 0%, #ffffff 100%); + border-radius: 2px; + box-shadow: 0px 1px 1px #9fa0a3; + border-top: 1px solid #dddddd; + border-bottom: 1px solid #fafafa; + border-left: 1px solid #fafafa; + border-right: 1px solid #fafafa; + height: 15px; + margin: 0; + padding: 2px 21px 2px 0; + color: #333; + font-family: Tahoma, Arial; + font-size: 11px; +} +.dropdownDisabled { + color: #bebebe; +} +.dropdownDown { + position: relative; +} +.dropdown .dropdownArrow { + background: linear-gradient(to top, #dedede 0%, #ffffff 100%); + height: 15px; + margin: 2px 0 4px; + position: absolute; + right: 0; + top: 0; + width: 18px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.dropdown .dropdownArrow span { + background: url("/static/plugins/c9.ide.layout.classic/images/ddarrow.png") no-repeat center center; + display: block; + height: 15px; + position: absolute; + width: 18px; +} +.dropdown .dropdownArrow div { + border-left: 1px solid #B9B9B9; + height: 13px; + width: 1px; + background-color: #fff; + padding-bottom: 2px; +} +.dropdown .dropdownlabel { + padding: 1px 1px 1px 5px; + cursor: default; + height: 13px; + margin: 0 0 0 2px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.dropdownFocus .dropdownlabel { + border: 1px dotted #B8B8B8; + padding: 0 0 0 4px; +} +.dropdownFocus .dropdownArrow { + background: none; +} +.dropdownOver .dropdownArrow { + background: linear-gradient(to top, #cfcfcf 48%, #e6e6e6 53%, #ffffff 100%); +} +.dropdownDown .dropdownArrow { + background: linear-gradient(to top, #ffffff 48%, #e6e6e6 53%, #cfcfcf 100%); +} +.optionList { + position: absolute; + top: 0; + left: 0; + width: 120px; + margin-top: 2px; + border-radius: 4px; + box-shadow: 0 2px 8px #8A8A8A; + background: #ffffff; + z-index: 1000; + color: #333333; + font-family: Tahoma, Arial; + font-size: 11px; + display: none; + overflow: auto; +} +.optionList .dditem { + display: block; + height: 16px; + padding: 2px 3px 2px 20px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + background-color: white; + color: #333333; + position: relative; + cursor: default; +} +.optionList .dditem:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.optionList .dditem:last-child { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.optionList .dditem.hover { + background: linear-gradient(to top, #337cbc 0%, #4091d8 100%); + color: white; +} +.optionList .selected span { + background: url("/static/plugins/c9.ide.layout.classic/images/dot_blue.png") no-repeat 0 0; + height: 8px; + left: 5px; + position: absolute; + top: 6px; + width: 9px; +} +.optionList .selected.hover span { + background-position: 0 -8px; +} +/* @file plugins/c9.ide.layout.classic/less/frame.less */ +.frame { + border-bottom: 1px solid #1c1d21; +} +.frame:last-child { + border-bottom: 0; +} +.frame > .title { + box-sizing: border-box; + height: 27px; + padding: 5px 3px; + border-bottom: 1px solid #1a1b1e; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: top; + cursor: default; + position: relative; + z-index: 100; + border-top: 1px solid #1c1d21; + box-shadow: 0px 1px 0px transparent; + font-size: 12px; + color: #7d8c9b; + background-color: #1c1d21; + background-image: linear-gradient(90deg, #1c1d21 0%, #1c1d21 100%); + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.frame > .title:hover { + background-image: linear-gradient(90deg, #1c1d21 0%, #1c1d21 100%); +} +.frame > .title:active { + background-image: linear-gradient(90deg, #1c1d21 0%, #1c1d21 100%); +} +.frame .title span { + vertical-align: top; +} +.frame.focus .title span { + border-bottom: 1px dotted gray; +} +.frame .buttons { + display: inline-block; +} +.frame .buttons div.min { + background-image: url(/static/./@1x.); + background-size: 20px 10px; + background-repeat: no-repeat; + background-position: -10px -1px; + width: 10px; + height: 10px; + margin: 3px 4px 0 2px; +} +.frameMin .buttons div.min { + background-position: 0 0; + margin: 2px 4px 0 2px; +} +.frame .buttons div.close { + width: 14px; + height: 14px; + display: block; + position: absolute; + right: 5px; + top: 4px; + background: url("/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png") 0 -0.33333333px 28px no-repeat; + cursor: pointer; + z-index: 10; +} +.frame .buttons div.close:hover { + background-position: -14px -14px; +} +.frame .buttons div.close:active { + background-position: -28px -14px; +} +.frame > .body { + position: relative; +} +.frame.absframe > .body { + position: absolute; + top: 27px; + left: 0; + right: 0; + bottom: 0; +} +.frameMin > .body { + display: none; +} +.frameMin { + min-height: 21px !important; +} +/* @file plugins/c9.ide.layout.classic/less/grouped_checkbox.less */ +.grouped_checkbox_holder { + background-image: linear-gradient(to bottom, transparent 0%, transparent 100%); + box-shadow: none; + border: 1px solid transparent; + border-radius: 0; + height: 27px; + padding: 0; +} +.grouped_checkbox_holder .cbcontainer { + cursor: default; + display: inline-block; + height: 25px !important; + padding: 0; + border-radius: 3px; +} +.grouped_checkbox_holder .cbcontainerOver:not(.cbcontainerChecked), +.grouped_checkbox_holder .cbcontainerFocus:not(.cbcontainerChecked) { + box-shadow: 0px 1px #0e0f10 inset, 1px 0px #0e0f10 inset, -1px 0px #0e0f10 inset, 0px -1px #0e0f10 inset, 0 0 0 1000px #0e0f10 inset !important; +} +.grouped_checkbox_holder .cbcontainer:before { + content: " "; + border-left: 1px solid transparent; + height: 21px; + float: right; + margin: 2px 0 0px 0; + box-shadow: none; +} +.grouped_checkbox_holder .cbcontainer:last-child:before, +.grouped_checkbox_holder .cbcontainer.single:before { + display: none; +} +.grouped_checkbox_holder .cbcontainerDown, +.grouped_checkbox_holder .cbcontainerChecked { + background: none; + box-shadow: -1px 0 0 0 #34363c, -1px 0 0 0 #34363c inset, none; +} +.grouped_checkbox_holder .cbcontainerDown:first-child, +.grouped_checkbox_holder .cbcontainerChecked:first-child { + box-shadow: none; +} +.grouped_checkbox_holder .cbcontainerDown:last-child, +.grouped_checkbox_holder .cbcontainerChecked:last-child { + box-shadow: -1px 0 0 0 #34363c, none; +} +.grouped_checkbox_holder .cbcontainer .checkbox { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-repeat-x_flat_light@1x.png); + background-size: 32px 1500px; + background-position: 50% 0; + border: 0; + height: 25px; + left: 0; + top: 0; + width: 100%; +} +.grouped_checkbox_holder.with_caption .cbcontainer .checkbox { + background: transparent; + width: auto; + position: relative; +} +.grouped_checkbox_holder .chkRegEx .checkbox { + background-position: 50% -540px; +} +.grouped_checkbox_holder .chkRegEx.cbcontainerChecked .checkbox { + background-position: 50% -565px; +} +.grouped_checkbox_holder .chkMatchCase .checkbox { + background-position: 50% -590px; +} +.grouped_checkbox_holder .chkMatchCase.cbcontainerChecked .checkbox { + background-position: 50% -615px; +} +.grouped_checkbox_holder .chkWholeWords .checkbox { + background-position: 50% -640px; +} +.grouped_checkbox_holder .chkWholeWords.cbcontainerChecked .checkbox { + background-position: 50% -665px; +} +.grouped_checkbox_holder .chkPreserveCase .checkbox { + background-position: 50% -690px; +} +.grouped_checkbox_holder .chkPreserveCase.cbcontainerChecked .checkbox { + background-position: 50% -715px; +} +.grouped_checkbox_holder .chkSearchBackwards .checkbox { + background-position: 50% -790px; +} +.grouped_checkbox_holder .chkSearchBackwards.cbcontainerChecked .checkbox { + background-position: 50% -815px; +} +.grouped_checkbox_holder .chkWrapAround .checkbox { + background-position: 50% -890px; +} +.grouped_checkbox_holder .chkWrapAround.cbcontainerChecked .checkbox { + background-position: 50% -915px; +} +.grouped_checkbox_holder .chkSearchSelection .checkbox { + background-position: 50% -840px; +} +.grouped_checkbox_holder .chkSearchSelection.cbcontainerChecked .checkbox { + background-position: 50% -865px; +} +.grouped_checkbox_holder .chkHighlightMatches .checkbox { + background-position: 50% -740px; +} +.grouped_checkbox_holder .chkHighlightMatches.cbcontainerChecked .checkbox { + background-position: 50% -765px; +} +.grouped_checkbox_holder .chkConsole .checkbox { + background-position: 50% -1235px; +} +.grouped_checkbox_holder .chkConsole.cbcontainerChecked .checkbox { + background-position: 50% -1268px; +} +.grouped_checkbox_holder .cbcontainerDisabled .checkbox { + opacity: 0.5; +} +.grouped_checkbox_holder .cbcontainer span { + display: none; +} +.grouped_checkbox_holder.with_caption .cbcontainer span { + display: block; + padding: 7px; + color: #f1f1f1; + margin-top: -25px; +} +/* @file plugins/c9.ide.layout.classic/less/header-btn.less */ +.header-btn { + height: 16px !important; + width: 23px; + overflow: hidden; + cursor: pointer; + position: absolute; + cursor: default; + background-image: url(/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png); + background-size: 480px 580px; + background-repeat: no-repeat; + top: 5px; + z-index: 1000; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +.panel-settings { + background-position: -6px -276px; + right: 14px; + top: 14px; +} +.panel-settings:hover, +.panel-settings.header-btnDown { + background-position: -36px -276px; +} +.c9-header-plus { + background-position: 0px -294px; + right: 31px; +} +.deploy.c9-header-plus { + right: 1px; +} +.c9-header-plus.header-btnOver { + background-position: -30px -294px; +} +.c9-header-plus.header-btnDisabled { + background-position: -60px -294px; +} +.c9-header-minus { + background-position: 0px -320px; + right: 1px; + top: 0; +} +.deploy.c9-header-minus { + right: -30px; +} +.c9-header-minus.header-btnOver { + background-position: -30px -320px; +} +.c9-header-minus.header-btnDisabled { + background-position: -60px -320px; +} +.c9-header-divider:before { + background: url("/static/plugins/c9.ide.layout.classic/images/c9-no-repeat_flat_light@1x.png") no-repeat -100px -293px; + content: ""; + display: block; + height: 26px; + left: 0; + position: absolute; + top: 0; + width: 2px; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +/* @file plugins/c9.ide.layout.classic/less/img.less */ +.img { + border-top: 1px solid rgba(255, 255, 255, 0.06); + width: 100%; + height: 100%; + padding: 3px 0 0 0; + text-align: center; + white-space: nowrap; + overflow: auto; +} +.img:after { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; +} +.img IMG { + display: inline-block; + vertical-align: middle; +} +/* @file plugins/c9.ide.layout.classic/less/label.less */ +.label { + font-size: 12px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + overflow: hidden; + cursor: default; + color: #fff; + padding: 2px; + white-space: nowrap; +} +.labelDisabled { + color: #999; +} +/* @file plugins/c9.ide.layout.classic/less/list_dark.less */ +.has_apf .list_dark { + display: block; +} +.list_dark .menu_item:hover, +.list_dark .tree-row:hover, +.list_dark .tree-row.hover { + background-color: #63acff; + color: #ffffff; +} +.list_dark .tree-row .caption { + display: inline-block; + padding: 5px 0 5px 7px; +} +/* @file plugins/c9.ide.layout.classic/less/list.less */ +.list { + overflow: auto; + position: relative; + border: 1px solid #c3c3c3; + background-color: #fafbfc; + cursor: default; +} +.noscrollbar { + overflow: hidden; +} +.white { + background: white; +} +.list, +.draglist { + font-family: Tahoma, Arial; + font-size: 8pt; +} +.list > DIV, +.draglist { + padding: 0; + height: 18px; +} +.list > DIV > SPAN, +.draglist SPAN { + padding: 0 0 0 20px; + background: no-repeat 1px center; + height: 16px; + float: left; +} +.list > DIV > SPAN > U, +.draglist U { + color: black; + cursor: default; + display: block; + padding: 2px 4px 2px 2px; + text-decoration: none; + white-space: nowrap; +} +.listFocus > .indicate > SPAN > U { + border: 1px dotted #BBB; + /*#25a8e7;*/ + color: black; + padding: 1px 3px 1px 1px; +} +.list > .selected > SPAN > U { + background-color: #f0f0f0; + color: black; +} +.listFocus > .selected > SPAN > U, +.draglist U { + color: white; + background-color: #25a8e7; +} +.list #txt_rename { + border: 1px solid #bbb; + padding: 1px 15px 1px 1px; + font-family: Tahoma, Arial; + font-size: 8pt; + color: black; + word-break: keep-all; + overflow: visible; + margin-top: 0px; + cursor: text; + height: 13px; + display: block; + outline: none; +} +.list .empty, +.list .offline, +.list .loading { + text-align: center; + padding: 8px 0 0 5px; + color: #AAA; + font-weight: normal; +} +.list.emptyLeft .empty { + text-align: left; +} +.shortlist { + border: 0; + overflow-y: auto; + overflow-x: hidden; + max-height: 90px; + width: auto; +} +/* @file plugins/c9.ide.layout.classic/less/menu.less */ +.c9menu { + margin: -1px 0 0 0; + padding: 7px 0 7px 0; + z-index: 10000; + position: absolute; + overflow: visible; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + line-height: 14px; + color: #313236; + cursor: default; + display: none; + border: 1px solid #dfdfdf; + box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09); + background-color: #ffffff; + text-shadow: none; + border-radius: 0 4px 4px 4px; +} +.c9menu > div.menu_item { + padding: 4px 22px 4px 26px; + white-space: nowrap; + cursor: default; + z-index: 1100000; + height: 13px; +} +.c9menu > div.menu_item.update { + background-color: #63acff; + font-weight: bold; + color: #ffffff; + text-shadow: none; +} +.c9menu > div.menu_item.hover { + background-color: #63acff; + color: #ffffff; +} +.c9menu > div.menu_divider { + overflow: visible; + padding: 0; + font-size: 1px; + margin: 6px 9px; + border-top: 1px solid #f1f1f1; + border-bottom: 1px solid transparent; + height: 0; +} +.c9menu > div.menu_item > span { + right: 15px; + margin-top: 0px; + z-index: 10; + text-align: right; + padding-left: 15px; + float: right; +} +.c9menu > div.submenu > span { + background: url("/static/plugins/c9.ide.layout.classic/images/submenu_arrow.gif") no-repeat right 0; + width: 4px; + height: 7px; + display: block; + position: absolute; + right: 11px; + margin: 4px 0 0 0; + z-index: 10; +} +.c9menu > div.submenu.hover > span { + background: url("/static/plugins/c9.ide.layout.classic/images/submenu_arrow.gif") no-repeat right -15px; +} +.c9menu > div.menu_item.disabled { + color: #9c9c9c; + text-shadow: none; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.c9menu > div.menu_item > u { + width: 16px; + height: 16px; + position: absolute; + left: 6px; + margin-top: -1px; +} +.c9menu > div.menu_item > a { + float: left; +} +.c9menu > div.menu_item.selected > u { + background: url("/static/plugins/c9.ide.layout.classic/images/radio.gif") no-repeat 0 0; +} +.c9menu > div.menu_item.selected:hover > u { + background: url("/static/plugins/c9.ide.layout.classic/images/radio.gif") no-repeat 0 -16px; +} +.c9menu > div.menu_item.checked > u { + background: url("/static/plugins/c9.ide.layout.classic/images/check.gif") no-repeat 0 0; +} +.c9menu > div.menu_item.checked:hover > u { + background: url("/static/plugins/c9.ide.layout.classic/images/check.gif") no-repeat 0 -16px; +} +.c9menu > div.menu_item.disabled > u { + opacity: 0.2; +} +.c9menu > div.menu_item.checked.disabled > u { + background: url("/static/plugins/c9.ide.layout.classic/images/check.gif") no-repeat 0 0; +} +.c9menu > div.menu_item.selected.disabled > u { + background: url("/static/plugins/c9.ide.layout.classic/images/radio.gif") no-repeat 0 0; +} +/* @file plugins/c9.ide.layout.classic/less/panel-bar.less */ +.panel-bar { + background: #1a1b1e; + border-right: 1px solid #1c1d21; + box-shadow: 0 1px 0 transparent inset; +} +.right .panel-bar { + border-right: 0; + border-left: 1px solid #1c1d21; + box-shadow: 0 1px 0 transparent inset; +} +.right .panel-bar:after { + content: ""; + display: block; + position: absolute; + left: 0; + width: 1px; + bottom: 0; + top: 0; + background: transparent; + z-index: 1000; +} +/* @file plugins/c9.ide.layout.classic/less/password.less */ +.password input { + padding: 5px 0 1px 0 !important; + height: 1px !important; +} +.password .sbtb_middle { + padding: 0px 7px 1px 7px !important; + height: 24px !important; +} +/* @file plugins/c9.ide.layout.classic/less/radiobutton.less */ +.rbcontainer.themepicker { + display: inline-block; + margin: -3px 15px 0 0; +} +.rbcontainer.themepicker div { + padding: 0; + width: 30px; + height: 30px; + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0 1px #131313; + cursor: pointer; +} +.rbcontainer.themepicker.rbcontainerSelected div:after { + content: ""; + position: absolute; + border: 3px solid #afafaf; + margin: -6px; + width: 36px; + height: 36px; + border-radius: 3px; +} +/* @file plugins/c9.ide.layout.classic/less/scrollbar.less */ +.scrollbar { + height: 200px; + position: absolute; + background: #D4D0C8 url("/static/plugins/c9.ide.layout.classic/images/raster.gif"); + width: 16px; + overflow: hidden; +} +.scrollbar .btnup, +.scrollbar .btndown, +.scrollbar .indicator { + font-family: MS Sans Serif; + font-size: 8pt; + width: 100%; + overflow: hidden; + text-align: center; + font-weight: bold; + cursor: default; + position: relative; + background-color: #D4D0C8; + -moz-border-top-colors: #D4D0C8 #FFFFFF; + -moz-border-left-colors: #D4D0C8 #FFFFFF; + -moz-border-bottom-colors: black gray; + -moz-border-right-colors: black gray; +} +.scrollbar img { + visibility: hidden; +} +.scrollbar .btnup div, +.scrollbar .btndown div { + border: 2px outset; +} +body .scrollbar .btnupdown div, +body .scrollbar .btndowndown div { + border: 1px solid gray; + padding: 1px 1px 1px 1px; +} +body .scrollbar .btnupdown span, +body .scrollbar .btndowndown span { + margin: -1px 0 0 -3px; +} +.scrollbar .btndown span, +.scrollbar .btnup span { + position: absolute; + left: 50%; + top: 50%; + width: 7px; + height: 4px; + margin: -2px 0 0 -4px; +} +.scrollbar .btnup span { + background: #D4D0C8 url("/static/plugins/c9.ide.layout.classic/images/scrollup.gif") no-repeat; +} +.scrollbar .btndown { + position: absolute; + bottom: 0px; +} +.scrollbar .btndown span { + background: #D4D0C8 url("/static/plugins/c9.ide.layout.classic/images/scrolldown.gif") no-repeat; +} +.scrollbar .indicator { + height: 6px; + display: none; + position: absolute; + overflow: hidden; + background-color: #D4D0C8; + width: 100%; + padding-bottom: 4px; +} +.scrollbar .indicator div { + border: 2px outset; + height: 100%; +} +.scrollbar .slidefast { + position: absolute; + background-color: #353535; + height: 10px; + width: 100%; + display: none; + overflow: hidden; +} +.scrollbarDisabled .btnup span { + background: #D4D0C8 url("/static/plugins/c9.ide.layout.classic/images/scrollupdisabled.gif") no-repeat; + width: 8px; + height: 5px; + margin: -3px 0 0 -4px; +} +.scrollbarDisabled .btndown span { + background: #D4D0C8 url("/static/plugins/c9.ide.layout.classic/images/scrolldowndisabled.gif") no-repeat; + width: 8px; + height: 5px; + margin: -3px 0 0 -4px; +} +.scrollbar .btnup div, +.scrollbar .btndown div, +.scrollbar .indicator div { + border: 2px outset white; +} +/* @file plugins/c9.ide.layout.classic/less/simplebox.less */ +.simplebox { + white-space: nowrap !important; + background-color: transparent !important; +} +.simplebox.dark .ace_cursor { + height: 20px; +} +.simplebox.dark .ace_selection { + background: #c5d38d !important; +} +.simplebox.dark.tb_textboxInitial .ace_scroller { + color: #cacaca !important; +} +.simplebox.dark.tb_textboxInitial .ace_cursor { + display: none; +} +/* @file plugins/c9.ide.layout.classic/less/simpleimg.less */ +/* @file plugins/c9.ide.layout.classic/less/spinner.less */ +.spinner { + position: relative; + height: 19px; + margin: 0; + padding: 0; + border: 1px solid #34363c; + background: transparent; + min-height: 18px; + max-height: 18px; +} +.spinnerFocus { + border: 1px solid #4c4e57; + box-shadow: none; +} +.spinner .divfix { + display: block; + position: absolute; + text-align: right; + height: 19px; + left: 0; + right: 20px; + margin: 0; + z-index: 9000; + padding: 0; + border: 0; +} +.fixMargin2 { + margin-bottom: 2px !important; +} +.fixMargin5 { + margin-bottom: 5px !important; +} +.spinner .divfix input { + outline: none; + display: block; + border-right: 0; + padding: 1px 1px 2px 0; + position: absolute; + text-align: right; + left: 0; + height: 14px; + color: #b8bac1; + font-family: Tahoma, Arial; + font-size: 11px; + width: 100%; + margin: 0; + z-index: 10000; + border: 0; + background: transparent; +} +.spinner .buttons { + display: block; + width: 18px; + height: 19px; + position: absolute; + right: 0; + z-index: 11000; +} +.spinner .buttons .plus { + height: 8px; + width: 18px; + cursor: default; + background-image: url("/static/plugins/c9.ide.layout.classic/images/spinner_plus_dark.png"); + background-position: 0 0; + margin: 0; + border-top: 1px solid transparent; + background-repeat: no-repeat; + text-indent: -2000px; +} +.spinner .buttons .minus { + height: 8px; + width: 18px; + cursor: default; + background-image: url("/static/plugins/c9.ide.layout.classic/images/spinner_min_dark.png"); + background-position: 0 0; + border-bottom: 1px solid transparent; + background-repeat: no-repeat; + text-indent: -2000px; +} +.spinner .buttons .plusHover { + background-color: rgba(0, 0, 0, 0); +} +.spinner .buttons .minusHover { + background-color: rgba(0, 0, 0, 0); +} +.spinner { + width: 120px !important; + height: 30px !important; + min-height: 30px !important; + max-height: 30px !important; + box-sizing: border-box; + border-radius: 4px; + border: 1px solid #DEDEDE; + background: #FFF; +} +.spinner .buttons { + width: auto; + height: auto; + right: 0; + left: 0; + top: 0; + bottom: 0; + z-index: 1; +} +.spinner .buttons .minus { + height: 28px; + width: 24px; + border: 0; + background: transparent; + text-indent: 0; + box-sizing: border-box; +} +.spinner .buttons .plus { + height: 28px; + width: 24px; + border: 0; + background: transparent; + text-indent: 0; + box-sizing: border-box; +} +.spinner .buttons .minus:hover { + background: #F6F6F6; +} +.spinner .buttons .plus:hover { + background: #F6F6F6; +} +.spinner .buttons .minus { + border-right: 1px solid #DEDEDE; + color: #f07272; + border-radius: 4px 0 0 4px; + padding: 7px 9px; +} +.spinner .buttons .plus { + float: right; + border-left: 1px solid #DEDEDE; + color: #98c878; + border-radius: 0 4px 4px 0; + padding: 6px 7px; +} +.spinnerFocus { + box-shadow: none; +} +.spinner .divfix { + height: auto; + bottom: 0; + top: 0; + left: 24px; + right: 24px; + z-index: 10; +} +.spinner .divfix input { + height: 27px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + text-align: center; +} +/* @file plugins/c9.ide.layout.classic/less/splitbutton.less */ +body .splitbutton .arrow { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/arrow_down_grey@1x.png); + background-size: 8px 5px; + background-position: 50% 50%; + width: 18px; + min-width: 10px !important; +} +.splitbutton > div:first-child:after { + content: ""; + display: block; + border-left: 1px solid #1c1d21; + position: absolute; + right: 0; + top: 4px; + bottom: 4px; +} +/* @file plugins/c9.ide.layout.classic/less/splitter.less */ +.splitter { + position: relative; + z-index: 100000; + box-sizing: border-box; +} +.topsplitter .splitter { + z-index: 100000; +} +.w-resize { + cursor: ew-resize; +} +.n-resize { + cursor: ns-resize; +} +.splitterMoving { + background-color: gray; +} +.splitterRealtime { + background: url("/static/plugins/c9.ide.layout.classic/images/spacer.gif"); +} +.splitter.vertical { + width: 0; +} +.colMain .splitter.vertical { + background: none; + border-top: 27px solid transparent; + box-shadow: 1px 1px 0px transparent; +} +.dark.colMain .splitter.vertical { + background: none; + border: 1px solid #dedede; + border-width: 0 0 0 1px; + box-shadow: 1px 1px 0px transparent; +} +.colMain > .vsplitbox, +.colMain > .hsplitbox { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; +} +.splitter.vertical div { + width: 5px; + margin-left: -3px; + background: url("/static/plugins/c9.ide.layout.classic/images/spacer.gif"); + height: 100%; +} +.splitter.vertical.panelsplitter div { + width: 3px; +} +.splitter.horizontal { + background: none; +} +.splitter.horizontal div { + height: 5px; + margin-top: -2px; + background: url("/static/plugins/c9.ide.layout.classic/images/spacer.gif"); + position: absolute; + width: 100%; +} +/* @file plugins/c9.ide.layout.classic/less/tbsimple.less */ +.tbsimple { + border: 0; + padding: 1px 1px 2px 1px; + margin: 1px 0 0 2px; + font-family: Tahoma, Arial; + outline: none; +} +.tbsimple.tbtree { + margin: -1px 0 0 -2px; +} +/* @file plugins/c9.ide.layout.classic/less/textarea.less */ +.ta { + overflow: auto; + resize: none; + padding: 10px; + border: 1px solid #DEDEDE; + border-radius: 4px; + background-image: linear-gradient(center, white 50%, white 100%); + margin: 0; + text-overflow: ellipsis; + box-shadow: none; + font-size: 12px; + color: #333; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + outline: none; + background-color: transparent; +} +.taDisabled { + border: 1px solid #DEDEDE; + color: #CCC; +} +.taInitial { + color: gray; +} +.taError { + border: 2px solid #ffb500; + padding: 5px; +} +/* @file plugins/c9.ide.layout.classic/less/tooltiplabel.less */ +.tooltipLabel { + background-color: #1c1d21; + background-image: linear-gradient(to top, #1c1d21 0%, #1c1d21 100%); + border: 1px solid #1c1d21; + border-bottom-width: 0; + border-radius: 3px 3px 0 0; + box-shadow: none; + color: #64666c; + font-size: 11px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + height: 14px; + line-height: 14px; + padding: 2px 7px 0 7px; + position: absolute; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); + z-index: 100000; + overflow: hidden; +} +/* @file plugins/c9.ide.layout.classic/less/toolbar.less */ +.docktab .toolbar { + border-bottom: 1px solid #e1e5ea; +} +.toolbar .menubar { + background: url("/static/plugins/c9.ide.layout.classic/images/menubar_row.png") repeat-x top left; + height: 22px; + z-index: 1; + font-family: Tahoma, Arial; + font-size: 12px; + position: relative; +} +.toolbar .subbar { + background-image: linear-gradient(to top, #eceff2 0%, #edf0f3 50%, #f3f6f8 51%, #f9fbfe 100%); + font-family: Arial; + font-size: 12px; + border-bottom: 1px solid #E1E5EA; + position: relative; + padding: 0; + width: 100%; + overflow: hidden; + height: 27px; +} +.docktab .toolbar .subbar { + border-bottom: 1px solid #e8ecef; +} +.toolbar.modal-toolbar .subbar { + background-image: linear-gradient(to top, #d9d9d9 0%, #ededed 100%); + border-top: 1px solid #f6f6f6; + border-bottom: 1px solid #bfbfbf; +} +.toolbar .subbar.no_border { + border-bottom: none; + padding-top: 1px; +} +.toolbar > .subbar > * { + display: inline-block; + float: left; + margin: 2px; +} +.toolbar > .subbar > .hbox, +.toolbar > .subbar > .vbox, +.toolbar > .subbar > .table { + display: block; + float: none; + margin: 0; +} +.toolbar > .subbar > .divider { + border-left: 1px solid #c4c4c4; + border-right: 1px solid #fafafa; + border-bottom: none; + border-top: none; + height: 17px; + float: left; + margin: 4px 0 0 0; +} +/* @file plugins/c9.ide.layout.classic/less/toolbar-top.less */ +.toolbar-top { + border-top: 1px solid transparent; + padding: 0; + white-space: normal !important; + border-bottom: 1px solid #1c1d21; + background-color: #1c1d21; +} +.toolbar-top .c9-menu-btn { + vertical-align: top; + height: 39px; + padding-top: 0; + margin-top: -1px; + min-width: 31px !important; +} +.toolbar-top.basic .c9-menu-btnIcon .icon { + width: 18px; + height: 18px; + display: block; + left: 5px; + top: 6px; +} +.toolbar-top.basic .c9-menu-btnOver .icon { + background-position: 0 -19px; +} +.toolbar-top.basic .c9-menu-btnDown { + box-shadow: none; +} +.toolbar-top.basic .c9-menu-btnDisabled .icon { + background-position: 0 -38px; +} +.has_apf .toolbar-top .sbtb_middle { + height: 18px; + padding: 1px 2px; +} +/* @file plugins/c9.ide.layout.classic/less/toolbar-bottom.less */ +.toolbar-top.bottom { + padding: 0; + height: 32px; + box-shadow: 0 1px 0 0 transparent inset; + border-bottom: 0; + border-top: 0; + z-index: 10; + box-sizing: border-box; +} +.toolbar-top.bottom .c9-menu-btn { + border-bottom: 1px solid #1c1d21; + height: 30px; + margin-top: 0px; +} +.toolbar-top.bottom .c9-divider { + height: 30px; + vertical-align: top; + margin: 3px; +} +/* @file plugins/c9.ide.console/style.css */ +.has_apf .console .btnsesssioncontainer .inside { + padding-right: 64px; + padding-left: 2px; +} +.console .btnsesssioncontainer .tabmenubtn { + display: none; +} +.console .console_close_btn { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/console_close_btn@1x.png); + background-size: 22px 66px; +} +/* @file plugins/c9.ide.run/style.css */ +.output .toolbar { + height: 40px; + padding: 9px 8px 8px 8px; + position: absolute; + top: 0; + left: 0; + right: 0; + background: transparent; + box-shadow: none; + box-sizing: border-box; + border-bottom: 1px solid rgba(138, 153, 169, 0.32); + display: flex; +} +.output .toolbar > * { + margin-right: 10px; +} +.editor_tab .output:not(.hidetoolbar) .c9terminal .c9terminalcontainer.dark { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0.1) 28px, rgba(0, 0, 0, 0.29) 28px, rgba(0, 0, 0, 0.11) 36px, rgba(0, 0, 0, 0.01) 41px, transparent 43px); +} +.output:not(.hidetoolbar) .ace_editor { + top: 45px !important; +} +.output.hidetoolbar .toolbar { + display: none; +} +.output .toolbar .tbsimple { + background: #18181b; + border-radius: 3px; + color: #b8bac1; + margin-top: -2px; + padding: 2px 6px 2px 7px; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; + height: 17px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + transition: background-color 0.1s linear; +} +.output .toolbar .tbsimpleInitial { + color: rgba(0, 0, 0, 0); +} +.output .toolbar .tbsimple:hover { + background-color: #18181b; +} +.output .toolbar .tbsimple.tbsimpleFocus { + background-color: #18181b; + color: #b8bac1; +} +.output .toolbar .c9-divider { + height: 26px; + margin-top: -2px; + width: 10px; + border-left: 1px solid transparent; +} +.output .toolbar .label { + padding: 3px 0 0 4px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + color: #dcdfe5; +} +.output .toolbar .c9-toolbarbutton-glossyOver { + border: 1px solid #26272c; + background-image: linear-gradient(to bottom, output-button-hover-background-1 0%, output-button-hover-background-2 55%, output-button-hover-background-3 55%, output-button-hover-background-4 100%); + box-shadow: inset 1px 1px output-button-hover-shadow-color, inset -1px -1px output-button-hover-shadow-color; +} +.output .toolbar .c9-toolbarbutton-glossyDown { + border: 1px solid #26272c; + background-image: linear-gradient(to bottom, #26272c 0%, #26272c 55%, #26272c 55%, #26272c 100%); + box-shadow: inset 1px 1px output-button-hover-shadow-color, inset -1px -1px; +} +.output .c9terminal .c9terminalcontainer { + text-indent: 0; +} +.output .c9terminal .c9terminalcontainer .terminal { + text-indent: 0; +} +.output .c9terminal .c9terminalcontainer .terminal .ace_selection { + text-indent: 0; +} +.envcontainer { + padding: 0 !important; +} +.envcontainer .blackdg { + border-top: 1px solid #363636; +} +.tree-row.newenv:not(.selected) { + color: #979797; +} +.runbtn.stopped .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/run_flat_light@1x.png) !important; + background-size: 19px 57px !important; +} +.runbtn.running .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/stop_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +.restart .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/restart-icon_flat_light@1x.png) !important; + background-size: 18px 18px !important; +} +.bug .c9-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/bug_flat_light@1x.png) !important; + background-size: 20px 58px !important; +} +/* @file plugins/c9.ide.terminal.monitor/message_view.css */ +.terminal_monitor_messageContainer { + position: absolute; + top: 0; + right: 0; + z-index: 30; + overflow: auto; + max-height: 100%; +} +.terminal_monitor_message { + border-radius: 3px; + background-image: linear-gradient(to bottom, #FFF 0%, #FFF 100%); + max-width: 350px; + padding: 10px; + margin: 4px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + display: none; + opacity: 0; + transition: opacity .2s; + box-sizing: border-box; + border: 1px solid #DEDEDE; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09); + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; + line-height: 15px; +} +.terminal_monitor_message:focus { + outline: none; +} +.terminal_monitor_message > .message { + color: #333; + margin: 0 0 0 1px; +} +.terminal_monitor_message > .message strong { + display: block; + margin-bottom: 3px; +} +.terminal_monitor_message > .message a { + color: #568C11; + text-decoration: none; +} +.terminal_monitor_message > .message a:hover { + text-decoration: underline; +} +.terminal_monitor_message .cmd { + display: none; + margin: 5px 0 0 5px; + float: right; + background-image: linear-gradient(to bottom, #767676 0%, #767676 100%); + text-shadow: none; +} +.terminal_monitor_message .cmd:hover { + background-image: linear-gradient(to top, #2D9FD8 0%, #2D9FD8 100%); +} +.terminal_monitor_message .cmd:active { + background-image: linear-gradient(to top, #2D9FD8 0%, #2D9FD8 100%); +} +.terminal_monitor_message .caption { + border-top: 0; + cursor: pointer; +} +.terminal_monitor_message .close { + position: absolute; + top: 5px; + right: 5px; + width: 14px; + height: 14px; + display: block; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + background-position: 0 0; + cursor: pointer; +} +.terminal_monitor_message .close:hover { + background-position: -14px 0; +} +.terminal_monitor_message .close:active { + background-position: -28px 0; +} +/* @file plugins/c9.ide.terminal/style.css */ +.c9terminal .c9terminalcontainer { + overflow: hidden; + height: 100%; + padding: 2px; +} +.editor_tab .c9terminal .c9terminalcontainer { + box-shadow: 0 -1px 0 0 #000; +} +.editor_tab .c9terminal .c9terminalcontainer.dark { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px); +} +.c9terminal .c9terminalcontainer .terminal { + background-color: transparent; + margin: 3px; + font-family: Ubuntu Mono, Menlo, Consolas, monospace; + font-size: 12px; + line-height: 1.3em; + display: inline-block; + outline: none; +} +.c9terminal .c9terminalcontainer .terminal .ace_selection { + background-color: #515d77; +} +.c9terminal .c9terminalcontainer .terminal .reverse-video { + outline: 1px solid rgba(0, 0, 0, 0.4); +} +.c9terminalFocus .c9terminalcontainer .terminal .reverse-video { + background-color: #333; + color: #fff; + outline: none; +} +.c9terminal .c9terminalcontainer.dark .terminal .reverse-video, +.c9terminal .c9terminalcontainer.flat-dark .terminal .reverse-video { + outline: 1px solid rgba(255, 255, 255, 0.4); +} +.c9terminalFocus .c9terminalcontainer.dark .terminal .reverse-video, +.c9terminalFocus .c9terminalcontainer.flat-dark .terminal .reverse-video { + outline: none; + background-color: #f0f0f0; + color: #000; +} +.terminal.waiting .reverse-video { + opacity: 0.7; +} +.terminal .ace_content { + opacity: 1; +} +.ace_link_marker { + position: absolute; + color: blue; + border-bottom: 1px dotted rgba(0, 0, 0, 0.4); + z-index: 20; + cursor: pointer; + margin-top: -1px; +} +.dark .ace_link_marker { + border-bottom: 1px dotted rgba(255, 255, 255, 0.4); +} +.c9terminalcontainer.cover { + position: absolute; + padding: 0; +} +.c9terminalcontainer.cover:after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url("/static/plugins/c9.ide.terminal/images/tile.png"); +} +.c9terminalcontainer.bottom.cover:after { + background-position: 0px -1px; +} +.c9terminalcontainer.right.cover:after { + background-position: 2px 0px; +} +.c9terminalcontainer.cover.right { + box-shadow: 0 -6px 10px rgba(0, 0, 0, 0.5); + z-index: 1; +} +.c9terminalcontainer.cover.bottom { + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, -7px 0 10px rgba(0, 0, 0, 0.5); + z-index: 10; +} +.c9terminalcontainer .cover-link { + position: absolute; + z-index: 100; + right: 1px; + opacity: 0.5; + pointer-events: auto; + cursor: pointer; +} +.c9terminalcontainer .cover-link:hover { + opacity: 1; + text-decoration: underline; +} +/* @file plugins/c9.ide.ace.repl/repl.css */ +.ace_repl_button { + border: 1px solid lightgray; + color: lightcoral; + display: inline-block; + margin: -1px 8px; + padding: 0 5px; + pointer-events: auto; + cursor: pointer; +} +.ace_repl_button:hover { + border: 1px solid gray; + background: rgba(200, 200, 200, 0.2); + display: inline-block; + pointer-events: auto; +} +.ace_prompt { + background: rgba(120, 50, 100, 0.1); + color: darkred; + margin: 0 0 0 -4px; + padding: 0 0 0 4px; +} +.ace_repl-output { + color: #2b20b3; +} +.ace_gutter-cell.repl_prompt:after { + color: #d7871f; + content: "/>"; + display: inline-block; + font-weight: bold; + font-size: 1.1em; + padding-right: 6px; + position: absolute; + right: 6px; + margin-top: -2px; +} +.ace_gutter-cell.repl_prompt { + padding-left: 1px; +} +.ace_gutter-cell.repl_output:after { + color: #42b108; + content: "=>"; + display: inline-block; + font-weight: bold; + font-size: 1.1em; + padding-right: 6px; + position: absolute; + right: 6px; + margin-top: -2px; +} +.ace_gutter-cell.repl_output { + color: transparent; +} +.ace_gutter-cell.repl_output.waiting:after { + background: url("data:image/gif;base64,R0lGODlhEAARAOZjAMfHx6mpqdLS0pKSkqCgoOPj4+rq6rq6uuTk5PLy8tfX1+np6fz8/Ozs7NjY2OXl5bW1teHh4fX19ebm5sHBwaOjo76+vv39/bGxsa2trefn5+7u7vv7+8LCwu/v79TU1Kqqqri4uNra2tbW1tnZ2cnJyczMzNvb283NzcDAwPHx8ba2tru7u6enp/n5+bm5ucXFxbS0tL+/v/b29ry8vPj4+Pr6+pubm93d3evr69XV1dzc3MPDw7Ozs/Pz897e3pycnK+vr8rKyu3t7fT09KysrLKyssTExPf399/f37CwsKurq8jIyM/Pz66urr29vfDw8JeXl6amppWVlbe3t87Ozp6env7+/qWlpdHR0ZqampaWlqSkpJiYmJ2dneDg4Ojo6OLi4v///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGODdGMTE3NDA3MjA2ODExODA4M0M0OURBQTc0OTQ0NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzhDQ0E0QkFCMEQxMUUwOEIxRUE2MEJFOEY1OTYwOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzhDQ0E0QUFCMEQxMUUwOEIxRUE2MEJFOEY1OTYwOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZBN0YxMTc0MDcyMDY4MTE4MDgzQzQ5REFBNzQ5NDQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY4N0YxMTc0MDcyMDY4MTE4MDgzQzQ5REFBNzQ5NDQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQAAYwAsAAAAABAAEQAAB/+AY4JhJCEtQDctIR9ggo5gFBVOJTs4QhgVHY2DQSAjDGIMoBciSxkTY2AsSg1iHgY+RAZDFxsYK2EnRREMEzYcGw02NhMMDxkfNDIXYC4ePCkpPDkuYBcUBxAKFxo2FC/gLxQ1C2IOMRBhPhsaIVQrK1QhDwkzCD0rXz4NExAx/+hwHAHwBcITBUhOuAjRw4iRHiEisGji4ACTDgxI8IuBAUOPCFVYhDkCo8CBL0MELEBSIMwQHTSahHnxZYEJCws2OGiiQAcAADomyChhIEwDGBZ0cBgSAUeBIQ4s8GgQYYwGFQpopDBBQgSKFCxGJCjwaIOBJh0OHKCAYoGBTY4OvmjwkECChAQeCjxwFAgAIfkEBQAAYwAsAgADAA0ACwAAB3KAY2MXG4KGh2M1CC42OQYuiGMIEkMWLy8WC4dIEWMsRqBGLEiGDRMPGEpBQUoYYYY5CAVOGbUZThEJM2EbHzUYRUtLRRgSD2KCWQUIGSAgRSQlBVeCCCZfKl9JCFUrQocPTUxNJjIpVV+ICQgOOicIh4EAIfkEBQAAYwAsAgACAAsADAAAB22AY4KCNoOGNjlgCYaCPl8SLmBgjF8qBlRGRlQaggk7LhAgoiAQM2MaEWEgAawBIEljCD8RLVK2Ui0/Y2BVSCBYXFxYIERjSCazUhUVWDg1gkkwJAY7JElCXxyCP0I8JUwsTxc5gw0/Ak0jsGOBACH5BAUAAGMALAIAAgAKAAwAAAdsgGOCYwwzSIOCPg8RDVBgDYJDIh5jGhNjLoQkOWBBICBBD2MGOjUZFagVGWM/DkkVBLEEFTs7Oj8EVrpWBCdJAEMVXkBAXhU+G0c6OFY3N14igiNPWWEfAhIcghojHU9HPAhgiAgKJkJiDGOBACH5BAUAAGMALAIAAgAMAAwAAAdvgGOCY0QbUC6Dgzk/Jw9gERNIgwgCE2MIBTVEYTVjCQKQAVwVAQUzlmEoUC03rTdSEmBXH1U4Wre4IoICJiddUcBRXQ6COhYFQFtTU1tAgwU0Jh9Ry1sKiShUJkQOCkSJYxFNBghQKuCDHGIcHOCBACH5BAUAAGMALAIAAgAMAAsAAAdqgGOCSFAGOUSCiWMTIgoRDz9hPolfVWESBWFjUD8SY0NVOA9YBARYEQmaOCUGXF2vXVxEDxxZJSRRW1NTW1EOHhIoACO7xVMKKhJZB0laA88DWgmCXy8lJ1PQI4k/HF8uPgojk4oLYorogQAh+QQFAABjACwBAAIADQAKAAAHb4BjgmMqBggPGy6DggZfH1knPw47DYsiQicbCAUSCyQbggslCgUBXBUBBQ0/gg4wDy03sjdSEl8zXyZHClq9viILGz8lPB9dUchRXQ5DKmNiCDNAW1NTW0A+YQxjDAg1O1HVWwpjYYJfg0QOCkSLgQAh+QQFAABjACwBAAIADQALAAAHdIBjgmMGBThJGgmDghMnVSY6ClkjD4s6MCNgYxMeYQITghcLAl9BICBBDwg6DGNiYDUZFbMVGTMOG2EzKkkVBL8EFTsRGl81Kj8EVstWBCcImoJIFV5AQF4VYydEi0lWNzdeIgk7i4ISJyQSNTsS5uYaNoKBACH5BAUAAGMALAMAAgALAAsAAAdngGNjGl8iJwgbgmMNYiglAh9VAhGCDBM2E4I5P1Vhgi4GVEZGVIQCM2MuECCsIBAJHwtjYSABtgEgSSeeES1Sv1ItP18IgiBYXFxYIEQKiWMRUhUVWDhDDoqCODtjEiRQ2YphCKhjgQAh+QQFAABjACwEAAIACgAMAAAHbIBjDGIMDD8aY4ljHgY+RCUoJ2CKNjkGEyMAIolDFi8vFg8KQkM2LEaoRiw5JkkPGEpBQUoYYVkjBU4ZuxlOER8KNRhFS0tFGD4mBWMIGSAgRV9hJkiJM19JMzlND4kLYQ0LIicNiokSPjbmgQAh+QQFAABjACwDAAIACwAMAAAHbIBjgoNiF4OHggZDFw+HHBsNNjZHIwWCHjwpKTw5HwBgghQvoy8UEwAnYxohVCsrVCFjQgJjExAxuDEQBShZYy4hPUZGPSFDqGNIEzEYGD1hIgAeNT8SSAVh10w4gjYPOA8FHzoIiBceDQmHgQAh+QQFAABjACwCAAMADQALAAAHSoBjgoOEG4SHghMMD4iELmAXjYM1PAqSgkkwJgVIUI1fTCZjFxGNEykfgj8+iB8yYIJEJB6DPicUloMSSQpJJygoO40zYAg5rIOBADs=") no-repeat scroll 0 0 transparent; + height: 17px; + right: 9px; + width: 16px; + content: ""; +} +.ace_dark .ace_gutter-cell.repl_output.waiting:after { + background-image: url(data:image/gif;base64,R0lGODlhEAAQAPcAAAAAAAABAABpABqYGgAxAACVAD/BPwAVAABRAACxAAB9ACmrKQBBAFXYVQAhAA2yDQClABq5GgAJAACJAABdAAmUCTezN0nFSQqKCgBxAABIAAA5ACK5IgApAAalBgewB2DbYBmtGQ29DQAZACnIKQCdAAARADHLMQBhAABZAErUSgCRAAAFABRGFAB1AABNAACBABKVEieqJxW+FUfGRyDCIDvFOwCpABjCGBCIEABlAA6mDgCNAAANAAAlAAAdAABFAAqyCgBtAAA9AAG1AVHIUQB5AAA1ABWyFQAtAABVAGndaRzAHD3QPS3BLQChAE3VTQCZABC+EACFAFnZWS+2LwicCBOeEwWMBQp1CjbNNiTGJAkPCQW5BSGdIQCtABGREQWZBS3KLQVnBQdqBwWeBSKxIgi3CA65DgRwBAC4AAVgBQQiBAWpBQaBBkbSRg2NDQSKBBasFknOSRykHDnOOQVtBQR+BA+WD17aXlHXURW2FVTPVBHAEWXcZRmyGQydDAq8CjS7NC2/LQiTCAW2BQSgBBXAFRrEGkDRQAupC0/KTya9Jh3EHSbIJhCyECq0KiWyJQiaCB6YHjq7OiHFIT3HPS/MLxaVFhu+GxSSFBywHAmNCRa5Fgi5CGzfbBG0EQimCA6sDgiiCDvQO03ETWLcYjHMMSG8IRKhEgesBy65Lhq0GlHNURycHBqcGjvJOxC5EFXRVQ6oDj7IPgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBAAAACwAAAAAEAAQAAAIxQABCARgYggKIwoEaDgwsGGSDCuefEnwJRSWDQ0DAIFR4gmEGwmIiMARAkUAgQSmFCiQgYAJE0cmSBHD4QWAHkJ4TADSUCCKRolCHEgCY0qKkz0D8HjzBsELGC4Y9hTYQUueGBQU6GAxVaAEHEuQpHBxtKvAJ2pKMMigRIJZAB0yHHCgA4UDpEmHDAEgQYMOID26dtDwQ+AIBBSO9MAbwIGGI0gD/NCgBEiSESM6DHnMtWGPDkA0iNYw5AfejCx6HDjgtmdAACH5BAkEAAAALAAAAAAQABAAAAjBAAEIBCDhiBIBLlAwMDFwYAACOqYUKHEDQokJGgI4POJiRYECUZ7cSKDGAwqNADq4mDAlhQ8JEjrA6NIH1AuCFGC42NBQYAoRlWYdcODCCJCeA6eQIPFiSMIDSAV2aJQIjgYhCFAiDYADyh8gAjJGJdiISgQCKDSwGOtAjJ9UB1IogRq1QxccFFgcSXFkLVIfRjKs7cEAQRK/AgM40HAEZYAeQzQwcHBghAMGGghoFcjisobPGoaM2NxTwgETEpAGBAAh+QQJBAAAACwAAAAAEAAQAAAIwwABCATQI4kGFAJSDDExcGAAHxSMTChQIsoKGAwCOEwiZMoEjxRvfCmRQiOAEQIUuNDgAICEDka+ELmhAQALDS50dGgokAKRQB4OjNChgwBPgQGm9DmEIImOFz2OCvQhxRGWIyiGmDzKQsopUQQoHNnKU8KhRHscKDnCQioABySgAJLwAogEtzr0QNERoMMLH2SnclhCYoTNDRoANwyAoIsjAQNZHNEwxMeIER2GaMhAoa3DHww0iNaw4UfghhIOmDgdEAAh+QQJBAAAACwAAAAAEAAQAAAIwwABCAQgwQcDJSleHOkxcGCAHwiEKJjAg8cUF0MCOPSBwoWLDEZg8IjyZEUKFgIPpBCCYsgIFix86Chx44kGACyG6FDioKHAFzcSlDjQI0WKnj4FGiFCBIGDFEMkJBXYoZAIHh2UJNE4lYUnHB8cIPDBNWkAEVs8HXjRoaxPBzhOhQrAIONUADrqaNEBwIEGH1OHDILS6AeAAEf+ukVQBUQiFANZJB7i4MABAhAaQMHi9uEQDaA1lFCjw23DHiZMMPQZEAAh+QQJBAAAACwAAAAAEAAQAAAIwwABCATA4gABDS8YEJAwcGCAAwwoZFAAA4YCFAQCOBzxQoAQFCiEKOCxAsYLjQB6vEDxooMJABJ+UFhRYsUQAAEIpGBwoKFADSUg8DDBAmFPnwKF3LihwcSLJCyQCnRwIwGMERp+SBXIIgERCAc0HJXKgoinLz00+NgKwEGgPlEADGGAEqmQRjhQAPihVuqQCGJivQxwRG1dBxQiNXFEYSCLwkMc/HAhg4+eUwrq4vzBQEOKBA30NGq8lcsBBSuUvBwYEAAh+QQJBAAAACwAAAAAEAAQAAAIwQABCAQQ4ICPDQyO/GAxcGAACUlS6BDiwoWAFEkCODQBhAKFFwhSCFEwxQUDjQBYMFAyxEEPhgeAwOAxZQNBHwiO9Ggo8MiEKDBMBGDAQALPgQJKlADSQ4MDlEcdlIBg5ICGA0cHsoBwI4pVrFkJ3kgAoamDsAB+ECFSAMCQk2F1iPCkI60GH1mBPMJRaATBI04HSnCgIwQJHAIcEtDwQoEmLwto1ak0gWFDNjpiLQHRIFEmCpZ5HlhR6VAYHWAFBgQAIfkECQQAAAAsAAAAABAAEAAACMMAAQgEEEDCjyQEkoxgMbAhiw4aUqDQIQDFCwcBHG5A8GLDECBKhBgRsiEjwSMakvSQECCAiQ1CYLjoIPCHhg4mGyYxMiFDjwBDhuRsCAABjxVHemhwQLThDx5RdBzQcKDpwAArSkyYWtUqABYlIBRQytTrDwg3JgAIOrQhhQRflACw6cPqkDaFElQNcASBECUYAzigsKOPJyEDWWTYs8iClwF0GFXqs4LhwA1SqORpoKIJCSlCLDc8gCIMKCSAUHQVGBAAIfkECQQAAAAsAAAAABAAEAAACMMAAQgEEIBFDwc+fphgMbBhAAdAEChJQSEFgxEBHB7RAIRAko0ohFDokJHgRh8sAmTs0QGFCwE/BP7Q4KPhQAcCFFBgOGRISZsAGMCAkaSHBgdAB44wMiHFAQ0HkgpkoWCFkadRpQaYUACGUaRSRxQo4QLAEAYmkgZIAeEJAgAEJvDYAJRBiS8lohI49InSGqQsHKAoU+hLCoEBOKkw1UoGphhX9kgpZOQnCx1MVKhocsoRDk8oGNr8gSIMGilWdMQcGBAAIfkECQQAAAAsAAAAABAAEAAACMUAAQgc2GPECBMSAgxcGOAHAw0aXiB4kcSEwoEBjmgY4uOHjyNKKLwYcTEAAQ0+FAYIwGKEBgEpRgj8gXLhwBFKhCCQAGAIg4s2ARDIkMFHD5RAbR4QoEDDAQ0ygwpkIWSKjgMvfkgVGMDFhAxJeEw5sPXAFB46Xoh5o2PrixUrgIwgkccJg6BHeJTgQVYIKSiRUjhgweKHkhUQSiCYiuVUk0FXOMVB/AVCBqAsdMxwtAWHiC5EblBIKtAEigqquhRAoXVgQAAh+QQJBAAAACwAAAAAEAAQAAAIxAABCBwo4cCBHgECDFwY4McQDRA1APEhYSEAFkc0DOkwYkQSIAiAmFAIIEDGDiRLmtiQ4oUJgT80dLAo0AQQFAxYABgyJCXDDihQjDhAYSZNgT2UCNngooCLowIDpHCBAMmSTjqPBkChgEIqU1ocQDWRAYYSHVBUCPEZFciUKRt+1FCBCghNAjB4KHgp4ESdEDo69JDgAAGMAjzsloxTiUQESRNgTIjyJAqKlAEEiMAhxRORLxAKMDj6Q0eBBF8mKDmwMCAAIfkECQQAAAAsAAAAABAAEAAACMAAAQgcKMHEAQkDEwoMMGKIhocaGDgIoDAAgYg+RozwwUDDBoQLW2jwQXEgiyQvhiBkoQRFB4UCWRxRQiCABjklfMAUeACBEhNg/JDQuVMCEJesqDQCCTMAEAEMIkDBUbLpCyEaACVq5GAnABMoXDBAcUqMAK8EjLhIMmIGiUdDYPoQAkNADwACDiEaReEHCxYjGGSYoGDDwgkiArWZoNbIhBVTNFRlIYAIkQQ3IDwpMAVI1YE/KEyAsMKFhrsDAwIAIfkECQQAAAAsAAAAABAAEAAACMMAAQgcGMCECRYDEw78sUGDQw1DfgRIyAJICg0MOowY4WOIhiMIBSIwY+jFRII+Pk48EMlPow4KAQTw8cJHAAQqoCiIKVACEA0S4KggAZMnCwJKfiBJNEMCT5kEUhB4pEVKyJgBNqDYIImElB9PJbzQQQAFokMCTir0IUDHjx9n+rQBEvMHhQxKEAro0iVKih8IDxzRoUCID4EBFBBJ8ASGEB1CFEwxwkAtCwo3bkAoUWDFBBcb1A4cocTFhAk6hhxIGBAAIfkECQQAAAAsAAAAABAAEAAACMIAAQgc2MOEiR4DEwIIAGSKCw0QNQz5oTCAjgsNviQZccDBEA1HWAx8YYmKmAwCAyz0AVLlgT8qSKRQKJClAwAITmiBQTPlEAYBCF3C0aHnwg4aTATZIkJlzwAOXjgohKOLyKcdlPgoI6XQzZ4shqRwgKJLIRRGf6RIYeJAggQlNtA88EIHEJEUvnyZoGFEgAAmkigRQoHiQiMQIKzIgCIFhQwuBBxxCoBFiihRCqyYMMWIjg6UB5rQIMRIhhRHEA4MCAAh+QQJBAAAACwAAAAAEAAQAAAIwAABCATQY4iAFAdYDFwoEIirUrIgpNAwZATDAClWqYCyBcIPB0M0HFHYkEOdLTCSDGThQ2QAgoAc4VDCUGAHDT8AvDiEQ0FNgQGGDAHAo0+XDj8FOtDQ40YgIiR/HtBw4AuRBFFrjtAwYkWCLzl/BkjywgSFLzdSJDXxQoOEA08grDhSs2CKIy9TlCgBA0hCgj+AoEBgQiALIVEKTNGhRAMCHQKUOHhp+MWUCRNgKDAi4MUPygsPMKAgQAcQB1kDAgAh+QQJBAAAACwAAAAAEAAQAAAIwgABCATQQ0MaTZNQ9BjIkMUQTYLmNDD1CIUDhgACoAhB4tSWRoduKNFAIMDAFw8QSZmQZGHGDkCOmDzwRIQnFBhfavgBAAERNQpyCgzAYAiAKUQS+BAq0IGGHk8SfGHBFMABDQdK3IBAlenVA1MglBjBNIDTHkpKlHjB1CGDACMKRIHRIacEAi98mHzBY4WQIyYyShixQQmDrgFSTJlgJAWQIUBSUMBqcigDF0YUuBAigAKDA5UZSuigQcmLIz+6CgwIACH5BAkEAAAALAAAAAAQABAAAAjGAAEIBGACSJYcOdIAMTFwYIAXFTY5qfNGVhE8SRqyQBGqzyEph3CcUnHIBYuBL2506aKAAAsWBFysUHIkAIADURIQUdJwoA8NPwBo+JLASE+HQxgAMHIDgo+jAgP87LHiSQmbUG9qOMCjRIGTWQ9szRCFx4isABxo6MFgBQ+lUAMMGRKghwIeGRwclapBL4AhMGCg6NAjQAAWEpJoqBn1hREFAjRsIHBEA4IhEhoGIIBCiBABKCi8SJL5qAQfGxhs6GACq8CAACH5BAkEAAAALAAAAAAQABAAAAjFAAEIBHBAgxAMGNIAOTBwYAAgPBR1qiQGloFXGgI4VFKCSJcunqRseUOFBhmNAICUSJBgSpIeAAi40bJkDwEAJnjcuJGioUAEaohsADCkxJMMKH2O0DAEgIASBX74bOhAQw8FBSYknVrwgJEVMFhMFRhg6QEdPBQwHAugqoQNMBQMHRtgSFMJQmCgGDG2qlQAHTK4UOJAAoAAAVj40HAEZYANOoRQYJDERxIGjMU69PECBYoUShAAcbB1oIQRHQh0OMBia0AAIfkEBQQAAAAsAAAAABAAEAAACMMAAQgEYAKIgCl37ADpMXBgAAZTSnzpIiWCmRgaAjjUsOJLggREuoggUWfVGI0ANvB4AsFIhx4SkijYAsXGCwA9FJSIoqGhwBQnTEE6cGRFARQ+BypQIUZDCh5TfiQVOCKBmg0CJhhBOfWHkgMHhbCYSlXDAQQKBJggG8CHhh5JMmTowHbIkAASKGRAcGCqW6kAfFAQwOAAiwAa22oggLKtEhQICDgY4WOIhiNcAQQYseGFEgQvNDD4kdlhjwM/RjD0GRAAOw==); +} +.ace_gutter-cell.repl_nonum { + color: transparent; +} +.ace_gutter-cell.repl_dots:after { + color: #4208b1; + content: ".."; + display: inline-block; + font-weight: bold; + font-size: 1.1em; + padding-right: 6px; + position: absolute; + right: 6px; + margin-top: -2px; +} +.ace_dark .ace_gutter-cell.repl_dots:after { + color: #8175be; +} +.ace_gutter-cell.repl_dots { + color: transparent; +} +.repl_lineWidgetContainer { + z-index: 5; + position: absolute; + background: rgba(247, 247, 247, 0.59); + border: 1px solid #808080; +} +.repl_lineWidgetContainer:before { + content: ""; + top: 0; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent); + height: 4px; + width: 100%; + position: absolute; +} +.repl_lineWidgetContainer:after { + content: ""; + bottom: 0; + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent); + height: 4px; + width: 100%; + position: absolute; +} +.ace_repl_error { + color: #f50c0c; +} +.ace_repl_warning { + color: #d65e0d; +} +/* @file plugins/c9.ide.immediate/style.css */ +.immediate { + padding: 5px; +} +.immediate .log, +.immediate .return, +.immediate .error, +.immediate .warn { + border-bottom: 1px solid #ececec; + padding: 0 0 0 4px; + cursor: default; + line-height: 15px; + vertical-align: top; +} +.immediate .log > span, +.immediate .return > span, +.immediate .error > span, +.immediate .warning > span { + vertical-align: top; +} +.immediate .ace_lineWidgetContainer > div:first-child { + border-top: 1px solid #ececec; +} +.immediate .log, +.immediate .return { + color: #313236; +} +.immediate .warning { + color: #c09305; +} +.immediate .error { + color: #F05D53; +} +.immediate .ace_lineWidgetContainer { + border: 0; + background: transparent; +} +.immediate .property { + color: #c06ec4; +} +.immediate .treeitem { + display: inline-block; + padding-left: 10px; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; + position: relative; + white-space: nowrap; +} +.immediate .treeitem .arrow { + top: 3px; + left: -2px; + width: 10px; + height: 10px; + position: absolute; + overflow: hidden; + text-indent: -2000px; + background-image: url(/static/./@1x.); + background-size: 20px 10px; + background-repeat: no-repeat; +} +.immediate .treeitem .arrow.expanded { + background-position: -10px -1px; +} +.immediate .treecontainer { + padding: 0 0 0 0; +} +.immediate .treecontainer > .property { + padding-left: 10px; +} +.immediate .textnode, +.immediate .comment, +.immediate .emptynode, +.immediate .cdata { + padding-left: 10px; +} +.immediate .null { + display: inline-block; + color: #868686; +} +.immediate .stringcollapse > span:first-child { + cursor: pointer; +} +.immediate .stringcollapse > span:first-child:hover { + text-decoration: underline; +} +.immediate .stringcollapse > span:last-child { + display: none; +} +.immediate .string { + display: inline; + color: #c21c1c; +} +.immediate .number { + display: inline; + color: #00a3ff; +} +.immediate .function { + display: inline; +} +.immediate .regexp { + display: inline; + color: #c21c1c; +} +.immediate .err { + display: inline-block; + color: #F05D53; +} +.immediate .stack { + margin: 0; + color: #F05D53; +} +.immediate .stack a { + color: #585858; + cursor: pointer; +} +.immediate .stack a:hover { + text-decoration: underline; +} +.immediate .preview { + font-style: italic; +} +.immediate .ace_gutter-cell { + padding-left: 6px; + color: transparent; +} +.immediate .ace_gutter-cell.repl_prompt:after { + padding-right: 0; + padding-left: 3px; + content: ">"; + color: #528dbb; +} +.immediate .ace_gutter-cell.repl_output:after { + content: ""; +} +.immediate .ace_gutter-cell.repl_dots:after { + content: ""; +} +.immediate .ace_gutter-cell.repl_output.waiting:after { + height: 17px; + right: 0; + width: 12px; + content: ""; + margin-top: 0px; +} +.ace_lineWidgetContainer:before { + background: transparent; +} +.ace_lineWidgetContainer:after { + background: transparent; +} +.immediate .ace_dark .log, +.immediate .ace_dark .return, +.immediate .ace_dark .error, +.immediate .ace_dark .warn { + border-bottom: 1px solid #1d1c1c; +} +.immediate .ace_dark .ace_lineWidgetContainer > div:first-child { + border-top: 1px solid #1d1c1c; +} +.immediate .ace_dark .log, +.immediate .ace_dark .return { + color: #f1f1f1; +} +.immediate .ace_dark .warning { + color: yellow; +} +.immediate .ace_dark .error { + color: #F05D53; +} +.immediate .ace_dark .property { + color: #bedb18; +} +.immediate .ace_dark .treeitem { + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.immediate .ace_dark .treeitem .arrow { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; +} +.immediate .ace_dark .null { + color: gray; +} +.immediate .ace_dark .string { + color: #ff7000; +} +.immediate .ace_dark .number { + color: #00a3ff; +} +.immediate .ace_dark .regexp { + color: #ff7000; +} +.immediate .ace_dark .err { + color: #F05D53; +} +.immediate .ace_dark .stack { + color: #F05D53; +} +.immediate .ace_dark .stack a { + color: gray; +} +.immediate .ace_dark .ace_gutter-cell.repl_prompt:after { + color: #719b28; +} +/* @file plugins/c9.ide.run.debug/debuggers/debugger.css */ +.has_apf .blackdg, +.listBP { + background: #1c1d21; +} +.debugcontainer .scroller { + position: absolute; + overflow-y: auto; + overflow-x: hidden; + top: 39px; + left: 0; + right: 0; + bottom: 32px; +} +.panelsbar .panelsbuttonDown.debugger, +.panelsbar .panelsbuttonDown.debugger:hover { + box-shadow: 1px -1px transparent inset, 1px 0 transparent; + padding-bottom: 7px; +} +.pause0 .icon { + background-position: 0 0 !important; +} +.pause1 .icon { + background-position: 0 -19px !important; +} +.pause2 .icon { + background-position: 0 -38px !important; +} +.blackdg .newwatch strong { + display: none; +} +.blackdg .newwatch { + color: #B2CCD6; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.blackdg.ace_tree_focus .newwatch.selected { + color: #b9d0da !important; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.blackdg .watcherror { + color: #F05D53; +} +.condition_dialog { + border: 1px solid #73935D; + border-radius: 3px; + background-image: linear-gradient(to bottom, #6CC788 0%, #6CC788 100%); + padding: 5px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px; + width: 280px; + position: absolute; + display: none; + z-index: 1000000; + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); + margin-top: -5px; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.condition_dialog > .message { + color: #FFF; + margin: 0 0 5px 1px; +} +.condition_dialog .ace_content div { + color: #2C2C2C; +} +.condition_dialog > .input { + border: 0; + padding: 4px 3px 2px 7px; + outline: none; + box-shadow: none; + color: #FFF; + border-radius: 3px; + background: white; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; + font-family: Monaco, Menlo, 'Ubuntu Mono', Consolas, source-code-pro, monospace; + height: 18px; +} +.condition_dialog > .input .simplebox { + height: 20px !important; +} +.liveinspect { + box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.25); + z-index: 100001; + background-color: #fffac5; + position: absolute; + cursor: auto; + padding: 1px 6px 1px 1px; + font-size: 11px; + font-family: Monaco, Menlo, 'Ubuntu Mono', Consolas, source-code-pro, monospace; + border: 1px solid rgba(0, 0, 0, 0.28); + margin: 0 0 0 -1px; + max-height: 150px; + overflow: auto; + max-width: 800px; + margin-right: 50px; + border-radius: 3px; +} +.liveinspect.immediate .null { + color: #c8c8c8; +} +.liveinspect.dark { + box-shadow: 0 5px 13px 0px rgba(0, 0, 0, 0.7); + background-color: #2a2b23; + border: 1px solid rgba(235, 255, 0, 0.1); +} +.liveinspect.immediate.dark .null { + color: #c8c8c8; +} +.liveinspect .return, +.liveinspect.dark .ace_dark .return { + border-bottom: 0; +} +.debugcontainer .play .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/play_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +.debugcontainer .pause .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/pause_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +.debugcontainer .step .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/step_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +.debugcontainer .stepinto .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/stepinto_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +.debugcontainer .stepback .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/stepback_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +.debugcontainer .exception_break .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/exception_break_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +.debugcontainer .toggle_breakpoints2 .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/toggle_breakpoints2_flat_light@1x.png) !important; + background-size: 21px 76px !important; +} +.debugcontainer .toggle_breakpoints1 .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/toggle_breakpoints1_flat_light@1x.png) !important; + background-size: 21px 76px !important; +} +.debugcontainer .remove_breakpoints .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/remove_breakpoints_flat_light@1x.png) !important; + background-size: 21px 76px !important; +} +.debugcontainer .scripts .icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/scripts_flat_light@1x.png) !important; + background-size: 21px 57px !important; +} +/* @file plugins/c9.ide.run.debug/debuggers/skin.xml */ +{ + /*workaround for ace tree pointer event limitations*/ +} +.listBP { + overflow: auto; + position: relative; + cursor: default; + color: #b8bac1; + height: 51px; +} +.listBP .tree-headings { + display: none; +} +.listBP .bpItem { + padding: 8px 10px 10px 30px; + position: relative; + border-bottom: 1px solid transparent; + border-top: 1px solid transparent; + box-sizing: border-box; + height: 51px; +} +.listBP .bpItem:first-child { + border-top-color: transparent; +} +.listBP .bpItem:last-child { + border-bottom-color: transparent; +} +.listBP .bpItem:hover, +.listBP .bpItem.hover { + color: #bebfc6; + background-color: #1f2023; + border-top: 1px solid transparent; +} +.listBP .content { + cursor: pointer; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + padding: 1px 10px 0 7px; +} +.listBP .content div { + font-family: Ubuntu Mono, Menlo, Consolas, monospace; + padding: 3px 0 0 0; + font-size: 10px; + white-space: nowrap; + overflow: hidden; + color: #1e97bd; + text-overflow: ellipsis; +} +.listBP .bpItem:hover .content div, +.listBP .bpItem.hover .content div { + color: #1e97bd; +} +.listBP .checkbox { + width: 17px; + height: 17px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/checkbox_flat_light@1x.png); + background-size: 22px 162px; + background-position: 0 0; + display: block; + position: absolute; + left: 7px; + top: 10px; +} +.listBP .checked .checkbox { + background-position: 0 -51px; +} +.listBPDisabled .bpItem { + opacity: 0.5; +} +.listBP .bpItem .btnclose { + width: 21px; + height: 19px; + position: absolute; + right: 2px; + top: 3px; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/remove_breakpoints_flat_light@1x.png) !important; + background-size: 21px 76px !important; + background-repeat: no-repeat; + background-position: 0 0; + display: none; +} +.listBP .bpItem:hover .btnclose, +.listBP .bpItem.hover .btnclose { + display: block; +} +.listBP .bpItem .btnclose:hover, +.listBP .bpItem .btnclose.hover { + background-position: 0 -19px; +} +.listBP .bpItem .btnclose:active { + background-position: 0 -38px; +} +.listBP { + cursor: pointer; +} +.listBP .btnclose, +.listBP .checkbox { + pointer-events: auto; + cursor: default; +} +.listBP .message.empty { + text-align: center; + width: 100%; + color: gray; + padding-top: 10px; +} +/* @file plugins/c9.ide.language.core/complete.css */ +.language_tooltip { + display: inline-block; + position: absolute; + border: 1px solid #e7de81; + background-color: #f9f2ad; + color: #313236; + padding: 3px 5px; + line-height: 15px; + box-shadow: 0 0 3px rgba(119, 119, 119, 0.23); + text-shadow: 0; + z-index: 300; + font-family: Arial; + z-index: 100000; + pointer-events: none; +} +.language_tooltip.dark { + background-color: #636363; + color: #d1d1d1; + border-color: #6f6f6f; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.21); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.code_complete_text.ace_autocomplete { + background: #ffffff; + border: 1px solid #dedede; + box-shadow: 0 0 7px rgba(119, 119, 119, 0.2), inset 1px 1px 0 transparent, inset -1px -1px 0 transparent; + width: 270px; + line-height: 20px; + position: absolute; +} +.code_complete_text.dark.ace_autocomplete { + background: #303130; + border: 1px solid black; + box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.8), inset 1px 1px 0 rgba(255, 255, 255, 0.06), inset -1px -1px 0 rgba(255, 255, 255, 0.06); + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.code_complete_text .ace_scroller { + margin: 1px 2px 1px 1px; +} +.code_complete_doc_text .cc_complete_option.ace_selected { + text-shadow: none; + overflow: auto; + padding: 5px; +} +.ace_autocomplete { + z-index: 100000; +} +.code_complete_doc_text { + width: 310px; + overflow: auto; + position: absolute; + padding: 5px; + box-sizing: border-box; + z-index: 100000; + background-color: #f9f2ad; + color: #313236; + min-height: 100px; + max-width: 300px; + border: 1px solid #e7de81; + box-shadow: 0 0 7px rgba(119, 119, 119, 0.2), inset 1px 1px transparent, inset -1px -1px transparent; + font-size: 12px; +} +.code_complete_doc_text.dark { + border: 1px solid rgba(255, 255, 255, 0.06); + border: 1px solid black; + box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.8), inset 1px 1px rgba(255, 255, 255, 0.06), inset -1px -1px rgba(255, 255, 255, 0.06); + color: #ffffff; + background-color: #636363; +} +.language_activeparamindent { + color: rgba(0, 0, 0, 0); + text-shadow: none; +} +.dark .language_activeparamindent { + color: rgba(0, 0, 0, 0); +} +.language_activeparam { + color: #474747; + font-weight: bold; + font-style: normal; +} +.dark .language_activeparam { + color: #ffffff; +} +.language_type { + font-style: italic; +} +.language_activeparamhelp { + margin-left: 5px; + font-style: italic; +} +.language_paramhelp { + color: #474747; + margin-top: 2px; +} +.dark .language_paramhelp { + color: #ffffff; +} +.code_complete_doc_head { + text-decoration: underline; +} +.code_complete_doc_text u { + text-decoration: none; + color: blue; + text-shadow: none; +} +.code_complete_text .ace_text-layer { + left: 1px; + right: 1px; + width: auto; + top: 1px; + bottom: 1px; +} +.code_complete_text .ace_line { + background: transparent; + overflow: hidden; + position: relative; + white-space: nowrap; + pointer-events: auto; + cursor: pointer; + color: #313236; +} +.code_complete_text.dark .ace_line { + color: #f1f1f1; +} +.code_complete_text .ace_line .completer-img { + width: 8px; + height: 8px; + margin: 0 7px 0 5px; + display: inline-block; + border: 0 !important; +} +.code_complete_text .ace_line .deferred { + opacity: .5; +} +.code_complete_text .ace_line .main u { + text-decoration: none; + color: #2882be; +} +.code_complete_text.dark .ace_line .main u { + color: #9fb814; +} +.code_complete_text.ace_no-bold .ace_line .main u { + font-weight: normal; + text-shadow: 0 0 0.01em; +} +.code_complete_text .ace_line.ace_selected .main u { + color: #cfe8ff !important; + text-decoration: none; + text-shadow: 0px 1px rgba(0, 0, 0, 0.3); +} +.code_complete_text.dark .ace_line.selected .main u { + color: #b8ce73 !important; + text-shadow: 0px 1px rgba(0, 0, 0, 0.3); +} +.code_complete_text .ace_line .meta { + opacity: .5; + margin: 0 0 0 0; +} +.code_complete_text .ace_line-hover { + background: #18181b; + color: #b8bac1; +} +.code_complete_text.dark .ace_line-hover { + background: #252525; + color: #f1f1f1; +} +.code_complete_text .ace_line > span { + padding: 0px 2px 0 1px; + box-sizing: border-box; +} +.code_complete_text .ace_line.ace_selected { + background: #63acff; +} +.code_complete_text.dark .ace_line.ace_selected { + background: #748512; +} +.code_complete_text .ace_line.ace_selected span { + color: #ffffff; +} +.code_complete_text.dark .ace_line.ace_selected span { + color: #f1f1f1; +} +.panelsbar, +.btnsesssioncontainer, +.bar-status, +.splitgrabber, +.code_complete_text, +.ace_scrollbar, +.ace_tree { + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; +} +/* @file plugins/c9.ide.language.core/marker.css */ +.language_highlight_default { + position: absolute; + border-bottom: solid 1px green; + z-index: 2000; +} +.language_highlight_error { + position: absolute; + border-bottom: solid 1px #e00404; + z-index: 2000; +} +.language_highlight_warning { + position: absolute; + border-bottom: solid 1px #DDC50F; + z-index: 2000; +} +.language_highlight_info { + position: absolute; + border-bottom: dotted 1px #999; + z-index: 2000; +} +.language_highlight_occurrence_main { + position: absolute; + box-sizing: border-box; + border: solid 1px #888; + z-index: 2000; +} +.ace_dark .language_highlight_occurrence_main { + border: solid 1px #888; +} +.language_highlight_occurrence_other { + position: absolute; + box-sizing: border-box; + border: solid 1px #888; + z-index: 2000; +} +.ace_dark .language_highlight_occurrence_other { + border: solid 1px #888; +} +.language_rename_main { + position: absolute; + box-sizing: border-box; + z-index: 3; + box-shadow: 0 0 2px 2px rgba(194, 181, 29, 0.78); +} +.ace_dark .language_rename_main { + box-shadow: 0 0 2px 2px rgba(194, 181, 29, 0.78); +} +.language_rename_other { + position: absolute; + box-sizing: border-box; + z-index: 3; + box-shadow: 0 0 2px 1px rgba(214, 221, 38, 0.94) inset; +} +.ace_dark .language_rename_other { + box-shadow: 0 0 2px 1px rgba(214, 221, 38, 0.94) inset; +} +/* @file plugins/c9.ide.dialog.file/file.css */ +.tb_textbox .directory { + padding-left: 7px; + font-size: 11px; + color: #bababa; + text-shadow: #ffffff 0px 1px 0px; +} +.trDgLike .item-fix:nth-child(4n-1) { + background-color: #f1f0f1; +} +.trDgLike .item-fix:nth-child(4n+1) { + background-color: #fefdfe; +} +.trDgLike .item-fix.root { + background-color: #fefdfe; +} +.dgLikeContaier { + background-color: rgba(255, 255, 255, 0.04); + border: 1px solid #2b2c31; + box-shadow: 1px 1px rgba(255, 255, 255, 0.06), inset 1px 1px rgba(255, 255, 255, 0.06); + color: #333333; + cursor: default; + font-family: Tahoma, Arial; + font-size: 8pt; + overflow: hidden; + position: relative; + border-radius: 3px; +} +.hidefiles .file_item { + display: none; +} +.filesave-inner-padding { + position: absolute; + left: 20px; + top: 10px; + right: 20px; + bottom: 20px; +} +/* @file plugins/c9.ide.dialog.login/login.css */ +.bk-window.login .bg-bk-content { + background-color: #303130; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px); + border-top: 1px solid rgba(255, 255, 255, 0.06); + top: 34px; +} +/* @file plugins/c9.ide.dialog.common/notification.css */ +.notificationlabel { + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; + position: relative; +} +.notificationlabel u.close { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + background-position: 0 -14px; + width: 14px; + height: 14px; + position: absolute; + right: 8px; + top: 8px; + cursor: pointer; + z-index: 10000; +} +.notificationlabel u.close:hover { + background-position: -14px -14px; +} +.notificationlabel u.close:active { + background-position: -28px -14px; +} +/* @file plugins/c9.ide.dialog.common/error.css */ +.errorlabel, +.disconnectlabel { + position: absolute; + left: 0; + right: 0; + top: 0; + z-index: 10000000; + pointer-events: none; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.errorlabel.anim, +.disconnectlabel.anim { + transition: top 0.2s; +} +.errorlabel.fade-in { + transition: opacity 0.2s; +} +.errorlabel div { + background: #F05D53; + padding: 10px 40px 10px 10px; + color: white; + border-radius: 0 0 3px 3px; + box-shadow: none; + line-height: 1.4; + display: inline-block; + position: relative; + word-wrap: break-word; + max-width: 100%; + pointer-events: auto; +} +.infolabel.errorlabel div { + background: none; + color: #fff; +} +.errorlabel.fade-in div { + border-radius: 3px; +} +.errorlabel u.close { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + background-position: 0 -14px; + width: 14px; + height: 14px; + position: absolute; + right: 8px; + top: 6px; + cursor: pointer; +} +.errorlabel u.close:hover { + background-position: -14px -14px; +} +.errorlabel u.close:active { + background-position: -28px -14px; +} +.errorlabel div span { + border-bottom: 1px dotted #ffaeae; + cursor: help; +} +.disconnectlabel { + z-index: 10000001; +} +.disconnectlabel div { + background: #F8C341; + padding: 10px 40px 10px 10px; + color: white; + border-radius: 0 0 3px 3px; + box-shadow: none; + line-height: 1.4; + display: inline-block; + position: relative; + word-wrap: break-word; + text-align: center; + width: 300px; + pointer-events: auto; +} +.disconnectlabel u { + cursor: pointer; +} +/* @file plugins/c9.ide.ui/widgets.less */ +.custom-tree.ace_tree { + background: transparent; + border: none; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.custom-tree.ace_tree .tree-row { + background: transparent; + color: #b8bac1; + border-radius: 3px; + margin: 0px 0px 0px 0px; + padding-left: 6px; + height: 25px !important; +} +.custom-tree.ace_tree.ace-tree-list .tree-row { + margin: 1px 0px 0px 0px; + padding-left: 0; +} +.custom-tree.ace_tree .tree-row.heading { + color: #313236; + text-shadow: none; +} +.custom-tree.ace_tree .tree-row.selected { + background: #2f3137; + border-color: transparent; + color: #313236; +} +.custom-tree.ace_tree_focus .tree-row.selected { + background: #63acff; + color: #ffffff; +} +.custom-tree.ace_tree .message { + border: 0; + padding: 3px; + text-align: center; + background: transparent; + font-size: 11px; + margin: 20px 10px 0 10px; + word-wrap: break-word; + white-space: normal; + color: #BBB; + line-height: 1.5em; +} +.ace_tree .tree-row .checkbox { + outline: 1px solid rgba(255, 255, 255, 0.35); + background: #2D2D2D; + width: 13px; + height: 13px; + margin: 1px 5px 0 0px; + display: inline-block; + vertical-align: middle; + pointer-events: auto; +} +.ace_tree .tree-row .checkbox.checked { + background-image: url("/static/plugins/c9.ide.layout.classic/images/check.gif"); + background-position: -2px -18px; +} +.ace_tree .tree-row .checkbox.half-checked { + background-color: #565656; + background-position: -2px -18px; +} +.ace_tree .tree-row .checkbox.loading:after { + content: " "; + position: relative; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 20%; + background-color: #b8bac1; + animation: scaleout 1.2s infinite ease-in-out; +} +@keyframes scaleout { + 0% { + transform: scale(0); + } + 80% { + transform: scale(1); + opacity: 0; + } + 100% { + transform: scale(1); + opacity: 0; + } +} +.custom-tree.ace_tree .tree-row .toggler { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; + margin: 0 1px 0 0; +} +.custom-tree.ace_tree_focus .tree-row.selected .toggler { + background-repeat: no-repeat; + background-image: url(/static/./@1x.); + background-size: 20px 10px; +} +.custom-tree.ace_tree .tree-row > span { + vertical-align: middle; + padding: 0px 1px 1px 1px; + line-height: 20px; + display: inline-block; +} +.custom-tree .ace_tree-icon { + width: 16px; + height: 16px; + padding: 0px; + margin: 0px 3px 0 1px; + background-repeat: no-repeat; +} +.loading .ace_tree-icon, +.loading-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner_flat_light@1x.gif); + background-size: 14px 14px; +} +.loading.selected .ace_tree-icon, +.selected .loading-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner-dark-unfocus_flat_light@1x.gif); + background-size: 14px 14px; +} +.custom-tree.ace_tree_focus .loading.selected .ace_tree-icon, +.custom-tree.ace_tree_focus .selected .loading-icon { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/file-tree-load-spinner-selected_flat_light@1x.gif); + background-size: 14px 14px; +} +.tree-row.dragAppendUpload -icon { + background-image: url("/static/plugins/c9.ide.layout.classic/images/tree_upload_icon.png"); + background-position: -5px -1px; +} +.ace_treeDragImage.copy:after { + content: "+"; + background: rgba(99, 172, 255, 0.92); + border: 1px #63acff solid; + position: absolute; + right: -6px; + bottom: -6px; + color: #ffffff; + font-size: 14px; + border-radius: 8px; + width: 14px; + height: 13px; + text-align: center; + line-height: 13px; + font-weight: bold; + font-family: monospace; + background: radial-gradient(5px 5px, circle, #7e8f1c, #4c5d00); + box-shadow: 0px 0px 7px 0px #000; +} +.ace_treeDragImage .toggler { + pointer-events: none; +} +.custom-tree.ace_tree_DragOver .tree-row.selected { + background: rgba(47, 49, 55, 0.6); +} +.custom-tree.ace_tree_DragOver .tree-row.dropTarget { + background: #63acff; + box-shadow: 1px 1px rgba(99, 172, 255, 0.6) inset; + color: #313236; + border-radius: 3px; + box-sizing: border-box; + margin-right: 5px; +} +.dragHighlight { + position: absolute; + border: solid 1px rgba(99, 172, 255, 0.6); + border-right: rgba(0, 0, 0, 0); + border-top: rgba(0, 0, 0, 0); + background: rgba(99, 172, 255, 0.1); +} +.dragArrow { + position: absolute; + border: 1px solid #63acff; + margin-top: 2px; +} +.dragArrow::before { + content: ""; + background: #63acff; + position: absolute; + top: -3px; + left: -3px; + width: 6px; + height: 6px; + border-radius: 4px; +} +.custom-tree.ace_tree-editor { + color: #101010; + background-color: #f5f7ea; + border: 1px solid #ffffff; + height: 17px !important; + margin-top: 1px !important; +} +/* @file plugins/c9.ide.ui/style.less */ +/* @file plugins/c9.ide.find.replace/findreplace.css */ +#divSearchCount { + position: absolute; + width: auto; + height: 19px; + right: 47px; + top: 5px; + z-index: 100; + color: #fff; + font-size: 11px; + line-height: 19px; + text-align: center; + vertical-align: middle; + pointer-events: none; +} +.tb_textbox.searchTxt .sbtb_middle input { + width: 100%; +} +.btnquicksearchnav.btnquicksearchnavLeft .lbl span { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.find.replace/icons/arrow_left_search@1x.png); + background-size: 20px 100px; +} +.btnquicksearchnav.btnquicksearchnavRight .lbl span { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.find.replace/icons/arrow_right_search@1x.png); + background-size: 20px 100px; +} +.findInRangeMarker { + position: absolute; + background-color: rgba(255, 255, 255, 0.6); +} +/* @file plugins/c9.ide.find.replace/skin.xml */ +.btnquicksearchnav { + height: 22px; + cursor: pointer; + position: absolute; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + width: 20px; +} +.btnquicksearchnav .lbl { + margin: 0; + outline: none; + height: 25px; +} +.btnquicksearchnav.btnquicksearchnavLeft .lbl { + border-right: none; + border-left: none; +} +.btnquicksearchnav span { + background-position: 0 0; + background-repeat: no-repeat; + display: block; + height: 25px; +} +.btnquicksearchnavOver span { + background-position: 0 -25px; +} +.btnquicksearchnavDown span { + background-position: 0 -50px; +} +.btnquicksearchnavDisabled span { + background-position: 0 -75px; +} +.btnquicksearchnav .btnDivider { + z-index: 1; + border-color: transparent white transparent #C3C3C3; + border-left: 1px solid #C3C3C3; + border-right: 1px solid white; + border-style: none solid; + border-width: medium 1px; + cursor: default; + height: 17px; + line-height: 0; + position: absolute; + right: -2px; + top: 4px; + width: 0; + display: none; +} +/* @file plugins/c9.ide.ace.statusbar/skin.xml */ +.bar-status { + position: absolute; + color: rgba(0, 0, 0, 0.4); + border-radius: 4px; + white-space: nowrap; +} +.bar-status > * { + display: inline-block; + vertical-align: middle; +} +.bar-status .lbl_row_col { + text-align: center; + color: rgba(0, 0, 0, 0.4); +} +.bar-status .label { + color: #5a5a5a; + padding: 2px 0 0 1px; + overflow: visible; + text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; + font-weight: bold; + font-size: 12px; +} +.bar-status.ace_dark .label { + color: rgba(255, 255, 255, 0.5); + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.57); +} +.mnuSbPrefs { + margin-top: -8px; + margin-left: 1px; +} +.mnuSbPrefs .label { + color: #313236; +} +.bar-status .label:hover { + text-decoration: none; + color: #313236; +} +.bar-status .label.labelDown { + color: #63acff; +} +.bar-status .nounderline:hover { + text-decoration: none; +} +.btn-statusbar-icon { + height: 23px; + width: 22px; + overflow: hidden; + cursor: pointer; + position: relative; + cursor: default; + -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + background-position: 0 0; + margin: -3px 0 0 -4px !important; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/icons/pref-ico_flat_light@1x.png) !important; + background-size: 44px 69px !important; +} +.btn-statusbar-iconOver { + background-position: 0 -23px; +} +.btn-statusbar-iconDown { + background-position: 0 -46px; +} +.ace_dark .btn-statusbar-icon { + background-position: -22px 0; +} +.ace_dark .btn-statusbar-iconOver { + background-position: -22px -23px; +} +.ace_dark .btn-statusbar-iconDown { + background-position: -22px -46px; +} +/* @file plugins/c9.ide.ace.gotoline/skin.xml */ +.gotolinelist { + overflow: hidden; + position: relative; + border-style: solid; + background-image: linear-gradient(to top, #fcfcfc 0%, #fcfcfc 100%); + color: #313236; + border-color: #f6f6f6; + border-width: 1px; + border-radius: 3px; + margin: 0; + outline: none; + font-family: Tahoma; + font-size: 12px; + text-overflow: ellipsis; + cursor: default; + text-align: right; +} +.dark .gotolinelist { + background-image: linear-gradient(to top, #474747 0%, #474747 100%); + color: #e7e7e7; + border-color: #353637; + border-width: 1px 0 1px 0; + border-radius: 2px; +} +.gotolinelist > .selected { + background-color: #63acff; + color: #e7e7e7; +} +.dark .gotolinelist > .selected { + background-color: #5f5f5f; +} +.gotolinelistFocus > .selected { + color: #e7e7e7; +} +.gotolinelist .empty, +.gotolinelist .offline, +.gotolinelist .loading { + text-align: center; + padding: 8px 0 0 0; + color: #777; + font-size: 8pt; + font-weight: normal; +} +.gotolinelist > DIV { + padding: 2px 6px; +} +.barGotoline { + position: absolute; + background-color: #ffffff; + border-radius: 0px 3px 3px 0; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.09); + border: 1px solid #DEDEDE; + border-left: 0; + width: 20px; + left: -100px; +} +.dark .barGotoline { + background-color: #353637; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); + border: 1px solid #242424; + border-left: 0; +} +.tbGotoline { + position: relative; + height: 25px; +} +.tbGotoline .sbtb_middle { + height: 15px; + padding: 2px 5px 2px 5px; + background: linear-gradient(0deg, #ffffff 50%, #ebebeb 100%); + color: #0471cf; + margin: 0; + outline: none; + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Droid Sans Mono', 'Consolas', monospace; + font-size: 12px; + text-overflow: ellipsis; + border-style: solid; + border-color: #ffffff; + border-width: 1px; + border-radius: 2px; + box-shadow: none; +} +.dark .tbGotoline .sbtb_middle { + border-color: #fafafa; + border-width: 1px 0 0 0; + border-radius: 2px; + box-shadow: none; +} +.tbGotoline .sbtb_middle INPUT { + border: 0; + height: 14px; + font-size: 12px; + color: #0471cf; + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Droid Sans Mono', 'Consolas', monospace; + outline: none; + background-color: transparent; + width: 100%; + text-align: center; +} +.tbGotolineInitial .sbtb_middle INPUT { + color: #0471cf; +} +.tbGotolineDisabled .sbtb_middle INPUT { + color: #0471cf; +} +.tbGotolineDisabled .sbtb_middle { + background: linear-gradient(0deg, #ebebeb 0%, #ffffff 40%); + cursor: default; +} +/* @file plugins/c9.ide.ace/style.less */ +.ace_editor { + overflow: hidden; +} +.ace-cloud9-night { + background: #181818 !important; +} +.ace-cloud9-night .ace_gutter { + background: #303130 !important; +} +.ace-cloud9-night .ace_marker-layer .ace_active-line { + background: #292929 !important; +} +.ace-cloud9-day { + background: #fbfbfb !important; +} +.ace-cloud9-day .ace_gutter { + background: #f1f1f1 !important; +} +.ace-cloud9-day .ace_gutter-layer { + box-shadow: none; +} +.ace_gutter-active-line { + z-index: -1; +} +.ace_gutter-compact:not(.ace_folding-enabled) > .ace_gutter-layer > .ace_gutter-cell { + padding-left: 15px!important; + padding-right: 5px!important; +} +.ace_gutter-compact.ace_folding-enabled > .ace_gutter-layer > .ace_gutter-cell { + padding-left: 16px!important; + padding-right: 12px!important; +} +.dark .ace_gutter .ace_gutter_active_line { + background-color: rgba(255, 255, 255, 0.07); +} +.ace_scroller.ace_scroll-left { + box-shadow: none !important; +} +.scroll_shadow { + top: 0; + bottom: 0; + width: 16px; + position: absolute; + border-top-left-radius: 4px; + pointer-events: none; +} +.ace_scroller.ace_scroll-left > .scroll_shadow { + box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset; + z-index: 100000; +} +.ace_corner { + top: 0; + position: absolute; + width: 6px; + height: 6px; +} +.ace_editor .ace_printMargin { + position: absolute; + height: 100%; + width: 1px; + background-color: #bfbfbf; +} +.ace_layer { + z-index: 0; +} +.ace_marker-layer .ace_step, +.ace_marker-layer .ace_stack { + position: absolute; + z-index: 3; +} +.aceDisabled { + border: 1px solid #c3c3c3; + color: #bebebe; +} +.aceError { + border: 1px solid #ffb500; + padding: 5px; +} +.ace_gutter-layer .ace_gutter-cell { + background-repeat: no-repeat; +} +.ace_gutter-layer .ace_gutter-cell.ace_error { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/ace_error_flat_light@1x.png); + background-size: 16px 16px; + background-position: 3px 0px; +} +.ace_gutter-layer .ace_gutter-cell.ace_warning { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/ace_warning_flat_light@1x.png); + background-size: 16px 16px; + background-position: 3px 0px; +} +.ace_gutter-layer .ace_gutter-cell.ace_info { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/images/ace_info_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_gutter-layer .ace_gutter-cell.ace_breakpoint { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_flat_light@1x.png); + background-size: 16px 16px; + background-position: 3px center; +} +.ace_gutter-layer .ace_breakpoint.disabled { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_disabled_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_gutter-layer .ace_breakpoint.condition { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_condition_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_gutter-layer .ace_breakpoint.invalid { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_warn_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_gutter-layer .ace_breakpoint.disabled.condition { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_condition_disabled_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_gutter-layer .ace_gutter-cell.ace_breakpoint.step { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_current_line_flat_light@1x.png); + background-size: 16px 16px; + background-position: 3px center; +} +.ace_gutter-layer .ace_gutter-cell.ace_breakpoint.condition.step { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_current_line_condition_flat_light@1x.png); + background-size: 16px 16px; + background-position: 3px center; +} +.ace_gutter-layer .ace_gutter-cell.step { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/current_line_flat_light@1x.png); + background-size: 16px 16px; + background-position: 3px center; +} +.ace_gutter-layer .ace_gutter-cell.stack { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/stack_co_flat_light@1x.png); + background-size: 16px 16px; + background-position: 3px center; +} +.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_error { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/ace_error_flat_light@1x.png); + background-size: 16px [16px, no-repeat]; + background-position: 3px 0px; +} +.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_warning { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/ace_warning_flat_light@1x.png); + background-size: 16px [16px, no-repeat]; + background-position: 3px 0px; +} +.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_breakpoint { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_dark_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_dark .ace_gutter-layer .ace_breakpoint.disabled { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_disabled_dark_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_dark .ace_gutter-layer .ace_breakpoint.condition { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_condition_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_dark .ace_gutter-layer .ace_breakpoint.invalid { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_warn_dark_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_dark .ace_gutter-layer .ace_breakpoint.disabled.condition { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_condition_disabled_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_breakpoint.step { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_current_line_dark_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_breakpoint.disabled.step { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_disabled_current_line_dark_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_breakpoint.condition.step { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/brkp_obj_current_line_condition_flat_light@1x.png); + background-size: 16px 16px; + background-position: 4px center; +} +.ace_dark .ace_gutter-layer .ace_gutter-cell.step { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/current_line_dark_flat_light@1x.png); + background-size: 16px 16px; +} +.ace_dark .ace_gutter-layer .ace_gutter-cell.stack { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.theme.flat/icons/debugger/stack_co_flat_light@1x.png); + background-size: 16px 16px; + background-position: 4px center; +} +.ace-solarized-light .fm-window .fm-content, +.fm-window .fm-header .hcontent { + background-color: rgba(220, 220, 220, 0.73); +} +.ace_tooltip { + padding: 3px 5px 2px 5px !important; + line-height: 1.3em; + font-family: Arial, sans-serif; + box-shadow: 0 0 3px rgba(119, 119, 119, 0.23) !important; + background: #f9f2ad !important; + border: 1px solid #e7de81; + color: #313236; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.ace_dark .ace_tooltip, +.ace_dark.ace_tooltip { + box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8) !important; + background: #fff399 !important; + border: 1px solid black; + color: #313236; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.ace_progress { + position: absolute; + top: 50%; + left: 10%; + right: 10%; + height: 1px; + margin-top: -4px; + z-index: -1; +} +.ace_progress.upload { + top: 1px; + left: 0px; + right: 0px; + height: 1px; + margin-top: 0; + z-index: 1000; + background: none; +} +.ace_progress div { + width: 10%; + height: 100%; + background-image: linear-gradient(to right, rgba(40, 130, 190, 0) 0%, #2882be 100%); +} +.dark .ace_progress div { + background-image: linear-gradient(to right, rgba(113, 170, 12, 0) 0%, #71aa0c 100%); +} +.ace_link_marker { + position: absolute; + color: blue; + border-bottom: 1px dotted rgba(0, 0, 0, 0.4); + z-index: 20; + cursor: pointer; + margin-top: -1px; +} +.dark .ace_link_marker { + border-bottom: 1px dotted rgba(255, 255, 255, 0.4); +} +/* @file plugins/c9.ide.openfiles/openfiles.css */ +.openfiles .ace_tree .tree-row { + height: 20px; +} +.openfiles .ace_tree .tree-row strong.close { + margin-top: 0; + width: 14px; + height: 14px; + position: relative; + right: 2px; + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + background-position: 0 0; + pointer-events: auto; + cursor: pointer; + z-index: 10; + animation: none; + display: inline-block; + vertical-align: middle; +} +.openfiles .ace_tree .tree-row span { + line-height: 17px; +} +.openfiles .ace_tree .tree-row strong.changed, +.openfiles .ace_tree .tree-row strong.saving, +.openfiles .ace_tree .tree-row strong.saved, +.openfiles .ace_tree .tree-row strong.error { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/tabsave-flat@1x.png); + background-size: 36px 9px; + background-position: 0 2px; + display: inline-block; + width: 9px; + height: 9px; + margin: -2px 2px 0 3px; + animation: none; +} +.openfiles .ace_tree .tree-row strong.changed { + background-position: 0 0; +} +.openfiles .ace_tree .tree-row strong.error { + background-position: -9px 0; +} +.openfiles .ace_tree .tree-row strong.saving { + background-position: -18px 0; +} +.openfiles .ace_tree .tree-row strong.saved { + background-position: -27px 0; +} +.openfiles .ace_tree .tree-row strong.close:hover, +.openfiles .ace_tree .tree-row strong.close:active { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/close_tab_btn_flat_light@1x.png); + background-size: 42px 28px; + background-position: -14px 0; + width: 14px; + height: 14px; + margin: 0 0 0 0; +} +.openfiles .ace_tree .toggler { + display: none; +} +.openfiles .ace_tree .group .toggler { + display: inline-block; +} +.openfiles .ace_tree .tree-row > span { + padding: -3px 2px 0 3px; +} +.openfiles { + background: #1a1b1e; + border-top: 1px solid transparent; + border-bottom: 1px solid #1c1d21; + box-sizing: border-box; + padding: 10px 0 0 0; +} +.openfiles > .filetree { + height: 100%; +} +.workspace_files.hasopenfiles .filetree.real { + border-top: 1px solid transparent; +} +.hidetree .openfiles { + border-bottom: 0; +} +.hidetree .filetree.real { + display: none; +} +/* @file plugins/c9.ide.imgeditor/style.css */ +.imgtoolbar { + padding-top: 3px; + border-bottom: 1px solid #26272c; + box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); + box-sizing: border-box; + z-index: 1000000; + background-color: #26272c; +} +.imgtoolbar .label { + color: #7d8c9b; + padding: 1px 2px 0 2px; +} +.imgtoolbar .c9-divider { + margin: 0 5px 0 8px !important; +} +.imgtoolbar .black_dropdown { + min-height: 21px !important; + max-height: 21px !important; +} +.imgtoolbar .black_dropdown .lbl { + padding: 4px 0px 5px 7px; + margin-right: 20px; +} +.imgtoolbar .black_dropdown .button { + width: 20px; +} +.imgeditor { + background: #e8e8e8; + text-align: center; + white-space: nowrap; + overflow: auto; +} +.imgeditor:after { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; +} +.imgeditor canvas { + background: url("/static/plugins/c9.ide.imgeditor/images/background.png"); + cursor: crosshair; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); + display: inline-block; + vertical-align: middle; + transform: scale(1); + transform-origin: 0 0; +} +.imgeditorrect { + cursor: crosshair; + border: 1px dotted rgba(0, 0, 0, 0.5); + background: rgba(255, 255, 255, 0.2); + position: absolute; + z-index: 100000; +} +.menu-resize { + width: 242px; + height: 238px; + padding: 20px 20px 0 20px; +} +.menu-resize-row-height { + height: 30px; + white-space: nowrap; + margin: 0 0 10px 0; +} +.menu-resize-row-height.center { + text-align: center; +} +.menu-resize-row-height > * { + display: inline-block; + vertical-align: middle; +} +.menu-resize .resize-label { + width: 70px; +} +.menu-resize .menu_divider { + margin: 20px 0 20px 0 !important; +} +/* @file plugins/c9.ide.plugins/style.css */ +.bk-window.dialog-updater .bk-content { + bottom: 0; +} +.bk-window.dialog-updater .bk-win-footer { + display: none; +} +.serviceButton { + cursor: default; +} +.serviceButton:hover, +.serviceButtonActive { + color: #1CA8DD; + text-decoration: underline; +} +.tree-row.load-error { + color: #f99145; +} +h1.pluginManagerHeader:after { + background: none; + content: "-"; +} +/* @file plugins/c9.ide.layout.classic/less/lesshat.less */ +/* @file plugins/c9.ide.theme.jett/less/overrides.less */ +/* Sonar */ +@keyframes fadeinout { + 0%, + 100% { + opacity: 0.5; + } + 50% { + opacity: 1; + } +} +@keyframes sonar { + from { + transform: scale(0); + opacity: 1; + } + to { + transform: scale(1); + opacity: 0; + } +} +/* FLASHING */ +@keyframes flash { + 0%, + 100%, + 50% { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +/* SPIN */ +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +/* Fade In Down */ +@keyframes pulseIn { + 0%, + 20%, + 40%, + 60%, + 80%, + 100% { + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + transform: scale3d(1, 1, 1); + } + 20% { + transform: scale3d(1, 1, 1); + } + 40% { + transform: scale3d(0.97, 0.97, 0.97); + } + 60% { + transform: scale3d(1, 1, 1); + } + 80% { + transform: scale3d(0.97, 0.97, 0.97); + } + 100% { + transform: scale3d(1, 1, 1); + } +} +@keyframes pulseOut { + 20% { + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + opacity: 1; + transform: scale3d(1.1, 1.1, 1.1); + } + 100% { + opacity: 0; + transform: scale3d(0.3, 0.3, 0.3); + } +} +@font-face { + font-family: 'c9'; + src: url('/static/plugins/c9.ide.theme.jett/fonts/c9.eot?zd96sh'); + src: url('/static/plugins/c9.ide.theme.jett/fonts/c9.eot?zd96sh#iefix') format('embedded-opentype'), url('/static/plugins/c9.ide.theme.jett/fonts/c9.ttf?zd96sh') format('truetype'), url('/static/plugins/c9.ide.theme.jett/fonts/c9.woff?zd96sh') format('woff'); + font-weight: normal; + font-style: normal; +} +/* Icons */ +.filetree .tree-row .toggler, +.filetree-icon.folder, +.filetree-icon:before, +.c9-menu-btn.c9btn:before, +.disconnectlabel div:before, +.errorlabel div:before, +.session_btn strong:before, +#playpause_button_icon, +#leftstep:after, +#rightstep:after, +.btnquicksearchnav.btnquicksearchnavLeft .lbl span, +.btnquicksearchnav.btnquicksearchnavRight .lbl span, +.checkbox, +.btn-preview-choice:before, +.btn-preview-choice span:before, +.frame .buttons div.min, +.ace_tree .toggler, +.bar-preferences .navigation .level1 > a:after, +.prefpanel h1:after, +.header-btn:before, +.tabsContextMenu:after, +.tabmenubtn:after, +.header-btn:after, +.memberstree .kickout, +span.chattime:before { + background: none !important; + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'c9' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* Tree min arrows */ +.frame .buttons div.min:before, +.ace_tree .toggler:before { + /* Arrow open */ + content: '\f05b'; + font-size: 9px; + line-height: 12px; + position: relative; +} +.frame .buttons div.min:before, +.memberstree.ace_tree .toggler.open:before { + top: -2px; +} +.memberstree.ace_tree .toggler:before, +.outline.ace_tree .toggler:before { + top: -1px; +} +.memberstree .tree-row { + line-height: 18px; +} +.memberstree .tree-row .root.caption { + top: 0; + font-weight: 300; + line-height: 23px; +} +.memberstree .tree-row.selected .caption, +.debugcontainer .tree-row.selected .caption, +.debugcontainer .blackdg .selected, +.blackdgDisabled .selected { + color: rgba(255, 255, 255, 0.7); +} +.frame .buttons div.min, +.ace_tree .toggler { + text-align: center; + cursor: pointer; +} +.ace_tree .toggler { + line-height: 7px; +} +.frame.frameMin .buttons div.min:before, +.ace_tree .toggler.closed:before { + /* Arrow closed */ + content: '\f05a'; +} +.ace_tree .toggler.empty:before { + content: ''; +} +.frame .title span { + line-height: 15px; +} +/* Browser icons */ +.btn-preview-choice:before { + content: '\f0c5'; + font-size: 17px; + line-height: 14px; + position: relative; + top: 3px; + left: -4px; +} +.btn-preview-choice span:before { + content: '\f05b'; + font-size: 9px; + left: -1px; + position: absolute; + line-height: 3px; +} +/* Find and replace icons */ +div.find-and-replace div.checkbox:before { + color: #7d8c9b; + line-height: 25px; + margin: 5px; + font-size: 18px; +} +.find-and-replace .dropdown-dark-glossy { + line-height: 28px; +} +div.find-and-replace .cbcontainerChecked div.checkbox:before { + color: #66AEFC; +} +.chkConsole div.checkbox:before { + content: '\f0c5'; +} +.chkWrapAround div.checkbox:before { + content: '\e916'; +} +.chkRegEx div.checkbox:before { + content: '\e91b'; +} +.chkMatchCase div.checkbox:before { + content: '\e919'; +} +.chkWholeWords div.checkbox:before { + content: '\e91a'; +} +.chkSearchSelection div.checkbox:before { + content: '\e917'; +} +.chkPreserveCase div.checkbox:before { + content: '\e918'; +} +/* Close "X" icon for tabs */ +/*.session_btn.curbtn strong:after { + content: "\f081"; + color: #fff; + position: relative; + top: -4px; + right: -2px; +} + +.session_btn.curbtn strong { + background-image: none; +}*/ +/* Time slider player icons */ +#playpause_button_icon:before { + content: "\e903"; + line-height: 33px; + padding-left: 11px; + font-size: 13px; + color: #6CC788; +} +#playpause_button_icon.pause:before { + content: "\e902"; + padding-left: 10px; + color: #fff; +} +#leftstep:after { + content: "\e904"; +} +#rightstep:after { + content: "\e914"; +} +/* Tabs icon */ +.sessiontab_title .filetree-icon:before { + position: relative; + top: 3px; + padding-right: 3px; +} +/* File icons begin */ +.filetree-icon { + background-image: none !important; +} +.filetree-icon:before { + content: "\e907"; +} +.filetree-icon.preferences:before { + content: "\f07c"; +} +.filetree-icon.searchresults:before { + content: "\e901"; +} +.filetree-icon.terminal:before { + content: "\e6a2"; +} +.filetree-icon.css:before, +.filetree-icon.scss:before, +.filetree-icon.sass:before, +.filetree-icon.less:before { + color: #71A3B7; + content: "\e64a"; +} +.filetree-icon.html:before, +.filetree-icon.htm:before { + color: #D28445; + content: "\e636"; +} +.filetree-icon.scala:before { + content: "\e637"; + color: #DE3423; +} +.filetree-icon.composer:before { + content: "\e683"; +} +.filetree-icon.bower:before { + content: "\e64d"; +} +.filetree-icon.gulp:before { + content: "\e663"; +} +.filetree-icon.grunt:before { + content: "\e64c"; +} +.filetree-icon.npm:before { + content: "\e61e"; +} +.filetree-icon.go:before { + content: "\e624"; +} +.filetree-icon.swift:before { + content: "\e655"; + color: #F05138; +} +.filetree-icon.groovy:before { + color: #6398AA; + content: "\e675"; +} +.filetree-icon.sh:before, +.filetree-icon.makefile:before, +.filetree-icon.bat:before, +.filetree-icon.bash:before { + color: #BABFC7; + content: "\f0c8"; +} +.filetree-icon.xml:before, +.filetree-icon.cfm:before, +.filetree-icon.rhtml:before, +.filetree-icon.smarty:before, +.filetree-icon.jsp:before, +.filetree-icon.twig:before { + color: #D77676; + content: "\f010"; +} +.filetree-icon.php:before, +.filetree-icon.inc:before, +.filetree-icon.php5:before { + color: #8892BF; + content: "\e63d"; +} +.filetree-icon.ejs:before, +.filetree-icon.sjs:before, +.filetree-icon.js:before { + content: "\e64e"; +} +.filetree-icon.js:before { + color: #F6C076; +} +/* Microsoft */ +.filetree-icon.vbs:before, +.filetree-icon.cs:before { + content: "\e60c"; +} +.filetree-icon.hs:before { + content: "\e677"; + color: #999999; +} +.filetree-icon.json:before { + color: #F6C076; + content: "{}"; +} +.filetree-icon.py:before { + color: #F4BF75; + content: "\e63c"; +} +.filetree-icon.sql:before, +.filetree-icon.sqlserver:before, +.filetree-icon.pgsql:before { + content: "\f096"; +} +.filetree-icon.pdf:before { + content: "\e908"; +} +.filetree-icon.eot:before, +.filetree-icon.ttf:before, +.filetree-icon.woff:before { + content: "\e915"; +} +.filetree-icon.dockerfile:before { + content: "\e6b0"; + color: #3498db; +} +.filetree-icon.pl:before { + content: "\e669"; + color: #4E5D84; +} +.filetree-icon.zip:before, +.filetree-icon.tar:before, +.filetree-icon.gz:before { + content: "\f013"; +} +.filetree-icon.clj:before { + color: #43D06B; + content: "\e66a"; +} +.filetree-icon.ru:before, +.filetree-icon.erb:before, +.filetree-icon.rb:before { + color: #D14748; + content: "\e691"; +} +.filetree-icon.coffee:before { + color: #AB7558; + content: "\e651"; +} +.filetree-icon.java:before { + color: #EA8222; + content: "\e638"; +} +.filetree-icon.md:before { + color: #A8BB80; + content: "\e63e"; +} +.filetree-icon.mysql:before { + content: "\e604"; +} +.filetree-icon.jpg:before, +.filetree-icon.svg:before, +.filetree-icon.jpeg:before, +.filetree-icon.png:before, +.filetree-icon.gif:before, +.filetree-icon.bmp:before { + content: "\f012"; +} +.filetree .tree-row .toggler.open:before { + content: "\e90c"; + font-size: 0.8rem; +} +.filetree .tree-row .toggler.closed:before { + content: "\e90a"; + font-size: 0.8rem; +} +.filetree-icon { + font-size: 16px; + width: 16px; + height: 16px; + line-height: 18px !important; +} +.filetree-icon.folder:before { + content: "\e90e"; + opacity: 0.3; +} +.filetree .tree-row .toggler { + width: 12px; + height: 25px; +} +.filetree .tree-row > span { + margin-right: 4px; + line-height: 27px; +} +.filetree .loading .filetree-icon:before { + content: "\e913"; + animation: flash 2s ease infinite; +} +div.navigate-list span.filetree-icon:before { + padding-right: 5px; +} +div.navigate-list small { + color: #7d8c9b; +} +/* Panel Icons */ +.panelsbutton.workspace, +.panelsbutton.navigate, +.panelsbutton.commands, +.panelsbutton.changes, +.panelsbutton.outline, +.panelsbutton.debugger, +.panelsbutton.collab { + font-size: 0px !important; + transform: rotate(-90deg); + font-family: 'c9' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; + border-radius: 50%; + width: 15px; + text-align: center; +} +.panelsbutton.workspace:after, +.panelsbutton.navigate:after, +.panelsbutton.commands:after, +.panelsbutton.changes:after, +.panelsbutton.outline:after, +.panelsbutton.debugger:after, +.panelsbutton.collab:after { + font-size: 15px; +} +.panelsbutton.workspace:after { + content: "\f017"; +} +.panelsbutton.navigate:after { + content: "\f02e"; +} +.panelsbutton.commands:after { + content: "\e909"; +} +.panelsbutton.changes:after { + content: "\e602"; +} +.panelsbutton.outline:after { + content: "\e90f"; +} +.panelsbutton.debugger:after { + content: "\e910"; +} +.panelsbutton.collab:after { + content: "\f04f"; +} +/* Panel button effects */ +.panelsbutton.panelsbuttonBool:before { + pointer-events: none; + position: absolute; + width: 90%; + height: 90%; + border-radius: 50%; + content: ''; + box-sizing: content-box; + top: -2px; + left: 0px; + padding: 2px; + z-index: -1; + background: #fff; + transition: transform .2s, opacity .3s; + transform: scale(1.3); + opacity: 0; +} +.panelsbutton.panelsbuttonBool:hover:before, +.panelsbutton.panelsbuttonDown:before { + transform: scale(1); + opacity: 0.075; +} +.changes > .c9-menu-btnDown, +.changes > .splitbutton div.c9-menu-btnDown:first-child { + height: 39px; +} +/* Menu Cloud 9 Icon */ +.c9-menu-btn.c9btn { + font-size: 0px !important; + padding: 4px 9px 9px 9px !important; + z-index: inherit; + line-height: 28px; +} +.c9-menu-btn.c9btn:before { + font-size: 30px; + content: "\e69f"; + line-height: 30px; +} +.c9-menu-btnDown.c9btn { + border: 0 !important; +} +/* Menu hover animate bottom border */ +.c9-menu-bar .c9-menu-btn:after { + content: ""; + position: absolute; + width: 100%; + height: 1px; + bottom: 0; + left: 0; + background-color: #fff; + visibility: hidden; + transform: scaleX(0); + transition: all 0.3s ease-in-out 0s; +} +.c9-menu-bar .c9-menu-btnOver:after { + visibility: visible; + transform: scaleX(1); +} +/* Active table close "x" */ +/*.session_btn strong:before { + content: '\f081'; + position: relative; + top: -3px; + font-size: 11px; + color: @compliment1; + display: inline-block; + line-height: 1; +}*/ +/* Alert dialogs */ +.disconnectlabel div:before, +.errorlabel div:before { + padding-left: 10px; + float: left; +} +.errorlabel u.close { + top: 12px; +} +.disconnectlabel div:before, +.errorlabel div:before { + content: "\e900"; + font-size: 22px; + line-height: 16px; +} +.disconnectlabel div, +.errorlabel div { + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); + border-radius: 3px; + font-size: 12px; +} +.disconnectlabel.anim, +.errorlabel.anim { + transition: inherit; + animation: pulseIn 0.5s ease; +} +/* Find and replace bar */ +.btnquicksearchnav.btnquicksearchnavLeft .lbl span:before, +.btnquicksearchnav.btnquicksearchnavRight .lbl span:before { + font-size: 21px; + margin-left: 4px; + margin-top: 1px; + color: #a1a9ba; +} +.btnquicksearchnav { + margin-top: 1px; +} +.btnquicksearchnav.btnquicksearchnavLeft .lbl span:before { + content: "\e90b"; +} +.btnquicksearchnav.btnquicksearchnavRight .lbl span:before { + content: "\e90a"; +} +/* Icons End */ +.c9-toolbarbutton-glossyDown.runbtn { + background: transparent !important; +} +.bartools .c9-toolbarbutton-glossy { + height: 100%; + border-radius: 0; + border: 0; + padding: 0 9px; +} +.bartools .c9-toolbarbutton-glossy > div { + line-height: 42px; +} +.bartools .c9-toolbarbutton-glossyIcon { + padding-left: 16px; +} +.bartools .c9-toolbarbutton-glossyIcon .c9-icon { + margin-left: 10px; + top: 11px; +} +.bartools .c9-toolbarbutton-glossyOver { + border: 0; + background: #18181b; +} +.bartools .c9-toolbarbutton-glossymenuDown { + background-color: #ffffff; + box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.29); + border: 1px solid #dedede; + border-width: 0 1px; + padding: 0 8px 0 8px; + z-index: 1000000; +} +.btnName { + margin-right: 0px !important; + padding-left: 33px !important; +} +.c9-menu-btnDown:not(.c9-menu-btnmenuDown) { + box-shadow: none; + border: 0; + padding-left: 9px; + padding-right: 9px; +} +.toolbar-top .c9-divider { + height: 32px; + margin-top: -1px !important; +} +.toolbar-top.bottom .c9-divider { + display: none; +} +.previewbar .hbox { + left: 39px !important; +} +.previewbar .c9-toolbarbutton-glossy { + height: 30px !important; + box-sizing: border-box; + min-width: 30px !important; +} +.previewbar .locationbar, +.previewbar .hbox .c9-toolbarbutton-glossy { + margin: 0px 5px 0px 0 !important; +} +.previewbar .hbox .c9-toolbarbutton-glossy:last-child { + margin: 0 !important; +} +.previewbar .c9-toolbarbutton-glossy .c9-icon { + top: 1px; + left: 3px; +} +.previewbar .searchbox.tb_console .sbtb_middle { + padding-left: 10px; + height: 23px; + line-height: 22px; +} +.btn-preview-choice { + line-height: 22px; + height: 24px; + background-position: 5px 5px; + padding-left: 14px; + border: none; + color: #A7ADB8; + background-image: none !important; + left: -1px; +} +.btn-preview-choice span { + top: 12px; +} +.btn-default-css3 { + height: 30px; + width: auto; + white-space: nowrap; +} +.btn-default-css3Disabled { + opacity: 0.5; +} +.filesave-inner-padding .btn-default-css3 { + width: auto !important; +} +.btn-default-css3 .caption { + line-height: 30px; +} +.output .c9-toolbarbutton-glossyIcon.runbtn { + width: 69px !important; + min-width: 69px !important; +} +.output .c9-toolbarbutton-glossyIcon.restart, +.output .c9-toolbarbutton-glossyIcon.bug { + min-width: 30px !important; +} +.output .toolbar .tbsimple { + height: 23px; + opacity: 0.6; +} +.output .c9-toolbarbutton-glossy.cwd { + min-width: 53px !important; +} +.output .c9-toolbarbutton-glossy.env { + min-width: 48px !important; +} +.output .c9-toolbarbutton-glossyIcon.restart .c9-icon { + left: 5px; + top: 5px; +} +.output .c9-toolbarbutton-glossyIcon.bug .c9-icon { + left: 4px; +} +.output .c9-toolbarbutton-glossy { + height: 27px !important; + margin-top: -4px !important; + margin-left: -4px !important; +} +.output .c9-toolbarbutton-glossyIcon .c9-icon { + left: 7px; + top: 4px; +} +.output .c9-toolbarbutton-glossy .c9-label { + padding: 3px 6px 3px 10px; +} +.c9-toolbarbutton-glossy .c9-label { + line-height: 22px; +} +.output .c9-toolbarbutton-glossyIcon .c9-label { + padding: 3px 3px 0 35px; +} +.output .toolbar .c9-toolbarbutton-glossyOver { + border: 1px solid #c2c8ca !important; + background: rgba(255, 255, 255, 0.4) !important; +} +.output .toolbar .c9-toolbarbutton-glossyDown { + border: 1px solid #c2c8ca !important; + background: rgba(255, 255, 255, 0.2) !important; +} +.output .c9-toolbarbutton-glossy:last-child { + margin-right: 0; +} +.envcontainer { + border-radius: 4px; + box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08); + margin-top: 2px; + margin-left: 1px; +} +.envcontainer .blackdg { + border-top: 0 !important; +} +.black_dropdownDown { + background: transparent; +} +.blackdg .ace_wrapper { + z-index: 100000; + padding: 3px 0 0 5px; + background: white; + box-sizing: border-box; + overflow: hidden; +} +.keybindings .blackdg .ace_wrapper { + height: 24px !important; + background-color: #efefef; + padding-left: 4px; +} +.keybindings .blackdg .ace_wrapper .ace_editor { + height: 24px !important; + margin-top: -1px !important; +} +.console > .hbox > .console_close_btn { + width: 26px !important; + height: 23px !important; + margin: 16px -4px 0px 3px !important; + box-sizing: border-box; +} +.console > .hbox > .divider_console { + display: none; +} +.console > .hbox > .btn_console { + margin: 10px 0px 0px 0px !important; + border-radius: 0; + width: 26px !important; + height: 25px !important; + cursor: pointer; +} +.console > .hbox > .btn_consoleOver { + background: #18181b; + border: 1px solid transparent; +} +.console > .hbox > .btn_console div { + margin: 5px 0 0 3px; +} +.console > .hbox > .btn_consoleDown { + border: 1px solid transparent; + box-shadow: none; + background: #18181b; +} +.c9-toolbarbutton-glossyDisabled.light .c9-icon { + opacity: 0.6; +} +.rbcontainer.themepicker { + border-radius: 4px; +} +.rbcontainer.themepicker div { + box-shadow: none; +} +.rbcontainer.themepicker.rbcontainerSelected div:after { + border: 3px solid #D8D8D8; + border-radius: 8px; +} +.ace_scroller.ace_scroll-left > .scroll_shadow { + box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.2) inset !important; +} +.bar-preferences .blackdg .ace_tree-editor { + box-shadow: none; + color: #333; + text-shadow: none; + background: #efefef; +} +.bar-preferences .basic.container { + box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); +} +.bar-preferences .blackdg .tree-row { + line-height: 18px; +} +.c9-toolbarbutton-glossy.saving .c9-label, +.c9-toolbarbutton-glossy.saved .c9-label { + line-height: inherit; + padding: 4px 0 0 0; + font-size: 0px; + width: 25px; +} +.c9-toolbarbutton-glossy.saved .c9-label:before { + font-family: c9; + content: '\e91c'; + font-size: 17px; + line-height: 32px; + color: #7d8c9b; + animation: sonar 2s ease-out forwards; +} +.c9-toolbarbutton-glossy.saving .c9-icon, +.c9-toolbarbutton-glossy.saved .c9-icon { + display: none; +} +.session_btn.btnclose .tab_middle .sessiontab_title { + margin-right: 6px; + margin-left: -1px; + position: relative; + z-index: 1000; + color: #7d8c9b !important; +} +.session_btn.btnclose.running .tab_middle .sessiontab_title { + margin-right: 7px; +} +.session_btn strong { + margin-right: -1px; +} +.cbcontainerFocus span { + padding: 1px 2px 1px 3px; + border: 1px dotted #dcdfe5; + margin-left: 4px; + margin-top: 2px; +} +.grouped_checkbox_holder.mount { + background: #FAFAFA; + border-radius: 4px; + border: 1px solid #DEDEDE; +} +.grouped_checkbox_holder.mount .cbcontainer { + margin-left: 1px !important; +} +.grouped_checkbox_holder.mount .cbcontainerFocus span { + border: 0; + margin-left: 0; +} +.grouped_checkbox_holder.mount .cbcontainer:first-child { + border-radius: 3px 0 0 3px; +} +.grouped_checkbox_holder.mount .cbcontainer:last-child { + border-radius: 0 3px 3px 0; +} +.grouped_checkbox_holder.mount .cbcontainerDown, +.grouped_checkbox_holder.mount .cbcontainerChecked { + background: #63acff; + box-shadow: none; + margin: -1px !important; + position: relative; + top: 0px; + padding: 2px 0 1px 0; + height: 27px !important; +} +.grouped_checkbox_holder.mount .cbcontainer span { + color: #333 !important; +} +.has_apf .grouped_checkbox_holder.mount .cbcontainerOver:not(.cbcontainerChecked), +.has_apf .grouped_checkbox_holder.mount .cbcontainerFocus:not(.cbcontainerChecked) { + background: #fff; + border-radius: 0 3px 3px 0; + top: 0; + position: relative; + margin-left: 1px !important; + padding: 1px 0 0 0; + box-shadow: none !important; +} +.has_apf .grouped_checkbox_holder.mount .cbcontainerDown span, +.has_apf .grouped_checkbox_holder.mount .cbcontainerChecked span { + color: white !important; +} +.immediate .ace_lineWidgetContainer > div { + border-top: 0 !important; + border-bottom: 0; +} +.filetree .tree-row > span.caption { + margin-left: 0px; +} +.filetree .tree-row.heading > span.caption { + margin-left: 0; +} +.toolbar-top.basic .c9-menu-btnDown.scripts { + border: 0; +} +.blackdg .dbgVarIcon { + background-position: 0 -1px; +} +.language_highlight_occurrence_other, +.language_highlight_occurrence_main { + border-color: #ADADAD; +} +.welcome .label { + padding: 5px 2px; +} +.c9-menu-bar .c9-mbar-cont .c9-divider-double.extrasdivider { + display: none; +} +.c9-toolbarbutton-glossy .c9-icon { + height: 19px; +} +.bk-window.relative, +.bk-window2.relative { + box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important; + animation: pulseIn 0.4s ease; +} +.bk-window .searchbox .sbtb_middle .input { + top: 2px; + left: 5px; +} +.bk-window .searchbox.tb_console .sbtb_middle { + min-height: 21px; +} +.reportabug { + width: 378px !important; +} +.reportabug .bk-container { + padding: 10px; +} +.reportabug #form > .hbox:first-child { + padding-bottom: 14px !important; +} +.output .c9-divider { + display: none; +} +#fileUploadSelect { + top: 300px; + left: 99px; + width: 181px; + height: 24px; +} +#fileUploadSelect.uploadWithFolders { + left: 118px; + width: 120px; + height: 30px; +} +#folderUploadSelect { + top: 300px; + left: 243px; + width: 120px; + height: 30px; +} +.editor_tab.morepadding .btnsesssioncontainer { + padding-right: 0; +} +.c9terminal .c9terminalcontainer .terminal, +.c9terminal .c9terminalcontainer { + background: #111 !important; + color: #f5f5f5 !important; +} +.c9terminal .c9terminalcontainer .ace_selection { + background: #343d46!important; +} +.codeditorHolder .editor_tab { + border: 1px solid #4c4e57; + border-radius: 4px; + overflow: auto; +} +.console .firstbtn { + border-left: none !important; +} +.ace_tree.ace_tree_focus .selected .extrainfo { + color: #FFFFFF; + -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; +} +.ace_tree { + font-size: 11px; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; +} +.loading-spinner { + background-repeat: no-repeat; + background-image: url(/static/plugins/c9.ide.layout.classic/images/tab-save-spinner-active_flat_light@1x.png); + background-size: 336px 14px; + animation: loading-24-spinner 1.2s steps(24) infinite !important; +} +.navigate-list .item { + border-bottom: rgba(255, 255, 255, 0.05) 1px solid; +} +.searchresults .item { + padding: 5px 3px 1px 5px; + border-radius: 0px; +} +.searchresults .item .path { + font-weight: 300; +} +.searchresults .item .keys { + background: rgba(52, 54, 60, 0.5) !important; + padding: 3px; + border-radius: 3px; + border: 1px solid #34363c; + color: #fff; +} +body, +.searchresults .item > span { + font-weight: 300 !important; +} +.ace_tree .tree-row .checkbox { + outline: 1px solid rgba(0, 0, 0, 0.16); + background: white; + width: 13px; + height: 13px; + margin: -2px 5px 0 0px; + display: inline-block; + vertical-align: middle; + pointer-events: auto; +} +.ace_tree .tree-row .checkbox.checked { + background-position: -2px -2px; +} +.ace_tree .tree-row .checkbox.half-checked { + background-color: #DDDDDD; + background-position: -2px -2px; +} +.outline.ace_tree .ace_tree_cell-layer > div > span { + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + line-height: 11px; + font-weight: 300; +} +.outline.ace_tree .tree-row.selected { + color: inherit; +} +.installer .execute .progress { + bottom: -44px; +} +.top-test-panel { + border-bottom: 1px solid transparent; +} +.has_apf .toolbar-top .sbtb_middle { + height: auto; + padding: 4px 25px 3px 5px; + border: 0; + margin-right: 1px; +} +.top-test-panel { + border-bottom: 1px solid #1c1d21; + box-shadow: none; +} +body .runner-form-header { + background: whitesmoke; +} +.runtestbtn .icon { + background-position: 1px 2px; + height: 22px; +} +.coverage-toolbar { + background-color: #f7f7f7; + border-bottom: 1px solid #ECECEC; + box-sizing: border-box; +} +.coverage-toolbar .label { + padding: 7px; +} +.coverage-toolbar .black_dropdown { + margin: 0 !important; + min-height: 28px !important; +} +@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) { + .listBP .checked .checkbox { + background-position: 0px -61px !important; + } + .cbblack.cbcontainerChecked .checkbox { + background-color: rgba(255, 255, 255, 0.1) !important; + } + .cbblack.cbcontainerDown .checkbox { + background-position: 0 -41px; + } + .cbblack.cbcontainerOver.cbcontainerChecked .checkbox { + background-position: 0 -81px; + } + .cbblack.cbcontainerChecked.cbcontainerDown .checkbox { + background-position: 0 -101px; + } + .cbblack.cbcontainerDisabled.cbcontainerChecked .checkbox { + background-position: 0 -142px; + } + .session_btn .tab_middle:before { + background-position: 0 -126px; + -webkit-mask-position: 0 -95px; + left: -35px; + } + .session_btn .tab_shadow:before { + left: -35px; + } + .session_btn .tab_middle:after { + background-position: -42px -126px; + -webkit-mask-position: -42px -95px; + right: -25px; + } + .dark.session_btn.curbtn .tab_middle:before, + .session_btn.curbtn .tab_middle:before { + background-position: 0 -126px; + } + .dark.session_btn.curbtn .tab_middle:before { + -webkit-mask-position: 0 -95px; + } + .dark.session_btn.curbtn .tab_middle:after, + .session_btn.curbtn .tab_middle:after { + background-position: -42px -126px; + } + .dark.session_btn.curbtn .tab_middle:after { + -webkit-mask-position: -42px -95px; + } + .session_btn.curbtn .tab_shadow:before { + background-position: 0 -123px; + } + .session_btn.curbtn .tab_shadow:after { + background-position: -42px -123px; + } + .c9-toolbarbutton-glossy .c9-icon { + height: 19px; + } + .runtestbtn .icon { + height: 21px; + } +} +/* User icons */ +.c9-mbar-cont .c9-menu-btnIcon .icon { + border: 3px solid #26272c; + background-size: 100% auto !important; + background-position: center center; +} +.c9-mbar-cont .c9-menu-btnIcon .icon:after { + content: ''; + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.8)); + border-radius: 50%; + opacity: 0.3; +} +.checkbox { + content: ""; + display: inline-block; + position: absolute; + left: 0; + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 3px; + transition: border 0.15s ease-in-out, color 0.15s ease-in-out; + background-image: none !important; +} +.debugcontainer .checkbox { + margin-left: 3px !important; +} +/* Color for debug panels begin */ +.debugcontainer .ace_tree.blackdg, +.debugcontainer .blackdg .tree-headings, +.debugcontainer .blackdg .tree-headings .tree-column { + background: #1a1b1e; + color: #7d8c9b; + border-bottom: 1px solid #18181b; + border-top: 1px solid #18181b; +} +.debugcontainer .blackdg .tree-headings { + border-bottom: #1a1b1e; +} +.debugcontainer .blackdg .newwatch { + background: #1a1b1e; +} +.debugcontainer .blackdg .ace_wrapper { + background: #151619; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.debugcontainer .blackdg .ace_tree-editor { + background: #151619; + color: #b8bac1; +} +/* Color for debug panels end */ +.cbblack.cbcontainerChecked .checkbox:before, +.listBP .checked .checkbox:before { + content: "\f03a"; + color: #6CC788; + font-size: 13px; + line-height: 17px; + font-weight: bold; +} +.panel-bar.debugcontainer .listBP .checked .checkbox:before { + margin-left: 3px; +} +.checkbox { + width: 17px; + text-align: center; +} +.detail-tree .filetree.ace_tree, +.frame.absframe > .body { + background: #1a1b1e; + border-bottom: 1px solid #18181b; + border-top: 1px solid #18181b; +} +.difftoolbar { + background: transparent !important; + box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2); + z-index: 100; + top: 4px !important; +} +.ace_diff.insert.inline:after { + background-color: rgba(108, 199, 136, 0.4) !important; +} +.ace_diff.delete.inline:after { + background-color: rgba(247, 122, 153, 0.4) !important; +} +.listBP .checkbox { + background-color: transparent !important; +} +.bar-preferences > div { + font-size: 12px; + line-height: 20px; +} +.c9-toolbarbutton-glossy { + cursor: pointer; +} +.ace_line { + -webkit-font-smoothing: subpixel-antialiased; + font-smoothing: subpixel-antialiased; +} +.bar-status > .label { + color: #fff !important; + background: transparent; + font-weight: normal; +} +/* Plugin prefs searchbox */ +.prefpanel .searchbox.tb_console .sbtb_middle { + opacity: 0.5; + min-height: 22px; +} +.searchbox.tb_console .sbtb_middle { + min-height: 20px; + padding: 3px 25px 3px 1px !important; +} +.searchTxt.tb_console.dark .sbtb_middle { + background-color: #34363c; + border-color: #34363c !important; + box-shadow: none; +} +.filetree.ace_tree { + font-size: 12px; +} +.filetree .tree-row { + line-height: 25px !important; +} +.filetree .tree-row, +.tree-row > .caption { + color: #7d8c9b; +} +.filetree .tree-row.selected, +.filetree .tree-row.selected > .caption, +.tree-row.selected > .filetree-icon { + color: #b8bac1; +} +.filetree .tree-row.selected, +.filetree .tree-row.selected.hover { + background-color: #2f3137 !important; +} +.filetree > .ace_scrollbar-v { + border-right: 0px solid #111 !important; +} +.filetree > .ace_scrollbar-inner { + border-top: 0px solid #111; +} +.c9-menu-bar .c9-mbar-cont { + border-bottom: 0 !important; + z-index: 350000; +} +.c9-menu-btn { + color: #dcdfe5 !important; + line-height: 42px; +} +.c9-menu-btnDown, +.c9-menu-btnOver { + background-color: #1c1d21 !important; + color: #dcdfe5; + border-color: #1c1d21; +} +.c9-toolbarbutton-glossy { + color: #dcdfe5 !important; +} +.panel-bar { + border-right: 0px solid #1f1f1f; + background: #1c1d21; +} +.editor_tab .btnsesssioncontainer { + border: 0px; + box-shadow: none; + left: 0; + right: 0; + top: 0; +} +.session_btn.curbtn { + background: transparent; + background-color: transparent; + border: 1px solid #4c4e57; + border-bottom: 1px solid transparent; + border-top: none; + height: 37px; +} +.session_btn.curbtn .tab_middle, +.session_btn.curbtn .tab_middle::after, +.session_btn.curbtn .tab_middle::before { + background: none !important; + border-bottom-color: none; +} +.session_btn.focus { + margin-top: none !important; + padding-top: none !important; + height: 38px !important; +} +.has_apf .session_btn strong { + margin-top: -1px !important; +} +.bar-preferences .blackdg .selected, +.bar-preferences .blackdgDisabled .selected { + color: #fff; +} +.bar-preferences .btn-default-css3 { + font-size: 0.9vw; +} +/* Expand tab titles to increase reability */ +.session_btn.curbtn.dark.running { + background: none; +} +.session_btn.over:not(.focus) { + color: #d3d4d9; +} +.focus.session_btn.curbtn .sessiontab_title { + font-weight: 300; + color: #B7BCC5 !important; + -webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto; +} +.c9-menu-btn.preferences .icon { + background: none; +} +.c9-menu-btn.preferences .icon:after { + content: "\e905"; + font-family: c9; + font-size: 22px; + line-height: 26px; + padding-left: 11px; +} +.dark.session_btn.curbtn .sessiontab_title { + color: #dcdfe5 !important; + margin-top: -1px; +} +.sessiontab_title { + color: #dcdfe5 !important; + margin-top: -1px; +} +.session_btn.curbtn:before { + display: none; +} +.session_btn.curbtn:after { + display: none; +} +.dark.session_btn.curbtn .tab_middle, +.session_btn .tab_middle, +.session_btn .tab_shadow { + background-image: none; + margin-top: 3px; +} +.session_btn { + border-left: 1px solid #1c1d21; + border-right: 1px solid #1c1d21; + border-top: 0px solid #1c1d21; + border-bottom: 0px solid #1c1d21; + margin-top: none !important; + padding-top: none !important; + transition: min-width 0.2s, background-color 0.2s; +} +.dark.session_btn.curbtn .tab_middle, +.session_btn.curbtn .tab_middle, +.dark.session_btn .tab_middle, +.session_btn .tab_middle { + line-height: 34px; + padding-top: 0px; +} +.session_btn .tab_middle:before, +.session_btn .tab_middle:after { + -webkit-mask: none !important; + mask: none !important; + display: none; +} +.session_btn .sessiontab_title { + padding: 0px; +} +.focus.session_btn.curbtn .sessiontab_title { + letter-spacing: 0px !important; +} +.editor_tab .btnsesssioncontainer .inside { + padding: 0px 6px 0 34px; + height: 38px; +} +.session_btn .tab_shadow { + display: none; +} +.session_btn strong { + content: ' '; + top: 12px; +} +.dark.session_btn.curbtn strong { + margin-top: -1px !important; +} +.session_btn.curbtn strong:after { + content: ' '; + /*background: none;*/ +} +.editor_tab .session_page { + top: 38px; +} +.ace_folding-enabled > .ace_gutter-cell { + padding-right: 10px; +} +.ace_gutter-layer .ace_gutter-cell.ace_error, +.ace_gutter-layer .ace_gutter-cell.ace_warning { + background-position: 3px center; +} +.panelsbar { + box-shadow: none !important; + margin-top: -9px; +} +.basic.left { + margin-left: 2px; + padding-right: 1px; +} +.basic.right { + margin-right: 3px; + padding-left: 3px; +} +.right .panelsbar { + padding-top: 2px; +} +.right .panel-bar { + margin-right: 4px; +} +.left .panel-bar { + margin-left: 5px; +} +.vsplitbox.colMain { + margin-left: 5px; + margin-right: 6px; +} +.panelsbutton { + color: #dcdfe5 !important; + font-size: 11px; + line-height: 12px; + font-weight: normal; + text-shadow: none; + background: transparent !important; + margin-top: -2px; + border-color: transparent !important; +} +.panelsbutton, +.panelsbuttonDown, +.panelsbuttonDown:hover { + margin-left: 15px; +} +.panelsbuttonDown, +.panelsbuttonDown:hover { + border: 0px !important; + padding-bottom: 7px !important; + margin-right: 2px !important; +} +.panelsbuttonDown { + color: #dcdfe5 !important; + font-size: 11px; + line-height: 12px; + font-weight: normal; + text-shadow: none; +} +.debugcontainer .scroller { + background: #1c1d21; +} +.collab-bar .ace_tree_cells { + background-color: #1a1b1e; +} +.message.empty { + color: #efefef; +} +.editor_tab .btnsesssioncontainer { + font-size: 13px !important; + border-bottom: 1px solid #4c4e57; + background: #1c1d21; +} +.session_btn { + padding: 0 15px !important; + margin-right: 0px !important; +} +.session_btn.curbtn { + margin-top: 0px; +} +.listBP .message.empty { + color: #dcdfe5; +} +.memberstree .collaborator_color { + width: 1px; +} +/* Trash can icon */ +.memberstree .kickout:before { + content: '\f0d0'; + font-size: 14px; + line-height: 18px; + color: rgba(220, 223, 229, 0.7); +} +.memberstree .kickout:hover:before { + color: #f44455; +} +.access_control.rw .writebutton, +.access_control.r .readbutton, +.access_control.disabled .readbutton, +.access_control.disabled .writebutton { + line-height: 11px; + margin-left: -2px; +} +.access_control { + border-radius: 2px; + border: 1px solid rgba(255, 255, 255, 0.1); +} +.access_control.rw .readbutton { + margin: -3px 1px 0 -3px; + padding-left: 2px; +} +.access_control.r .writebutton { + margin: -4px -1px 0 -3px; + line-height: 18px; +} +.notificationstree .btn-default-css3 .caption { + line-height: 10px; +} +.notificationstree .btn-default-css3 { + height: 18px; + border-radius: 2px; +} +.notificationstree .tree-row .body > .caption { + font-weight: normal; +} +/* Process Dialog Begin */ +.hbox.dialog-buttons .searchTxt.tb_console .sbtb_middle { + background-color: #fff; + border: 1px solid; + color: #333; +} +/* Chatbox begin */ +.chatText { + flex: 1; + overflow-x: hidden; +} +#chatCounter { + display: none; +} +span.chattime:before { + content: '\e913'; + padding-right: 3px; + font-size: 11px; + position: relative; + top: 1px; +} +.chatContainer { + padding-top: 5px; +} +.chatContainer .searchTxt.tb_console .sbtb_middle { + position: relative; + box-shadow: inset 0 0 2px 0px #151619; + border: 1px solid #2f3137; + border-radius: 3px; + margin: 5px; + background: rgba(255, 255, 255, 0.025); +} +.chatText .chatmessage, +.chatText .authorName { + display: inline-table; +} +.chatText .chatmessage { + margin-left: 5px; + background: #0B93F6; + padding: 5px 5px 0px 5px; + border-radius: 5px; + text-align: left; +} +.chatText p.you { + text-align: left; +} +@keyframes expand { + from { + transform: scale(0); + opacity: 0; + background: #5470B0; + } +} +.chatText p { + text-align: right; + animation: expand 0.5s cubic-bezier(0.005, 0.95, 0.135, 1.205); +} +span.chatmessage:after { + content: ''; + right: 11px; + border-left: 7px solid dodgerblue; + z-index: 1; + display: block; + width: 6px; + height: 5px; + position: relative; + bottom: 0; + border-bottom-left-radius: 100%; + top: 0px; + transform: scaleX(-1); +} +.chatText .chattime { + position: static; + line-height: 21px; + display: block; +} +.chatText .authorName b { + font-weight: 300; + font-size: 12px; +} +.chatText .authorName { + vertical-align: bottom; +} +.chatContainer .searchTxt.tb_console .sbtb_middle:before { + bottom: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.chatContainer .searchTxt.tb_textboxInitial .sbtb_middle .input { + margin-top: 2px; +} +.searchTxt.tb_textboxInitial .sbtb_middle .input { + font-weight: 300; +} +/* Chatbox end */ +.searchTxt.tb_textboxInitial.dark .sbtb_middle .input { + color: #b8bac1 !important; +} +.dropdown-dark-glossy .label { + line-height: 25px; + vertical-align: middle; +} +#divSearchCount { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: 700; + line-height: 1; + color: #fff !important; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + height: initial; + margin-top: 3px; +} +/* Favorites heading */ +.heading.tree-row span.caption, +.frame > .title { + text-transform: uppercase; +} +.heading.tree-row span.caption, +.frame > .title { + font-size: 11px; +} +.bar-preferences .navigation .level1.active > a, +.bar-preferences .navigation .current a { + border-left: 2px solid #1ca8dd !important; + margin-left: 2px; +} +.bar-preferences .navigation .level2 > span { + font-size: 11px; +} +.bar-preferences .navigation .level1 > a, +.bar-preferences .navigation .level2 > a { + margin-left: 4px; +} +.bar-preferences .navigation a:hover { + color: #fff; +} +.bar-preferences .navigation a { + padding-left: 20px; +} +.bar-preferences .navigation .level1 > a { + font-size: 13px; + text-transform: none; + font-weight: 300; +} +.bar-preferences .navigation .level3 a:hover { + border-radius: 0; +} +.bar-preferences .navigation { + padding-left: 1px; +} +.bar-preferences .navigation .level3.current > a { + margin-left: -5px; + padding-left: 15px; +} +.bar-preferences .navigation .level3.current > a { + margin-left: -5px; + padding-left: 15px; +} +.bar-preferences .navigation blockquote { + padding: 0 0 0 0; +} +.bar-preferences .navigation .level1 > blockquote { + padding-left: 30px; + margin: 0 10px 0 0; +} +.bar-preferences .container .header { + border-radius: 3px; +} +/* Correct toggle arrow position */ +.frame .buttons div.min { + margin: 3px 4px 0 2px; +} +#divSearchCount[style="color: red;"] { + background-color: #EE686A; +} +#divSearchCount[style="color: blue;"] { + background-color: #1c8ed7; +} +.find-and-replace .ace-tm .ace_cursor, +.ace-tm .ace_cursor { + color: #b8bac1 !important; +} +.input.ace_editor.ace-tm.ace_one-line { + top: 1px; + left: 5px; +} +/* collab notifications bubble */ +.panelsbutton.collab .newnotifs, +.ace_tree, +.filetree.ace_tree { + transform: none; + font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; +} +.notificationstree .tree-row.odd { + background: rgba(0, 0, 0, 0.075) !important; + border-top: rgba(255, 255, 255, 0.05) 1px solid; + border-bottom: rgba(255, 255, 255, 0.05) 1px solid; +} +/* select color */ +.ace_searchbox .ace-tm .ace_marker-layer .ace_selection { + background: #34363c !important; +} +.has_apf .searchTxt.tb_console.ace_searchboxDisabled .sbtb_middle, +.blackbuttonDisabled { + opacity: .4; + box-shadow: none; +} +.ace-tm .ace_marker-layer .ace_selection { + background: #4F5B66; +} +.filetree .ace-tm .ace_marker-layer .ace_selection { + background: #b5d5ff; +} +/* Spinner */ +.spinner { + border-radius: 3px !important; + background: transparent !important; + border-color: #34363c; +} +.spinner .buttons .plus:hover { + background: rgba(52, 60, 75, 0.1) !important; +} +.spinner .buttons .minus:hover { + background: rgba(52, 60, 75, 0.1) !important; +} +.spinner .buttons .minus { + border-right: 1px solid rgba(52, 60, 75, 0.1) !important; + border-radius: 3px 0 0 3px !important; +} +.spinner .buttons .plus { + border-left: 1px solid rgba(52, 60, 75, 0.1) !important; + border-radius: 0 3px 3px 0 !important; +} +.c9menu { + font-weight: normal; +} +.c9menu .spinner { + background: #faf9f9 !important; + border-color: #e7e9ed; +} +.c9menu .spinner .divfix input { + color: #1c1d21; +} +/* Colorbox */ +.tbcolor { + border-radius: 2px !important; + background: rgba(255, 255, 255, 0.075) !important; + border-color: rgba(255, 255, 255, 0.075); +} +/* cboffline */ +.cboffline { + background: #f44455; + border: none; + border-radius: 24px; + height: 25px !important; + width: 45px !important; + transition: background-color 0.4s ease-in-out; +} +.cboffline.cbofflineChecked:before { + content: "\f03a"; + font-family: 'c9'; + font-size: 12px; + line-height: 26px; + left: 8px; + position: absolute; + color: #fff; +} +.cboffline:before { + content: "\f081"; + font-family: 'c9'; + font-size: 12px; + line-height: 27px; + left: 27px; + position: absolute; + color: #fff; +} +.cboffline:after { + width: 19px; + height: 19px; + border-radius: 19px; + border: none !important; + margin: 3px 3px 0 3px; +} +.cbofflineChecked { + background: #6CC788; +} +/* Tabs */ +.session_btn .sessiontab_title { + text-overflow: ellipsis; +} +/* Context menu for tabs */ +.tabsContextMenu:after, +.tabmenubtn:after { + content: '\f05e' !important; + font-size: 13px !important; + top: -22px; + left: 7px; +} +.header-btn { + background: none !important; +} +.header-btn:before { + content: '\e905'; + color: #fff; + opacity: 0.4; + font-size: 15px; +} +.header-btn:after { + content: '\f05b'; + color: #fff; + font-size: 8px; + top: -3px; + position: relative; + left: 3px; + opacity: .4; +} +.tabmenubtn:after { + position: relative; + top: 3px; + left: 3px; + color: #4c4e57; +} +.c9-simple-btnOver.tabmenubtn:after, +.header-btnOver.header-btn:before { + color: #dcdfe5; +} +.prefpanel h1:after { + content: "\e905"; + font-size: 30px; +} +.prefpanel .intro p { + font-size: 13px; + line-height: 24px; +} +.prefpanel h1 { + font-size: 25px; +} +.tabsContextMenu:before { + left: -1px; +} +/* File tree */ +.outline .tree-row.selected > .caption { + color: #fff !important; +} +.filetree .tree-row.hover { + background-color: transparent !important; +} +.tree-row.selected.hover > .caption, +.tree-row.hover > .caption, +.tree-row.selected.hover > .filetree-icon.folder { + color: #fff; +} +.filetree.ace_tree_focus .tree-row.selected { + background: #3e81c7; +} +/* Git graph */ +.ace_tree_layer.gitGraph g { + stroke: #dcdfe5; + stroke-width: 1; +} +/* Time-slider */ +#slide-bar-bar { + height: 1px; + top: 28px; +} +#ui-slider-progress { + top: 30px; +} +/* Saved green circle pulse */ +.has_apf .session_btn strong:before { + background: transparent; + border: 3px solid #FFF; + content: ""; + height: 24px; + left: -8px; + filter: alpha(opacity=0); + opacity: 0; + position: absolute; + top: -8px; + width: 24px; + border-radius: 50%; + box-sizing: border-box; +} +.has_apf .console .btnsesssioncontainer .inside { + padding-left: 0px; +} +.has_apf .plus_tab_button { + top: 5px; +} +.has_apf .session_btn.saving strong:after, +.has_apf .session_btn.saved strong:after, +.has_apf .session_btn.conflict strong:after, +.has_apf .session_btn.error strong:after { + background-color: #FFCC33; + content: ""; + height: 8px; + left: 0; + position: absolute; + width: 8px; + border-radius: 50%; + box-sizing: border-box; +} +.has_apf .session_btn.saved strong:after { + background-color: #A9D96C; +} +.has_apf .session_btn.error strong:after { + background-color: #FF6261; +} +.has_apf .session_btn.conflict strong:after { + background-color: #EDB28A; +} +.has_apf .session_btn.saving strong, +.has_apf .session_btn.saved strong, +.has_apf .session_btn.conflict strong, +.has_apf .session_btn.error strong { + background: none; + margin-top: 0px !important; +} +.has_apf .session_btn.saving strong:before { + animation: sonar 2s ease-out infinite; +} +.share .members { + background-color: #18181b; +} +/* Terminal cursor color */ +.c9terminalFocus .c9terminalcontainer .terminal .reverse-video { + background-color: #f81ce5; +} +.c9terminal .c9terminalcontainer .terminal .reverse-video { + outline: 1px solid #f81ce5; +} +.c9terminalcontainer.cover:after { + background: transparent; +} +.c9terminalcontainer.cover.bottom { + box-shadow: none; +} +.c9terminalcontainer .ace_line { + -webkit-font-smoothing: antialiased; +} +.c9terminal .c9terminalcontainer .terminal { + margin: 15px 15px 15px 9px; +} +.editor_tab .c9terminal .c9terminalcontainer { + background: #000; +} +/* Pop-up windows */ +.bk-container { + background: #1c1d21; +} +.dgLikeContaier { + box-shadow: none; +} +.session_page.curpage .codeditorHolder { + top: 14px !important; +} +/* Splitter */ +.colMain .splitter.vertical:hover, +.colMain .splitter.vertical.hover { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIUlEQVQYV2OUWXn3/5NwZUYGAoBxKCgk5AmYPEHfDgKFAF50FAuksiO+AAAAAElFTkSuQmCC); +} +.splitter.horizontal:hover, +.splitter.horizontal.hover { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJUlEQVQYV2OUWXn3PwMaeBKuzIguhiGArgDGH1WIK2TA4kQHDwBNVwQLR8eHUAAAAABJRU5ErkJggg==); +} +/* Time slider */ +#timeslider-top { + border-top: 1px solid rgba(255, 255, 255, 0.1); + width: calc(100% - 1px); + height: calc(100% - 2px); +} +/* Debugger icons */ +.debugger_buttons > .c9-menu-btnOver, +.debugger_buttons > .c9-menu-btnDown { + background: none !important; + color: #fff !important; +} +.debugger_buttons .c9-menu-btnDisabled { + opacity: 0.1; +} +.c9-menu-btnDisabled .icon:before { + animation: none !important; +} +.ace_gutter-cell.step:before, +.ace_gutter-cell.stack:before { + background: transparent; + border: 3px solid #fff; + content: ""; + height: 35px; + left: -7px; + filter: alpha(opacity=0); + opacity: 0; + position: absolute; + width: 35px; + border-radius: 50%; + box-sizing: border-box; + animation: sonar 2s ease-out infinite; + margin-top: -7px; + z-index: -1; +} +div.debugcontainer div[title="Suspend"] .icon, +div.debugcontainer div[title^="Resume ("] .icon, +div.debugcontainer div[title="Step Over (F10)"] .icon, +div.debugcontainer div[title="Step Into (F11)"] .icon, +div.debugcontainer div[title="Deactivate All Breakpoints"] .icon, +div.debugcontainer div[title="Activate All Breakpoints"] .icon, +div.debugcontainer div.pause0 .icon, +div.debugcontainer div.pause1 .icon, +div.debugcontainer div.pause2 .icon, +div.debugcontainer div[title^="Step Out ("] .icon { + font-family: c9; + background-image: none !important; + font-size: 20px; + font-weight: normal; + -webkit-font-smoothing: antialiased; + line-height: 28px; +} +div.debugcontainer div.pause0 .icon:before, +div.debugcontainer div.pause1 .icon:before, +div.debugcontainer div.pause2 .icon:before { + content: '\e925'; +} +div.debugcontainer div.pause1 .icon:before { + color: #F06767; +} +div.debugcontainer div.pause2 .icon:before { + color: #F6C076; +} +div.debugcontainer div[title="Activate All Breakpoints"] .icon:before { + content: '\e923'; +} +div.debugcontainer div[title="Deactivate All Breakpoints"] .icon:before { + content: '\e922'; +} +div.debugcontainer div[title="Suspend"] .icon:before { + content: '\e924'; +} +div.debugcontainer div[title^="Resume ("] .icon:before { + color: #1CA8DD; + content: '\e921'; + animation: fadeinout 1.5s linear infinite; +} +div.debugcontainer div[title="Step Over (F10)"] .icon:before { + content: '\e91d'; +} +div.debugcontainer div[title="Step Into (F11)"] .icon:before { + content: '\e920'; +} +div.debugcontainer div[title^="Step Out ("] .icon:before { + content: '\e91f'; +} +/* @file plugins/c9.ide.theme.jett/less/variables.less */ +.menu-button-minimized-before { + top: 7px; + left: 10px; +} +.menu-button-minimized-after { + top: -8px; + left: 10px; +} diff --git a/build/standalone/static/plugins/c9.ide.theme.jett/ace.themes/jett.css b/build/standalone/static/plugins/c9.ide.theme.jett/ace.themes/jett.css new file mode 100644 index 00000000..6fb73994 --- /dev/null +++ b/build/standalone/static/plugins/c9.ide.theme.jett/ace.themes/jett.css @@ -0,0 +1,158 @@ +.ace-jett .ace_gutter { + background: #1C1D21; + color: #686b78 +} + +.ace-jett .ace_print-margin { + width: 0px; +} + +.ace-jett { + background-color: #1C1D21; + color: #cbcdd2 +} + +.ace-jett .ace_cursor { + color: #cbcdd2 +} + +.ace-jett .ace_marker-layer .ace_selection { + background: #2f3137 +} + +.ace-jett.ace_multiselect .ace_selection.ace_start { + box-shadow: 0 0 3px 0px #1C1D21; + border-radius: 2px +} + +.ace-jett .ace_marker-layer .ace_step { + background: #212227 +} + +.ace-jett .ace_marker-layer .ace_bracket { + margin: -1px 0 0 -1px; + border: 1px solid #65737e +} + +.ace-jett .ace_marker-layer .ace_active-line { + background: #212227 +} + +.ace-jett .ace_gutter-active-line { + background-color: #212227; +} + +.ace-jett .ace_marker-layer .ace_selected-word { + border: 1px solid #4f5b66 +} + +.ace-jett .ace_fold { + background-color: #8fa1b3; + border-color: #cbcdd2 +} + +.ace-jett .ace_keyword { + color: #78bd65 +} + +.ace-jett .ace_keyword.ace_operator { + color: #eb3d54 +} + +.ace-jett .ace_keyword.ace_other.ace_unit { + color: #ef7c2a +} + +.ace-jett .ace_constant { + color: #ef7c2a +} + +.ace-jett .ace_constant.ace_numeric { + color: #ef7c2a +} + +.ace-jett .ace_constant.ace_character.ace_escape { + color: #ef7c2a +} + +.ace-jett .ace_support.ace_function { + color: #eb3d54 +} + +.ace-jett .ace_support.ace_class { + color: #ffcb6b +} + +.ace-jett .ace_support.ace_type { + color: #cbcdd2 +} + +.ace-jett .ace_storage { + color: #78bd65 +} + +.ace-jett .ace_invalid.ace_illegal { + color: #1C1D21; + background-color: #bf616a +} + +.ace-jett .ace_string { + color: #4fb4d8 +} + +.ace-jett .ace_string.ace_regexp { + color: #80CBC4 +} + +.ace-jett .ace_comment { + color: #686b78 +} + +.ace-jett .ace_variable { + color: #e5cd52 +} + +.ace-jett .ace_meta.ace_tag { + color: #eb3d54 +} + +.ace-jett .ace_meta.ace_selector { + color: #78bd65 +} + +.ace-jett .ace_entity.ace_other.ace_attribute-name { + color: #FFCB6B +} + +.ace-jett .ace_entity.ace_name.ace_function { + color: #e5cd52 +} + +.ace-jett .ace_entity.ace_name.ace_tag { + color: #ff5370 +} + +.ace-jett .ace_markup.ace_list { + color: rgba(255, 83, 112, 1.0) +} + +.ace-jett .ace_indent-guide { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAABCJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjE8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjI8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZGM6c3ViamVjdD4KICAgICAgICAgICAgPHJkZjpCYWcvPgogICAgICAgICA8L2RjOnN1YmplY3Q+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTAyLTE3VDAwOjAyOjgwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuNC4yPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoedQbwAAAAEklEQVQIHWMwsXGrZ2JgZGgAAAkvAbkhTCViAAAAAElFTkSuQmCC) right repeat-y +} + +.ace-jett .ace_diff, +.ace-jett .ace_diff.insert, +.ace-jett .ace_diff.delete { + border-color: #4f5b66 !important; + background-color: rgba(79, 91, 102, 0.5) !important; +} + +.ace-jett .ace_diff-connector { + stroke: #4f5b66; + fill: rgba(79, 91, 102, 0.6); +} + +.ace_diff-gutter.ace-jett { + background-color: #1C1D21 !important; + border-right: 1px solid #464e5e !important; +} \ No newline at end of file diff --git a/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.eot b/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.eot new file mode 100644 index 00000000..7c1a893b Binary files /dev/null and b/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.eot differ diff --git a/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.ttf b/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.ttf new file mode 100644 index 00000000..5fcb8647 Binary files /dev/null and b/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.ttf differ diff --git a/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.woff b/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.woff new file mode 100644 index 00000000..29f7749e Binary files /dev/null and b/build/standalone/static/plugins/c9.ide.theme.jett/fonts/c9.woff differ diff --git a/build/standalone/static/plugins/c9.ide.theme.jett/screenshot.png b/build/standalone/static/plugins/c9.ide.theme.jett/screenshot.png new file mode 100644 index 00000000..976f30f9 Binary files /dev/null and b/build/standalone/static/plugins/c9.ide.theme.jett/screenshot.png differ diff --git a/configs/ide/default.js b/configs/ide/default.js index 9930230e..8f248989 100644 --- a/configs/ide/default.js +++ b/configs/ide/default.js @@ -511,6 +511,8 @@ module.exports = function(options) { }, "plugins/c9.ide.theme.flat/flat-light", "plugins/c9.ide.theme.flat/flat-dark", + "plugins/c9.ide.theme.jett/plugin", + { packagePath: "plugins/c9.ide.layout.classic/preload", themePrefix: options.themePrefix, diff --git a/lib/tern/package.json b/lib/tern/package.json index 84868adb..614550b0 100644 --- a/lib/tern/package.json +++ b/lib/tern/package.json @@ -248,7 +248,7 @@ }, "homepage": "https://github.com/ternjs/tern#readme", "_id": "tern@0.16.1", - "_shasum": "1c5690edb7ae8a6639500ef84702a370308e34af", + "_shasum": "ca82304a3ac0a89f88769e01b8a10efe9fdfb7d3", "_from": "git+https://github.com/cloud9ide/tern.git#39015d544d4c00c7899fea4c95c2e5bc2720e68e", "_resolved": "git+https://github.com/cloud9ide/tern.git#39015d544d4c00c7899fea4c95c2e5bc2720e68e" } diff --git a/lib/tern_from_ts/package.json b/lib/tern_from_ts/package.json index 427d8162..c11ef282 100644 --- a/lib/tern_from_ts/package.json +++ b/lib/tern_from_ts/package.json @@ -20,7 +20,7 @@ "readme": "# tern_from_ts\n\nTern signatures extracted from typescript signatures.\n\nLicense: MIT\n\nSee also https://github.com/marijnh/tern and https://github.com/borisyankov/DefinitelyTyped\n", "readmeFilename": "README.md", "_id": "tern_from_ts@0.0.1", - "_shasum": "8f3b5dcda416f0ce0aa4f0d40e7b9e73486717a8", + "_shasum": "18540143e46c52ed10041cd6bbcc2b747836e4a4", "_from": "git+https://github.com/cloud9ide/tern_from_ts.git#66df507986bbdd63f3bc4f0c53edb39169ce4f1c", "_resolved": "git+https://github.com/cloud9ide/tern_from_ts.git#66df507986bbdd63f3bc4f0c53edb39169ce4f1c" } diff --git a/node_modules/nak/package.json b/node_modules/nak/package.json index 1677198a..c3449f91 100644 --- a/node_modules/nak/package.json +++ b/node_modules/nak/package.json @@ -52,7 +52,7 @@ }, "homepage": "https://github.com/gjtorikian/nak#readme", "_id": "nak@0.3.3", - "_shasum": "6415140a9c824fc5bb9d516a61ecfaa0a3d93062", + "_shasum": "d3123787b1d5969aa4d29989a2d4c7d654078167", "_from": "git+https://github.com/cloud9ide/nak.git#6deef931594", "_resolved": "git+https://github.com/cloud9ide/nak.git#6deef931594787edd167040f7352e3e7533430e4" } diff --git a/node_modules/tern/package.json b/node_modules/tern/package.json index 84868adb..614550b0 100644 --- a/node_modules/tern/package.json +++ b/node_modules/tern/package.json @@ -248,7 +248,7 @@ }, "homepage": "https://github.com/ternjs/tern#readme", "_id": "tern@0.16.1", - "_shasum": "1c5690edb7ae8a6639500ef84702a370308e34af", + "_shasum": "ca82304a3ac0a89f88769e01b8a10efe9fdfb7d3", "_from": "git+https://github.com/cloud9ide/tern.git#39015d544d4c00c7899fea4c95c2e5bc2720e68e", "_resolved": "git+https://github.com/cloud9ide/tern.git#39015d544d4c00c7899fea4c95c2e5bc2720e68e" } diff --git a/node_modules/tern_from_ts/package.json b/node_modules/tern_from_ts/package.json index 427d8162..c11ef282 100644 --- a/node_modules/tern_from_ts/package.json +++ b/node_modules/tern_from_ts/package.json @@ -20,7 +20,7 @@ "readme": "# tern_from_ts\n\nTern signatures extracted from typescript signatures.\n\nLicense: MIT\n\nSee also https://github.com/marijnh/tern and https://github.com/borisyankov/DefinitelyTyped\n", "readmeFilename": "README.md", "_id": "tern_from_ts@0.0.1", - "_shasum": "8f3b5dcda416f0ce0aa4f0d40e7b9e73486717a8", + "_shasum": "18540143e46c52ed10041cd6bbcc2b747836e4a4", "_from": "git+https://github.com/cloud9ide/tern_from_ts.git#66df507986bbdd63f3bc4f0c53edb39169ce4f1c", "_resolved": "git+https://github.com/cloud9ide/tern_from_ts.git#66df507986bbdd63f3bc4f0c53edb39169ce4f1c" } diff --git a/package.json b/package.json index 6784d14c..0df2ed82 100644 --- a/package.json +++ b/package.json @@ -49,5 +49,5 @@ }, "devDependencies": {}, "licenses": [], - "revision": "39c4749d120ac27de1cb1d9f1f9ffd5f77f7feae" + "revision": "22baba1e14c2a28aa5ad149a91aed72c0f65c58b" } diff --git a/plugins/c9.ide.theme.jett/LICENSE b/plugins/c9.ide.theme.jett/LICENSE new file mode 100644 index 00000000..a0d98b61 --- /dev/null +++ b/plugins/c9.ide.theme.jett/LICENSE @@ -0,0 +1,9 @@ +MIT License + +Copyright (c) 2018 Michael Jett + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/plugins/c9.ide.theme.jett/README.md b/plugins/c9.ide.theme.jett/README.md new file mode 100644 index 00000000..3cd72678 --- /dev/null +++ b/plugins/c9.ide.theme.jett/README.md @@ -0,0 +1,73 @@ +# Cloud9 Jett Theme +### A flat theme for C9 IDE + +Give your Cloud9 instance a modern look! + +screenshot + +## Features +- Animations! +- Retina ready! +- Modern fonts! +- Updated filetype icons! + +## Compatibility + +- Tested with C9 _v3.1.1022_ +- Latest version of Chrome, Safari, Firefox + + +## Installation +1. Git clone or download this repo into `c9sdk/plugins/c9.ide.theme.jett` +2. Open `c9sdk/configs/client-default.js`. Before `return plugins;` add the following: + + ```js + { + packagePath: "plugins/c9.ide.theme.jett/plugin", + staticPrefix: staticPrefix + "/plugins/c9.ide.theme.jett" + } + ``` + + > **Note**: This plugin styles collaborative features and has a hard set dependancy on `--collab` being enabled. + +3. Open `c9sdk/configs/standalone.js`. Add the following somewhere in the config: + + ```js + { + packagePath: "./c9.ide.theme.jett/build-theme", + pathRoot: __dirname + } + ``` + +4. Run cloud9 in `--collab` mode. + + ``` + node server.js -p 8081 -a : --collab + ``` + +5. Upon launching your Cloud9 instance you should have a new color option in _Preferences > Themes > Flat Theme_. This will allow you switch this theme on/off. + +### Minification + +If you want to run cloud9 with minification turned on ( `--packed` mode ), you'll need to rebuild assets. + + ``` + scripts/makestandalone.sh --compress + ``` + +### Customize CSS + +This is a little manual at the moment. + +1. Delete the current compilation. (`rm build/compile_jett.css`) +2. Restart cloud9. The server-side plugin will detect the missing asset and rebuild it. + +## License +- MIT + +## Contributing + +Please submit a pull request through github. + +## Author +- GitHub: https://github.com/jumbojett/ diff --git a/plugins/c9.ide.theme.jett/fonts/c9.eot b/plugins/c9.ide.theme.jett/fonts/c9.eot new file mode 100644 index 00000000..7c1a893b Binary files /dev/null and b/plugins/c9.ide.theme.jett/fonts/c9.eot differ diff --git a/plugins/c9.ide.theme.jett/fonts/c9.ttf b/plugins/c9.ide.theme.jett/fonts/c9.ttf new file mode 100644 index 00000000..5fcb8647 Binary files /dev/null and b/plugins/c9.ide.theme.jett/fonts/c9.ttf differ diff --git a/plugins/c9.ide.theme.jett/fonts/c9.woff b/plugins/c9.ide.theme.jett/fonts/c9.woff new file mode 100644 index 00000000..29f7749e Binary files /dev/null and b/plugins/c9.ide.theme.jett/fonts/c9.woff differ diff --git a/plugins/c9.ide.theme.jett/package.json b/plugins/c9.ide.theme.jett/package.json new file mode 100644 index 00000000..eb4ed5a7 --- /dev/null +++ b/plugins/c9.ide.theme.jett/package.json @@ -0,0 +1,21 @@ +{ + "name": "", + "description": "", + "version": "0.0.1", + "author": "", + "contributors": [ + { + "name": "", + "email": "" + } + ], + "repository": { + "type": "git", + "url": "" + }, + "plugins": { + "build-theme": {} + }, + "categories": ["miscellaneous"], + "licenses": [] +} diff --git a/plugins/c9.ide.theme.jett/screenshot.png b/plugins/c9.ide.theme.jett/screenshot.png new file mode 100644 index 00000000..976f30f9 Binary files /dev/null and b/plugins/c9.ide.theme.jett/screenshot.png differ diff --git a/plugins/c9.static/build.js b/plugins/c9.static/build.js index a6d26cf8..ba19ebb5 100644 --- a/plugins/c9.static/build.js +++ b/plugins/c9.static/build.js @@ -132,9 +132,15 @@ function main(options, imports, register) { compileLess: true, lessLibs: [ "plugins/c9.ide.layout.classic/less/lesshat.less", - "plugins/c9.ide.layout.classic/themes/default-" + color + ".less", - "plugins/c9.ide.layout.classic/themes/" + color + ".less" - ], + ].concat( + color == "jett-dark" ? [ + "plugins/c9.ide.theme.jett/less/overrides.less", + "plugins/c9.ide.theme.jett/less/variables.less" + ] : [ + "plugins/c9.ide.layout.classic/themes/default-" + color + ".less", + "plugins/c9.ide.layout.classic/themes/" + color + ".less" + ] + ), staticPrefix: "plugins/c9.ide.layout.classic", lessLibCacheKey: color, basepath: pathConfig.root, diff --git a/plugins/c9.static/cdn.cli.js b/plugins/c9.static/cdn.cli.js index 0f782a1a..4625ff8c 100644 --- a/plugins/c9.static/cdn.cli.js +++ b/plugins/c9.static/cdn.cli.js @@ -45,7 +45,7 @@ define(function(require, exports, module) { } var skins = options.withSkins; if (skins === true || skins === "all") - skins = ["dark", "light", "dark-gray", "light-gray", "flat-light", "flat-dark"]; + skins = ["dark", "light", "dark-gray", "light-gray", "flat-light", "flat-dark", "jett-dark"]; else skins = skins ? skins.split(/,\s*/) : []; @@ -172,6 +172,7 @@ define(function(require, exports, module) { "plugins/c9.ide.ace.keymaps/vim/keymap", "plugins/c9.ide.ace.keymaps/emacs/keymap", "plugins/c9.ide.ace.keymaps/sublime/keymap", + "plugins/c9.ide.theme.jett/ace.themes/jett" ]; // FIXME: this could be resolved via pathConfig: diff --git a/plugins/node_modules/architect-build/build.js b/plugins/node_modules/architect-build/build.js index 1eda37c4..38d6151c 100644 --- a/plugins/node_modules/architect-build/build.js +++ b/plugins/node_modules/architect-build/build.js @@ -247,7 +247,7 @@ function checkImages(css, opts, cache) { var file; var count = 0; var missingCount = 0; - css = css.replace(/(url\(['"]?)(?:\/static\/)?([^"')]+)|@file (\S+)/g, function(_, prefix, imagePath, fileId) { + css = css.replace(/(url\(['"]?)(?!https?:)(?:\/static\/)?([^"')]+)|@file (\S+)/g, function(_, prefix, imagePath, fileId) { if (fileId) { file = fileId; return _; diff --git a/version b/version index 173dbca6..1aa8af0e 100644 --- a/version +++ b/version @@ -1 +1 @@ -1520308593 +1520394993