@import 'colors';
@import 'fonts';
@import 'mixins';

#show-track {

  .btn-join {
    margin-top: 5px;
  }

  .track-name {
  }

  .track-creator {
    color: $whiteSeaBlue;
  }

  .course {
    svg {
      display: block;
      cursor: move;
      user-select: none;
      -moz-user-select: none;
      background-color: $sand;
      border: 5px solid $white;
      box-shadow: 1px 1px 2px $shadow;
    }
  }

  h2 {
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .rankings {
    .list-rankings {
      @include sheet;
      @include shadow-light;
    }
  }

  .about {
    h2 {
      margin-top: 0;
    }

    dl {
      padding: 8px 12px;
      background-color: $lightSeaBlue;
      @include gradient-directional($seaBlue, $lightSeaBlue, -30deg);
      border: 5px solid $white;
      box-shadow: 1px 1px 2px $shadow;
      /* border-radius: 5px; */
      /* font-size: 15px; */
      font-family: $mono;

      abbr {
        display: inline-block;
        margin-left: 2px;
        color: $whiteSeaBlue;
        border: none;
        text-decoration: none;
      }

      dt {
        width: 120px;
        color: $whiteSeaBlue;
      }

      dd {
        color: $white;
        margin-left: 140px;
        font-weight: bold;
      }
    }

  }
}