Welcome!

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

SignUp Now!

Решено Дайте пожалуйста баннерф King Russia 2026

Решение
Kolpak
CSS: 
.userBanner.project-owner {
    background: rgba(255,23,68,0.12);
    border: 1px solid rgba(255,23,68,0.55);
    color: #FF1744;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-shadow: 0 0 8px rgba(255,23,68,0.25),inset 0 0 8px rgba(255,23,68,0.08)
}

.userBanner.project-director {
    background: rgba(229,57,53,0.1);
    border: 1px solid rgba(229,57,53,0.55);
    color: #EF5350;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(229,57,53,0.2),inset 0 0 7px rgba(229,57,53,0.06);
    border-radius: 4px
}

.userBanner.project-developer {
    background: rgba(124,77,255,0.1);
    border: 1px solid rgba(124,77,255,0.55)...
Сортировка по дате Сортировка по голосам
groznygyy

groznygyy

Авг
253
56
Пользователь
extra.less: 
.glavadm {
    color: #fff;
    background: #008000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server1a {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server1l {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zga {
    color: #fff;
    background: #6DB36D;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.prmanager {
    color: #fff;
    background: #F07B14;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

a.bb-code-href-button {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    font-size: 13px;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    color: #fff;
    background-color: #7c7771;
    border-color: #89847e #6f6a65 #6f6a65 #89847e;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    padding: 0px 4px;
    margin: 3px 6px 4px 0;
    border-radius: 2px;
    box-shadow: 1px 1px #dfdfdf, 2px 2px #6c6666
}

a.bb-code-href-button.button--splitTrigger>.button-text {
    border-right-color: #6f6a65
}

a.bb-code-href-button.button--splitTrigger>.button-menu {
    border-left-color: #89847e
}

a.bb-code-href-button:hover,
a.bb-code-href-button:active,
a.bb-code-href-button:focus {
    background-color: #7e6e5a
}

a.bb-code-href-button:before {
    content: "\f360";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a.bb-code-href-button:before {
    padding: 0 4px
}

a.bb-code-href-button:hover {
    color: #b0babc;
    background-color: #504d4a;
    border-color: #5d5a56 #43403e #43403e #5d5a56;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

a.bb-code-href-button:hover.button--splitTrigger>.button-text {
    border-right-color: #43403e
}

a.bb-code-href-button:hover.button--splitTrigger>.button-menu {
    border-left-color: #5d5a56
}

a.bb-code-href-button:hover:hover,
a.bb-code-href-button:hover:active,
a.bb-code-href-button:hover:focus {
    background-color: #4d4338
}

.f4 {
    color: #fff;
    background: #14c84b;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.f3 {
    color: #fff;
    background: #000000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.f2 {
    color: #fff;
    background: #88ecdf;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.f1 {
    color: #fff;
    background: #9e18ff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.moroz {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.modr {
    color: #fff;
    background: #F08D8D;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.vklad {
    color: #fff;
    background: #66f;
    border-color: #33f;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.sliva {
    color: #fff;
    background: #ff5d76;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.legend {
    color: #fff;
    background: #c636ff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.gltest {
    color: #fff;
    background: #efef12;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.sist {
    color: #fff;
    background: #57CDD6;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.mlmoder {
    color: #fff;
    background: #87ceeb;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.stmoder {
    color: #fff;
    background: #87ceeb;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zgta {
    color: #fff;
    background: #ff74a8;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.techadm {
    color: #fff;
    background: #FF4D00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.adm {
    color: #fff;
    background: #ffcc66;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.stadm {
    color: #fff;
    background: #ffcc66;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.razrab {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.dima {
    color: #fff;
    background: #ff6b82;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.vlad {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.glavsled {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zamglavsled {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.lider {
    color: #fff;
    background: #ffbf00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.kur {
    color: #fff;
    background: #9676f5;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.rykvod {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.userBanner.userBanner--staff {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.pomtech {
    color: #fff;
    background: #FF4D00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server2a {
    color: #fff;
    background: #008000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server3l {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server3a {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server4a {
    background: #ffcb00;
    font-size: 75%;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    padding: 1px 10px;
    text-align: center;
    display: inline-block;
    border-radius: 8px
}

.server2l {
    color: #fff;
    background: #008000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.ban {
    background: url(https://svgshare.com/i/1BSc.svg);
    width: 139px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.specadm {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.button.button--cta,
button.button a.button.button--cta {
    color: #fff;
    background: #FFC618;
    border: none;
    border-color: #e14f4d
}

.p-nav-list .p-navEl.is-selected {
    color: #FFC618;
    font-weight: 600;
    background: #42464d
}

.blockMessage.blockMessage--error {
    border-left: 2px solid #c84448;
    background: #2d3238;
    color: #c84448
}

.block-rowMessage.block-rowMessage--warning {
    border-left: 2px solid #dcda54;
    background: #383c42;
    color: white
}

.block-container .uix_newIndicator {
    font-size: 12px;
    color: #fff;
    background: #FFC618;
    border-radius: 4px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px
}

.uix_fabBar .p-title-pageAction .button {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    padding: 0;
    font-size: 0;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    background: #FFC618;
    color: #fff
}

.test {
    color: #00FF1F;
    background: black;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #008000;
    font-size: 11px;
    font-weight: italic
}

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

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

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

.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 6px #32cd32
}

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

.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 6px #f00
}

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

.bpred {
    background-image: linear-gradient(150deg, #1844ff, #186fff);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #1844ff
}
 
Позитивный голос 0 Негативный голос
tt:Kairo.osnova

tt:Kairo.osnova

Осуждён за гениальность или проклят за талант?
Сен
427
795
Активный
groznygyy написал(а):
extra.less: 
.glavadm {
    color: #fff;
    background: #008000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server1a {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server1l {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zga {
    color: #fff;
    background: #6DB36D;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.prmanager {
    color: #fff;
    background: #F07B14;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

a.bb-code-href-button {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    font-size: 13px;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    color: #fff;
    background-color: #7c7771;
    border-color: #89847e #6f6a65 #6f6a65 #89847e;
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    padding: 0px 4px;
    margin: 3px 6px 4px 0;
    border-radius: 2px;
    box-shadow: 1px 1px #dfdfdf, 2px 2px #6c6666
}

a.bb-code-href-button.button--splitTrigger>.button-text {
    border-right-color: #6f6a65
}

a.bb-code-href-button.button--splitTrigger>.button-menu {
    border-left-color: #89847e
}

a.bb-code-href-button:hover,
a.bb-code-href-button:active,
a.bb-code-href-button:focus {
    background-color: #7e6e5a
}

a.bb-code-href-button:before {
    content: "\f360";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

a.bb-code-href-button:before {
    padding: 0 4px
}

a.bb-code-href-button:hover {
    color: #b0babc;
    background-color: #504d4a;
    border-color: #5d5a56 #43403e #43403e #5d5a56;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

a.bb-code-href-button:hover.button--splitTrigger>.button-text {
    border-right-color: #43403e
}

a.bb-code-href-button:hover.button--splitTrigger>.button-menu {
    border-left-color: #5d5a56
}

a.bb-code-href-button:hover:hover,
a.bb-code-href-button:hover:active,
a.bb-code-href-button:hover:focus {
    background-color: #4d4338
}

.f4 {
    color: #fff;
    background: #14c84b;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.f3 {
    color: #fff;
    background: #000000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.f2 {
    color: #fff;
    background: #88ecdf;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.f1 {
    color: #fff;
    background: #9e18ff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.moroz {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.modr {
    color: #fff;
    background: #F08D8D;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.vklad {
    color: #fff;
    background: #66f;
    border-color: #33f;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.sliva {
    color: #fff;
    background: #ff5d76;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.legend {
    color: #fff;
    background: #c636ff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.gltest {
    color: #fff;
    background: #efef12;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.sist {
    color: #fff;
    background: #57CDD6;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.mlmoder {
    color: #fff;
    background: #87ceeb;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.stmoder {
    color: #fff;
    background: #87ceeb;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zgta {
    color: #fff;
    background: #ff74a8;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.techadm {
    color: #fff;
    background: #FF4D00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.adm {
    color: #fff;
    background: #ffcc66;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.stadm {
    color: #fff;
    background: #ffcc66;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.razrab {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.dima {
    color: #fff;
    background: #ff6b82;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.vlad {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.glavsled {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.zamglavsled {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.lider {
    color: #fff;
    background: #ffbf00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.kur {
    color: #fff;
    background: #9676f5;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.rykvod {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.userBanner.userBanner--staff {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.pomtech {
    color: #fff;
    background: #FF4D00;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server2a {
    color: #fff;
    background: #008000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server3l {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server3a {
    color: #fff;
    background: #004eff;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.server4a {
    background: #ffcb00;
    font-size: 75%;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    padding: 1px 10px;
    text-align: center;
    display: inline-block;
    border-radius: 8px
}

.server2l {
    color: #fff;
    background: #008000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.ban {
    background: url(https://svgshare.com/i/1BSc.svg);
    width: 139px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none
}

.specadm {
    color: #fff;
    background: #d80000;
    border-color: #a50000;
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    display: inline-block
}

.button.button--cta,
button.button a.button.button--cta {
    color: #fff;
    background: #FFC618;
    border: none;
    border-color: #e14f4d
}

.p-nav-list .p-navEl.is-selected {
    color: #FFC618;
    font-weight: 600;
    background: #42464d
}

.blockMessage.blockMessage--error {
    border-left: 2px solid #c84448;
    background: #2d3238;
    color: #c84448
}

.block-rowMessage.block-rowMessage--warning {
    border-left: 2px solid #dcda54;
    background: #383c42;
    color: white
}

.block-container .uix_newIndicator {
    font-size: 12px;
    color: #fff;
    background: #FFC618;
    border-radius: 4px;
    padding-top: 1px;
    padding-right: 4px;
    padding-bottom: 1px;
    padding-left: 4px
}

.uix_fabBar .p-title-pageAction .button {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    padding: 0;
    font-size: 0;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    background: #FFC618;
    color: #fff
}

.test {
    color: #00FF1F;
    background: black;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #008000;
    font-size: 11px;
    font-weight: italic
}

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

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

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

.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 6px #32cd32
}

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

.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 6px #f00
}

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

.bpred {
    background-image: linear-gradient(150deg, #1844ff, #186fff);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 6px #1844ff
}
Нажмите для раскрытия...
Это вообще дефолтные бро , я про новые их
 
Позитивный голос 0 Негативный голос
Kolpak

Kolpak

Ноя
2,082
7,424
Команда форума
Администратор
CSS: 
.userBanner.project-owner {
    background: rgba(255,23,68,0.12);
    border: 1px solid rgba(255,23,68,0.55);
    color: #FF1744;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-shadow: 0 0 8px rgba(255,23,68,0.25),inset 0 0 8px rgba(255,23,68,0.08)
}

.userBanner.project-director {
    background: rgba(229,57,53,0.1);
    border: 1px solid rgba(229,57,53,0.55);
    color: #EF5350;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(229,57,53,0.2),inset 0 0 7px rgba(229,57,53,0.06);
    border-radius: 4px
}

.userBanner.project-developer {
    background: rgba(124,77,255,0.1);
    border: 1px solid rgba(124,77,255,0.55);
    color: #B388FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(124,77,255,0.2),inset 0 0 7px rgba(124,77,255,0.06);
    border-radius: 4px
}

.userBanner.webbone-developer {
    background: rgba(255,122,158,0.14);
    border: 1px solid rgba(255,122,158,0.7);
    color: #FF7A9E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 9px rgba(255,122,158,0.3),inset 0 0 9px rgba(255,122,158,0.08);
    border-radius: 4px
}

.userBanner.special-admin {
    background: rgba(255,193,7,0.12);
    border: 1px solid rgba(255,193,7,0.65);
    color: #FFD54F;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 9px rgba(255,193,7,0.28),inset 0 0 9px rgba(255,193,7,0.08);
    border-radius: 4px
}

.userBanner.forum-moderator {
    background: rgba(66,165,245,0.1);
    border: 1px solid rgba(66,165,245,0.5);
    color: #64B5F6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(66,165,245,0.18),inset 0 0 7px rgba(66,165,245,0.06);
    border-radius: 4px
}

.userBanner.success-user {
    background: rgba(94,234,212,0.08);
    border: 1px solid rgba(94,234,212,0.4);
    color: #5EEAD4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(94,234,212,0.14),inset 0 0 6px rgba(94,234,212,0.04);
    border-radius: 4px
}

.userBanner.base-user {
    background: rgba(158,158,158,0.08);
    border: 1px solid rgba(158,158,158,0.28);
    color: #BDBDBD;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.userBanner.server-chief-admin {
    background: rgba(79,140,255,0.11);
    border: 1px solid rgba(79,140,255,0.6);
    color: #6FA3FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(79,140,255,0.23),inset 0 0 8px rgba(79,140,255,0.07000000000000001);
    border-radius: 4px
}

.userBanner.server-deputy-chief {
    background: rgba(107,140,255,0.1);
    border: 1px solid rgba(107,140,255,0.52);
    color: #8AA4FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(107,140,255,0.2),inset 0 0 7px rgba(107,140,255,0.06);
    border-radius: 4px
}

.userBanner.server-admin-curator {
    background: rgba(255,176,32,0.11);
    border: 1px solid rgba(255,176,32,0.6);
    color: #FFC44D;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(255,176,32,0.23),inset 0 0 8px rgba(255,176,32,0.07000000000000001);
    border-radius: 4px
}

.userBanner.server-chief-watcher {
    background: rgba(163,230,53,0.1);
    border: 1px solid rgba(163,230,53,0.58);
    color: #BEF264;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(163,230,53,0.2),inset 0 0 8px rgba(163,230,53,0.06);
    border-radius: 4px
}

.userBanner.server-deputy-watcher {
    background: rgba(212,225,87,0.09);
    border: 1px solid rgba(212,225,87,0.52);
    color: #E6EE9C;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(212,225,87,0.17),inset 0 0 7px rgba(212,225,87,0.05);
    border-radius: 4px
}

.userBanner.server-senior-admin {
    background: rgba(232,121,249,0.11);
    border: 1px solid rgba(232,121,249,0.6);
    color: #F0ABFC;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(232,121,249,0.23),inset 0 0 8px rgba(232,121,249,0.07000000000000001);
    border-radius: 4px
}

.userBanner.server-admin {
    background: rgba(56,189,248,0.1);
    border: 1px solid rgba(56,189,248,0.52);
    color: #67D3FA;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(56,189,248,0.19),inset 0 0 7px rgba(56,189,248,0.06);
    border-radius: 4px
}

.userBanner.server-senior-moderator {
    background: rgba(52,211,153,0.09);
    border: 1px solid rgba(52,211,153,0.48);
    color: #6EE7B7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(52,211,153,0.17),inset 0 0 7px rgba(52,211,153,0.05);
    border-radius: 4px
}

.userBanner.server-moderator {
    background: rgba(251,113,133,0.08);
    border: 1px solid rgba(251,113,133,0.42);
    color: #FDA4AF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(251,113,133,0.14),inset 0 0 6px rgba(251,113,133,0.04);
    border-radius: 4px
}

.userBanner.fraction-leader {
    background: rgba(244,114,182,0.09);
    border: 1px solid rgba(244,114,182,0.48);
    color: #F9A8D4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(244,114,182,0.17),inset 0 0 7px rgba(244,114,182,0.05);
    border-radius: 4px
}

.userBanner.banned-user {
    background: rgba(0,0,0,0.38);
    border: 1px solid rgba(255,255,255,0.32);
    color: #A7A7A7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(0,0,0,0.55),inset 0 0 8px rgba(255,255,255,0.035);
    border-radius: 4px
}
 
Позитивный голос 1 Негативный голос
Решение
tt:Kairo.osnova

tt:Kairo.osnova

Осуждён за гениальность или проклят за талант?
Сен
427
795
Активный
Kolpak написал(а):
CSS: 
.userBanner.project-owner {
    background: rgba(255,23,68,0.12);
    border: 1px solid rgba(255,23,68,0.55);
    color: #FF1744;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    box-shadow: 0 0 8px rgba(255,23,68,0.25),inset 0 0 8px rgba(255,23,68,0.08)
}

.userBanner.project-director {
    background: rgba(229,57,53,0.1);
    border: 1px solid rgba(229,57,53,0.55);
    color: #EF5350;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(229,57,53,0.2),inset 0 0 7px rgba(229,57,53,0.06);
    border-radius: 4px
}

.userBanner.project-developer {
    background: rgba(124,77,255,0.1);
    border: 1px solid rgba(124,77,255,0.55);
    color: #B388FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(124,77,255,0.2),inset 0 0 7px rgba(124,77,255,0.06);
    border-radius: 4px
}

.userBanner.webbone-developer {
    background: rgba(255,122,158,0.14);
    border: 1px solid rgba(255,122,158,0.7);
    color: #FF7A9E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 9px rgba(255,122,158,0.3),inset 0 0 9px rgba(255,122,158,0.08);
    border-radius: 4px
}

.userBanner.special-admin {
    background: rgba(255,193,7,0.12);
    border: 1px solid rgba(255,193,7,0.65);
    color: #FFD54F;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 9px rgba(255,193,7,0.28),inset 0 0 9px rgba(255,193,7,0.08);
    border-radius: 4px
}

.userBanner.forum-moderator {
    background: rgba(66,165,245,0.1);
    border: 1px solid rgba(66,165,245,0.5);
    color: #64B5F6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(66,165,245,0.18),inset 0 0 7px rgba(66,165,245,0.06);
    border-radius: 4px
}

.userBanner.success-user {
    background: rgba(94,234,212,0.08);
    border: 1px solid rgba(94,234,212,0.4);
    color: #5EEAD4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(94,234,212,0.14),inset 0 0 6px rgba(94,234,212,0.04);
    border-radius: 4px
}

.userBanner.base-user {
    background: rgba(158,158,158,0.08);
    border: 1px solid rgba(158,158,158,0.28);
    color: #BDBDBD;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.userBanner.server-chief-admin {
    background: rgba(79,140,255,0.11);
    border: 1px solid rgba(79,140,255,0.6);
    color: #6FA3FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(79,140,255,0.23),inset 0 0 8px rgba(79,140,255,0.07000000000000001);
    border-radius: 4px
}

.userBanner.server-deputy-chief {
    background: rgba(107,140,255,0.1);
    border: 1px solid rgba(107,140,255,0.52);
    color: #8AA4FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(107,140,255,0.2),inset 0 0 7px rgba(107,140,255,0.06);
    border-radius: 4px
}

.userBanner.server-admin-curator {
    background: rgba(255,176,32,0.11);
    border: 1px solid rgba(255,176,32,0.6);
    color: #FFC44D;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(255,176,32,0.23),inset 0 0 8px rgba(255,176,32,0.07000000000000001);
    border-radius: 4px
}

.userBanner.server-chief-watcher {
    background: rgba(163,230,53,0.1);
    border: 1px solid rgba(163,230,53,0.58);
    color: #BEF264;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(163,230,53,0.2),inset 0 0 8px rgba(163,230,53,0.06);
    border-radius: 4px
}

.userBanner.server-deputy-watcher {
    background: rgba(212,225,87,0.09);
    border: 1px solid rgba(212,225,87,0.52);
    color: #E6EE9C;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(212,225,87,0.17),inset 0 0 7px rgba(212,225,87,0.05);
    border-radius: 4px
}

.userBanner.server-senior-admin {
    background: rgba(232,121,249,0.11);
    border: 1px solid rgba(232,121,249,0.6);
    color: #F0ABFC;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(232,121,249,0.23),inset 0 0 8px rgba(232,121,249,0.07000000000000001);
    border-radius: 4px
}

.userBanner.server-admin {
    background: rgba(56,189,248,0.1);
    border: 1px solid rgba(56,189,248,0.52);
    color: #67D3FA;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(56,189,248,0.19),inset 0 0 7px rgba(56,189,248,0.06);
    border-radius: 4px
}

.userBanner.server-senior-moderator {
    background: rgba(52,211,153,0.09);
    border: 1px solid rgba(52,211,153,0.48);
    color: #6EE7B7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(52,211,153,0.17),inset 0 0 7px rgba(52,211,153,0.05);
    border-radius: 4px
}

.userBanner.server-moderator {
    background: rgba(251,113,133,0.08);
    border: 1px solid rgba(251,113,133,0.42);
    color: #FDA4AF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(251,113,133,0.14),inset 0 0 6px rgba(251,113,133,0.04);
    border-radius: 4px
}

.userBanner.fraction-leader {
    background: rgba(244,114,182,0.09);
    border: 1px solid rgba(244,114,182,0.48);
    color: #F9A8D4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 7px rgba(244,114,182,0.17),inset 0 0 7px rgba(244,114,182,0.05);
    border-radius: 4px
}

.userBanner.banned-user {
    background: rgba(0,0,0,0.38);
    border: 1px solid rgba(255,255,255,0.32);
    color: #A7A7A7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 6px rgba(0,0,0,0.55),inset 0 0 8px rgba(255,255,255,0.035);
    border-radius: 4px
}
Нажмите для раскрытия...
Спасибо огромное.Можно еще CSS цветов ников?
 
Позитивный голос 0 Негативный голос
Kolpak

Kolpak

Ноя
2,082
7,424
Команда форума
Администратор
tt:Kairo.osnova написал(а):
Спасибо огромное.Можно еще CSS цветов ников?
Нажмите для раскрытия...
CSS: 
.username--style3 {
    background: linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #0ff);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    line-height: 25px;
    animation: AnimNic 6s ease infinite
}

.username--style3 i:before {
    background: linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #0ff);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-:transparent;font-weight: bold;
    line-height: 25px;
    animation: AnimNic 6s ease infinite
}

.username--style5 {
    color: #6B8CFF;
    text-shadow: 0 0 4px rgba(107,140,255,0.55),0 0 8px rgba(107,140,255,0.35),0 0 14px rgba(107,140,255,0.2);
    font-weight: 700
}

.username--style7 {
    color: #4F8CFF;
    text-shadow: 0 0 4px rgba(79,140,255,0.6),0 0 9px rgba(79,140,255,0.4),0 0 15px rgba(79,140,255,0.22);
    font-weight: 700
}

.username--style10 {
    color: #A3E635;
    text-shadow: 0 0 4px rgba(163,230,53,0.55),0 0 9px rgba(163,230,53,0.35),0 0 15px rgba(163,230,53,0.2);
    font-weight: 700
}

.username--style11 {
    color: #D4E157;
    text-shadow: 0 0 4px rgba(212,225,87,0.5),0 0 8px rgba(212,225,87,0.3),0 0 14px rgba(212,225,87,0.18);
    font-weight: 700
}

.username--style13 {
    color: #F472B6;
    text-shadow: 0 0 4px rgba(244,114,182,0.5),0 0 8px rgba(244,114,182,0.3),0 0 14px rgba(244,114,182,0.18);
    font-weight: 600
}

.username--style15 {
    color: #B388FF;
    text-shadow: 0 0 4px rgba(179,136,255,0.6),0 0 8px rgba(179,136,255,0.4),0 0 14px rgba(179,136,255,0.22);
    font-weight: 700
}

.username--style16 {
    color: #FF1744;
    text-shadow: 0 0 4px rgba(255,23,68,0.65),0 0 9px rgba(255,23,68,0.45),0 0 16px rgba(255,23,68,0.25);
    font-weight: 700
}

.username--style21 {
    color: #FB7185;
    text-shadow: 0 0 3px rgba(251,113,133,0.45),0 0 7px rgba(251,113,133,0.28);
    font-weight: 600
}

.username--style22 {
    color: #34D399;
    text-shadow: 0 0 4px rgba(52,211,153,0.5),0 0 8px rgba(52,211,153,0.3),0 0 14px rgba(52,211,153,0.18);
    font-weight: 700
}

.username--style24 {
    color: #38BDF8;
    text-shadow: 0 0 4px rgba(56,189,248,0.55),0 0 8px rgba(56,189,248,0.35),0 0 14px rgba(56,189,248,0.2);
    font-weight: 700
}

.username--style25 {
    color: #E879F9;
    text-shadow: 0 0 4px rgba(232,121,249,0.6),0 0 9px rgba(232,121,249,0.4),0 0 15px rgba(232,121,249,0.22);
    font-weight: 700
}

.username--style26 {
    color: #FFB020;
    text-shadow: 0 0 4px rgba(255,176,32,0.58),0 0 9px rgba(255,176,32,0.38),0 0 15px rgba(255,176,32,0.2);
    font-weight: 700
}

.username--style38 {
    color: #5EEAD4;
    text-shadow: 0 0 3px rgba(94,234,212,0.4),0 0 7px rgba(94,234,212,0.22);
    font-weight: 600
}

.username--style39 {
    color: #FFD54F;
    text-shadow: 0 0 4px rgba(255,213,79,0.65),0 0 9px rgba(255,213,79,0.42),0 0 16px rgba(255,213,79,0.24);
    font-weight: 700
}

.username--style46 {
    color: #FF7A9E;
    text-shadow: 0 0 4px rgba(255,122,158,0.6),0 0 8px rgba(255,122,158,0.4),0 0 14px rgba(255,122,158,0.22);
    font-weight: 700
}

.username--style47 {
    color: #64B5F6;
    text-shadow: 0 0 4px rgba(100,181,246,0.55),0 0 8px rgba(100,181,246,0.35),0 0 13px rgba(100,181,246,0.2);
    font-weight: 700
}

.username--style50 {
    color: #EF5350;
    text-shadow: 0 0 4px rgba(239,83,80,0.6),0 0 8px rgba(239,83,80,0.4),0 0 14px rgba(239,83,80,0.22);
    font-weight: 700
}

.username--style71 {
    color: #F08D8D;
    text-shadow: #f08d8d 1px 1px 10px
}

.username--style73 {
    color: #F472B6;
    text-shadow: 0 0 4px rgba(244,114,182,0.5),0 0 8px rgba(244,114,182,0.3),0 0 14px rgba(244,114,182,0.18);
    font-weight: 600
}

.username--style74 {
    color: #FB7185;
    text-shadow: 0 0 3px rgba(251,113,133,0.45),0 0 7px rgba(251,113,133,0.28);
    font-weight: 600
}

.username--style75 {
    color: #34D399;
    text-shadow: 0 0 4px rgba(52,211,153,0.5),0 0 8px rgba(52,211,153,0.3),0 0 14px rgba(52,211,153,0.18);
    font-weight: 700
}

.username--style76 {
    color: #38BDF8;
    text-shadow: 0 0 4px rgba(56,189,248,0.55),0 0 8px rgba(56,189,248,0.35),0 0 14px rgba(56,189,248,0.2);
    font-weight: 700
}

.username--style77 {
    color: #E879F9;
    text-shadow: 0 0 4px rgba(232,121,249,0.6),0 0 9px rgba(232,121,249,0.4),0 0 15px rgba(232,121,249,0.22);
    font-weight: 700
}

.username--style78 {
    color: #D4E157;
    text-shadow: 0 0 4px rgba(212,225,87,0.5),0 0 8px rgba(212,225,87,0.3),0 0 14px rgba(212,225,87,0.18);
    font-weight: 700
}

.username--style79 {
    color: #A3E635;
    text-shadow: 0 0 4px rgba(163,230,53,0.55),0 0 9px rgba(163,230,53,0.35),0 0 15px rgba(163,230,53,0.2);
    font-weight: 700
}

.username--style80 {
    color: #FFB020;
    text-shadow: 0 0 4px rgba(255,176,32,0.58),0 0 9px rgba(255,176,32,0.38),0 0 15px rgba(255,176,32,0.2);
    font-weight: 700
}

.username--style81 {
    color: #6B8CFF;
    text-shadow: 0 0 4px rgba(107,140,255,0.55),0 0 8px rgba(107,140,255,0.35),0 0 14px rgba(107,140,255,0.2);
    font-weight: 700
}

.username--style82 {
    color: #4F8CFF;
    text-shadow: 0 0 4px rgba(79,140,255,0.6),0 0 9px rgba(79,140,255,0.4),0 0 15px rgba(79,140,255,0.22);
    font-weight: 700
}
 
Позитивный голос 1 Негативный голос
tt:Kairo.osnova

tt:Kairo.osnova

Осуждён за гениальность или проклят за талант?
Сен
427
795
Активный
Kolpak написал(а):
CSS: 
.username--style3 {
    background: linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #0ff);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    line-height: 25px;
    animation: AnimNic 6s ease infinite
}

.username--style3 i:before {
    background: linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #0ff);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-:transparent;font-weight: bold;
    line-height: 25px;
    animation: AnimNic 6s ease infinite
}

.username--style5 {
    color: #6B8CFF;
    text-shadow: 0 0 4px rgba(107,140,255,0.55),0 0 8px rgba(107,140,255,0.35),0 0 14px rgba(107,140,255,0.2);
    font-weight: 700
}

.username--style7 {
    color: #4F8CFF;
    text-shadow: 0 0 4px rgba(79,140,255,0.6),0 0 9px rgba(79,140,255,0.4),0 0 15px rgba(79,140,255,0.22);
    font-weight: 700
}

.username--style10 {
    color: #A3E635;
    text-shadow: 0 0 4px rgba(163,230,53,0.55),0 0 9px rgba(163,230,53,0.35),0 0 15px rgba(163,230,53,0.2);
    font-weight: 700
}

.username--style11 {
    color: #D4E157;
    text-shadow: 0 0 4px rgba(212,225,87,0.5),0 0 8px rgba(212,225,87,0.3),0 0 14px rgba(212,225,87,0.18);
    font-weight: 700
}

.username--style13 {
    color: #F472B6;
    text-shadow: 0 0 4px rgba(244,114,182,0.5),0 0 8px rgba(244,114,182,0.3),0 0 14px rgba(244,114,182,0.18);
    font-weight: 600
}

.username--style15 {
    color: #B388FF;
    text-shadow: 0 0 4px rgba(179,136,255,0.6),0 0 8px rgba(179,136,255,0.4),0 0 14px rgba(179,136,255,0.22);
    font-weight: 700
}

.username--style16 {
    color: #FF1744;
    text-shadow: 0 0 4px rgba(255,23,68,0.65),0 0 9px rgba(255,23,68,0.45),0 0 16px rgba(255,23,68,0.25);
    font-weight: 700
}

.username--style21 {
    color: #FB7185;
    text-shadow: 0 0 3px rgba(251,113,133,0.45),0 0 7px rgba(251,113,133,0.28);
    font-weight: 600
}

.username--style22 {
    color: #34D399;
    text-shadow: 0 0 4px rgba(52,211,153,0.5),0 0 8px rgba(52,211,153,0.3),0 0 14px rgba(52,211,153,0.18);
    font-weight: 700
}

.username--style24 {
    color: #38BDF8;
    text-shadow: 0 0 4px rgba(56,189,248,0.55),0 0 8px rgba(56,189,248,0.35),0 0 14px rgba(56,189,248,0.2);
    font-weight: 700
}

.username--style25 {
    color: #E879F9;
    text-shadow: 0 0 4px rgba(232,121,249,0.6),0 0 9px rgba(232,121,249,0.4),0 0 15px rgba(232,121,249,0.22);
    font-weight: 700
}

.username--style26 {
    color: #FFB020;
    text-shadow: 0 0 4px rgba(255,176,32,0.58),0 0 9px rgba(255,176,32,0.38),0 0 15px rgba(255,176,32,0.2);
    font-weight: 700
}

.username--style38 {
    color: #5EEAD4;
    text-shadow: 0 0 3px rgba(94,234,212,0.4),0 0 7px rgba(94,234,212,0.22);
    font-weight: 600
}

.username--style39 {
    color: #FFD54F;
    text-shadow: 0 0 4px rgba(255,213,79,0.65),0 0 9px rgba(255,213,79,0.42),0 0 16px rgba(255,213,79,0.24);
    font-weight: 700
}

.username--style46 {
    color: #FF7A9E;
    text-shadow: 0 0 4px rgba(255,122,158,0.6),0 0 8px rgba(255,122,158,0.4),0 0 14px rgba(255,122,158,0.22);
    font-weight: 700
}

.username--style47 {
    color: #64B5F6;
    text-shadow: 0 0 4px rgba(100,181,246,0.55),0 0 8px rgba(100,181,246,0.35),0 0 13px rgba(100,181,246,0.2);
    font-weight: 700
}

.username--style50 {
    color: #EF5350;
    text-shadow: 0 0 4px rgba(239,83,80,0.6),0 0 8px rgba(239,83,80,0.4),0 0 14px rgba(239,83,80,0.22);
    font-weight: 700
}

.username--style71 {
    color: #F08D8D;
    text-shadow: #f08d8d 1px 1px 10px
}

.username--style73 {
    color: #F472B6;
    text-shadow: 0 0 4px rgba(244,114,182,0.5),0 0 8px rgba(244,114,182,0.3),0 0 14px rgba(244,114,182,0.18);
    font-weight: 600
}

.username--style74 {
    color: #FB7185;
    text-shadow: 0 0 3px rgba(251,113,133,0.45),0 0 7px rgba(251,113,133,0.28);
    font-weight: 600
}

.username--style75 {
    color: #34D399;
    text-shadow: 0 0 4px rgba(52,211,153,0.5),0 0 8px rgba(52,211,153,0.3),0 0 14px rgba(52,211,153,0.18);
    font-weight: 700
}

.username--style76 {
    color: #38BDF8;
    text-shadow: 0 0 4px rgba(56,189,248,0.55),0 0 8px rgba(56,189,248,0.35),0 0 14px rgba(56,189,248,0.2);
    font-weight: 700
}

.username--style77 {
    color: #E879F9;
    text-shadow: 0 0 4px rgba(232,121,249,0.6),0 0 9px rgba(232,121,249,0.4),0 0 15px rgba(232,121,249,0.22);
    font-weight: 700
}

.username--style78 {
    color: #D4E157;
    text-shadow: 0 0 4px rgba(212,225,87,0.5),0 0 8px rgba(212,225,87,0.3),0 0 14px rgba(212,225,87,0.18);
    font-weight: 700
}

.username--style79 {
    color: #A3E635;
    text-shadow: 0 0 4px rgba(163,230,53,0.55),0 0 9px rgba(163,230,53,0.35),0 0 15px rgba(163,230,53,0.2);
    font-weight: 700
}

.username--style80 {
    color: #FFB020;
    text-shadow: 0 0 4px rgba(255,176,32,0.58),0 0 9px rgba(255,176,32,0.38),0 0 15px rgba(255,176,32,0.2);
    font-weight: 700
}

.username--style81 {
    color: #6B8CFF;
    text-shadow: 0 0 4px rgba(107,140,255,0.55),0 0 8px rgba(107,140,255,0.35),0 0 14px rgba(107,140,255,0.2);
    font-weight: 700
}

.username--style82 {
    color: #4F8CFF;
    text-shadow: 0 0 4px rgba(79,140,255,0.6),0 0 9px rgba(79,140,255,0.4),0 0 15px rgba(79,140,255,0.22);
    font-weight: 700
}
Нажмите для раскрытия...
Благодарю
 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху