Welcome!

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

SignUp Now!

Решено Нужен extra.less код оформления ников как на Bust Russia

Статус
В этой теме нельзя размещать новые ответы.
Ноя
20
3
Пользователь
3.1.1. Запрещено формулировать названия тем в требовательной форме (например, «Дайте…», «Сделайте…»).
Последнее редактирование модератором:
Решение
CSS:
.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...
June 25th
Ноя
2,918
7,277
Профессионал
CSS:
.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--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;
}
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху