Настройка внешнего вида под себя | SHIKIMORI

ФорумСайт
ŦKamiŦ
ŦKamiŦ
16
Всем привет, сейчас я расскажу о том, как настроить внешний вид сайта под себя, я покажу самые интересные настройки CSS-кода, благодаря которым будет приятней пользоваться сайтом. Данный топик служит сбором полезных кодов со всего интернета, большую часть я взял из CSS-club – настройка внешнего вида сайта
Для начала надо найти то место, в котором мы будем работать. Нажимаем на свою аватарку и выбираем пункт
1280x720
, далее переходим в пункт
1280x720
и начинаем работать с ним.
Можно поиграться с настройками в пункте "Профиль"

1. График активности
1.1 
/*Анимированный график активности */
.activity .graph.vertical .line .bar {
  box-sizing: content-box;
  transform: translateY(1px);
  transform-origin: center bottom;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1.5s;
  animation-name: activity;
}
.activity .graph.vertical .line .bar:hover {
  animation-name: none;
  transform: none;
}
.activity .graph.vertical .line:nth-of-type(6n+2) .bar {
  animation-delay: -.25s;
}
.activity .graph.vertical .line:nth-of-type(6n+4) .bar {
  animation-delay: -.5s;
}
.activity .graph.vertical .line:nth-of-type(6n+3) .bar {
  animation-delay: -.75s;
}
.activity .graph.vertical .line:nth-of-type(6n+6) .bar {
  animation-delay: -1s;
}
.activity .graph.vertical .line:nth-of-type(6n+5) .bar {
  animation-delay: -1.25s;
}
@keyframes activity {
  0%, 100% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(7px);
  }
}
/*Конец */

1.2
Не работает со следующим пунктом

/*Изменение цвета столбчатых графиков на сайте */
.bar.simple .bar.s3 { background: #008cf0;} /*Аква*/
.bar.simple .bar:hover.s3 { background: #008cf0;} /*Аква*/
.bar.simple .bar.s2 { background: #08e8de;} /*Ярко-бирюзовый*/
.bar.simple .bar:hover.s2 { background: #08e8de;} /*Ярко-бирюзовый*/
.bar.simple .bar.s1 { background: #ba0000;} /*Темно-красный*/
.bar.simple .bar:hover.s1 { background: #ba0000;} /*Темно-красный*/
.bar.simple .bar.s0 { background: #FF3300;} /*Ало-оранжевый*/
.bar.simple .bar:ho]
/*Конец*/

1.3 
/*Круговая диаграмма */
/*COLORS*/
/*Аниме Просмотрено*/
.c-lists-info .b-stats_bar.anime .bar > div.first:before,
.c-lists-info .b-stats_bar.anime .bar > div.first:after,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="completed"]:before{
	border-color:transparent;
	background-color:#4682B4
}
/*Аниме Запланировано*/
.c-lists-info .b-stats_bar.anime .bar > div.second:before,
.c-lists-info .b-stats_bar.anime .bar > div.second:after,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="planned"]:before,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="watching"]:before,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="on_hold"]:before{
	border-color:transparent;
	background-color:#79A9CF
}

/*Манга Прочитано*/
.c-lists-info .b-stats_bar.manga .bar > div.first:before,
.c-lists-info .b-stats_bar.manga .bar > div.first:after,
.c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="completed"]:before{
	border-color: transparent;
	background-color:#B78BC7
}
/*Манга Запланировано*/
.c-lists-info .b-stats_bar.manga .bar > div.second:before,
.c-lists-info .b-stats_bar.manga .bar > div.second:after,
.c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="planned"]:before,
.c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="watching"]:before,
.c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="on_hold"]:before{
	border-color: transparent;
	background-color:#EDACD9
}
/*Оба Графика Брошено*/
.c-lists-info .b-stats_bar .bar,
.c-lists-info .b-stats_bar .stat_names .stat_name a[href*="dropped"]:before{
	border-color: transparent;
	background-color: #AAAAAA
}
/*Дырка в графике указать, transparent для прозрачной дырки*/
.c-lists-info .b-stats_bar .bar:before{
	background: #fff; 
}

