Pony.fm/resources/assets/styles/account-content-selectors.less

/**
 * Pony.fm - A community for pony fan music.
 * Copyright (C) 2016 Feld0
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 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 Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

@import 'base/bootstrap/bootstrap';
@import 'mixins';


.show-songs-selector, .album-selector {
  .btn {
    display: block;
    float: none;
  }
}

.show-songs-selector, .album-selector, .track-selector {
  .btn {
    .border-radius(0px);
    padding: 3px 10px;
    font-size: 8pt;
    text-align: left;
  }

  .error {
    margin-top: 10px;
  }

  .pfm-popup {
    width: 300px;

    ul {
      margin: 0px;
      padding: 0px;
      list-style: none;

      li {
        margin: 0px;
        padding: 0px;

        a {
          .ellipsis();
          display: block;
          padding: 3px 10px;
          font-size: 8pt;
          color: #333333;

          &:hover {
            #gradient> .vertical(@dropdown-link-hover-bg, darken(@dropdown-link-hover-bg, 5%));
            text-decoration: none;
            color: @dropdown-link-hover-color;
          }
        }

        &.selected {
          a {
            #gradient> .vertical(@pfm-purple, darken(@pfm-purple, 5%));
            color: #fff;
            font-weight: bold;

            &:hover {
              #gradient> .vertical(fadeout(@pfm-purple, 20%), fadeout(darken(@pfm-purple, 5%), 20%));
            }
          }
        }
      }
    }
  }
}