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

animeshnik_ALT
Замена названий списков везде, кроме страницы истории на примере брошенного и отложенного
Указываем название только 1 раз
Но не советую ставить длинное название так как верстка сайта в некоторых местах может слететь даже с overflow: hidden;
.b-stats_bar .stat_name[data-type="dropped"] a:before,
.b-options-floated.mobile-desktop a[data-id="dropped"]:before,
.list-groups .status-4 .subheadline:before,
.p-profiles .profile-head .c-history .entry .misc[title*="Брошено"]:before,
.b-add_to_list .trigger .text .status-name[data-text="Брошено"]:before,
.b-add_to_list .expanded-options .option .text .status-name[data-text="Брошено"]:before {
  content: " Ближ. Запланир. ";
}
.b-stats_bar .stat_name[data-type="on_hold"] a:before,
.b-options-floated.mobile-desktop a[data-id="on_hold"]:before,
.list-groups .status-3 .subheadline:before,
.b-add_to_list .trigger .text .status-name[data-text="Отложено"]:before,
.b-add_to_list .expanded-options .option .text .status-name[data-text="Отложено"]:before {
  content: " Отл. или Брош. ";
}

.b-stats_bar .stat_name[data-type="on_hold"] a:before, 
.b-stats_bar .stat_name[data-type="on_hold"] a span,
.b-stats_bar .stat_name[data-type="dropped"] a:before,
.b-stats_bar .stat_name[data-type="dropped"] a span {
    font-size: 12.5px;
}
.b-stats_bar .stat_name[data-type="on_hold"] a,
.b-stats_bar .stat_name[data-type="dropped"] a,
.b-options-floated.mobile-desktop a[data-id="dropped"], .b-options-floated.mobile-desktop a[data-id="on_hold"],
.list-groups .status-4 .subheadline, .list-groups .status-3 .subheadline,
.p-profiles .profile-head .c-history .entry .misc[title*="Брошено"],
.b-add_to_list .trigger .text .status-name[data-text="Брошено"]:after, .b-add_to_list .trigger .text .status-name[data-text="Отложено"]:after,
.b-add_to_list .expanded-options .option .text .status-name[data-text="Брошено"]:after, .b-add_to_list .expanded-options .option .text .status-name[data-text="Отложено"]:after {
    font-size: 0;
}

/*Уменьшение размера текста на маленьком разрешении*/
@media screen and (max-width: 1023px) {
	.b-stats_bar.anime .stat_name[data-type="on_hold"] a:before, .b-stats_bar.manga .stat_name[data-type="on_hold"] a:before, .b-stats_bar.anime .stat_name[data-type="on_hold"] a span, .b-stats_bar.manga .stat_name[data-type="on_hold"] a span, .b-stats_bar.anime .stat_name[data-type="dropped"] a:before, .b-stats_bar.manga .stat_name[data-type="dropped"] a:before, .b-stats_bar.anime .stat_name[data-type="dropped"] a span, .b-stats_bar.manga .stat_name[data-type="dropped"] a span {
    	font-size: 10px !important;
	}
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  .b-stats_bar.anime .stat_name[data-type="on_hold"] a:before, .b-stats_bar.manga .stat_name[data-type="on_hold"] a:before, .b-stats_bar.anime .stat_name[data-type="on_hold"] a span, .b-stats_bar.manga .stat_name[data-type="on_hold"] a span, .b-stats_bar.anime .stat_name[data-type="dropped"] a:before, .b-stats_bar.manga .stat_name[data-type="dropped"] a:before, .b-stats_bar.anime .stat_name[data-type="dropped"] a span, .b-stats_bar.manga .stat_name[data-type="dropped"] a span {
    	font-size: 11px !important;
	}
}

.b-options-floated.mobile-desktop a[data-id="dropped"]:before,
.b-options-floated.mobile-desktop a[data-id="dropped"] span, .b-options-floated.mobile-desktop a[data-id="on_hold"] span,
.b-options-floated.mobile-desktop a[data-id="on_hold"]:before {
  font-size: 13px;
}

.list-groups .status-4 .subheadline:before, .list-groups .status-3 .subheadline:before {
  font-size: 14px;
}

.p-profiles .profile-head .c-history .entry .misc[title*="Брошено"]:before {
  display: unset;
  font-size: 12px;
}
На каждой странице свой текст
/*Замена названий списков*/
/* ---- Отложено  ----  */
 .b-stats_bar.anime .stat_name[data-type="on_hold"] a:before, .b-stats_bar.manga .stat_name[data-type="on_hold"] a:before {
    content: " Отложено или Брошено ";
    font-size: 12.5px;
}
.b-stats_bar.anime .stat_name[data-type="on_hold"] a, .b-stats_bar.manga .stat_name[data-type="on_hold"] a {
    font-size: 0;
}
.b-stats_bar.anime .stat_name[data-type="on_hold"] a span, .b-stats_bar.manga .stat_name[data-type="on_hold"] a span {
    font-size: 12.5px;
}

