/*-- copyright
 * OpenProject is a project management system.
 * Copyright (C) 2012-2013 the OpenProject Foundation (OPF)
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 3.
 *
 * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
 * Copyright (C) 2006-2013 Jean-Philippe Lang
 * Copyright (C) 2010-2013 the ChiliProject Team
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 *
 * See doc/COPYRIGHT.rdoc for more details. ++*/

@import fonts/openproject_icon_font

div.changeset-changes ul
  margin: 0
  padding: 0
  > ul
    margin-left: 18px
    padding: 0

li.change
  list-style-type:none
  background-image: url(image-path('bullet_black.png'))
  background-position: 1px 1px
  background-repeat: no-repeat
  padding-top: 1px
  padding-bottom: 1px
  padding-left: 20px
  margin: 0

  &.folder
    background-image: url(image-path('folder_open.png'))
    &.change-A
      background-image: url(image-path('folder_open_add.png'))
    &.change-M
      background-image: url(image-path('folder_open_orange.png'))
  &.change-A
    background-image: url(image-path('bullet_add.png'))
  &.change-M
    background-image: url(image-path('bullet_orange.png'))
  &.change-C
    background-image: url(image-path('bullet_blue.png'))
  &.change-R
    background-image: url(image-path('bullet_purple.png'))
  &.change-D
    background-image: url(image-path('bullet_delete.png'))

  .copied-from
    font-style: italic
    color: #999
    font-size: 0.9em
    &:before
      content: " - "

#changes-legend
  float: right
  font-size: 0.8em
  margin: 0
  li
    float: left
    background-position: 5px 0

table.filecontent
  border: 1px solid #ccc
  border-collapse: collapse
  width: 98%
  background-color: #fafafa

  th
    border: 1px solid #ccc
    background-color: #eee
    &.filename
      background-color: #e4e4d4
      text-align: left
      padding: 0.2em
  tr.spacing
    th
      text-align:center
    td
      height: 0.4em
      background: #EAF2F5

  th.line-num
    border: 1px solid #d7d7d7
    font-size: 0.8em
    text-align: right
    width: 2%
    padding-right: 3px
    color: #999
    a
      text-decoration: none
      color: inherit

  td.line-code pre
    margin: 0px
    white-space: pre-wrap
    white-space: -moz-pre-wrap
    white-space: -o-pre-wrap

  td.diff_in pre
    background: #DDFFDD
    span
      background: #AAFFAA

  td.diff_out pre
    background: #FFDDDD
    span
      background: #FFAAAA

// 12 different colors for the annonate view
table.annotate
  tr
    &.bloc-0
      background: #FFFFBF
    &.bloc-1
      background: #EABFFF
    &.bloc-2
      background: #BFFFFF
    &.bloc-3
      background: #FFD9BF
    &.bloc-4
      background: #E6FFBF
    &.bloc-5
      background: #BFCFFF
    &.bloc-6
      background: #FFBFEF
    &.bloc-7
      background: #FFE6BF
    &.bloc-8
      background: #FFE680
    &.bloc-9
      background: #AA80FF
    &.bloc-10
      background: #FFBFDC
    &.bloc-11
      background: #BFE4FF

  td
    &.revision
      text-align: center
      width: 2%
      padding-left: 1em
      background: inherit

    &.author
      text-align: center
      border-right: 1px solid #d7d7d7
      white-space: nowrap
      padding-left: 1em
      padding-right: 1em
      width: 3%
      background: inherit
      font-size: 90%


    &.line-code
      background-color: #fafafa

div
  &.action_M
    background: #fd8
  &.action_D
    background: #f88
  &.action_A
    background: #bfb

/************* CodeRay styles *************/
.syntaxhl
  div
    display: inline
  .line-numbers
    padding: 2px 4px 2px 4px
    background-color: #eee
    margin: 0
  .code pre
    overflow: auto
  .debug
    color: white !important
    background: blue !important

  .af
    color: #00C
  .an
    color: #007
  .at
    color: #f08
  .av
    color: #700
  .aw
    color: #C00
  .bi
    color: #509
    font-weight: bold
  .comment
    color: #888

  .ch
    color: #04D
    .k
      color: #04D
    .dl
      color: #039

  .cl
    color: #B06
    font-weight: bold
  .cm
    color: #A08
    font-weight: bold
  .co
    color: #036
    font-weight: bold
  .cr
    color: #0A0
  .cv
    color: #369
  .de
    color: #B0B
  .df
    color: #099
    font-weight: bold
  .di
    color: #088
    font-weight: bold
  .dl
    color: black
  .do
    color: #970
  .dt
    color: #34b
  .ds
    color: #D42
    font-weight: bold
  .e
    color: #666
    font-weight: bold
  .en
    color: #800
    font-weight: bold
  .er
    color: #F00
    background-color: #FAA
  .ex
    color: #C00
    font-weight: bold
  .fl
    color: #60E
    font-weight: bold
  .fu
    color: #06B
    font-weight: bold
  .gv
    color: #d70
    font-weight: bold
  .hx
    color: #058
    font-weight: bold
  .i
    color: #00D
    font-weight: bold
  .ic
    color: #B44
    font-weight: bold

  .il
    background: #ddd
    color: black
    .il
      background: #ccc
      .il
        background: #bbb
    .idl
      background: #ddd
      font-weight: bold
      color: #666
  .idl
    background-color: #bbb
    font-weight: bold
    color: #666

  .im
    color: #f00
  .in
    color: #B2B
    font-weight: bold
  .iv
    color: #33B
  .la
    color: #970
    font-weight: bold
  .lv
    color: #963
  .oc
    color: #40E
    font-weight: bold
  .of
    color: #000
    font-weight: bold
  .pc
    color: #038
    font-weight: bold
  .pd
    color: #369
    font-weight: bold
  .pp
    color: #579
  .ps
    color: #00C
    font-weight: bold
  .pt
    color: #074
    font-weight: bold
  .r, .kw
    color: #080
    font-weight: bold

  .ke
    color: #808
    .dl
      color: #606
    .ch
      color: #80f
  .vl
    color: #088

  .rx
    background-color: #fff0ff
    .k
      color: #808
    .dl
      color: #404
    .mod
      color: #C2C
    .fu
      color: #404
      font-weight: bold

  .s
    background-color: #fff0f0
    color: #D20
    .s
      background-color: #ffe0e0
      .s
        background-color: #ffd0d0
    .ch
      color: #b0b
    .dl
      color: #710

  .sh
    background-color: #f0fff0
    color: #2B2
    .dl
      color: #161

  .sy
    color: #A60
    .k
      color: #A60
    .dl
      color: #630

  .ta
    color: #070
  .tf
    color: #070
    font-weight: bold
  .ts
    color: #D70
    font-weight: bold
  .ty
    color: #339
    font-weight: bold
  .v
    color: #036
  .xt
    color: #444

  .ins
    background: #cfc
    .ins
      color: #080
      font-weight: bold
  .del
    background: #fcc
    .del
      color: #800
      font-weight: bold
  .chg
    color: #aaf
    background: #007
    .chg
      color: #66f
  .head
    color: #f8f
    background: #505
    .head
      color: #f4f

tr.dir
  span
    &.dir-expander
      @include icon-common
      margin-right: -15px
      cursor: pointer
      &:before
        content: "\e089"
  &.loading
    span.dir-expander:before
      content: "\e07a"
  &.collapsed
    span.dir-expander:before
      content: "\e089"
  &.open
    span.dir-expander:before
      content: "\e082"