- Фев
- 122
- 21
Пользователь
By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!Из какой.....Эти баннеры идут из коробки
А в extra less их не былоЭти баннеры идут из коробки
Это базовые баннеры, которые указываются при выборе баннера в группе пользователяИз какой.....
Может у кого есть роли буст раши заранее спасибо!!!!
Так мне надо Куратор а там нету фиолетовогоТы хоть понимаешь и пытаешься понять, что я говорю?
Посмотреть вложение 25933
зачем тебеМожет у кого есть роли буст раши заранее спасибо!!
Так мне надо Куратор а там нету фиолетового
Мне надо для форума чтобы им могли пользоваться администраторы и другие пользователизачем тебе
зачем тебе администраторы и другие пользователиМне надо для форума чтобы им могли пользоваться администраторы и другие пользователи
Надо потому что у многих есть свои проекты не задумывался?зачем тебе администраторы и другие пользователи
а зачем делать проектНадо потому что у многих есть свои проекты не задумывался?
Мне надо такие баннеры для форума и все! Потому что это выбрали и я ищу эти баннерыа зачем делать проект
та не злисьМне надо такие баннеры для форума и все! Потому что это выбрали и я ищу эти баннеры
А я не злюсь нечего меня провоцировать на конфликт, я с такими людьми не разговариваю и ты это понимаешьта не злись
.username--invisible {
color: #e0e6f0;
}
.username--banned {
text-decoration: line-through;
}
/* ===== Username styles ===== */
.username--style2,
.username--style29,
.username--style30 {
color: #C0C0C0;
text-shadow: 1px 1px 3px #808080;
}
.username--style3,
.username--style32,
.username--style37 {
color: red;
text-shadow: #f00 1px 1px 10px;
}
.username--style6 {
color: #ff0000;
text-shadow: #ff0000 1px 1px 10px;
}
.username--style7 {
color: #ff0000;
text-shadow: #ff0000 1px 1px 10px;
}
.username--style8 {
color: #ff7a00 !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #ff7a00, 0 0 12px rgba(255, 122, 0, 0.85) !important;
}
.username--style11 {
color: #6DB36D;
text-shadow: #6db36d 1px 1px 10px;
}
.username--style12 {
color: #6DB36D !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #6db36d, 0 0 12px rgba(109, 179, 109, 0.85) !important;
}
.username.username--style13,
a.username.username--style13,
.username--style13 {
color: #9676F5 !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #9676f5, 0 0 12px rgba(150, 118, 245, 0.85) !important;
}
.username.username--style14,
a.username.username--style14,
.username--style14 {
color: #006BFF !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #006bff, 0 0 12px rgba(0, 107, 255, 0.85) !important;
}
.username.username--style15,
a.username.username--style15,
.username--style15 {
color: #006BFF !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #006bff, 0 0 12px rgba(0, 107, 255, 0.85) !important;
}
.username--style16 {
color: #09bd72;
text-shadow: #09bd72 1px 1px 10px;
}
.username--style18 {
color: #ffca00;
text-shadow: #ffca00 1px 1px 10px;
}
.username--style22 {
color: #ffcc66;
text-shadow: #fc6 1px 1px 10px;
}
.username--style23 {
color: #ff0000;
text-shadow: #ff0000 1px 1px 10px;
}
.username--style24 {
color: #7cc3e0;
text-shadow: #a5d6ea 1px 1px 10px;
}
.username--style27,
.username--style41 {
color: #004eff;
text-shadow: #004eff 1px 1px 10px;
}
.username--style28 {
color: #f24666;
text-shadow: #f00 1px 1px 10px;
}
.username--style34 {
color: #ff4500;
text-shadow: #ff4500 1px 1px 10px;
}
.username--style35 {
color: #6495ED;
text-shadow: #6495ed 1px 1px 10px;
}
.username--style36 {
color: #20B2AA;
text-shadow: #20b2aa 1px 1px 10px;
}
.username--style40 {
color: #F0E68C;
text-shadow: #f0e68c 1px 1px 10px;
}
.username--style42 {
color: #FFA500;
text-shadow: 1px 1px 3px #ffa500;
}
.username.username--style20,
a.username.username--style20,
.username--style20 {
color: #FFD21A !important;
font-weight: 900 !important;
text-shadow: 0 0 6px #ffd21a, 0 0 12px rgba(255, 210, 26, 0.85) !important;
}
/* ===== Base banners ===== */
.userBanner {
font-size: 75%;
font-weight: 400;
font-style: normal;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 2px;
text-align: center;
display: inline-block;
}
.userBanner strong {
font-weight: inherit;
}
.userBanner.userBanner--hidden {
background: none;
border: none;
box-shadow: none;
}
.userBanner.userBanner--staff,
.userBanner.userBanner--primary,
.userBanner.userBanner--accent,
.userBanner.userBanner--owner {
color: #e0e6f0;
background: #4080ff;
border-color: #4080ff;
}
.userBanner.userBanner--red {
color: #fff;
background: #d80000;
border-color: #a50000;
}
.userBanner.userBanner--green {
color: #fff;
background: #008000;
border-color: #004d00;
}
.userBanner.userBanner--olive {
color: #fff;
background: #808000;
border-color: #4d4d00;
}
.userBanner.userBanner--lightGreen {
color: #000;
background: #ccf9c8;
border-color: #bee8ba;
}
.userBanner.userBanner--blue {
color: #ffffff !important;
background: #006BFF !important;
border: 2px solid #4DA0FF !important;
border-radius: 5px !important;
padding: 2px 8px !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--royalBlue {
color: #fff;
background: #4169e1;
border-color: #214cce;
}
.userBanner.userBanner--skyBlue {
color: #fff;
background: #7cc3e0;
border-color: #53b0d6;
}
.userBanner.userBanner--gray {
color: #fff;
background: #808080;
border-color: #676767;
}
.userBanner.userBanner--silver {
color: #000;
background: #c0c0c0;
border-color: #a7a7a7;
}
.userBanner.userBanner--yellow {
color: #000;
background: #ffff91;
border-color: #e6e687;
}
.userBanner.userBanner--orange {
color: #000;
background: #ffcb00;
border-color: #cca200;
}
/* ===== Custom banners ===== */
.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 #009933 !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--serverRed .username,
.userBanner--serverRed .username,
.userBanner.userBanner--serverRed -name,
.userBanner--serverRed -name,
.userBanner.userBanner--serverRed a.username,
.userBanner--serverRed a.username {
background-image: linear-gradient(270deg, #d0001d, #afff74, #ff8ea7);
background-size: 300% 100%;
/* Размер больше текста, чтобы было что двигать */
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
animation: gradient-animation 10s ease infinite;
/* Запуск анимации */
}
@keyframes gradient-animation {
.userBanner.userBanner--serverRed 0%,
.userBanner--serverRed 0% {
background-position: 0% 50%;
}
.userBanner.userBanner--serverRed 50%,
.userBanner--serverRed 50% {
background-position: 100% 50%;
}
.userBanner.userBanner--serverRed 100%,
.userBanner--serverRed 100% {
background-position: 0% 50%;
}
}
.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, #ffdd55) !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);
}
/* ===== Скрыть стандартную плашку Staff member ===== */
.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;
}
/* ===== Alerts ===== */
.alert.is-unread {
color: #e0e6f0;
background: #1a1f2a;
}
.alertToggler {
text-decoration: none !important;
padding: 6px;
margin-right: -6px;
}
.alert .alertToggler {
opacity: 0;
}
.alert:hover .alertToggler,
.has-touchevents .alertToggler {
opacity: 1;
}
.alertToggler-icon {
font-size: .75em;
font-weight: 400;
}
/* ===== Forum blocks ===== */
.block-minorHeader {
margin: 0;
text-decoration: none;
font-size: 17px;
color: #e0e6f0;
border-bottom: 1px solid #1a1f2a;
font-weight: 600;
padding: 10px 20px;
margin-bottom: 0;
}
[data-template="forum_list"] .p-body-header {
background: transparent;
padding: 15px;
border-radius: 9px;
box-shadow: none;
margin-bottom: 20px;
}
.blockMessage p:last-child,
.blockStatus p:last-child,
.block-row p:last-child {
color: #4080ff;
margin-bottom: 0;
background: #4080ff1c;
padding: 10px;
border-radius: 8px;
margin-top: 5px;
}
.p-body-sidebar .block-container {
padding: 5px;
}
.node-extra {
width: auto;
padding: 10px;
text-align: center;
font-size: 0.9rem;
}
svg {
fill: transparent;
}
.node-stats .pairs.pairs--rows > dd {
font-size: 1.35em;
color: #4080ff;
}
.node-extra-icon {
padding-right: 10px;
padding-left: 12px;
float: right;
}
.node-extra-row {
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
color: #e2e2e4;
}
.node-title {
font-size: 16px;
}
/* ===== Buttons ===== */
.button.button--link:hover,
a.button.button--link:hover {
border-color: #252a35;
}
.button.button--link:hover,
a.button.button--link:hover,
.button.button--link:active,
a.button.button--link:active,
.button.button--link:focus,
a.button.button--link:focus {
text-decoration: none;
background: #252a35;
color: #e0e6f0;
}
/* ===== Small colored labels ===== */
.red {
color: white;
background: linear-gradient(to right, #ff0000, #990000);
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, #ffff00, #ffa500);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600;
}
.userBanner.userBanner--prManager,
.userBanner--prManager {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: linear-gradient(to right, #f0a12e, #ffb700) !important;
border: 1px solid #ffc02e !important;
font-weight: 700 !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important;
box-shadow: 0 0 8px rgba(240, 161, 46, 0.45) !important;
}
.lider {
background: #7dc2e1;
border-radius: 3px;
color: #000000;
}
.ga {
background: #008000;
border-radius: 3px;
}
.style.spec {
background: #FF0000;
border-radius: 3px;
}
.zga {
background: #6DB36D;
border-radius: 3px;
}
.kurator {
background: #9676F5;
border-radius: 3px;
}
.gs {
background: #006BFF;
border-radius: 3px;
}
.zgs {
background: #006BFF;
border-radius: 3px;
}
.projectTeam {
background: #FFD21A;
border-radius: 3px;
}
.gta {
background: #FF5A00;
border-radius: 3px;
}
.zgta {
background: #7b6cff;
border-radius: 3px;
}
.Zam {
background: #FF0000;
border-radius: 3px;
}
.teh {
background: #10c987;
border-radius: 3px;
}
.moscow {
background: #FF4040;
border-radius: 3px;
}
.moder {
background: #F0C65A;
border-radius: 3px;
}
.prManager {
background: #FFD700;
border-radius: 3px;
}
.Test {
background: #21B2AB;
border-radius: 3px;
}
.Legendary {
background: #ECE289;
border-radius: 3px;
}
/* Обычные чекбоксы вместо кастомных XenForo */
.iconic {
display: inline-flex;
align-items: center;
gap: 8px;
}
.iconic > input[type="checkbox"],
.iconic > input[type="radio"] {
position: static !important;
opacity: 1 !important;
width: 16px !important;
height: 16px !important;
margin: 0 6px 0 0 !important;
pointer-events: auto !important;
appearance: auto !important;
-webkit-appearance: auto !important;
}
.iconic > i {
display: none !important;
}
.iconic-label {
color: inherit;
}
и что это?extra.less:.username--invisible { color: #e0e6f0; } .username--banned { text-decoration: line-through; } /* ===== Username styles ===== */ .username--style2, .username--style29, .username--style30 { color: #C0C0C0; text-shadow: 1px 1px 3px #808080; } .username--style3, .username--style32, .username--style37 { color: red; text-shadow: #f00 1px 1px 10px; } .username--style6 { color: #ff0000; text-shadow: #ff0000 1px 1px 10px; } .username--style7 { color: #ff0000; text-shadow: #ff0000 1px 1px 10px; } .username--style8 { color: #ff7a00 !important; font-weight: 900 !important; text-shadow: 0 0 6px #ff7a00, 0 0 12px rgba(255, 122, 0, 0.85) !important; } .username--style11 { color: #6DB36D; text-shadow: #6db36d 1px 1px 10px; } .username--style12 { color: #6DB36D !important; font-weight: 900 !important; text-shadow: 0 0 6px #6db36d, 0 0 12px rgba(109, 179, 109, 0.85) !important; } .username.username--style13, a.username.username--style13, .username--style13 { color: #9676F5 !important; font-weight: 900 !important; text-shadow: 0 0 6px #9676f5, 0 0 12px rgba(150, 118, 245, 0.85) !important; } .username.username--style14, a.username.username--style14, .username--style14 { color: #006BFF !important; font-weight: 900 !important; text-shadow: 0 0 6px #006bff, 0 0 12px rgba(0, 107, 255, 0.85) !important; } .username.username--style15, a.username.username--style15, .username--style15 { color: #006BFF !important; font-weight: 900 !important; text-shadow: 0 0 6px #006bff, 0 0 12px rgba(0, 107, 255, 0.85) !important; } .username--style16 { color: #09bd72; text-shadow: #09bd72 1px 1px 10px; } .username--style18 { color: #ffca00; text-shadow: #ffca00 1px 1px 10px; } .username--style22 { color: #ffcc66; text-shadow: #fc6 1px 1px 10px; } .username--style23 { color: #ff0000; text-shadow: #ff0000 1px 1px 10px; } .username--style24 { color: #7cc3e0; text-shadow: #a5d6ea 1px 1px 10px; } .username--style27, .username--style41 { color: #004eff; text-shadow: #004eff 1px 1px 10px; } .username--style28 { color: #f24666; text-shadow: #f00 1px 1px 10px; } .username--style34 { color: #ff4500; text-shadow: #ff4500 1px 1px 10px; } .username--style35 { color: #6495ED; text-shadow: #6495ed 1px 1px 10px; } .username--style36 { color: #20B2AA; text-shadow: #20b2aa 1px 1px 10px; } .username--style40 { color: #F0E68C; text-shadow: #f0e68c 1px 1px 10px; } .username--style42 { color: #FFA500; text-shadow: 1px 1px 3px #ffa500; } .username.username--style20, a.username.username--style20, .username--style20 { color: #FFD21A !important; font-weight: 900 !important; text-shadow: 0 0 6px #ffd21a, 0 0 12px rgba(255, 210, 26, 0.85) !important; } /* ===== Base banners ===== */ .userBanner { font-size: 75%; font-weight: 400; font-style: normal; padding: 1px 6px; border: 1px solid transparent; border-radius: 2px; text-align: center; display: inline-block; } .userBanner strong { font-weight: inherit; } .userBanner.userBanner--hidden { background: none; border: none; box-shadow: none; } .userBanner.userBanner--staff, .userBanner.userBanner--primary, .userBanner.userBanner--accent, .userBanner.userBanner--owner { color: #e0e6f0; background: #4080ff; border-color: #4080ff; } .userBanner.userBanner--red { color: #fff; background: #d80000; border-color: #a50000; } .userBanner.userBanner--green { color: #fff; background: #008000; border-color: #004d00; } .userBanner.userBanner--olive { color: #fff; background: #808000; border-color: #4d4d00; } .userBanner.userBanner--lightGreen { color: #000; background: #ccf9c8; border-color: #bee8ba; } .userBanner.userBanner--blue { color: #ffffff !important; background: #006BFF !important; border: 2px solid #4DA0FF !important; border-radius: 5px !important; padding: 2px 8px !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--royalBlue { color: #fff; background: #4169e1; border-color: #214cce; } .userBanner.userBanner--skyBlue { color: #fff; background: #7cc3e0; border-color: #53b0d6; } .userBanner.userBanner--gray { color: #fff; background: #808080; border-color: #676767; } .userBanner.userBanner--silver { color: #000; background: #c0c0c0; border-color: #a7a7a7; } .userBanner.userBanner--yellow { color: #000; background: #ffff91; border-color: #e6e687; } .userBanner.userBanner--orange { color: #000; background: #ffcb00; border-color: #cca200; } /* ===== Custom banners ===== */ .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 #009933 !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--serverRed .username, .userBanner--serverRed .username, .userBanner.userBanner--serverRed -name, .userBanner--serverRed -name, .userBanner.userBanner--serverRed a.username, .userBanner--serverRed a.username { background-image: linear-gradient(270deg, #d0001d, #afff74, #ff8ea7); background-size: 300% 100%; /* Размер больше текста, чтобы было что двигать */ -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; animation: gradient-animation 10s ease infinite; /* Запуск анимации */ } @keyframes gradient-animation { .userBanner.userBanner--serverRed 0%, .userBanner--serverRed 0% { background-position: 0% 50%; } .userBanner.userBanner--serverRed 50%, .userBanner--serverRed 50% { background-position: 100% 50%; } .userBanner.userBanner--serverRed 100%, .userBanner--serverRed 100% { background-position: 0% 50%; } } .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, #ffdd55) !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); } /* ===== Скрыть стандартную плашку Staff member ===== */ .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; } /* ===== Alerts ===== */ .alert.is-unread { color: #e0e6f0; background: #1a1f2a; } .alertToggler { text-decoration: none !important; padding: 6px; margin-right: -6px; } .alert .alertToggler { opacity: 0; } .alert:hover .alertToggler, .has-touchevents .alertToggler { opacity: 1; } .alertToggler-icon { font-size: .75em; font-weight: 400; } /* ===== Forum blocks ===== */ .block-minorHeader { margin: 0; text-decoration: none; font-size: 17px; color: #e0e6f0; border-bottom: 1px solid #1a1f2a; font-weight: 600; padding: 10px 20px; margin-bottom: 0; } [data-template="forum_list"] .p-body-header { background: transparent; padding: 15px; border-radius: 9px; box-shadow: none; margin-bottom: 20px; } .blockMessage p:last-child, .blockStatus p:last-child, .block-row p:last-child { color: #4080ff; margin-bottom: 0; background: #4080ff1c; padding: 10px; border-radius: 8px; margin-top: 5px; } .p-body-sidebar .block-container { padding: 5px; } .node-extra { width: auto; padding: 10px; text-align: center; font-size: 0.9rem; } svg { fill: transparent; } .node-stats .pairs.pairs--rows > dd { font-size: 1.35em; color: #4080ff; } .node-extra-icon { padding-right: 10px; padding-left: 12px; float: right; } .node-extra-row { overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; color: #e2e2e4; } .node-title { font-size: 16px; } /* ===== Buttons ===== */ .button.button--link:hover, a.button.button--link:hover { border-color: #252a35; } .button.button--link:hover, a.button.button--link:hover, .button.button--link:active, a.button.button--link:active, .button.button--link:focus, a.button.button--link:focus { text-decoration: none; background: #252a35; color: #e0e6f0; } /* ===== Small colored labels ===== */ .red { color: white; background: linear-gradient(to right, #ff0000, #990000); 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, #ffff00, #ffa500); border-radius: 10px; font-size: 90%; padding: 0 8px; line-height: normal; font-weight: 600; } .userBanner.userBanner--prManager, .userBanner--prManager { display: inline-block !important; padding: 2px 8px !important; border-radius: 4px !important; color: #ffffff !important; background: linear-gradient(to right, #f0a12e, #ffb700) !important; border: 1px solid #ffc02e !important; font-weight: 700 !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) !important; box-shadow: 0 0 8px rgba(240, 161, 46, 0.45) !important; } .lider { background: #7dc2e1; border-radius: 3px; color: #000000; } .ga { background: #008000; border-radius: 3px; } .style.spec { background: #FF0000; border-radius: 3px; } .zga { background: #6DB36D; border-radius: 3px; } .kurator { background: #9676F5; border-radius: 3px; } .gs { background: #006BFF; border-radius: 3px; } .zgs { background: #006BFF; border-radius: 3px; } .projectTeam { background: #FFD21A; border-radius: 3px; } .gta { background: #FF5A00; border-radius: 3px; } .zgta { background: #7b6cff; border-radius: 3px; } .Zam { background: #FF0000; border-radius: 3px; } .teh { background: #10c987; border-radius: 3px; } .moscow { background: #FF4040; border-radius: 3px; } .moder { background: #F0C65A; border-radius: 3px; } .prManager { background: #FFD700; border-radius: 3px; } .Test { background: #21B2AB; border-radius: 3px; } .Legendary { background: #ECE289; border-radius: 3px; } /* Обычные чекбоксы вместо кастомных XenForo */ .iconic { display: inline-flex; align-items: center; gap: 8px; } .iconic > input[type="checkbox"], .iconic > input[type="radio"] { position: static !important; opacity: 1 !important; width: 16px !important; height: 16px !important; margin: 0 6px 0 0 !important; pointer-events: auto !important; appearance: auto !important; -webkit-appearance: auto !important; } .iconic > i { display: none !important; } .iconic-label { color: inherit; }