
table.action-list

  [data-id="revision"]
    width: 2%
    text-align: right
    padding-right: 16px

  [data-id="date"]
    width: 18%

  [data-id="id_revision"]
    font-size: .8rem
    text-overflow: ellipsis
    white-space: nowrap
    color: #999
    margin-top: .3rem
    overflow: hidden

  td[data-id="revision"],
  td[data-id="id"],
  [data-id="author_id"]
    color: #999

  & > tbody > tr
    display: none

    &[data-id="diff"]
      display: none

      & > td
        background: #ffffd7

      & + tr

        td
          background: #ffffd7
          border-top: 1px solid rgba(#000, .05)
          border-bottom: 1px solid rgba(#000, .1)
          padding: 0
          position: relative

        .data
          padding: .9rem 3rem 1.1rem 2rem
          box-sizing: border-box

          &[data-id="before"],
          &[data-id="after"]
            float: left
            width: 49.5%

          & > .legend
            font-size: .85rem
            margin-bottom: .5rem

            & > span
              display: inline-block
              margin-right: 1.5em

              &:before
                content: "⬤"
                display: inline-block
                margin-right: .5em
                transform: translateY(-.05em)

            .added:before
              color: #aafeaa

            .removed:before
              color: #ffc29b

          & > .title
            font-size: .85rem
            font-weight: bold
            border-bottom: 1px solid rgba(0, 0, 0, .1)
            padding-bottom: .1rem
            margin-bottom: .5rem

          & > pre
            padding: 0

        .controls
          margin-top: .5rem

          & > a, & > a:hover, & > a:visited
            display: block
            font-size: .85rem
            text-align: center
            text-decoration: none
            color: rgba(#000, .3)
            background: rgba(#000, .03)
            padding: .35rem 1rem

        pre
          color: #484848
          padding: .9rem 3rem 1.1rem 2rem
          margin: 0

    &:target,
    &:target + tr
      display: table-row

    &:last-child
      display: table-row

    &:target ~ tr:last-child
      display: none

  & > tbody > tr > td

    &[data-id="meta"]

      & > a
        margin-right: .5rem

        &.selected
          text-decoration: none
          color: #000
          border-bottom: 2px solid #000
          padding-bottom: 1px
