/** * Pony.fm - A community for pony fan music. * Copyright (C) 2015 Peter Deltchev * * 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 . */ @import 'base/bootstrap/bootstrap'; @import 'variables'; @import 'mixins'; body { padding: 10px; a { color: #C2889C; &:hover { text-decoration: none; } } } .player { &.favourited .meta .favourite { color: @brand-danger; text-decoration: none; i { color: @brand-danger; } } .play { .img-thumbnail(); float: left; width: 100px; padding: 3px; position: relative; cursor: pointer; img { display: block; width: 100px; height: 100px; } &:hover { .button { background: rgba(0, 0, 0, 1); border: 3px solid rgba(255, 255, 255, .9); } } .button { .border-radius(60px); .transition(all 250ms ease-out); border: 3px solid rgba(255, 255, 255, .6); width: 32px; height: 32px; position: absolute; top: 35px; left: 35px; text-align: center; line-height: 32px; color: #fff; background: rgba(0, 0, 0, .4); } } .meta { margin-left: 115px; font-size: 11px; .favourite { display: block; float: right; font-size: 18px; margin-top: -3px; color: #888; &:hover { text-decoration: none; } } span { display: block; } .title { .ellipsis(); margin-top: 5px; font-size: 16px; } .progressbar { cursor: pointer; height: 11px; background: #fff; border: 1px solid #888; margin-right: 27px; position: relative; .loader, .seeker { height: 100%; position: absolute; top: 0; left: 0; } .loader { background: #eee; } .seeker { background: @pfm-purple; } } } .stats { position: absolute; bottom: 5px; right: 5px; font-size: 8pt; color: #555; } }