Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Ищу код баннеров и префиксов с данного форума

Ноя
1,830
5,420
Команда форума
Администратор
Less:
.prefix
{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    font-size: 66%;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none;
    border-radius: 10px;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    color: #fff;

    &:hover
    {
        transform: translateY(-2px) scale(1.05);
        transition: all .3s cubic-bezier(.4, 0, .2, 1);
    }

    &:active
    {
        transform: translateY(1px) scale(.98);
    }

    &.information
    {
        background-image: linear-gradient(270deg, #ff6347, #ffa500, #ff6347);

        &.staff
        {
            border-radius: 30px;
            background-image: linear-gradient(270deg, #f00, #ff6347, #f00);
            background-size: 900% 900%;
        }
    }

    &.rejected
    {
        background-image: linear-gradient(270deg, #ff416c, #ff4b2b, #ff416c);
    }

    &.important
    {
        background-size: 900% 900%;
        animation: AnimBanner 8s ease infinite;
        background-image: linear-gradient(270deg, #f00, #ff6347, #f00);
    }

    &.approved
    {
        background-image: linear-gradient(270deg, #00b09b, #96c93d, #00b09b);
    }

    &.consideration
    {
        background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ffa500);
    }

    &.reviewed
    {
        background-image: linear-gradient(270deg, #4a00e0, #8e2de2, #4a00e0);
    }

    &.open
    {
        background-image: linear-gradient(270deg, #00b09b, #96c93d, #00b09b);
    }

    &.closed
    {
        background-image: linear-gradient(270deg, #8b0000, #b22222, #8b0000);
    }

    &.solved
    {
        color: #1a1a1a;
        background-image: linear-gradient(270deg, #acb6e5, #86fde8, #acb6e5);
    }

    &.viewed
    {
        background-image: linear-gradient(270deg, #616161, #9e9e9e, #616161);
    }

    &.event
    {
        background-image: linear-gradient(270deg, #ff0080, #ff8c00, #ff0080);
    }

    &.music
    {
        background-image: linear-gradient(270deg, #a0f, #f0a, #a0f);
    }

    &.preftm, &.prefga, &.prefca
    {
        background-image: linear-gradient(270deg, #dc143c, #ff4500, #dc143c);
    }

    &.preftc
    {
        background-image: linear-gradient(270deg, #ff8c00, #ffa500, #ff8c00);
    }

    &.relis
    {
        background-image: linear-gradient(270deg, #2e7d32, #4caf50, #2e7d32);
    }

    &.npass
    {
        background-image: linear-gradient(270deg, #b8860b, #daa520, #b8860b);
    }
}

@keyframes AnimBanner
{
    0%, 100%
    {
        background-position: 0% 50%;
    }

    50%
    {
        background-position: 100% 50%;
    }
}

@media (max-width: @xf-responsiveMedium)
{
    .prefix
    {
        padding: 4px 8px;
        font-size: 70%;
        border-radius: 10px;
    }
}

@media (max-width: @xf-responsiveNarrow)
{
    .prefix
    {
        padding: 3px 7px;
        font-size: 68%;
        letter-spacing: 0.3px;
    }
}
 
Сверху