Решено Поиск ролей как на скриншоте

[Tomas Moore]

помогите ннайти краски для extra less такие краски плз

https://ibb.co/PzCLS0YM

 

[Nick_Name]

Скинь ссылку на форум

 

[romanbern]

Это старые краски крмп онлайн как понимаю

 

[Tomas Moore]

Скинь ссылку на форум

https://trinity-crmp.csamp.ru/

 

[Tomas Moore]

Help

 

[Dev Cold]

.userBanner.userBanner--techOrange,.userBanner--techOrange {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: linear-gradient(to right, #ff3c00, #ff7a00) !important;
    border: 1px solid #ff8a00 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35) !important;
    box-shadow: 0 0 8px rgba(255,90,0,0.45) !important
}

.userBanner.userBanner--techPurple,.userBanner--techPurple {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #7367f0 !important;
    border: 1px solid #8b82ff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--adminGreen,.userBanner--adminGreen {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #00a832 !important;
    border: 1px solid #00c746 !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--adminGreenDark,.userBanner--adminGreenDark {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #007a25 !important;
    border: 1px solid #093 !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--techMint,.userBanner--techMint {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #10c987 !important;
    border: 1px solid #18e09a !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--greenSoft,.userBanner--greenSoft {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #6DB36D !important;
    border: 1px solid #7cc37c !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--curatorPurple,.userBanner--curatorPurple {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: #9676F5 !important;
    border: 1px solid #b19bff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(150,118,245,0.45) !important
}

.userBanner.userBanner--watcherBlue,.userBanner--watcherBlue {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    background: #006BFF !important;
    border: 1px solid #2f86ff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(0,107,255,0.55) !important
}

.userBanner.userBanner--seniorAdmin,.userBanner--seniorAdmin {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    background: #6398E8 !important;
    border: 1px solid #7eaeff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(99,152,232,0.45) !important
}

.userBanner.userBanner--serverRed,.userBanner--serverRed {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #FF3B3B !important;
    border: 1px solid #ff5a5a !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--moscowServer,.userBanner--moscowServer {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #FF3B3B !important;
    border: 1px solid #ff5a5a !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(255,59,59,0.45) !important
}

.userBanner.userBanner--projectTeam,.userBanner--projectTeam {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #FFFFFF !important;
    background: #FFD21A !important;
    border: 1px solid #ffe066 !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: none !important;
    box-shadow: 0 0 8px rgba(255,210,26,0.45) !important
}

.userBanner.userBanner--projectOwner,.userBanner--projectOwner {
    display: inline-block !important;
    padding: 2px 9px !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    background: linear-gradient(90deg, #ff5a00, #ffb300, #fd5) !important;
    border: 1px solid #ffe066 !important;
    font-size: 75% !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(255,174,0,0.55),inset 0 1px 0 rgba(255,255,255,0.25) !important
}

.userBanner.userBanner--orgLeader {
    color: #5a4632 !important;
    border: none;
    text-shadow: none;
    background-image: repeating-linear-gradient(45deg, #f3e7d6 0px, #f3e7d6 7px, #e7d3ba 7px, #e7d3ba 14px);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06)
}

.userBanner.userBanner--staff,.userBanner--staff,.memberHeader-banners .userBanner--staff,.message-userBanner.userBanner--staff,.message-userExtras .userBanner--staff,.memberTooltip .userBanner--staff,.memberTooltip-banners .userBanner--staff,.memberHeader .userBanner--staff,.memberHeader-banners .userBanner.userBanner--staff,.message-user .userBanner.userBanner--staff,.message-cell .userBanner.userBanner--staff,.userBannerList .userBanner.userBanner--staff,.userBannerList .userBanner--staff {
    display: none !important
}

.red {
    color: white;
    background: linear-gradient(to right, #f00, #900);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.green {
    color: white;
    background: linear-gradient(to right, #228b22, #008000);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.orange {
    color: white;
    background: linear-gradient(to right, #ffa500, #ff8c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.skyred {
    color: white;
    background: linear-gradient(to right, #f24666, #f24666);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.yellow {
    color: black;
    background: linear-gradient(to right, #ff0, #ffa500);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

 

[Tomas Moore]

.userBanner.userBanner--techOrange,.userBanner--techOrange {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: linear-gradient(to right, #ff3c00, #ff7a00) !important;
    border: 1px solid #ff8a00 !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35) !important;
    box-shadow: 0 0 8px rgba(255,90,0,0.45) !important
}

.userBanner.userBanner--techPurple,.userBanner--techPurple {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #7367f0 !important;
    border: 1px solid #8b82ff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--adminGreen,.userBanner--adminGreen {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #00a832 !important;
    border: 1px solid #00c746 !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--adminGreenDark,.userBanner--adminGreenDark {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #007a25 !important;
    border: 1px solid #093 !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--techMint,.userBanner--techMint {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #10c987 !important;
    border: 1px solid #18e09a !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--greenSoft,.userBanner--greenSoft {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #6DB36D !important;
    border: 1px solid #7cc37c !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--curatorPurple,.userBanner--curatorPurple {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: #9676F5 !important;
    border: 1px solid #b19bff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(150,118,245,0.45) !important
}

.userBanner.userBanner--watcherBlue,.userBanner--watcherBlue {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    background: #006BFF !important;
    border: 1px solid #2f86ff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(0,107,255,0.55) !important
}

.userBanner.userBanner--seniorAdmin,.userBanner--seniorAdmin {
    display: inline-block !important;
    padding: 2px 8px !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    background: #6398E8 !important;
    border: 1px solid #7eaeff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(99,152,232,0.45) !important
}

.userBanner.userBanner--serverRed,.userBanner--serverRed {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #FF3B3B !important;
    border: 1px solid #ff5a5a !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}

.userBanner.userBanner--moscowServer,.userBanner--moscowServer {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    background: #FF3B3B !important;
    border: 1px solid #ff5a5a !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(255,59,59,0.45) !important
}

.userBanner.userBanner--projectTeam,.userBanner--projectTeam {
    display: inline-block !important;
    padding: 1px 7px !important;
    border-radius: 3px !important;
    color: #FFFFFF !important;
    background: #FFD21A !important;
    border: 1px solid #ffe066 !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: none !important;
    box-shadow: 0 0 8px rgba(255,210,26,0.45) !important
}

.userBanner.userBanner--projectOwner,.userBanner--projectOwner {
    display: inline-block !important;
    padding: 2px 9px !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    background: linear-gradient(90deg, #ff5a00, #ffb300, #fd5) !important;
    border: 1px solid #ffe066 !important;
    font-size: 75% !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
    box-shadow: 0 0 8px rgba(255,174,0,0.55),inset 0 1px 0 rgba(255,255,255,0.25) !important
}

.userBanner.userBanner--orgLeader {
    color: #5a4632 !important;
    border: none;
    text-shadow: none;
    background-image: repeating-linear-gradient(45deg, #f3e7d6 0px, #f3e7d6 7px, #e7d3ba 7px, #e7d3ba 14px);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06)
}

.userBanner.userBanner--staff,.userBanner--staff,.memberHeader-banners .userBanner--staff,.message-userBanner.userBanner--staff,.message-userExtras .userBanner--staff,.memberTooltip .userBanner--staff,.memberTooltip-banners .userBanner--staff,.memberHeader .userBanner--staff,.memberHeader-banners .userBanner.userBanner--staff,.message-user .userBanner.userBanner--staff,.message-cell .userBanner.userBanner--staff,.userBannerList .userBanner.userBanner--staff,.userBannerList .userBanner--staff {
    display: none !important
}

.red {
    color: white;
    background: linear-gradient(to right, #f00, #900);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.green {
    color: white;
    background: linear-gradient(to right, #228b22, #008000);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.orange {
    color: white;
    background: linear-gradient(to right, #ffa500, #ff8c00);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.skyred {
    color: white;
    background: linear-gradient(to right, #f24666, #f24666);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

.yellow {
    color: black;
    background: linear-gradient(to right, #ff0, #ffa500);
    border-radius: 10px;
    font-size: 90%;
    padding: 0 8px;
    line-height: normal;
    font-weight: 600
}

Лучший решено