css/config/scriptEditor.less

	scriptEditor.less revision 63ceee3ff949be9e873f9109a993e7ab18eeaaab
.event-hook-window {

  .panel {
    border: none;
    margin-left: 6px;
  }
  .panel-heading {
    padding-top:0px;
    padding-bottom: 5px;
  }

  .event-hook-title {
    margin-top:0px;
  }

  .panel-body {
    padding: 0 0 0 15px;
  }

  .CodeMirror-empty {
    color:#aaa;
  }

  #scriptAccordions {
    .inline-code {
      #codemirror {
        padding: 0;
      }
      .CodeMirror {
        border: 1px solid #ddd;
      }

      #codeCollapse {
        display: none;
      }
    }

    .file-code {

    }
  }

  #scriptVariables {
    .panel-body {
      padding: 0;
    }

    #passedVariablesHolder {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      margin-bottom: 15px;

      .passed-variable-block {
        margin-top: 10px;
        margin-bottom: 10px;

        .textContainer {
          padding-right: 0;
        }
      }
    }
  }
}

/*
  Preview Pane
*/
.preview-pane {
  margin-top:15px;

  .preview-button {
    position: relative;
    bottom: 10px;
    left: 10px;
    cursor:pointer;
    opacity:.5;
    float:right;
    margin-bottom:10px;
  }

  .preview-button:hover {
    opacity:1;
    float:right;
    margin-bottom:10px;
  }

  .preview-results {
    margin-top:10px;

    pre {
      background-color:white;
    }

  }

  .script-eval-message {
    margin-top:30px;
  }
}

/**
  Styles for Script Editor base
*/
.event-hook-body {
  margin-bottom:10px;

  .event-hook-status {
    font-weight:normal;
    font-size:16px;
    padding-right:15px;
    padding-left:15px;
  }

  .icon-button {
    padding-right:5px;
    cursor:pointer;
    color:black;
  }

  .icon-button:hover {
    color:#5e887f;
  }
}