oldhaven/public/stylesheets/albums.css

.artist-info {
  width: 100%;
  float: left;
  margin: 0 0 25px 0;
  clear: both; }
  .artist-info .pic {
    float: left;
    width: 250px;
    margin: 25px 0; }
    .artist-info .pic img {
      margin-left: 25px; }
  .artist-info .name {
    margin: 25px 0 0 300px; }
  .artist-info .info {
    margin: 0 17px 25px 300px; }

.albums {
  width: 100%;
  float: left;
  clear: both; }
  .albums .album {
    clear: both; }
    .albums .album .pic {
      float: left;
      width: 250px; }
      .albums .album .pic > * {
        margin-left: 25px; }
      .albums .album .pic img {
        width: 248px;
        height: 248px;
        border: #d0d0d0 1px solid; }
      .albums .album .pic .add-album-button-container {
        position: relative;
        margin: 10px -25px 0 0;
        text-align: center; }
    .albums .album .name {
      display: block;
      margin: 0 0 10px 300px; }
    .albums .album .tracklist {
      margin: 0 17px 30px 275px; }
      .albums .album .tracklist ul li {
        display: block;
        height: 26px;
        position: relative;
        padding-left: 25px; }
        .albums .album .tracklist ul li:hover {
          cursor: pointer; }
          .albums .album .tracklist ul li:hover .track-container {
            background-color: #fafafa; }
            .albums .album .tracklist ul li:hover .track-container .fade {
              background: -moz-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
              background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(50%, #fafafa), color-stop(100%, #fafafa));
              background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
              background: -o-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
              background: -ms-linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fafafa', endColorstr='#fafafa', GradientType=1);
              background: linear-gradient(left, rgba(250, 250, 250, 0) 0%, #fafafa 50%, #fafafa 100%); }
        .albums .album .tracklist ul li:first-child {
          border-top: none; }
        .albums .album .tracklist ul li.now .track-container {
          background-color: #e0f0fa; }
          .albums .album .tracklist ul li.now .track-container .fade {
            background: -moz-linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(224, 240, 250, 0)), color-stop(50%, #e0f0fa), color-stop(100%, #e0f0fa));
            background: -webkit-linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%);
            background: -o-linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%);
            background: -ms-linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e0f0fa', endColorstr='#e0f0fa', GradientType=1);
            background: linear-gradient(left, rgba(224, 240, 250, 0) 0%, #e0f0fa 50%, #e0f0fa 100%); }
        .albums .album .tracklist ul li .add-track {
          display: none;
          float: left;
          padding: 1px 5px;
          margin: 3px 0 0 -22px; }
        .albums .album .tracklist ul li .track-container {
          height: 20px;
          padding: 5px 0 0 0;
          border-top: #e0e0e0 1px solid; }
          .albums .album .tracklist ul li .track-container > * {
            position: absolute; }
          .albums .album .tracklist ul li .track-container .fade {
            right: 0px;
            top: 6px;
            width: 80px;
            height: 16px;
            z-index: 20;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, white), color-stop(100%, white));
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
            background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
            background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
            background: linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); }
          .albums .album .tracklist ul li .track-container .index {
            left: 22px;
            top: 9px;
            display: block;
            width: 15px;
            text-align: right;
            font-size: 10px;
            color: #505050; }
          .albums .album .tracklist ul li .track-container .trackname {
            left: 40px;
            top: 6px;
            width: 90%;
            height: 16px;
            overflow: hidden;
            z-index: 10; }
          .albums .album .tracklist ul li .track-container .length {
            right: 0px;
            top: 6px;
            height: 16px;
            z-index: 30; }