c9-core/plugins/c9.ide.ace/style.less

.ace_editor {
    overflow: hidden;
}

.ace-cloud9-night{
    background: @ace-cloud9-night-background !important;
}
.ace-cloud9-night .ace_gutter{
    background: @ace-cloud9-night-gutter !important;
}
.ace-cloud9-night .ace_marker-layer .ace_active-line {
    background: @ace-cloud9-night-active-line !important;
}
.ace-cloud9-day{
    background: @ace-cloud9-day-background !important;
}
.ace-cloud9-day .ace_gutter{
    background: @ace-cloud9-day-gutter !important;
}

.ace-cloud9-day .ace_gutter-layer{
    box-shadow: @ace-gutter-shadow;
}

.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;
    /*added by js*/
    /* background: radial-gradient(at 5px 5px, rgba(240, 240, 240, 0) 5.5px, rgb(240, 240, 240) 6px);*/
    position: absolute;
    width: 6px;
    height: 6px;
}

.ace_editor .ace_printMargin {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: rgb(191, 191, 191);
}

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

/* Gutter Icons - LIGHT */

.ace_gutter-layer .ace_gutter-cell {
    background-repeat: no-repeat;
}

.ace_gutter-layer .ace_gutter-cell.ace_error {
    .image-2x(@ace-error, 16px, 16px, no-repeat);
    background-position: 3px 0px;
}
.ace_gutter-layer .ace_gutter-cell.ace_warning {
    .image-2x(@ace-warning, 16px, 16px, no-repeat);
    background-position: 3px 0px;
}
.ace_gutter-layer .ace_gutter-cell.ace_info when not (@ace-info = "") {
    .image-2x(@ace-info, 16px, 16px, no-repeat);
}
.ace_gutter-layer .ace_gutter-cell.ace_breakpoint {
    .image-2x(@ace-breakpoint, 16px, 16px, no-repeat);
    background-position: 3px center;
}
.ace_gutter-layer .ace_breakpoint.disabled {
    .image-2x(@ace-breakpoint-disabled, 16px, 16px, no-repeat);
}
.ace_gutter-layer .ace_breakpoint.condition {
    .image-2x(@ace-breakpoint-condition, 16px, 16px, no-repeat);
}
.ace_gutter-layer .ace_breakpoint.invalid {
    .image-2x(@ace-breakpoint-invalid, 16px, 16px, no-repeat);
}
.ace_gutter-layer .ace_breakpoint.disabled.condition {
    .image-2x(@ace-breakpoint-disabled-condition, 16px, 16px, no-repeat);
}
.ace_gutter-layer .ace_gutter-cell.ace_breakpoint.step {
    .image-2x(@ace-breakpoint-step, 16px, 16px, no-repeat);
    background-position: 3px center;
}
.ace_gutter-layer .ace_gutter-cell.ace_breakpoint.condition.step {
    .image-2x(@ace-breakpoint-condition-step, 16px, 16px, no-repeat);
    background-position: 3px center;
}
.ace_gutter-layer .ace_gutter-cell.step {
    .image-2x(@ace-step, 16px, 16px, no-repeat);
    background-position: 3px center;
}
.ace_gutter-layer .ace_gutter-cell.stack {
    .image-2x(@ace-stack, 16px, 16px, no-repeat);
    background-position: 3px center;
}

/* Gutter Icons - DARK */

.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_error {
    .image-2x(@ace-dark-error, 16px, 16px no-repeat);
    background-position: 3px 0px;
}
.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_warning {
    .image-2x(@ace-dark-warning, 16px, 16px no-repeat);
    background-position: 3px 0px;
}
.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_breakpoint {
    .image-2x(@ace-dark-breakpoint, 16px, 16px, no-repeat);
}
.ace_dark .ace_gutter-layer .ace_breakpoint.disabled {
    .image-2x(@ace-dark-breakpoint-disabled, 16px, 16px, no-repeat);
}
.ace_dark .ace_gutter-layer .ace_breakpoint.condition {
    /* @TODO */
    .image-2x(@ace-dark-breakpoint-condition, 16px, 16px, no-repeat);
}
.ace_dark .ace_gutter-layer .ace_breakpoint.invalid {
    .image-2x(@ace-dark-breakpoint-invalid, 16px, 16px, no-repeat);
}
.ace_dark .ace_gutter-layer .ace_breakpoint.disabled.condition {
    /* @TODO */
    .image-2x(@ace-dark-breakpoint-disabled-condition, 16px, 16px, no-repeat);
}
.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_breakpoint.step {
    .image-2x(@ace-dark-breakpoint-step, 16px, 16px, no-repeat);
}
.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_breakpoint.disabled.step {
    .image-2x(@ace-dark-breakpoint-disabled-step, 16px, 16px, no-repeat);
}
.ace_dark .ace_gutter-layer .ace_gutter-cell.ace_breakpoint.condition.step {
    /* @TODO */
    .image-2x(@ace-dark-breakpoint-condition-step, 16px, 16px, no-repeat);
    background-position: 4px center;
}
.ace_dark .ace_gutter-layer .ace_gutter-cell.step {
    .image-2x(@ace-dark-step, 16px, 16px, no-repeat);
}
.ace_dark .ace_gutter-layer .ace_gutter-cell.stack {
    /* @TODO */
    .image-2x(@ace-dark-stack, 16px, 16px, no-repeat);
    background-position: 4px center;
}

/* Themes */

.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 : @gutter-tooltip-shadow !important;
    background : @gutter-tooltip-background !important;
    border : 1px solid @gutter-tooltip-border;
    color : @gutter-tooltip-color;
    .font-smoothing(@gutter-tooltip-font-smoothing);
}
.ace_dark .ace_tooltip {
    box-shadow : @gutter-tooltip-dark-shadow !important;
    background : @gutter-tooltip-dark-background !important;
    border : 1px solid @gutter-tooltip-dark-border;
    color : @gutter-tooltip-dark-color;
    .font-smoothing(@gutter-tooltip-dark-font-smoothing);
}

.ace_progress {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    height: 1px;

    /*.gradien("~linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)");*/
    margin-top: -4px;
    z-index: -1;
}
/*.dark .ace_progress{*/
/*    .gradient(~"linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)");*/
/*}*/
.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%;
    .gradient(~"linear-gradient(to right, rgba(40, 130, 190, 0) 0%,rgba(40, 130, 190, 1) 100%)");
}
.dark .ace_progress div{
    .gradient(~"linear-gradient(to right, rgba(113,170,12,0) 0%,rgba(113,170,12,1) 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);
}