@import '010_mixins.css.sass'

#sr-entries-show

  #sr-entry-wrapper
    a
      display: block
      position: relative
      overflow: hidden

    .sr-entry-image
      img
        display: block
        width: 100%

    .sr-entry-actions
      padding: 5px
      overflow: hidden

      a
        &.sr-left
          margin-right: 5px

        &.sr-right
          margin-left: 5px

    .sr-entry-details
      padding: 10px

      h2
        font-size: 15px
        font-weight: normal
        font-weight: bold

      .sr-entry-content p
        font-size: 14px
        line-height: 18px

      .sr-meta-wrapper
        text-align: left
        padding: 0

    .sr-entry-author
      @include person-block(30px, 8px, 2px, 500px, 14px)

      .sr-date
        font-size: 12px

  #sr-comment-wrapper

    .sr-entry-comment
      @include person-block(30px, 8px, 2px, 150px, 14px)

      .sr-person-name,
      .sr-date
        display: inline-block

      .sr-date
        font-size: 12px

      .sr-comment-text
        font-size: 14px
        line-height: 18px

    .sr-sign-in
      padding: 8px

      a
        width: 100%
        box-sizing: border-box
        text-align: center
      box-sizine: border-box

    .sr-comment-form
      border-top: 1px solid #ddd
      padding: 8px
      overflow: hidden