CSS-club – настройка внешнего вида сайта

@Dedonych, нихуя себе, вот это ты мощный. Теперь очередь вопросов) в тамперманки добавил скрипт, просто код твой вставил. На самом шики пишет "no script is running". Может чё не так сделал?

@legildis, да. Мб в скрипте, там где коментарии, нету
// @match https://shikimori.one/*. Либо есть, но другая ссылка, например с другим путём.
PS: перекопируй код. Немного пофиксил: /comments/11932460

@夜の子, там простые флексовые колонки, надо у .db-update изменить значение свойства: width: calc(50% - 40px);, тогда будет 2 колонки.
Также, как вариант, можно растянуть 2 последних релиза (ну или 2 первых) на всю ширину, сделав их по 50%

@(C3H7O)2PtCl6, то же самое и с блоком "Сейчас на экранах", можно любое количество колонок сделать в одну строку (см. предыдущий комментарий)

@santyagass, колонок можно сделать хоть 100 000, но содержимого на главной странице в них не будет. Чтобы не возникало много пустот, можно только уменьшать количество колонок в этом разделе.

@Dedonych, ооооо, заработало, видимо дело в match было. Спасибо, чётко!

@(C3H7O)2PtCl6, ну это очевидно

@Dedonych, слушай, вот посидел поэкспериментировал, хотел короче в списках аниме, та статистика что внизу пишется по просмотренному, она более точная, её в самый верх перетащить, под поиск, и точно так же сделать с пересчётом кол-ва дней на часы.

    var sos = document.getElementById('summary library lines');
    var dest = document.getElementById('b-collection_search');
    dest.appendChild(sos);

такой фокус не сработал, к сожалению. Попробовал через querySelector как у тебя было, тоже не работает. Можешь обьяснить почему?

А по поводу пересчёта в часы я даже и думать не стал, ибо на странице оно не сидит в отдельном аттрибуте, и как его подгружать в переменную - бог его знает.

@legildis,
1. В профиле пишет дни за все, где хотябы есть 1 просмотренная серия: брошенно, просмотрено, смотрю и т.д входит во время.
2. В списке, если он длинный, сайт частично его подгружает: когда долистал до низу, идет еще загрузка списка, и только потом, когда дошел до конца, показывается статистика.
Так что, минимум - только в профиле. Максимум - всегда скролить вниз список и подгружать...
Через api никак - там только количество серий/фильмов. А время их нету.
Плюс, document.getElementById работает только с id элемента: <div id="id_element">Текст элемента</div>.
В document.querySelector работает как css:

// один элемент
document.querySelector("#id_с_хештегом .класс_с_точкой элемент_без_ничего")
// масив всех элементов 
document.querySelectorAll("div")

@Dedonych, PS. посмотрел api. Таки можно сделать, но это будет каждый запрос по 50 тайтлов (а запрос раз в 0.5сек из-за ограничений). Зато:

• Можно выбрать с какого списка можно брать (только просмотренно, брошенно+отложено,..)
• Можно сделать диапазон по оценкам

И тд. можно еще придумать.
Опять же, не советую перегружать шики, т.к. он и так с ддос живет...

@Dedonych, ага, окей-окей. Интересно, большое спасибо за инфу!

Опять же, не советую перегружать шики, т.к. он и так с ддос живет

скорее "выживает"

то бишь, если юзать querySelector то по идее должно быть:

document.querySelector("#user_rates_index .summary_library_lines X");

И вопрос, что подставить в данном случае вместо Х? По факту там под классом сидит 6 span'ов, каждый из них с классом "stat-value". Как тогда?

@legildis, я чисто для примера написал.
А так, есть псевдо-классы, такие как :last-child:

document.querySelectorAll("#user_rates_index .stat-value:last-child")

Приветствую. Подскажите, пожалуйста:
1. Как сделать верхнюю панель всегда тёмного фона. А то при убирании курсора с неё, она снова становится светлой/полностью прозрачной.
2. Как сделать само слово поиск чёрным, а то оно остаётся белым на белом фоне?
То бишь, этим изменился только цвет курсора в строке, а не слово поиск
.l-top_menu-v2.is-search-focus .global-search input {
color: #000001;
}

А также всё, что ввожу, вводится белым.
Писал вот так, но чёт не вышло
.l-top_menu-v2.is-search-focus .global-search input {
background: #ffffff;
color: #000001;
}
1471x100

3. Как изменить цвет ника. Может я не то что-то добавил/написал, но по предоставленному селектору в списке не получается. Я могу заменить ник как мне надо, как названия других разделов, но тогда он не будет копироваться, а хотелось, чтобы он остался копируемым. А если изменять цвет (светлый, в стиле), то меняется цвет сразу у всех слов в выпадающем меню.
Я чайник в целом, работаю по шаблонам. Заранее Извиняюсь.

@謙遜老翁,

/* Верхняя меню */
@media only screen and (min-width: 768px) {
    header.l-top_menu-v2,
    header.l-top_menu-v2:hover,
    .l-top_menu-v2 .global-search input{
        background: rgb(var(--menu-back)) !important;
    }
    /* Текст "Поиск..." */
    .l-top_menu-v2 .global-search input::placeholder{
        color:black !important;
    }
}

/*  Цвет ника */
.p-profiles header.head h1{
    color:red !important;'
}

@Dedonych, Для цвета ника пошёл, изменил. А вот для строки совсем не то. Может я не так объяснил. Но я имел в виду, чтобы верхняя панель оставалась полупрозрачной. Как фон в моём профиле. Просто когда курсор убираешь, затенение пропадает полностью. По вашему коду получается полностью непроницаемая. Плюс всё поле строки ввода остаётся тёмным с чёрными буквами. А хотелось, чтобы появлялись чёрные буквы на белом фоне строки ввода.
1240x132

Вот как у другого человека. Чтобы было так, только панель оставалась всегда полупрозрачная (rgb(11, 11, 11) / #0b0b0b; - цвет моего полупрозрачного фона), как в моём профиле когда на панель наводишь..
1227x95

@謙遜老翁,так?

header.l-top_menu-v2:hover {
   background:#0b0b0b !important; 
}
.l-top_menu-v2.is-search-focus .global-search input{
   color:#000;
   &::placeholder{
      color:#000 !important;
   }
   &.has-value{
      color:#000 !important;
   }
   & + .clear:before{
      color:#000;
   }
}

@Dedonych, Увы, но нет. Фон не полупрозрачный при наведении, а непроницаемый. И когда курсор убираешь, он снова пропадает. То бишь, надо чтобы он был статичный и затенённый, как моя рамка профиля
1493x316
С текстом уже всё в порядке и полем ввода, только фон не получается.
P.S. Если будет проще, могу скинуть в ЛС весь код.

привет, как убрать тень при наведении на .l-top_menu-v2 , уже все пробовала, и переменные тоже, но тень так и осталась

@夜の子,

#profiles_show .b-to-top::before{
box-shadow:none;
}

P.s. Либо же, по классике:

#profiles_show .b-to-top::before{
display:none;
}

@Rootos, благодарю, это ж как я могла не заметить..