Welcome!

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

SignUp Now!

Ищу баннеры Luxwen RP

Июл
99
60
Пользователь
ФУЛЛ EXTRA LESS:
@keyframes AnimNic {
    0% {
        background-position: 0% 50%
    }

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

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

.fsp .tabGroup {
    color: #272727;
    background: #272727;
    border-width: 1px;
    border-style: solid;
    border-top-color: #272727;
    border-right-color: #272727;
    border-bottom-color: #272727;
    border-left-color: #03ffea;
    border-radius: 4px;
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex: 1 1 100%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-property: border margin;
    transition-property: border margin;
    margin-right: 5px;
    max-width: 100%;
    overflow: hidden
}

.userBanner.Saxarochka {
    color: #fff;
    background: #808080;
    border-color: #808080;
    font-weight: 600;
    font-size: 65%;
    font-style: normal;
    padding: 3px 6px;
    box-shadow: 0px 0px 7px #808080;
    border: 1px solid transparent;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.Saxarochka1 {
    color: #808080;
    text-shadow: #808080 1px 0px 8px;
    background: url(https://i.imgur.com/oqN30fg.gif) repeat-x center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold
}

.userBanner.pokyp1 {
    color: #fff;
    background: #ff0000;
    border-color: #ff0000;
    font-weight: 1000;
    font-size: 65%;
    font-style: normal;
    padding: 1px 6px;
    box-shadow: 0px 0px 7px #f00;
    border-radius: 4px;
    border: 1px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.woodik {
    color: #fff;
    background: #ff0000;
    border-color: #ff0000;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.dev {
    color: #fff;
    background: #9900ff;
    border-color: #9900ff;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.zamruka {
    color: #fff;
    background: #fb4949;
    border-color: #fb4949;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.pomzamruka {
    color: #fff;
    background: #000000;
    border-color: #000000;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.specadmin {
    color: #fff;
    background: #8287c1;
    border-color: #8287c1;
    font-size: 85%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    box-shadow: 0px 0px 7px #8287c1;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.invis {
    color: #fff;
    background: #5C02C1;
    border-color: #5C02C1;
    font-weight: 600;
    font-size: 65%;
    font-style: normal;
    padding: 3px 6px;
    box-shadow: 0px 0px 7px #5c02c1;
    border: 1px solid transparent;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.glavniyadmin {
    color: #fff;
    background: #7396ff;
    border-color: #7396ff;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.zga {
    color: #fff;
    background: #57b2fb;
    border-color: #57b2fb;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.pzga {
    color: #fff;
    background: #00C90D;
    border-color: #00C90D;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.curator {
    color: #fff;
    background: #935AE2;
    border-color: #935AE2;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.prmn {
    color: #fff;
    background: #FFAA00;
    border-color: #FFAA00;
    font-size: 87%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    box-shadow: 0px 0px 7px #fa0;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.glavniysledak {
    color: #fff;
    background: #f1b94e;
    border-color: #f1b94e;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.glavniysledakzamik {
    color: #fff;
    background: #ffe400;
    border-color: #ffe400;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.sledakgoss {
    color: #fff;
    background: #0000FF;
    border-color: #0000FF;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.sledakghetto {
    color: #fff;
    background: #2EFF00;
    border-color: #2EFF00;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.sledaksletov {
    color: #fff;
    background: #DDA0DD;
    border-color: #DDA0DD;
    font-size: 87%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    box-shadow: 0px 0px 7px #dda0dd;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.fulldostup {
    color: #fff;
    background: #FFA600;
    border-color: #FFA600;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.leader {
    color: #00FFFF;
    background: #00FFFF;
    border-color: #00FFFF;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.memberTooltip.memberTooltip-userGroup--19 {
    box-shadow: 0 0 10px #f4b1ef
}

.userBanner.user {
    color: #fff;
    background: #CACFD2;
    border-color: #CACFD2;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.434 {
    color: #00FFFF;
    background: #00FFFF;
    border-color: #00FFFF;
    font-size: 87%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    box-shadow: 0px 0px 7px #0ff;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.blackadmin {
    color: #fff;
    background: #000000;
    border-color: #000000;
    font-size: 87%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    box-shadow: 0px 0px 7px #000;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.manasyan {
    color: #fff;
    background: #800000;
    border-color: #800000;
    font-weight: 600;
    font-size: 87%;
    font-style: normal;
    padding: 3px 6px;
    box-shadow: 0px 0px 7px #800000;
    border-radius: 50px;
    border: 1px solid transparent;
    text-transform: uppercase;
    border-radius: 7px;
    text-align: center;
    display: center
}

.userBanner.sledfam {
    color: #fff;
    background: #c50080;
    border-color: #c50080;
    font-size: 87%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    box-shadow: 0px 0px 7px #c50080;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.developerka {
    color: #fff;
    background: #d80cad;
    border-color: #d80cad;
    font-weight: 600;
    font-size: 65%;
    font-style: normal;
    padding: 3px 6px;
    box-shadow: 0px 0px 7px #d80cad;
    border: 1px solid transparent;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.moderds {
    color: #fff;
    background: #f4b1ef;
    border-color: #f4b1ef;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    box-shadow: 0px 0px 7px #f4b1ef;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.postepa {
    color: #fff;
    background: #fe4b4b;
    border-color: #fe4b4b;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    box-shadow: 0px 0px 7px #fe4b4b;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.nikitakakoita {
    color: #fff;
    background: #ff0000;
    border-color: #ff0000;
    font-weight: 600;
    font-size: 65%;
    font-style: normal;
    padding: 3px 6px;
    box-shadow: 0px 0px 7px #f00;
    border: 1px solid transparent;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner.mamont {
    color: #61be09;
    background-image: url(https://i.gifer.com/IJ7x.gif);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 16px;
    font-style: italic
}

.userBanner.maniac {
    color: #61be09;
    background-image: url(https://i.imgur.com/a/T95sFug);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 16px;
    font-style: italic
}

.userBanner.1111 {
    color: #4682B4;
    background: #4682B4;
    border-color: #4682B4;
    font-size: 87%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    box-shadow: 0px 0px 1px #4682b4;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display: center
}

.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 3px 6px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
    color: #fff;
    border: none;
    background: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
    background-size: 900% 900%
}

.userBanner.suicide {
    background-image: linear-gradient(150deg, #00dcff, #00ffb9, #00f09c, #c100f0);
    color: white;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.saxar {
    background-image: linear-gradient(150deg, #fe1f84, #f00, #fe1fd2, #f00);
    color: white;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBanner.user {
    background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981)
}

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

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

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

@media (max-width: 480px) {
    .message-signature {
        display:block
    }

    .message-signature img {
        max-width: 320px
    }

    .message-signature img .smilie {
        width: inherit
    }
}

.customBanner {
    color: white;
    text-align: center;
    font-size: 87%;
    font-style: normal;
    border: none;
    border-radius: 10px;
    padding: 1px 10px 3px
}

.customBanner.banner1 {
    background: linear-gradient(90deg, #3b02a0 25%, #0400ff 100%, #000);
    border-radius: 4px;
    font-size: 82%
}

.customBanner.banner2 {
    background: linear-gradient(90deg, #5100ff 25%, #200064 100%, #000);
    font-weight: 600;
    font-size: 65%;
    font-style: normal;
    padding: 3px 6px;
    border: 1px solid transparent;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    display: center
}

.customBanner.banner3 {
    background: linear-gradient(90deg, #789 25%, #789 100%, #000)
}

.customBanner.banner4 {
    background: linear-gradient(90deg, #cb2d3e, #ef473a)
}

.customBanner.banner5 {
    background: linear-gradient(90deg, #008080, #001a1a)
}

.customBanner.banner6 {
    background: linear-gradient(90deg, #008000, #001a00)
}

.customBanner.banner7 {
    background: linear-gradient(90deg, #4b6cb7, #182848)
}

.customBanner.banner8 {
    background: linear-gradient(90deg, #36f, #09bd72)
}

.customBanner.banner9 {
    background: linear-gradient(90deg, #daa520, #300052)
}

.customBanner.banner10 {
    background: linear-gradient(90deg, #310062, #120a8f)
}

.customBanner.banner11 {
    background: linear-gradient(90deg, #008080, #004d4d)
}

.customBanner.banner12 {
    background: linear-gradient(90deg, #dc143c, #4f0716)
}

.customBanner.banner13 {
    background: linear-gradient(80deg, #f02424, #008f8f)
}

.customBanner.banner14 {
    background: linear-gradient(80deg, #a30b0b, #050404)
}

.customBanner.banner15 {
    background: linear-gradient(80deg, #30d5c8, #00a550)
}

.customBanner.banner16 {
    background: linear-gradient(80deg, #30d5c8, #135e58)
}

.customBanner.banner17 {
    background: linear-gradient(80deg, #1e5945, #066)
}

.customBanner.banner18 {
    background: linear-gradient(80deg, #7442c8, #9400d3)
}

.customBanner.banner19 {
    background: #7cc3e0;
    border-color: #53b0d6
}

.pRed {
    background-image: linear-gradient(150deg, #f00, #b22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #f00
}

.pYellow {
    background-image: linear-gradient(150deg, #f0e68c, #ff0);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ff0
}

.pLightGreen {
    background-image: linear-gradient(150deg, #90ee90, #0f0);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #0f0
}

.pGreen {
    background-image: linear-gradient(150deg, #32cd32, #008000);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #32cd32
}

.pBlue {
    background-image: linear-gradient(150deg, #00bfff, #00f);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #00f
}

.pSkyBlue {
    background-image: linear-gradient(150deg, #87ceeb, #add8e6);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #87ceeb
}

.pOrange {
    background-image: linear-gradient(150deg, #ffa500, #ffd700);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ffa500
}

.pSchizophrenic {
    color: black;
    background-image: linear-gradient(150deg, #a0f, #ec00ff);
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ff8c00
}

.pSaxarok {
    color: black;
    background-image: linear-gradient(150deg, #a0f, #ec00ff);
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ff8c00
}

.pLightGreen {
    background-image: linear-gradient(150deg, #90ee90, #0f0);
    color: black;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #0f0
}

.memberTooltip.memberTooltip-userGroup--6 {
    box-shadow: 0 0 10px #bae5ea
}

.userBannerLight,.userBanner--staff {
    display: inline-block;
    text-align: center;
    font-size: .7em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0em;
    width: 100%;
    border: none;
    border-radius: 0;
    position: relative;
    overflow: hidden
}

.userBannerLight.rickmorrison,.userBanner--staff.rickmorrison {
    color: #fff;
    background: #ff0000;
    border-color: #ff0000;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBannerLight.moderforuma,.userBanner--staff.moderforuma {
    color: #fff;
    background: #f4b1ef;
    border-color: #f4b1ef;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBannerLight.stepka,.userBanner--staff.stepka {
    color: #fff;
    background: #ff0000;
    border-color: #ff0000;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBannerLight.maksikzo,.userBanner--staff.maksikzo {
    color: #fff;
    background: #ff0000;
    border-color: #ff0000;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBannerLight.botik,.userBanner--staff.botik {
    color: #fff;
    background: #6c568b;
    border-color: #6c568b;
    font-weight: 1000;
    font-size: 56%;
    font-style: normal;
    padding: 2px 4px;
    border-radius: 3px;
    border: 2px solid transparent;
    text-transform: uppercase;
    text-align: center;
    display: center
}

.userBannerLight.rezerv,.userBanner--staff.rezerv {
    background: #1565C0
}

.userBannerLight:before,.userBanner--staff:before {
    content: "";
    position: absolute;
    background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
    background-repeat: no-repeat;
    top: 0px;
    left: -80%;
    width: 100%;
    height: 100%;
    animation: light 2.5s infinite
}

.memberHeader-banners .userBannerLight,.memberHeader-banners .userBanner--staff,.memberTooltip-banners .userBannerLight,.memberTooltip-banners .userBanner--staff {
    width: 120px
}

@media (max-width: 650px) {
    .message:not(.message--forceColumns) .message-userBanner.userBanner.userBannerLight,.message:not(.message--forceColumns) .message-userBanner.userBanner.userBanner--staff {
        width:120px;
        text-align: center
    }
}

.userBanner--staff {
    background: #1ba39c !important;
    color: #fff !important
}

@keyframes light {
    0% {
        left: -80%
    }

    100% {
        left: 80%
    }
}

.iskri {
    background: url("http://s009.radikal.ru/i310/1201/7d/4563ca74f163.gif") no-repeat
}

.snowflake {
    position: absolute;
    width: 20px;
    height: 20px;
    color: white;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    pointer-events: none;
    z-index: 9999;
    animation-name: fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    content: '❄'
}

@keyframes fall {
    to {
        transform: translateY(100vh)
    }
}
 
Сверху