subreddit FAB

/*FAB*/

@keyframes pop
{
        0%
        {
                transform: scale(.4);
                opacity: 0;
        }
        100%
        {
                transform: scale(1);
                opacity: 1;
        }
}
@-webkit-keyframes pop
{
        0%
        {
                transform: scale(.4);
                opacity: 0;
        }
        100%
        {
                transform: scale(1);
                opacity: 1;
        }
}

.morelink
{
        display: none;
}
.loggedin .md > blockquote:first-child > h6
{
        display: block !important;
}
.loggedin .md > blockquote:first-child > h5
{
        display: none !important;
}
.md > blockquote:first-child
{
        position: fixed;
        z-index: 9999;
        right: 10px;
        bottom: 20px;
        display: block;
        width: 56px;
        height: 210px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50px;
}
.md > blockquote:first-child > h6 > a,
.md > blockquote:first-child > h5 > a
{
        position: relative;
        top: auto !important;
        right: 0;
        display: block;
        width: 100%;
        height: 100%;
        -webkit-animation: none !important;
        animation: none !important;
        border-radius: 50%;
        background: transparent !important;
}
.md > blockquote:first-child > h6:first-child > a
{
        display: none;
}
.md > blockquote:first-child > h6:first-child:hover > a
{
        display: block;
}
.md > blockquote:first-child > h6:first-child > em,
.md > blockquote:first-child > h6:first-child > del
{
        position: absolute;
        top: 20px;
        left: 20px;
        display: block;
        width: 16px;
        height: 16px;
        transition: transform .25s, opacity .25s;
        text-indent: -9999px;
        pointer-events: none;
}
.md > blockquote:first-child > h6:first-child > em
{
        transform: rotate(-.5turn);
        opacity: 0;
        background: transparent url(%%ICON-ONE-NOTHOVER%%) no-repeat center center;
        background-size: 16px 16px;
}
.md > blockquote:first-child > h6:first-child > del
{
        transform: rotate(0turn);
        opacity: 1;
        background: transparent url(%%ICON-ONE-HOVER%%) no-repeat center center;
        background-size: 16px 16px;
}
.md > blockquote:first-child:hover > h6:first-child > em
{
        transform: rotate(0turn);
        opacity: 1;
}
.md > blockquote:first-child:hover > h6:first-child > del
{
        transform: rotate(.5turn);
        opacity: 0;
}
.md > blockquote:first-child > h6 > a > strong,
.md > blockquote:first-child > h5 > a > strong
{
        font-size: 13px;
        line-height: 13px;
        position: absolute;
        top: 7px;
        right: 125%;
        display: block;
        box-sizing: content-box !important;
        height: 13px;
        padding: 6px 8px;
        transition: opacity .3s;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
        color: white;
        border-radius: 2px;
        background: #000;
}
.md > blockquote:first-child > h6 > a:hover > strong,
.md > blockquote:first-child > h5 > a:hover > strong
{
        pointer-events: all;
        opacity: .8;
}
.md > blockquote:first-child > h6:first-child > a > strong,
.md > blockquote:first-child > h5 > a > strong
{
        top: 13px;
}
.md > blockquote:first-child > h6:first-child,
.md > blockquote:first-child > h5
{
        position: absolute;
        z-index: 99;
        right: 0;
        bottom: 0;
        display: none;
        width: 56px;
        height: 56px;
        margin: 0;
        transition: all .25s ease;
        transition: .25s background-color ease-in;
        -webkit-animation: pop .4s ease 0s 1 running;
        animation: pop .4s ease 0s 1 running;
        border: none !important;
        border-radius: 100px;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 16px 16px, 1% 1%;
        box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}
.md > blockquote:first-child > h5
{
        display: block;
        background-color: #fff;
        background-image: url(%%ICON-LOGIN%%);
}
.md > blockquote:first-child:hover > h6:not(:first-child)
{
        transform: scale(1);
        opacity: 1;
}
.md > blockquote:first-child:hover > h6:nth-child(2)
{
        transition-delay: .0s;
}
.md > blockquote:first-child:hover > h6:nth-child(3)
{
        transition-delay: .05s;
}
.md > blockquote:first-child:hover > h6:nth-child(4)
{
        transition-delay: .1s;
}
.md > blockquote:first-child > h6:not(:first-child)
{
        position: absolute;
        z-index: 99;
        right: 8px;
        display: none;
        width: 40px;
        height: 40px;
        transition: .1s opacity ease-in,.1s transform ease-in;
        transform: scale(.8);
        opacity: 0;
        border: none;
        border-radius: 100px;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 16px 16px, 1% 1%;
        box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);;
}
.md > blockquote:first-child > h6:nth-child(2)
{
        bottom: 66px;
        transition-delay: .1s;
        background-image: url(%%ICON-TWO%%);
}
.md > blockquote:first-child > h6:nth-child(3)
{
        bottom: 116px;
        transition-delay: .05s;
        background-image: url(%%ICON-THREE%%);
}
.md > blockquote:first-child > h6:nth-child(4)
{
        bottom: 166px;
        transition-delay: .0s;
        background-image: url(%%ICON-FOUR%%);
}
.md > blockquote:first-child > h5:active
{
        background-color: #e0e0e0;
}

.morelink a
{
        font-family: arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        line-height: 32px;
        letter-spacing: 0;
}

.morelink a:hover
{
        text-decoration: none;
}

.disabled .morelink,
.disabled .morelink:hover
{
        opacity: .8;
        background-color: #bdbdbd;
        box-shadow: none;
}