editor.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455
  1. .ace_editor {
  2. position: relative;
  3. overflow: hidden;
  4. font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
  5. direction: ltr;
  6. }
  7. .ace_scroller {
  8. position: absolute;
  9. overflow: hidden;
  10. top: 0;
  11. bottom: 0;
  12. background-color: inherit;
  13. -ms-user-select: none;
  14. -moz-user-select: none;
  15. -webkit-user-select: none;
  16. user-select: none;
  17. cursor: text;
  18. }
  19. .ace_content {
  20. position: absolute;
  21. -moz-box-sizing: border-box;
  22. -webkit-box-sizing: border-box;
  23. box-sizing: border-box;
  24. min-width: 100%;
  25. }
  26. .ace_dragging .ace_scroller:before{
  27. position: absolute;
  28. top: 0;
  29. left: 0;
  30. right: 0;
  31. bottom: 0;
  32. content: '';
  33. background: rgba(250, 250, 250, 0.01);
  34. z-index: 1000;
  35. }
  36. .ace_dragging.ace_dark .ace_scroller:before{
  37. background: rgba(0, 0, 0, 0.01);
  38. }
  39. .ace_selecting, .ace_selecting * {
  40. cursor: text !important;
  41. }
  42. .ace_gutter {
  43. position: absolute;
  44. overflow : hidden;
  45. width: auto;
  46. top: 0;
  47. bottom: 0;
  48. left: 0;
  49. cursor: default;
  50. z-index: 4;
  51. -ms-user-select: none;
  52. -moz-user-select: none;
  53. -webkit-user-select: none;
  54. user-select: none;
  55. }
  56. .ace_gutter-active-line {
  57. position: absolute;
  58. left: 0;
  59. right: 0;
  60. }
  61. .ace_scroller.ace_scroll-left {
  62. box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
  63. }
  64. .ace_gutter-cell {
  65. padding-left: 19px;
  66. padding-right: 6px;
  67. background-repeat: no-repeat;
  68. }
  69. .ace_gutter-cell.ace_error {
  70. 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==");
  71. background-repeat: no-repeat;
  72. background-position: 2px center;
  73. }
  74. .ace_gutter-cell.ace_warning {
  75. 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==");
  76. background-position: 2px center;
  77. }
  78. .ace_gutter-cell.ace_info {
  79. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAAB2k804AAAAPklEQVQY02NgIB68QuO3tiLznjAwpKTgNyDbMegwisCHZUETUZV0ZqOquBpXj2rtnpSJT1AEnnRmL2OgGgAAIKkRQap2htgAAAAASUVORK5CYII=");
  80. background-position: 2px center;
  81. }
  82. .ace_dark .ace_gutter-cell.ace_info {
  83. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC");
  84. }
  85. .ace_scrollbar {
  86. position: absolute;
  87. right: 0;
  88. bottom: 0;
  89. z-index: 6;
  90. }
  91. .ace_scrollbar-inner {
  92. position: absolute;
  93. cursor: text;
  94. left: 0;
  95. top: 0;
  96. }
  97. .ace_scrollbar-v{
  98. overflow-x: hidden;
  99. overflow-y: scroll;
  100. top: 0;
  101. }
  102. .ace_scrollbar-h {
  103. overflow-x: scroll;
  104. overflow-y: hidden;
  105. left: 0;
  106. }
  107. .ace_print-margin {
  108. position: absolute;
  109. height: 100%;
  110. }
  111. .ace_text-input {
  112. position: absolute;
  113. z-index: 0;
  114. width: 0.5em;
  115. height: 1em;
  116. opacity: 0;
  117. background: transparent;
  118. -moz-appearance: none;
  119. appearance: none;
  120. border: none;
  121. resize: none;
  122. outline: none;
  123. overflow: hidden;
  124. font: inherit;
  125. padding: 0 1px;
  126. margin: 0 -1px;
  127. text-indent: -1em;
  128. -ms-user-select: text;
  129. -moz-user-select: text;
  130. -webkit-user-select: text;
  131. user-select: text;
  132. /*with `pre-line` chrome inserts   instead of space*/
  133. white-space: pre!important;
  134. }
  135. .ace_text-input.ace_composition {
  136. background: inherit;
  137. color: inherit;
  138. z-index: 1000;
  139. opacity: 1;
  140. text-indent: 0;
  141. }
  142. .ace_layer {
  143. z-index: 1;
  144. position: absolute;
  145. overflow: hidden;
  146. /* workaround for chrome bug https://github.com/ajaxorg/ace/issues/2312*/
  147. word-wrap: normal;
  148. white-space: pre;
  149. height: 100%;
  150. width: 100%;
  151. -moz-box-sizing: border-box;
  152. -webkit-box-sizing: border-box;
  153. box-sizing: border-box;
  154. /* setting pointer-events: auto; on node under the mouse, which changes
  155. during scroll, will break mouse wheel scrolling in Safari */
  156. pointer-events: none;
  157. }
  158. .ace_gutter-layer {
  159. position: relative;
  160. width: auto;
  161. text-align: right;
  162. pointer-events: auto;
  163. }
  164. .ace_text-layer {
  165. font: inherit !important;
  166. }
  167. .ace_cjk {
  168. display: inline-block;
  169. text-align: center;
  170. }
  171. .ace_cursor-layer {
  172. z-index: 4;
  173. }
  174. .ace_cursor {
  175. z-index: 4;
  176. position: absolute;
  177. -moz-box-sizing: border-box;
  178. -webkit-box-sizing: border-box;
  179. box-sizing: border-box;
  180. border-left: 2px solid;
  181. /* workaround for smooth cursor repaintng whole screen in chrome */
  182. transform: translatez(0);
  183. }
  184. .ace_slim-cursors .ace_cursor {
  185. border-left-width: 1px;
  186. }
  187. .ace_overwrite-cursors .ace_cursor {
  188. border-left-width: 0;
  189. border-bottom: 1px solid;
  190. }
  191. .ace_hidden-cursors .ace_cursor {
  192. opacity: 0.2;
  193. }
  194. .ace_smooth-blinking .ace_cursor {
  195. -webkit-transition: opacity 0.18s;
  196. transition: opacity 0.18s;
  197. }
  198. .ace_editor.ace_multiselect .ace_cursor {
  199. border-left-width: 1px;
  200. }
  201. .ace_marker-layer .ace_step, .ace_marker-layer .ace_stack {
  202. position: absolute;
  203. z-index: 3;
  204. }
  205. .ace_marker-layer .ace_selection {
  206. position: absolute;
  207. z-index: 5;
  208. }
  209. .ace_marker-layer .ace_bracket {
  210. position: absolute;
  211. z-index: 6;
  212. }
  213. .ace_marker-layer .ace_active-line {
  214. position: absolute;
  215. z-index: 2;
  216. }
  217. .ace_marker-layer .ace_selected-word {
  218. position: absolute;
  219. z-index: 4;
  220. -moz-box-sizing: border-box;
  221. -webkit-box-sizing: border-box;
  222. box-sizing: border-box;
  223. }
  224. .ace_line .ace_fold {
  225. -moz-box-sizing: border-box;
  226. -webkit-box-sizing: border-box;
  227. box-sizing: border-box;
  228. display: inline-block;
  229. height: 11px;
  230. margin-top: -2px;
  231. vertical-align: middle;
  232. background-image:
  233. url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="),
  234. url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi+P//fxgTAwPDBxDxD078RSX+YeEyDFMCIMAAI3INmXiwf2YAAAAASUVORK5CYII=");
  235. background-repeat: no-repeat, repeat-x;
  236. background-position: center center, top left;
  237. color: transparent;
  238. border: 1px solid black;
  239. border-radius: 2px;
  240. cursor: pointer;
  241. pointer-events: auto;
  242. }
  243. .ace_dark .ace_fold {
  244. }
  245. .ace_fold:hover{
  246. background-image:
  247. url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="),
  248. url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpi+P//fz4TAwPDZxDxD5X4i5fLMEwJgAADAEPVDbjNw87ZAAAAAElFTkSuQmCC");
  249. }
  250. .ace_tooltip {
  251. background-color: #FFF;
  252. background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1));
  253. background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
  254. border: 1px solid gray;
  255. border-radius: 1px;
  256. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  257. color: black;
  258. max-width: 100%;
  259. padding: 3px 4px;
  260. position: fixed;
  261. z-index: 999999;
  262. -moz-box-sizing: border-box;
  263. -webkit-box-sizing: border-box;
  264. box-sizing: border-box;
  265. cursor: default;
  266. white-space: pre;
  267. word-wrap: break-word;
  268. line-height: normal;
  269. font-style: normal;
  270. font-weight: normal;
  271. letter-spacing: normal;
  272. pointer-events: none;
  273. }
  274. .ace_folding-enabled > .ace_gutter-cell {
  275. padding-right: 13px;
  276. }
  277. .ace_fold-widget {
  278. -moz-box-sizing: border-box;
  279. -webkit-box-sizing: border-box;
  280. box-sizing: border-box;
  281. margin: 0 -12px 0 1px;
  282. display: none;
  283. width: 11px;
  284. vertical-align: top;
  285. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42mWKsQ0AMAzC8ixLlrzQjzmBiEjp0A6WwBCSPgKAXoLkqSot7nN3yMwR7pZ32NzpKkVoDBUxKAAAAABJRU5ErkJggg==");
  286. background-repeat: no-repeat;
  287. background-position: center;
  288. border-radius: 3px;
  289. border: 1px solid transparent;
  290. cursor: pointer;
  291. }
  292. .ace_folding-enabled .ace_fold-widget {
  293. display: inline-block;
  294. }
  295. .ace_fold-widget.ace_end {
  296. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42m3HwQkAMAhD0YzsRchFKI7sAikeWkrxwScEB0nh5e7KTPWimZki4tYfVbX+MNl4pyZXejUO1QAAAABJRU5ErkJggg==");
  297. }
  298. .ace_fold-widget.ace_closed {
  299. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAOUlEQVR42jXKwQkAMAgDwKwqKD4EwQ26sSOkVWjgIIHAzPiCgaqiqnJHZnKICBERHN194O5b9vbLuAVRL+l0YWnZAAAAAElFTkSuQmCCXA==");
  300. }
  301. .ace_fold-widget:hover {
  302. border: 1px solid rgba(0, 0, 0, 0.3);
  303. background-color: rgba(255, 255, 255, 0.2);
  304. box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
  305. }
  306. .ace_fold-widget:active {
  307. border: 1px solid rgba(0, 0, 0, 0.4);
  308. background-color: rgba(0, 0, 0, 0.05);
  309. box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  310. }
  311. /**
  312. * Dark version for fold widgets
  313. */
  314. .ace_dark .ace_fold-widget {
  315. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC");
  316. }
  317. .ace_dark .ace_fold-widget.ace_end {
  318. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQIW2P4//8/AxQ7wNjIAjDMgC4AxjCVKBirIAAF0kz2rlhxpAAAAABJRU5ErkJggg==");
  319. }
  320. .ace_dark .ace_fold-widget.ace_closed {
  321. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==");
  322. }
  323. .ace_dark .ace_fold-widget:hover {
  324. box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
  325. background-color: rgba(255, 255, 255, 0.1);
  326. }
  327. .ace_dark .ace_fold-widget:active {
  328. box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
  329. }
  330. .ace_fold-widget.ace_invalid {
  331. background-color: #FFB4B4;
  332. border-color: #DE5555;
  333. }
  334. .ace_fade-fold-widgets .ace_fold-widget {
  335. -webkit-transition: opacity 0.4s ease 0.05s;
  336. transition: opacity 0.4s ease 0.05s;
  337. opacity: 0;
  338. }
  339. .ace_fade-fold-widgets:hover .ace_fold-widget {
  340. -webkit-transition: opacity 0.05s ease 0.05s;
  341. transition: opacity 0.05s ease 0.05s;
  342. opacity:1;
  343. }
  344. .ace_underline {
  345. text-decoration: underline;
  346. }
  347. .ace_bold {
  348. font-weight: bold;
  349. }
  350. .ace_nobold .ace_bold {
  351. font-weight: normal;
  352. }
  353. .ace_italic {
  354. font-style: italic;
  355. }
  356. .ace_error-marker {
  357. background-color: rgba(255, 0, 0,0.2);
  358. position: absolute;
  359. z-index: 9;
  360. }
  361. .ace_highlight-marker {
  362. background-color: rgba(255, 255, 0,0.2);
  363. position: absolute;
  364. z-index: 8;
  365. }
  366. /*
  367. styles = []
  368. for (var i = 1; i < 16; i++) {
  369. styles.push(".ace_br" + i + "{" + (
  370. ["top-left", "top-right", "bottom-right", "bottom-left"]
  371. ).map(function(x, j) {
  372. return i & (1<<j) ? "border-" + x + "-radius: 3px;" : ""
  373. }).filter(Boolean).join(" ") + "}")
  374. }
  375. styles.join("\n")
  376. */
  377. .ace_br1 {border-top-left-radius : 3px;}
  378. .ace_br2 {border-top-right-radius : 3px;}
  379. .ace_br3 {border-top-left-radius : 3px; border-top-right-radius: 3px;}
  380. .ace_br4 {border-bottom-right-radius: 3px;}
  381. .ace_br5 {border-top-left-radius : 3px; border-bottom-right-radius: 3px;}
  382. .ace_br6 {border-top-right-radius : 3px; border-bottom-right-radius: 3px;}
  383. .ace_br7 {border-top-left-radius : 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
  384. .ace_br8 {border-bottom-left-radius : 3px;}
  385. .ace_br9 {border-top-left-radius : 3px; border-bottom-left-radius: 3px;}
  386. .ace_br10{border-top-right-radius : 3px; border-bottom-left-radius: 3px;}
  387. .ace_br11{border-top-left-radius : 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px;}
  388. .ace_br12{border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
  389. .ace_br13{border-top-left-radius : 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
  390. .ace_br14{border-top-right-radius : 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
  391. .ace_br15{border-top-left-radius : 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}