Комментарий от animeshnik

Комментарий #9861557
animeshnik_ALT

в профиле пользователя animeshnik_ALT 5 августа 2023

Списки иконками

Автор: /grin3671 взято у /Alexsandr Адаптатор: /animeshnik_ALT
В основном сделано для e-design, но если подобрать подходящие цвета и, возможно, подправить несколько мест, то можно использовать на всех стилях и даже без них.

скрины

201x379

896x268

347x298

зафиксировать иконки

@media screen and (min-width: 1312px) {
  .p-user_rates-index .l-content > .mylist {
    position: fixed;
    top: 240px;
  }
}

Если лень париться с цветами (не e-design)

Красная тема

:root {
  --white-color: 251, 244, 244;
  --light-color: 244, 230, 230;
  --menu-back: 49, 2, 11;
  --popup-color: 84, 3, 18;
}

Тёмная тема

:root {
  --white-color: 255, 255, 255;
  --light-color: 255, 255, 255;
  --menu-back: 0, 0, 0;
  --popup-color: 0, 0, 0;
}

Светлая

:root {
  --white-color: 17, 34, 51;
  --light-color: 0, 0, 0;
  --menu-back: 255, 255, 255;
  --popup-color: 255, 255, 255;
}

@import url(https://raw.githubusercontent.com/ALTaww/Shikimori/main/lists-as-icons.css);

@animeshnik_ALT

Ответы

animeshnik_ALT13 октября 2023#

@animeshnik_ALT,

Дополнение, иконки в профиле

Криво работает на shiki-theme

скрины

537x274

565x314

439x365

Добавить для e-design

/*Для e-design*/
@media screen and (max-width: 767px) {
  .b-stats_bar .stat_names {
    display: block;
  }
  body#profiles_show .profile-content {
    margin-top: -165px;
  }
  .p-profiles .profile-head .c-info .c-additionals {
    bottom: -12.9rem;
  }
  .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.anime {
    margin-top: 46px;
  }
  .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga {
    margin-bottom: 144px;
  }
  .b-stats_bar.anime .compatibility a:before {
    top: -218px;
  }
}

@import url(https://raw.githubusercontent.com/ALTaww/Shikimori/main/lists-as-icons-profile.css);

Твой комментарий

Комментарий #9861557 animeshnik_ALT

Комментарий #9861557
animeshnik_ALT