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

Cosmo ☭
Расширенная замена постеров
Внутри профиля! Франшизы >
@media screen and (min-width: 1024px) {
   #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(100% - 4px);
      height: calc(100% - 4px);
      pointer-events: none;
      border-radius: 0.5rem;
   }
   #profiles_show .cc-franchises .b-badge::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      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[href$="/shingeki_no_kyojin"] img,
   #profiles_show .cc-franchises .b-badge[href$="/tokyo_ghoul"] img,
   #profiles_show .cc-franchises .b-badge[href$="/evangelion"] img { 
      visibility: hidden; /*Скрываем родные постеры*/
   }
   #profiles_show .cc-franchises .b-badge[href$="/tokyo_ghoul"]::before,
   #profiles_show .cc-franchises .b-badge[href$="/evangelion"]::before,
   #profiles_show .cc-franchises .b-badge[href$="/shingeki_no_kyojin"]::before {
      box-shadow: 0 0 0 2px rgba(var(--block-color), 0.6);
   }
   #profiles_show .cc-franchises .b-badge[href$="/shingeki_no_kyojin"]:hover::before,
   #profiles_show .cc-franchises .b-badge[href$="/tokyo_ghoul"]:hover::before,
   #profiles_show .cc-franchises .b-badge[href$="/evangelion"]: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[href$="/shingeki_no_kyojin"]::after {
      background-image: url("https://kawai.shikimori.one/system/images/original/115106.gif?1621322032");
   }
   #profiles_show .cc-franchises .b-badge[href$="/tokyo_ghoul"]::after {
      background-image: url("https://nyaa.shikimori.one/system/images/original/110645.gif?1606727813");
   }
   #profiles_show .cc-franchises .b-badge[href$="/evangelion"]::after {
      background-image: url("https://desu.shikimori.one/system/images/original/115108.gif?1621322178");
   }
}
Общие. Жанровые. Авторы.
.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^="Яндере"] .inner img,
.p-profiles .b-achievement[data-hint^="Искусствовед 4 уровня"] .inner img,
.p-profiles .b-achievement[data-hint^="7500 просмотренных аниме"] .inner img,
.p-profiles .b-achievement[data-hint^="Комедия 4 уровня"] .inner img {
   visibility: hidden;
}
.p-profiles .b-achievement[data-hint^="7500 просмотренных аниме"] .inner:after {
   box-shadow: 0 0 2px 1px #54e454; /*рамка*/
   background-image: url("https://w.wallhaven.cc/full/qz/wallhaven-qz6dxr.png");
}
.p-profiles .b-achievement[data-hint^="Искусствовед 4 уровня"] .inner:after {
   box-shadow: 0 0 2px 1px #54e454;
   background-image: url("https://dere.shikimori.one/system/images/original/110569.gif?1606404714");
}
.p-profiles .b-achievement[data-hint^="Яндере 3 уровня"] .inner:after {
   box-shadow: 0 0 2px 1px #54e454;
   background-image: url("https://w.wallhaven.cc/full/we/wallhaven-wey8g6.jpg");
}
.p-profiles .b-achievement[data-hint^="Комедия 4 уровня"] .inner:after {
   box-shadow: 0 0 2px 1px #e4ba54; /*Золотая рамка*/
   background-image: url("https://kawai.shikimori.one/system/images/original/110571.gif?1606404719");
}
#profiles_show .achievements .cc-franchises .b-badge { 
   border-radius: 0.375rem;
}

.p-achievements-index.p-achievements .b-badge,
.p-achievements-franchise.p-achievements .b-badge { /*Страница achievements-Франшизы*/
   border-radius: 9px;
}
.p-achievements-index .b-badge,
.p-achievements-franchise .b-badge {  
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

.p-achievements-index .b-badge[href$="/shingeki_no_kyojin"] img,
.p-achievements-franchise .b-badge[href$="/shingeki_no_kyojin"] img,
.p-achievements-index .b-badge[href$="/tokyo_ghoul"] img,
.p-achievements-franchise .b-badge[href$="/tokyo_ghoul"] img {
   visibility: hidden;
}

.p-achievements-index .b-badge[href$="/shingeki_no_kyojin"],
.p-achievements-franchise .b-badge[href$="/shingeki_no_kyojin"] {
   background-image: url("https://desu.shikimori.one/system/images/original/110643.gif?1606727810");
}
.p-achievements-index .b-badge[href$="/tokyo_ghoul"],
.p-achievements-franchise .b-badge[href$="/tokyo_ghoul"] {
   background-image: url("https://nyaa.shikimori.one/system/images/original/110645.gif?1606727813");
}
Ответы

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

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