/* SVN FILE: $Id: _pellet.css 191 2016-06-03 09:38:41Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 191 $
 * @date                $Date: 2016-06-03 11:38:41 +0200 (ven., 03 juin 2016) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/tripalium/trunk/protected/modules/media/assets/media/_pellet.css $
 */

.pellet
{
    position: relative;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover; /* auto 100% */
    background-position: center;
    text-decoration: none;
    border-radius: 50%;
    cursor: pointer;
}
.smallPellet
{
    height: 50px;
    width: 50px;
}
.mediumPellet
{
    height: 80px;
    width: 80px;
}
.largePellet
{
    height: 130px;
    width: 130px;
}
    .smallPellet .pelletLabel,
    .mediumPellet .pelletLabel
    {
        display: none;
    }
    .pelletLabel
    {
        position: absolute;
        box-sizing:border-box;
        display: block;
        width: 90%;
        margin: 0 5% 0 5%;
        bottom: 7%;
        padding: 3px 5px 2px 5px;
        text-align: center;
        text-transform: uppercase;
        color: white;
        border-radius: 5px;
    }
    .pelletLabelLineCount2 .pelletLabel
    {
        bottom: 3%;
    }
    .pelletLabelLineCount3 .pelletLabel
    {
        bottom: -4%;
    }
        .pelletLabel .pelletTitle
        {
            display: block;
            padding-bottom: 1px;
            letter-spacing: 4px;
            font-size: 11px;
            line-height: 11px;
        }
        .pelletLabel .pelletDetail
        {
            display: block;
            padding-top: 2px;
            font-family: 'FontFaceLight', Arial, Helvetica, sans-serif;
            font-size: 9px;
            letter-spacing: 0;
            line-height: 11px;
            border-top: 1px dotted white;
        }