#TrivialReporter {
  padding: 8px 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;

  background-color: white;
  font-family: "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif;

  a:visited, a {
    color: #303;
  }

  a:hover, a:active {
    color: blue;
  }

  .run_spec {
    float:right;
    padding-right: 5px;
    font-size: .8em;
    text-decoration: none;
  }

  .banner {
    color: #303;
    background-color: #fef;
    padding: 5px;
  }

  .logo {
    float: left;
    font-size: 1.1em;
    padding-left: 5px;
  }

  .logo .version {
    font-size: .6em;
    padding-left: 1em;
  }

  .runner.running {
    background-color: yellow;
  }


  .options {
    text-align: right;
    font-size: .8em;
  }




  .suite {
    border: 1px outset gray;
    margin: 5px 0;
    padding-left: 1em;
  }

  .suite .suite {
    margin: 5px;
  }

  .suite.passed {
    background-color: #dfd;
  }

  .suite.failed {
    background-color: #fdd;
  }

  .spec {
    margin: 5px;
    padding-left: 1em;
    clear: both;
  }

  .spec.failed, .spec.passed, .spec.skipped {
    padding-bottom: 5px;
    border: 1px solid gray;
  }

  .spec.failed {
    background-color: #fbb;
    border-color: red;
  }

  .spec.passed {
    background-color: #bfb;
    border-color: green;
  }

  .spec.skipped {
    background-color: #bbb;
  }

  .messages {
    border-left: 1px dashed gray;
    padding-left: 1em;
    padding-right: 1em;
  }

  .passed {
    background-color: #cfc;
    display: none;
  }

  .failed {
    background-color: #fbb;
  }

  .skipped {
    color: #777;
    background-color: #eee;
    display: none;
  }


  /*.resultMessage {*/
    /*white-space: pre;*/
  /*}*/

  .resultMessage span.result {
    display: block;
    line-height: 2em;
    color: black;
  }

  .resultMessage .mismatch {
    color: black;
  }

  .stackTrace {
    white-space: pre;
    font-size: .8em;
    margin-left: 10px;
    max-height: 5em;
    overflow: auto;
    border: 1px inset red;
    padding: 1em;
    background: #eef;
  }

  .finished-at {
    padding-left: 1em;
    font-size: .6em;
  }

  &.show-passed .passed,
  &.show-skipped .skipped {
    display: block;
  }

  #jasmine_content {
    position:fixed;
    right: 100%;
  }

  .runner {
    border: 1px solid gray;
    display: block;
    margin: 5px 0;
    padding: 2px 0 2px 10px;
  }
}