$step_left: 5px solid
$step_bottom: 1px solid

$failed: #fffbd3
$failed_border: #c20000
$failed_text: #c20000

$passed: #dbffb4
$passed_border: #65c400
$passed_text: #3d7700

$skipped: #e0ffff
$skipped_border: aqua
$skipped_text: #001111

$pending: #fcfb98
$pending_border: #faf834
$pending_text: #131313

$undefined: #fcfb98
$undefined_border: #faf834
$undefined_text: #131313

$message: #e0ffff
$message_border: aqua
$message_text: #001111

body
  font-size: 0px
  color: white
  margin: 0px
  padding: 0px

.lucid,td,th
  font: normal 11px "Lucida Grande", Helvetica, sans-serif
  background: white
  color: black
  #lucid-header
    background: #65c400
    color: white
    height: 6em
    #expand-collapse
      p
        float: right
        margin: 0 0 0 10px
  .scenario
    h3
      font-size: 11px
      padding: 3px
      margin: 0
      background: #65c400
      color: white
      font-weight: bold
  h1
    margin: 0px 10px 0px 10px
    padding: 10px
    font-family: "Lucida Grande", Helvetica, sans-serif
    font-size: 2em
    position: absolute
  h4
    margin-bottom: 2px
  div.feature
    padding: 2px
    margin: 0px 10px 5px 10px
  div.examples
    padding: 0em 0em 0em 1em
  .stats
    margin: 2em
  .summary
    ul.features
      li
        display: inline
  .step_name
    float: left
  .step_file
    text-align: right
    color: #999999
    a
      color: #999999
  .scenario_file
    float: right
    color: #999999
  .tag
    font-weight: bold
    color: #246ac1
  .backtrace
    margin-top: 0
    margin-bottom: 0
    margin-left: 1em
    color: black
  a
    text-decoration: none
    color: #be5c00
    &:hover
      text-decoration: underline
    &:visited
      font-weight: normal
    div.examples
      margin: 5px 0px 5px 15px
      color: black
  .outline
    table
      margin: 0px 0px 5px 10px
  table
    border-collapse: collapse
    td
      padding: 3px 3px 3px 5px
    td.failed, td.passed, td.skipped, td.pending, td.undefined
      padding-left: 18px
      padding-right: 10px
    td.failed
      border-left: $step_left $failed_border
      border-bottom: $step_bottom $failed_border
      background: $failed
      color: $failed_text
    td.passed
      border-left: $step_left $passed_border
      border-bottom: $step_bottom $passed_border
      background: $passed
      color: $passed_text
    td.skipped
      border-left: $step_left $skipped_border
      border-bottom: $step_bottom $skipped_border
      background: $skipped
      color: $skipped_text
    td.pending
      border-left: $step_left $pending_border
      border-bottom: $step_bottom $pending_border
      background: $pending
      color: $pending_text
    td.undefined
      border-left: $step_left $undefined_border
      border-bottom: $step_bottom $undefined_border
      background: $undefined
      color: $undefined_text
    td.message
      border-left: $step_left $message_border
      border-bottom: $step_bottom $message_border
      background: $message
      color: $message_text
  ol
    list-style: none
    margin: 0px
    padding: 0px
    li.step
      padding: 3px 3px 3px 18px
      margin: 5px 0px 5px 5px
    li
      margin: 0em 0em 0em 1em
      padding: 0em 0em 0em 0.2em
      span.param
        font-weight: bold
    li.failed
      border-left: $step_left $failed_border
      border-bottom: $step_bottom $failed_border
      background: $failed
      color: $failed_text
    li.passed
      border-left: $step_left $passed_border
      border-bottom: $step_bottom $passed_border
      background: $passed
      color: $passed_text
    li.skipped
      border-left: $step_left $skipped_border
      border-bottom: $step_bottom $skipped_border
      background: $skipped
      color: $skipped_text
    li.pending
      border-left: $step_left $pending_border
      border-bottom: $step_bottom $pending_border
      background: $pending
      color: $pending_text
    li.undefined
      border-left: $step_left $undefined_border
      border-bottom: $step_bottom $undefined_border
      background: $undefined
      color: $undefined_text
    li.message
      border-left: $step_left $message_border
      border-bottom: $step_bottom $message_border
      background: $message
      color: $message_text
      margin-left: 10px
  #summary
    margin: 0px
    padding: 5px 10px
    text-align: right
    top: 0px
    right: 0px
    float: right
    p
      margin: 0 0 0 2px
    #totals
      font-size: 1.2em

.ruby
  font-size: 12px
  font-family: monospace
  color: white
  background: black
  padding: 0.1em 0 0.2em 0
  .keyword
    color: #ff6600
  .constant
    color: #339999
  .attribute
    color: white
  .global
    color: white
  .module
    color: white
  .class
    color: white
  .string
    color: #66ff00
  .ident
    color: white
  .method
    color: #ffcc00
  .number
    color: white
  .char
    color: white
  .comment
    color: #9933cc
  .symbol
    color: white
  .regex
    color: #44b4cc
  .punct
    color: white
  .escape
    color: white
  .interp
    color: white
  .expr
    color: white
  .offending
    background: #333333
  .linenum
    width: 75px
    padding: 0.1em 1em 0.2em 0
    color: black
    background: #fffbd3