/*COLORS:END*/
.c-lists-info .b-stats_bar{
	width: 49%;
	display: inline-block;
	padding:5px;
	position: relative;
}
.c-lists-info .b-stats_bar:first-child{border-right:1px dotted #ddd}
.c-lists-info .b-stats_bar .stat_names .stat_name:after{display: none}

/*Блок списка*/
.c-lists-info .b-stats_bar .stat_names{
	display: flex;
	position: absolute;
	top:33px;
	left:165px;
	height:150px;
	flex-direction: column;
	justify-content: center;
}

/*Ссылка*/
.c-lists-info .b-stats_bar .stat_names .stat_name a{
	display: inline-block;
	font-size: 12px;
	position: relative;
	line-height: 25px;
}

/*На х1000 обрезает число и загоняет текст под многоточее*/
.x1000 .c-lists-info .b-stats_bar .stat_names a{
	font-size: 11px;
	width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.x1000 .c-lists-info .b-stats_bar .stat_names a span{
	display: none;
}
/*Круг цветового индикатора*/
.c-lists-info .b-stats_bar .stat_names .stat_name a:before {
	content: "";
	display: inline-block;
	width: 12px;
	height:12px;
	background: #fff;
	margin-right: 5px;
	vertical-align: middle;
	border:1px solid #ddd;
	border-radius: 50%;
}
/*CIRCLE BAR*/
.c-lists-info .b-stats_bar .bar,
.c-lists-info .b-stats_bar .bar > div{
	height:150px!important;
	width:150px!important;
}
.c-lists-info .b-stats_bar .bar{
	position: relative;
	text-align: center;
	border-radius: 50%;
	margin: 10px 0;
}
.c-lists-info .b-stats_bar .bar:before{
	content:"";
	width:50px;
	height:50px;
	border-radius: 50%;
	position: absolute;
	z-index: 100;
	left:50px;
	top:50px;
}
.c-lists-info .b-stats_bar .bar > div{
	clip: rect(0px, 150px, 150px, 75px);
	background-color: transparent!important;
	font-size: 0!important;
	position: absolute;
	left: 0;
	top:0;
}
.c-lists-info .b-stats_bar .bar > div:before,
.c-lists-info .b-stats_bar .bar > div:after{
	content: "";
	position: absolute;
	right: 0;
	border: 75px solid #333;
	clip: rect(0px, 75px, 150px, 0px);
	border-radius: 50%;
	transform: rotate(0deg);
}
.c-lists-info .b-stats_bar .bar > div.third{display: none}
.c-lists-info .b-stats_bar .bar > div.second{transform: scale(-1, 1)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 1."]:before{transform: rotate(3.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 2."]:before{transform: rotate(7.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 3."]:before{transform: rotate(10.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 4."]:before{transform: rotate(14.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 5."]:before{transform: rotate(18deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 6."]:before{transform: rotate(21.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 7."]:before{transform: rotate(25.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 8."]:before{transform: rotate(28.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 9."]:before{transform: rotate(32.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 10."]:before{transform: rotate(36deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 11."]:before{transform: rotate(39.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 12."]:before{transform: rotate(43.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 13."]:before{transform: rotate(46.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 14."]:before{transform: rotate(50.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 15."]:before{transform: rotate(54deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 16."]:before{transform: rotate(57.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 17."]:before{transform: rotate(61.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 18."]:before{transform: rotate(64.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 19."]:before{transform: rotate(68.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 20."]:before{transform: rotate(72deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 21."]:before{transform: rotate(75.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 22."]:before{transform: rotate(79.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 23."]:before{transform: rotate(82.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 24."]:before{transform: rotate(86.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 25."]:before{transform: rotate(90deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 26."]:before{transform: rotate(93.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 27."]:before{transform: rotate(97.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 28."]:before{transform: rotate(100.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 29."]:before{transform: rotate(104.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 30."]:before{transform: rotate(108deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 31."]:before{transform: rotate(111.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 32."]:before{transform: rotate(115.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 33."]:before{transform: rotate(118.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 34."]:before{transform: rotate(122.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 35."]:before{transform: rotate(126deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 36."]:before{transform: rotate(129.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 37."]:before{transform: rotate(133.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 38."]:before{transform: rotate(136.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 39."]:before{transform: rotate(140.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 40."]:before{transform: rotate(144deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 41."]:before{transform: rotate(147.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 42."]:before{transform: rotate(151.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 43."]:before{transform: rotate(154.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 44."]:before{transform: rotate(158.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 45."]:before{transform: rotate(162deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 46."]:before{transform: rotate(165.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 47."]:before{transform: rotate(169.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 48."]:before{transform: rotate(172.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 49."]:before{transform: rotate(176.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 50."]:before{transform: rotate(180deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 51."]:before{transform: rotate(183.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 52."]:before{transform: rotate(187.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 53."]:before{transform: rotate(190.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 54."]:before{transform: rotate(194.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 55."]:before{transform: rotate(198deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 56."]:before{transform: rotate(201.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 57."]:before{transform: rotate(205.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 58."]:before{transform: rotate(208.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 59."]:before{transform: rotate(212.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 60."]:before{transform: rotate(216deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 61."]:before{transform: rotate(219.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 62."]:before{transform: rotate(223.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 63."]:before{transform: rotate(226.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 64."]:before{transform: rotate(230.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 65."]:before{transform: rotate(234deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 66."]:before{transform: rotate(237.66deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 67."]:before{transform: rotate(241.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 68."]:before{transform: rotate(244.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 69."]:before{transform: rotate(248.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 70."]:before{transform: rotate(252deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 71."]:before{transform: rotate(255.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 72."]:before{transform: rotate(259.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 73."]:before{transform: rotate(262.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 74."]:before{transform: rotate(266.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 75."]:before{transform: rotate(27deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 76."]:before{transform: rotate(273.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 77."]:before{transform: rotate(277.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 78."]:before{transform: rotate(280.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 79."]:before{transform: rotate(284.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 80."]:before{transform: rotate(288deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 81."]:before{transform: rotate(291.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 82."]:before{transform: rotate(295.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 83."]:before{transform: rotate(298.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 84."]:before{transform: rotate(302.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 85."]:before{transform: rotate(306deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 86."]:before{transform: rotate(309.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 87."]:before{transform: rotate(313.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 88."]:before{transform: rotate(316.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 89."]:before{transform: rotate(320.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 90."]:before{transform: rotate(324deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 91."]:before{transform: rotate(327deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 92."]:before{transform: rotate(331.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 93."]:before{transform: rotate(334.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 94."]:before{transform: rotate(338.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 95."]:before{transform: rotate(342deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 96."]:before{transform: rotate(345.6deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 97."]:before{transform: rotate(349.2deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 98."]:before{transform: rotate(352.8deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 99."]:before{transform: rotate(356.4deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 100."]:before{transform: rotate(360deg)}
.c-lists-info .b-stats_bar .bar > div[style*="width: 51."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 52."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 53."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 54."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 55."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 56."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 57."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 58."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 59."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 60."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 61."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 62."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 63."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 64."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 65."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 66."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 67."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 68."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 69."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 70."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 71."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 72."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 73."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 74."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 75."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 76."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 77."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 78."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 79."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 80."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 81."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 82."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 83."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 84."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 85."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 86."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 87."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 88."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 89."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 90."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 91."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 92."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 93."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 94."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 95."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 96."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 97."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 98."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 99."]:after,
.c-lists-info .b-stats_bar .bar > div[style*="width: 100."]:after{
	transform: rotate(180deg);
}
.c-lists-info .b-stats_bar .bar > div[style*="width: 51."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 52."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 53."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 54."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 55."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 56."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 57."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 58."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 59."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 60."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 61."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 62."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 63."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 64."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 65."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 66."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 67."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 68."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 69."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 70."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 71."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 72."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 73."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 74."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 75."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 76."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 77."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 78."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 79."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 80."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 81."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 82."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 83."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 84."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 85."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 86."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 87."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 88."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 89."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 90."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 91."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 92."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 93."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 94."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 95."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 96."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 97."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 98."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 99."],
.c-lists-info .b-stats_bar .bar > div[style*="width: 100."]{
	clip: rect(auto, auto, auto, auto);
}
/*CIRCLE BAR:END */
/*Конец */

2 Прикольные плюшки
2.1 

/*Декоративный загрузчик страницы (задержка 1.5 сек)  */
/*IMAGES*/
body:before{
	background-image: url(https://i.yapx.ru/FYOIY.jpg) /*Фотография, которая будет на экране.*/
}
/*IMAGES:END*/

/*LOADER*/
body:before{
	content: "Загрузка..."; /*Слово, которое будет на экране*/
	background-size: 400px;
	background-repeat:no-repeat;
	background-position-x: center;
	background-position-y: 42vh;
	background-color: #fff;
	color: #323332;
	display: block;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	overflow: hidden;
	padding-top: 200px;
	position: fixed;
	top:0;
	left:0;
	height:100%;
	width: 0%;
	z-index: 10000;
	animation: 1000s ease-out 0s 1 slide;
	-webkit-animation: 1.5s ease-out 0s 1 slide;
	-o-animation: 1.5s ease-out 0s 1 slide
}

@keyframes slide {
	0% {width:100%;opacity: 0}
	5% {width:100%;opacity: 1}
	80% {width:100%;opacity: 1}
	95% {width:100%}
	100% {opacity: 0}
}
/*LOADER:END*/
/*Конец*/
1366x768

2.2 

/* Внутреннее свечение пунктов меню*/
.l-top_menu-v2 .submenu > a:hover,
.l-top_menu-v2 .menu-dropdown > button:not(.mobile):hover,
.l-top_menu-v2 .menu-dropdown > button:not(.mobile) a:hover {
  box-shadow: 0 0 20px rgba(255,255,255,.6),
              0 0 20px rgba(255,255,255,1) inset;
  transition: 0.3s;
}
/*Конец */
1280x720
|
[image=874839]

2.3 

/*Персонаж в правом нижнем углу*/
.p-profiles-show .b-feedback:after {
  content: ''; 
  display: inline-block; 
  position: fixed; 
                      
  width: 200px; /* ширина изображения */
  height: 285px; /* высота изображения */
  right: 0px;  /* отступ справа, 0px значит, что отступа от правой границы нет*/
  bottom: 0px; /* отступ снизу, 0px значит, что отступа от нижней границы нет*/
  background: url("https://i.yapx.ru/FPWvR.png") no-repeat; /*Лично моя фотография, которую фотошопил.
                 Чтобы убрать её и поставить свою, то поменяйте её на прямую ссылку на изображение*/
  background-size: cover; 
  z-index: 10;
  pointer-events: none; /* мышь перестаёт замечать изображение */
}
/*Конец*/
[image=874851]

2.4 
 /*Плавный переход аватарки */
.p-profiles .profile-head .c-brief .avatar>img {
   border-radius: 50%;
   transition: 1s;
}
.p-profiles .profile-head .c-brief .avatar>img:hover {
   border-radius: 0;
}
/*Конец */

2.5 


/* Цвет текста на сайте*/ 
body { 
color: #000000; /*тут ставите номер цвета*/
}
/*Конец*/

2.6 
/*Проценты в франшизах */
.l-page .b-badge:before {
    display: block !important;
    opacity: 1 !important;
}
/*Конец */
Вот так будут показываться проценты 1366x768

3 Полезные коды
3.1 
/*Аниме/Манга/Ранобэ рядом с пунктами истории*/
.history-page a:before {
  display: inline-block;
  vertical-align: top;
  width: 72px;
}
.history-page a[href ^= "/a"]:before {
  content: '[Аниме] ';
  color: #34a853;
}
.history-page a[href ^= "/m"]:before {
  content: '[Манга] ';
  color: #9c27b0;
}
.history-page a[href ^= "/r"]:before {
  content: '[Ранобэ] ';
  color: #039be5;
}
[data-locale="en"] .history-page a[href ^= "/a"]:before {
  content: '[Anime] ';
}
[data-locale="en"] .history-page a[href ^= "/m"]:before {
  content: '[Manga] ';
}
[data-locale="en"] .history-page a[href ^= "/r"]:before {
  content: '[Ranobe] ';
}
/*Конец */
1280x720
|
1280x720

3.2
Все то, что показывает Ваш пк, будет показывать и телефон

/*Поддержка телефонной версии*/
/* Настройки mobile-версии */
@media (min-width: 360px) and (max-width: 599px) {
  /* Черный верхнее меню */
  .l-top_menu-v2 {
    background: #000000;
  }
}

/* Настройки tablet-версии */
@media (min-width: 600px) and (max-width: 1024px) {
  /* Чёрный верхнее меню */
  .l-top_menu-v2 {
    background: #000000;
  }
}

/* Настройки desktop-версии */
@media (min-width: 1025px) {
  /* Черный верхнее меню */
  .l-top_menu-v2 {
    background: #000000;
  }
}
/*Конец*/

3.3 

/*Отображение дат в "истории"*/
/*
 * History Dates
 * Shikimori.org – CSS Theme
 * MIT License
 * Copyright (c) 2017 kaur
 */

/* Запятая */
.p-user_history-index .history-page .history-interval p::before {
  content: ',';
  display: block;
  position: absolute;
  right: 34px; /* Размер времени */
  width: 10px; /* Размер запятой */
  margin-top: -1px;
  color: #acb1b4;
  font-family: monospace;
}

/* Дата + Время */
.p-user_history-index .history-page .history-interval p .date {
  font-size: 0;
  white-space: nowrap;
}

.p-user_history-index .history-page .history-interval p .date::before,
.p-user_history-index .history-page .history-interval p .date::after {
  display: inline-block;
  font-family: monospace;
  font-size: 12px;
  overflow: hidden;
}

/* Дата */
.p-user_history-index .history-page .history-interval p .date::before {
  position: relative;
  width: 72px; /* Размер даты */
  margin-right: 10px; /* Размер запятой */
  white-space: nowrap;
  z-index: 1;
}

/* Время */
.p-user_history-index .history-page .history-interval p .date::after {
  content: attr(datetime);
  width: 34px; /* Размер времени */
  text-indent: -72px; /* Размер даты */
}

/* Январь */
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-01']::before{content: '01 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-02']::before{content: '02 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-03']::before{content: '03 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-04']::before{content: '04 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-05']::before{content: '05 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-06']::before{content: '06 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-07']::before{content: '07 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-08']::before{content: '08 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-09']::before{content: '09 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-10']::before{content: '10 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-11']::before{content: '11 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-12']::before{content: '12 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-13']::before{content: '13 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-14']::before{content: '14 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-15']::before{content: '15 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-16']::before{content: '16 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-17']::before{content: '17 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-18']::before{content: '18 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-19']::before{content: '19 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-20']::before{content: '20 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-21']::before{content: '21 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-22']::before{content: '22 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-23']::before{content: '23 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-24']::before{content: '24 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-25']::before{content: '25 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-26']::before{content: '26 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-27']::before{content: '27 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-28']::before{content: '28 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-29']::before{content: '29 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-30']::before{content: '30 янв ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-01-31']::before{content: '31 янв ' attr(datetime)}

/* Февраль */
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-01']::before{content: '01 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-02']::before{content: '02 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-03']::before{content: '03 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-04']::before{content: '04 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-05']::before{content: '05 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-06']::before{content: '06 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-07']::before{content: '07 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-08']::before{content: '08 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-09']::before{content: '09 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-10']::before{content: '10 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-11']::before{content: '11 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-12']::before{content: '12 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-13']::before{content: '13 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-14']::before{content: '14 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-15']::before{content: '15 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-16']::before{content: '16 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-17']::before{content: '17 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-18']::before{content: '18 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-19']::before{content: '19 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-20']::before{content: '20 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-21']::before{content: '21 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-22']::before{content: '22 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-23']::before{content: '23 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-24']::before{content: '24 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-25']::before{content: '25 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-26']::before{content: '26 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-27']::before{content: '27 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-28']::before{content: '28 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-29']::before{content: '29 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-30']::before{content: '30 фев ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-02-31']::before{content: '31 фев ' attr(datetime)}

/* Март */
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-01']::before{content: '01 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-02']::before{content: '02 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-03']::before{content: '03 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-04']::before{content: '04 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-05']::before{content: '05 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-06']::before{content: '06 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-07']::before{content: '07 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-08']::before{content: '08 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-09']::before{content: '09 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-10']::before{content: '10 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-11']::before{content: '11 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-12']::before{content: '12 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-13']::before{content: '13 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-14']::before{content: '14 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-15']::before{content: '15 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-16']::before{content: '16 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-17']::before{content: '17 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-18']::before{content: '18 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-19']::before{content: '19 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-20']::before{content: '20 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-21']::before{content: '21 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-22']::before{content: '22 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-23']::before{content: '23 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-24']::before{content: '24 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-25']::before{content: '25 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-26']::before{content: '26 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-27']::before{content: '27 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-28']::before{content: '28 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-29']::before{content: '29 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-30']::before{content: '30 мар ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-03-31']::before{content: '31 мар ' attr(datetime)}

/* Апрель */
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-01']::before{content: '01 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-02']::before{content: '02 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-03']::before{content: '03 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-04']::before{content: '04 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-05']::before{content: '05 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-06']::before{content: '06 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-07']::before{content: '07 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-08']::before{content: '08 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-09']::before{content: '09 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-10']::before{content: '10 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-11']::before{content: '11 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-12']::before{content: '12 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-13']::before{content: '13 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-14']::before{content: '14 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-15']::before{content: '15 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-16']::before{content: '16 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-17']::before{content: '17 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-18']::before{content: '18 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-19']::before{content: '19 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-20']::before{content: '20 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-21']::before{content: '21 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-22']::before{content: '22 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-23']::before{content: '23 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-24']::before{content: '24 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-25']::before{content: '25 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-26']::before{content: '26 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-27']::before{content: '27 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-28']::before{content: '28 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-29']::before{content: '29 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-30']::before{content: '30 апр ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-04-31']::before{content: '31 апр ' attr(datetime)}

/* Май */
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-01']::before{content: '01 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-02']::before{content: '02 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-03']::before{content: '03 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-04']::before{content: '04 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-05']::before{content: '05 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-06']::before{content: '06 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-07']::before{content: '07 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-08']::before{content: '08 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-09']::before{content: '09 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-10']::before{content: '10 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-11']::before{content: '11 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-12']::before{content: '12 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-13']::before{content: '13 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-14']::before{content: '14 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-15']::before{content: '15 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-16']::before{content: '16 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-17']::before{content: '17 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-18']::before{content: '18 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-19']::before{content: '19 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-20']::before{content: '20 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-21']::before{content: '21 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-22']::before{content: '22 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-23']::before{content: '23 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-24']::before{content: '24 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-25']::before{content: '25 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-26']::before{content: '26 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-27']::before{content: '27 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-28']::before{content: '28 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-29']::before{content: '29 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-30']::before{content: '30 мая ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-05-31']::before{content: '31 мая ' attr(datetime)}

/* Июнь */
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-01']::before{content: '01 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-02']::before{content: '02 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-03']::before{content: '03 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-04']::before{content: '04 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-05']::before{content: '05 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-06']::before{content: '06 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-07']::before{content: '07 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-08']::before{content: '08 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-09']::before{content: '09 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-10']::before{content: '10 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-11']::before{content: '11 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-12']::before{content: '12 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-13']::before{content: '13 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-14']::before{content: '14 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-15']::before{content: '15 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-16']::before{content: '16 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-17']::before{content: '17 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-18']::before{content: '18 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-19']::before{content: '19 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-20']::before{content: '20 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-21']::before{content: '21 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-22']::before{content: '22 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-23']::before{content: '23 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-24']::before{content: '24 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-25']::before{content: '25 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-26']::before{content: '26 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-27']::before{content: '27 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-28']::before{content: '28 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-29']::before{content: '29 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-30']::before{content: '30 июн ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-06-31']::before{content: '31 июн ' attr(datetime)}

/* Июль */
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-01']::before{content: '01 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-02']::before{content: '02 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-03']::before{content: '03 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-04']::before{content: '04 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-05']::before{content: '05 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-06']::before{content: '06 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-07']::before{content: '07 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-08']::before{content: '08 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-09']::before{content: '09 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-10']::before{content: '10 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-11']::before{content: '11 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-12']::before{content: '12 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-13']::before{content: '13 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-14']::before{content: '14 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-15']::before{content: '15 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-16']::before{content: '16 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-17']::before{content: '17 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-18']::before{content: '18 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-19']::before{content: '19 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-20']::before{content: '20 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-21']::before{content: '21 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-22']::before{content: '22 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-23']::before{content: '23 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-24']::before{content: '24 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-25']::before{content: '25 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-26']::before{content: '26 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-27']::before{content: '27 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-28']::before{content: '28 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-29']::before{content: '29 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-30']::before{content: '30 июл ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-07-31']::before{content: '31 июл ' attr(datetime)}

/* Август */
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-01']::before{content: '01 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-02']::before{content: '02 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-03']::before{content: '03 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-04']::before{content: '04 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-05']::before{content: '05 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-06']::before{content: '06 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-07']::before{content: '07 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-08']::before{content: '08 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-09']::before{content: '09 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-10']::before{content: '10 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-11']::before{content: '11 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-12']::before{content: '12 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-13']::before{content: '13 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-14']::before{content: '14 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-15']::before{content: '15 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-16']::before{content: '16 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-17']::before{content: '17 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-18']::before{content: '18 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-19']::before{content: '19 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-20']::before{content: '20 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-21']::before{content: '21 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-22']::before{content: '22 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-23']::before{content: '23 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-24']::before{content: '24 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-25']::before{content: '25 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-26']::before{content: '26 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-27']::before{content: '27 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-28']::before{content: '28 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-29']::before{content: '29 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-30']::before{content: '30 авг ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-08-31']::before{content: '31 авг ' attr(datetime)}

/* Сентябрь */
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-01']::before{content: '01 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-02']::before{content: '02 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-03']::before{content: '03 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-04']::before{content: '04 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-05']::before{content: '05 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-06']::before{content: '06 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-07']::before{content: '07 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-08']::before{content: '08 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-09']::before{content: '09 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-10']::before{content: '10 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-11']::before{content: '11 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-12']::before{content: '12 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-13']::before{content: '13 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-14']::before{content: '14 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-15']::before{content: '15 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-16']::before{content: '16 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-17']::before{content: '17 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-18']::before{content: '18 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-19']::before{content: '19 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-20']::before{content: '20 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-21']::before{content: '21 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-22']::before{content: '22 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-23']::before{content: '23 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-24']::before{content: '24 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-25']::before{content: '25 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-26']::before{content: '26 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-27']::before{content: '27 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-28']::before{content: '28 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-29']::before{content: '29 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-30']::before{content: '30 сен ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-09-31']::before{content: '31 сен ' attr(datetime)}

/* Октябрь */
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-01']::before{content: '01 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-02']::before{content: '02 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-03']::before{content: '03 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-04']::before{content: '04 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-05']::before{content: '05 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-06']::before{content: '06 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-07']::before{content: '07 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-08']::before{content: '08 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-09']::before{content: '09 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-10']::before{content: '10 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-11']::before{content: '11 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-12']::before{content: '12 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-13']::before{content: '13 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-14']::before{content: '14 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-15']::before{content: '15 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-16']::before{content: '16 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-17']::before{content: '17 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-18']::before{content: '18 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-19']::before{content: '19 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-20']::before{content: '20 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-21']::before{content: '21 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-22']::before{content: '22 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-23']::before{content: '23 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-24']::before{content: '24 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-25']::before{content: '25 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-26']::before{content: '26 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-27']::before{content: '27 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-28']::before{content: '28 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-29']::before{content: '29 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-30']::before{content: '30 окт ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-10-31']::before{content: '31 окт ' attr(datetime)}

/* Ноябрь */
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-01']::before{content: '01 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-02']::before{content: '02 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-03']::before{content: '03 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-04']::before{content: '04 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-05']::before{content: '05 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-06']::before{content: '06 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-07']::before{content: '07 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-08']::before{content: '08 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-09']::before{content: '09 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-10']::before{content: '10 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-11']::before{content: '11 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-12']::before{content: '12 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-13']::before{content: '13 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-14']::before{content: '14 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-15']::before{content: '15 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-16']::before{content: '16 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-17']::before{content: '17 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-18']::before{content: '18 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-19']::before{content: '19 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-20']::before{content: '20 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-21']::before{content: '21 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-22']::before{content: '22 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-23']::before{content: '23 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-24']::before{content: '24 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-25']::before{content: '25 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-26']::before{content: '26 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-27']::before{content: '27 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-28']::before{content: '28 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-29']::before{content: '29 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-30']::before{content: '30 ноя ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-11-31']::before{content: '31 ноя ' attr(datetime)}

/* Декабрь */
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-01']::before{content: '01 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-02']::before{content: '02 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-03']::before{content: '03 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-04']::before{content: '04 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-05']::before{content: '05 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-06']::before{content: '06 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-07']::before{content: '07 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-08']::before{content: '08 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-09']::before{content: '09 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-10']::before{content: '10 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-11']::before{content: '11 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-12']::before{content: '12 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-13']::before{content: '13 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-14']::before{content: '14 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-15']::before{content: '15 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-16']::before{content: '16 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-17']::before{content: '17 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-18']::before{content: '18 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-19']::before{content: '19 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-20']::before{content: '20 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-21']::before{content: '21 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-22']::before{content: '22 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-23']::before{content: '23 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-24']::before{content: '24 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-25']::before{content: '25 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-26']::before{content: '26 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-27']::before{content: '27 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-28']::before{content: '28 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-29']::before{content: '29 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-30']::before{content: '30 дек ' attr(datetime)}
.p-user_history-index .history-page .history-interval p .date[datetime*='-12-31']::before{content: '31 дек ' attr(datetime)}
/*Конец */

4 Фон
4.1 
/*Статичный фон */
body {
background-size: cover;
background-image: url("https://i.yapx.ru/FQBao.jpg");
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
} 
/*Конец */

4.2 
/*Меняющийся фон */
body {
  background-attachment: fixed;
  background-size: cover;
}
body[data-server_time *= "0+"] { 
  background-image: url(https://i.yapx.ru/FQBao.jpg);
}
body[data-server_time *= "1+"] {
  background-image: url(https://i.yapx.ru/FQBId.jpg);
}
body[data-server_time *= "2+"] {
  background-image: url(https://i.yapx.ru/FQBI4.jpg);
}
/*Конец */
Данный список можно увеличивать много и много раз, просто скопируйте данный код и вместо 2+ подставляйте цифры в порядке возрастания с "+"
body[data-server_time *= "2+"] {
  background-image: url(https://i.yapx.ru/FQBI4.jpg);
}

4.3 
/*Прозрачность*/
.l-page {
background-color: rgba(255, 255, 255, 0.78); /*Тут нам нужно только 4 чисто, меняя его значение,
    то будете получать разную прозрачность. Ноль нужно оставить, играться только с цифрами после 0.
                    Можно поиграться и с 255, но это уже на личное усмотрение(Будет разные оттенки)*/
} 
/*Конец */
Будет меняться насыщенность данной области (отметил стрелками)1280x720

5 Шапка
5.1 
/*Шапка (обложка)*/
.p-profiles-show .profile-head:before {
  content: '';
  display: block;
  height: 400px; /* высота  */ 
  background: url("https://i.yapx.ru/FOqSA.png") no-repeat; /* кавычки должны быть */
  background-size: cover; 
  margin: -15px;
  margin-bottom: 5px; /* отступ от нижней границы  */
}
/*Конец*/

5.2
/*Меняющияся шапка*/
#profiles_show[data-server_time *= "0+"] .profile-head::before {
 background-image: url(https://i.yapx.ru/FRuEg.jpg);
}
#profiles_show[data-server_time *= "1+"] .profile-head::before {
 background-image: url(https://i.yapx.ru/FOqSA.png);
  }
#profiles_show[data-server_time *= "2+"] .profile-head::before {
 background-image: url(https://i.yapx.ru/FRuMd.jpg);
}
/*Конец */
Данная система работает так же как и в пункте 4.2

Спасибо всем, кто прочитал мой топик, он будет дорабатываться и переписываться. Если хотите добавить какие-либо коды, то пишите лс или в комментарии, я обновлю список. Большая часть кодов используются мною, если хотите посмотреть как все будет работать, то просто перейдите на мою страницу.
Комментарии
Hikikomori-kun
Hikikomori-kun#
:thumbup:
KotyaNya
KotyaNya#
:happy_cry::love:
davvE-
davvE-#
.l-page у меня не выделяется почему то. И назревает вопрос почему.
2_D
2_D#
4.2 не работает ;(
@2_D
2_D
2_D#
@2_D, всё работает, просто я рукожопый не так делал
manchkinchicken
manchkinchicken#
извиняюсь, что может не по теме, но знает кто код на установку гифки поверх жанровой ачивки? с гифками на франишзные ачивки как-то сам въехал, с жанрами не могу ;(
@···
···
···#
@manchkinchicken
Если ответа не получишь, то сюдой попробуй обратиться.
Или ж по страницам клуба порыскай самостоятельно.
Masionin
Masionin#
Как можно в графике выбрать временно отрезок какой либо? ЧТобы график был не с момента регистрации а с любого момента?
@kiero
kiero
kiero#
@Masionin, Настройки > профиль > Отображать график активности начиная с даты
Shiphe
Shiphe#
Можно ли как-то разделить код -
/*Аниме Запланировано*/
.c-lists-info .b-stats_bar.anime .bar > div.second:before,
.c-lists-info .b-stats_bar.anime .bar > div.second:after,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="planned"]:before,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="watching"]:before,
.c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="on_hold"]:before{
border-color:transparent;
background-color:#79A9CF
}
на две части, что бы были пункты "Смотрю" и "Запланированно" можно было настроить по отдельности (цвет), а не так чтобы они настраивались как одна часть?
Shirirudesu_
Shirirudesu_#
:thumbup:
Satoshi_Kazuma
Satoshi_Kazuma#
Можно ли сделать так чтоб в списке где анонс указывалась сама дата анонса ?
Astronaut777
Astronaut777#
(2.3)Кто знает как сделать текст у персонажа тип как у Kitsune74?
cozmez
cozmez#
:thumbup:
Letterme
Letterme#
Проблема с увелечения изображения во весь экран думал использовать width: 100%;
height: 100%; не помогало попробывал поменять значения в background-size: 400px; но когда я миняю картинка уходит ниже но увеличевается
IR
IR#
О удачно я нашел это
Хоть я под себя многое уже сделал но будет удачно посмотреть что забыл
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть
примеры BBCode