#loading
  position: fixed
  left: 40%
  top: 50%

a
  color: #333
  text-decoration: none
  &:hover
    color: #000
    text-decoration: underline

body
  font-family: "Lucida Grande", Helvetica, "Helvetica Neue", Arial, sans-serif
  padding: 12px
  background-color: #333

h1, h2, h3, h4
  color: #1C2324
  margin: 0
  padding: 0
  margin-bottom: 12px

table
  width: 100%

#content
  clear: left
  background-color: white
  border: 2px solid #ddd
  border-top: 8px solid #ddd
  padding: 18px
  -webkit-border-bottom-left-radius: 5px
  -webkit-border-bottom-right-radius: 5px
  -webkit-border-top-right-radius: 5px
  -moz-border-radius-bottomleft: 5px
  -moz-border-radius-bottomright: 5px
  -moz-border-radius-topright: 5px
  border-bottom-left-radius: 5px
  border-bottom-right-radius: 5px
  border-top-right-radius: 5px

.dataTables_filter, .dataTables_info
  padding: 2px 6px

abbr.timeago
  text-decoration: none
  border: none
  font-weight: bold

.timestamp
  float: right
  color: #ddd

.group_tabs
  list-style: none
  float: left
  margin: 0
  padding: 0
  li
    display: inline
    float: left
    a
      font-family: Helvetica, Arial, sans-serif
      display: block
      float: left
      text-decoration: none
      padding: 4px 8px
      background-color: #aaa
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dddddd), to(#aaaaaa))
      background: -moz-linear-gradient(#dddddd, #aaaaaa)
      background: linear-gradient(#dddddd, #aaaaaa)
      text-shadow: #e5e5e5 1px 1px 0px
      border-bottom: none
      color: #333
      font-weight: bold
      margin-right: 8px
      border-top: 1px solid #efefef
      -webkit-border-top-left-radius: 2px
      -webkit-border-top-right-radius: 2px
      -moz-border-radius-topleft: 2px
      -moz-border-radius-topright: 2px
      border-top-left-radius: 2px
      border-top-right-radius: 2px
      &:hover
        background-color: #ccc
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#aaaaaa))
        background: -moz-linear-gradient(#eeeeee, #aaaaaa)
        background: linear-gradient(#eeeeee, #aaaaaa)
      &:active
        padding-top: 5px
        padding-bottom: 3px
    &.active a
      color: black
      text-shadow: #fff 1px 1px 0px
      background-color: #ddd
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#dddddd))
      background: -moz-linear-gradient(white, #dddddd)
      background: linear-gradient(white, #dddddd)

.file_list
  margin-bottom: 18px

a.src_link
  background: url('./magnify.png') no-repeat left 50%
  padding-left: 18px

tr, td
  margin: 0
  padding: 0

th
  white-space: nowrap
  &.ui-state-default
    cursor: pointer
  span.ui-icon
    float: left

td
  padding: 4px 8px
  &.strong
    font-weight: bold

.source_table
  h3, h4
    padding: 0
    margin: 0
    margin-bottom: 4px
  .header
    padding: 10px
  pre
    margin: 0
    padding: 0
    white-space: normal
    color: #000
    font-family: "Monaco", "Inconsolata", "Consolas", monospace
  code
    color: #000
    font-family: "Monaco", "Inconsolata", "Consolas", monospace
  pre
    background-color: #333
    ol
      margin: 0px
      padding: 0px
      margin-left: 45px
      font-size: 12px
      color: white
    li
      margin: 0px
      padding: 2px 6px
      border-left: 5px solid white
      code
        white-space: pre
        white-space: pre-wrap
    .hits
      float: right
      margin-left: 10px
      padding: 2px 4px
      background-color: #444
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#222222), to(#666666))
      background: -moz-linear-gradient(#222222, #666666)
      background: linear-gradient(#222222, #666666)
      color: white
      font-family: Helvetica, "Helvetica Neue", Arial, sans-serif
      font-size: 10px
      font-weight: bold
      text-align: center
      border-radius: 6px

#footer
  color: #ddd
  font-size: 12px
  font-weight: bold
  margin-top: 12px
  text-align: right
  a
    color: #eee
    text-decoration: underline
    &:hover
      color: #fff
      text-decoration: none

.green
  color: #090

.red
  color: #900

.yellow
  color: #da0

.source_table
  .covered
    border-color: #090
  .missed
    border-color: #900
  .never
    border-color: black
  .skipped
    border-color: #fc0
  .covered
    &:nth-child(odd)
      background-color: #CDF2CD
    &:nth-child(even)
      background-color: #DBF2DB
  .missed
    &:nth-child(odd)
      background-color: #F7C0C0
    &:nth-child(even)
      background-color: #F7CFCF
  .never
    &:nth-child(odd)
      background-color: #efefef
    &:nth-child(even)
      background-color: #f4f4f4
  .skipped
    &:nth-child(odd)
      background-color: #FBF0C0
    &:nth-child(even)
      background-color: #FBFfCf