/* ---- Брошено  ----  */
 .b-stats_bar.anime .stat_name[data-type="dropped"] a:before, .b-stats_bar.manga .stat_name[data-type="dropped"] a:before {
    content: " Ближайшее Запланированное ";
    font-size: 12.5px;
}
 .b-stats_bar.anime .stat_name[data-type="dropped"] a, .b-stats_bar.manga .stat_name[data-type="dropped"] a {
    font-size: 0;
}
 .b-stats_bar.anime .stat_name[data-type="dropped"] a span, .b-stats_bar.manga .stat_name[data-type="dropped"] a span {
    font-size: 12.5px;
}

/*Уменьшение размера текста на маленьком разрешении*/
@media screen and (max-width: 1023px) {
	.b-stats_bar.anime .stat_name[data-type="on_hold"] a:before, .b-stats_bar.manga .stat_name[data-type="on_hold"] a:before, .b-stats_bar.anime .stat_name[data-type="on_hold"] a span, .b-stats_bar.manga .stat_name[data-type="on_hold"] a span, .b-stats_bar.anime .stat_name[data-type="dropped"] a:before, .b-stats_bar.manga .stat_name[data-type="dropped"] a:before, .b-stats_bar.anime .stat_name[data-type="dropped"] a span, .b-stats_bar.manga .stat_name[data-type="dropped"] a span {
    	font-size: 10px !important;
	}
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  .b-stats_bar.anime .stat_name[data-type="on_hold"] a:before, .b-stats_bar.manga .stat_name[data-type="on_hold"] a:before, .b-stats_bar.anime .stat_name[data-type="on_hold"] a span, .b-stats_bar.manga .stat_name[data-type="on_hold"] a span, .b-stats_bar.anime .stat_name[data-type="dropped"] a:before, .b-stats_bar.manga .stat_name[data-type="dropped"] a:before, .b-stats_bar.anime .stat_name[data-type="dropped"] a span, .b-stats_bar.manga .stat_name[data-type="dropped"] a span {
    	font-size: 11px !important;
	}
}

/*На странице списка аниме/манги*/
.b-options-floated.mobile-desktop a[data-id="dropped"], .b-options-floated.mobile-desktop a[data-id="on_hold"] {
  font-size: 0;
}
.b-options-floated.mobile-desktop a[data-id="dropped"]:before {
  content: "Ближ. Заплан. ";
  font-size: 13px;
}
.b-options-floated.mobile-desktop a[data-id="dropped"] span, .b-options-floated.mobile-desktop a[data-id="on_hold"] span {
  font-size: 13px;
}
.b-options-floated.mobile-desktop a[data-id="on_hold"]:before {
  content: "Отложено или Брошено ";
  font-size: 13px;
}

/*Текст над самим списком*/
/*Удаляем старый текст*/
.list-groups .status-4 .subheadline, .list-groups .status-3 .subheadline {
  font-size: 0;
}
/*Брошено*/
.list-groups .status-4 .subheadline:before {
  content: "Ближайшее Запланированное";
  font-size: 14px;
}

/*Отложено*/
.list-groups .status-3 .subheadline:before {
  content: "Отложено или Брошено";
  font-size: 14px;
}

/*В расрывающемся списке истории*/
.p-profiles .profile-head .c-history .entry .misc[title*="Брошено"]:before {
  display: unset;
  content: "Ближайшее Запланированное";
  font-size: 12px;
}
.p-profiles .profile-head .c-history .entry .misc[title*="Брошено"] {
  font-size: 0 !important;
}

/*Раскрывающаяся менюшка*/
/*То, что ты выбрал*/
/*Удаляем старый текст*/
.b-add_to_list .trigger .text .status-name[data-text="Брошено"]:after, .b-add_to_list .trigger .text .status-name[data-text="Отложено"]:after {
  font-size: 0;
}
/*Добавляем новый, смотри на data-text*/
.b-add_to_list .trigger .text .status-name[data-text="Брошено"]:before {
  content: "Ближ. Запланиров.";
}
.b-add_to_list .trigger .text .status-name[data-text="Отложено"]:before {
  content: "Отл. или Брош.";
}
/*Список твоих списков*/
/*Удаляем старый текст*/
.b-add_to_list .expanded-options .option .text .status-name[data-text="Брошено"]:after, .b-add_to_list .expanded-options .option .text .status-name[data-text="Отложено"]:after {
  font-size: 0;
}
/*Добавляем новый, смотри на data-text*/
.b-add_to_list .expanded-options .option .text .status-name[data-text="Брошено"]:before {
  content: "Ближ. Запланированное";
}
.b-add_to_list .expanded-options .option .text .status-name[data-text="Отложено"]:before {
  content: "Отложено или Брошено";
}
Ответы

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

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