Комментарий #10514529

animeshnik_ALT
@animeshnik_ALT,
Замена постеров достижений
Автор: /Cosmo+☭ Оригинал: /comments/9163680
/*Замена постеров*/
#profiles_show .cc-franchises .b-badge::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  background-size: cover;
  pointer-events: auto;
  box-shadow: none !important;
  width: calc(107% - 4px);
  height: calc(76% - 4px);
  pointer-events: none;
  border-radius: 0.5rem;
}
#profiles_show .cc-franchises .b-badge::before {
  content: "";
  position: absolute;
  height: 76%;
  width: 107%;
  left: 0;
  top: 0;
  border-radius: 0.5rem;
  transition: 0s ease-out, box-shadow 0.2s ease-out, transform 0.2s ease-out;
  pointer-events: auto;
  opacity: 1;
  font-size: 0;
  background: none;
  visibility: visible !important;
}
#profiles_show a.b-badge:hover::before {box-shadow: none;background: none;}
#profiles_show .cc-franchises .b-badge::before {box-shadow: 0 0 0 2px rgba(var(--block-color), 0.6);}
#profiles_show .cc-franchises .b-badge:hover::before {
  box-shadow: -20px 20px 0 -17px rgb(62 62 62 / 85%),
    20px -20px 0 -17px #383838, 20px 20px 0 -20px rgb(0 0 0 / 80%),
    0 0 0 2px rgb(0 0 0 / 80%);
}
#profiles_show .cc-franchises .b-badge[data-progress="100"] img, .p-achievements-index .b-badge[data-progress="100"] img, .p-achievements-franchise .b-badge[data-progress="100"] img, .b-achievement[data-progress="100"] .inner img, .p-profiles .cc-achievements .b-achievement img {
  visibility: hidden; /*Скрываем родные постеры*/
}
/*Картинка скоро*/
#profiles_show .cc-franchises .b-badge[data-progress="100"]::after, .p-achievements-index .b-badge[data-progress="100"], .p-achievements-franchise .b-badge[data-progress="100"], .p-profiles .b-achievement[data-progress="100"] .inner:after, .p-profiles .cc-achievements .b-achievement .inner:after {
  background-image: url("https://sun9-5.userapi.com/impg/ZGoZ3FGHL5-lYzMf3wFijHQIy2QHaT2fUMUfZA/K8gIb1rLqrc.jpg?size=1280x720&quality=96&sign=19ec4684493fd54b07729c68efd7ea87&c_uniq_tag=UKW5eFNhGxFOu1yeenUL3chtoMPhhAcaGKy3Bj_8CNA&type=album");
}
/*Пример франшизы*/
#profiles_show .cc-franchises .b-badge[href$="/one_punch_man"]::after,
.p-achievements-index .b-badge[href$="/one_punch_man"],
.p-achievements-franchise .b-badge[href$="/one_punch_man"]{
  background-image: url("https://media.tenor.com/YH-LbMCZTrEAAAAd/okay-onepunchman.gif");
}
/*Страница achievements*/
.p-achievements-index.p-achievements .b-badge,
.p-achievements-franchise.p-achievements .b-badge {border-radius: 9px;}
.p-achievements-index .b-badge,
.p-achievements-franchise .b-badge {background-repeat: no-repeat;background-position: center;background-size: cover;}

.p-profiles.p-achievements .b-achievement > .c-image > .inner:after {max-width: 105%;width: 104%;height: 106%;margin-left: -2%;border-radius: 11px;}
.p-profiles .b-achievement > .c-image > .inner:after {position: absolute;display: block;content: "";width: 100%;height: 100%;top: 0;left: 0;background-size: cover;background-repeat: no-repeat;background-position: center center;visibility: visible !important;z-index: auto;}
/*Общие, жанровые, авторы пример*/
.p-profiles .b-achievement[data-hint^="200 просмотренных аниме"] .inner:after {
  box-shadow: 0 0 2px 1px #e4ba54; /*Золотая рамка*/
  background-image: url("https://media.tenor.com/YEdX9c2T2hIAAAAd/your-name-anime-kimi-no-na-wa.gif");
}
.p-profiles .b-achievement[data-hint^="Безумие / Психологическое 1 уровня"] .inner:after {
  box-shadow: 0 0 2px 1px #54e454;
  background-image: url("https://media.tenor.com/iaq02aYAdWcAAAAd/neon-genesis.gif");
}
.p-profiles .b-achievement[data-hint^="Тэцуро Араки"] .inner:after {
   background-image: url("ссылка");
}
#profiles_show .achievements .cc-franchises .b-badge {border-radius: 0.375rem;}
Ответы

Нет комментариев

назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть