Участник:Alivepillow/common.css - История изменений

Alivepillow: Отмена версии потому-что нейро-говнокод

2026-11-11T14:08:07Z

Отмена версии потому-что нейро-говнокод

@@ Строка 1: / Строка 1: @@
 .boxplate {
      font-family: sans-serif;
@@ Строка 7: / Строка 54: @@
      align-items: center;
      width: 100%;
-     min-height: 500px; /* Изменено на min-height, чтобы контейнер растягивался при переносе строк */
+     height: 500px;
      align-content: space-around;
-     gap: 20px 20px; /* Сделали отступы равномерными */
+     gap: 10px 20px;
+}
 .cellbox__title {
-    position: relative;
+	 position: relative;
-    display: flex;
+	 display: flex;
-    width: 100%; /* Чтобы заголовок занимал всю ширину и не ломал сетку флексов */
+	 min-height: 32px;
-    min-height: 32px;
+	 padding: 2px 8px;
+}
 .cellbox {
-    display: flex;
+	display: grid;
-    flex-direction: column; /* Элементы внутри (картинка и текст) идут друг за другом сверху вниз */
+     padding: 10px;
      border-radius: 15px;
      background-color: rgb(56, 56, 56);
-     flex: 0 0 calc((100% - (4 * 20px)) / 5); /* Корректный расчет для 5 элементов в ряд с учетом gap */
+     flex: 0 0 calc((100% - (5 - 1) * 20px) / 5);
+}
-/* Контейнер для картинки */
+.cellbox img {
-.cellbox__img-wrapper {
+	display: flex;
      justify-content: center;
      width: 64px;
      height: 64px;
+}

Alivepillow: Отмена версии потому-что нейро-говнокод

2026-11-11T14:07:45Z

Отмена версии потому-что нейро-говнокод

← Предыдущая версия		Версия от 14:07, 11 ноября 2026
Строка 1:		Строка 1:
	~~/* Шаблон: Cellimage */~~
	.boxplate {		.boxplate {
	font-family: sans-serif;		font-family: sans-serif;
Строка 8:		Строка 7:
	align-items: center;		align-items: center;
	width: 100%;		width: 100%;
	min-height: 500px;		min-height: 500px; /* Изменено на min-height, чтобы контейнер растягивался при переносе строк */
	align-content: space-around;		align-content: space-around;
	gap: 20px 20px;		gap: 20px 20px; /* Сделали отступы равномерными */
	box-sizing: border-box;		box-sizing: border-box;
	padding: 20px;		padding: 20px;
	}		}

	~~.boxplate~~ .cellbox__title {		.cellbox__title {
	position: relative;		position: relative;
	display: flex;		display: flex;
	~~justify-content: center;~~		width: 100%; /* Чтобы заголовок занимал всю ширину и не ломал сетку флексов */
	~~align-items: center;~~		min-height: 32px;
	width: 100%;		padding: 2px 8px;
	min-height: ~~38px~~;		color: #fff;
	padding: ~~6px 15px;~~
	~~background-color: #0b1524~~;
	color: #~~ffffff;~~
	~~font-weight: bold;~~
	~~font-size: 15px;~~
	~~text-align: center;~~
	~~box-sizing: border-box;~~
	~~border-bottom: 2px solid #b30000;~~
	~~margin-bottom: 25px;~~
	}

	~~.boxplate a,~~
	~~.boxplate a:hover,~~
	~~.boxplate a:visited {~~
	~~text-decoration: none~~;
	}		}

	~~.boxplate~~ .cellbox {		.cellbox {
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column; /* Элементы внутри (картинка и текст) идут друг за другом сверху вниз */
	align-items: center;		align-items: center; /* Центрирование по горизонтали */
	justify-content: center;		justify-content: center; /* Центрирование по вертикали */
	text-align: center;		text-align: center;
	padding: 15px;		padding: 15px;
	border-radius: 15px;		border-radius: 15px;
	background-color: rgb(56, 56, 56);		background-color: rgb(56, 56, 56);
	flex: 0 0 calc((100% - (4 * 20px)) / 5);		flex: 0 0 calc((100% - (4 * 20px)) / 5); /* Корректный расчет для 5 элементов в ряд с учетом gap */
	min-width: 120px;		min-width: 120px; /* Чтобы карточки не сжимались слишком сильно */
	color: ~~#ffffff~~;		text-decoration: none; /* Убирает синее подчеркивание ссылки */
	transition: background-color 0.2s ease;		color: white; /* Цвет текста внутри карточки-ссылки */
	~~box-sizing: border-box;~~		transition: background-color 0.2s ease; /* Плавный эффект при наведении */
	}		}

	.~~boxplate a~~:hover ~~.cellbox~~ {		/* Эффект при наведении на карточку */
			.cellbox:hover {
	background-color: rgb(75, 75, 75);		background-color: rgb(75, 75, 75);
	cursor: pointer;		cursor: pointer;
	~~color: #ffffff;~~
	}		}

	~~.boxplate~~ .cellbox__img-wrapper {		/* Контейнер для картинки */
			.cellbox__img-wrapper {
	display: flex;		display: flex;
	justify-content: center;		justify-content: center;
Строка 67:		Строка 52:
	width: 64px;		width: 64px;
	height: 64px;		height: 64px;
	margin-bottom: 10px;		margin-bottom: 10px; /* Отступ между картинкой и текстом */
	}		}

	~~.boxplate .cellbox__img-wrapper a,~~		.cellbox__img-wrapper img {
	~~.boxplate~~ .cellbox__img-wrapper img {
	~~display: block;~~
	max-width: 100%;		max-width: 100%;
	max-height: 100%;		max-height: 100%;
	object-fit: contain;		object-fit: contain;
	~~margin: 0 auto;~~
	}		}

	~~.boxplate~~ .cellbox__text {		.cellbox__text {
	~~display: block;~~
	font-size: 14px;		font-size: 14px;
	word-break: break-word;		word-break: break-word;
	~~color: #ffffff;~~
	}		}

Alivepillow: оно вроде даже работает..

2026-11-10T19:10:17Z

оно вроде даже работает..

← Предыдущая версия		Версия от 19:10, 10 ноября 2026
Строка 1:		Строка 1:
			/* Шаблон: Cellimage */
	.boxplate {		.boxplate {
	font-family: sans-serif;		font-family: sans-serif;
Строка 7:		Строка 8:
	align-items: center;		align-items: center;
	width: 100%;		width: 100%;
	min-height: 500px; ~~/* Изменено на min-height, чтобы контейнер растягивался при переносе строк */~~		min-height: 500px;
	align-content: space-around;		align-content: space-around;
	gap: 20px 20px; ~~/* Сделали отступы равномерными */~~		gap: 20px 20px;
	box-sizing: border-box;		box-sizing: border-box;
	padding: 20px;		padding: 20px;
	}		}

	.cellbox__title {		.boxplate .cellbox__title {
	position: relative;		position: relative;
	display: flex;		display: flex;
	width: 100%; ~~/* Чтобы заголовок занимал всю ширину и не ломал сетку флексов */~~		justify-content: center;
	min-height: ~~32px~~;		align-items: center;
	padding: ~~2px 8px~~;		width: 100%;
	color: #~~fff~~;		min-height: 38px;
			padding: 6px 15px;
			background-color: #0b1524;
			color: #ffffff;
			font-weight: bold;
			font-size: 15px;
			text-align: center;
			box-sizing: border-box;
			border-bottom: 2px solid #b30000;
			margin-bottom: 25px;
			}

			.boxplate a,
			.boxplate a:hover,
			.boxplate a:visited {
			text-decoration: none;
	}		}

	.cellbox {		.boxplate .cellbox {
	display: flex;		display: flex;
	flex-direction: column; ~~/* Элементы внутри (картинка и текст) идут друг за другом сверху вниз */~~		flex-direction: column;
	align-items: center; ~~/* Центрирование по горизонтали */~~		align-items: center;
	justify-content: center; ~~/* Центрирование по вертикали */~~		justify-content: center;
	text-align: center;		text-align: center;
	padding: 15px;		padding: 15px;
	border-radius: 15px;		border-radius: 15px;
	background-color: rgb(56, 56, 56);		background-color: rgb(56, 56, 56);
	flex: 0 0 calc((100% - (4 * 20px)) / 5); ~~/* Корректный расчет для 5 элементов в ряд с учетом gap */~~		flex: 0 0 calc((100% - (4 * 20px)) / 5);
	min-width: 120px; ~~/* Чтобы карточки не сжимались слишком сильно */~~		min-width: 120px;
	~~text-decoration: none; /* Убирает синее подчеркивание ссылки */~~		color: #ffffff;
	color: ~~white~~; ~~/* Цвет текста внутри карточки-ссылки */~~		transition: background-color 0.2s ease;
	transition: background-color 0.2s ease; ~~/* Плавный эффект при наведении */~~		box-sizing: border-box;
	}		}

	~~/* Эффект при наведении на карточку */~~		.boxplate a:hover .cellbox {
	.~~cellbox~~:hover {
	background-color: rgb(75, 75, 75);		background-color: rgb(75, 75, 75);
	cursor: pointer;		cursor: pointer;
			color: #ffffff;
	}		}

	~~/* Контейнер для картинки */~~		.boxplate .cellbox__img-wrapper {
	.cellbox__img-wrapper {
	display: flex;		display: flex;
	justify-content: center;		justify-content: center;
Строка 52:		Строка 67:
	width: 64px;		width: 64px;
	height: 64px;		height: 64px;
	margin-bottom: 10px; ~~/* Отступ между картинкой и текстом */~~		margin-bottom: 10px;
	}		}

	.cellbox__img-wrapper img {		.boxplate .cellbox__img-wrapper a,
			.boxplate .cellbox__img-wrapper img {
			display: block;
	max-width: 100%;		max-width: 100%;
	max-height: 100%;		max-height: 100%;
	object-fit: contain;		object-fit: contain;
			margin: 0 auto;
	}		}

	.cellbox__text {		.boxplate .cellbox__text {
			display: block;
	font-size: 14px;		font-size: 14px;
	word-break: break-word;		word-break: break-word;
			color: #ffffff;
	}		}

Alivepillow в 18:49, 10 ноября 2026

2026-11-10T18:49:12Z

@@ Строка 1: / Строка 1: @@
 .boxplate {
      font-family: sans-serif;
@@ Строка 54: / Строка 7: @@
      align-items: center;
      width: 100%;
-     height: 500px;
+     min-height: 500px; /* Изменено на min-height, чтобы контейнер растягивался при переносе строк */
      align-content: space-around;
-     gap: 10px 20px;
+     gap: 20px 20px; /* Сделали отступы равномерными */
+}
 .cellbox__title {
-	 position: relative;
+    position: relative;
-	 display: flex;
+    display: flex;
-	 min-height: 32px;
+    width: 100%; /* Чтобы заголовок занимал всю ширину и не ломал сетку флексов */
-	 padding: 2px 8px;
+    min-height: 32px;
+}
 .cellbox {
-	display: grid;
+    display: flex;
-     padding: 10px;
+    flex-direction: column; /* Элементы внутри (картинка и текст) идут друг за другом сверху вниз */
      border-radius: 15px;
      background-color: rgb(56, 56, 56);
-     flex: 0 0 calc((100% - (5 - 1) * 20px) / 5);
+     flex: 0 0 calc((100% - (4 * 20px)) / 5); /* Корректный расчет для 5 элементов в ряд с учетом gap */
+}
-.cellbox img {
+/* Контейнер для картинки */
-	display: flex;
+.cellbox__img-wrapper {
      justify-content: center;
      width: 64px;
      height: 64px;
+}

Alivepillow в 18:37, 10 ноября 2026

2026-11-10T18:37:32Z

← Предыдущая версия		Версия от 18:37, 10 ноября 2026
Строка 69:		Строка 69:
	border-radius: 15px;		border-radius: 15px;
	background-color: rgb(56, 56, 56);		background-color: rgb(56, 56, 56);
			flex: 0 0 calc((100% - (5 - 1) * 20px) / 5);
	}		}

Alivepillow в 17:20, 10 ноября 2026

2026-11-10T17:20:37Z

← Предыдущая версия		Версия от 17:20, 10 ноября 2026
Строка 74:		Строка 74:
	display: flex;		display: flex;
	justify-content: center;		justify-content: center;
	~~size~~: 64px;		width: 64px;
			height: 64px;
	}		}

Alivepillow: оказывается не перепутал

2026-11-10T17:17:32Z

оказывается не перепутал

← Предыдущая версия		Версия от 17:17, 10 ноября 2026
Строка 47:		Строка 47:
	/* Шаблон: Cellimage*/		/* Шаблон: Cellimage*/
	.boxplate {		.boxplate {
	font-family: sans-serif;		font-family: sans-serif;
	display: flex;		display: flex;
	flex-flow: row wrap;		flex-flow: row wrap;
	background-color: rgb(102, 102, 102);		background-color: rgb(102, 102, 102);
	justify-content: space-around;		justify-content: space-around;
	align-items: center;		align-items: center;
	width: ~~200px~~;		width: 100%;
	height: ~~100px~~;		height: 500px;
	align-content: space-around;		align-content: space-around;
	gap: 10px 20px;		gap: 10px 20px;
	}		}
	.cellbox__title {		.cellbox__title {
Строка 65:		Строка 65:
	}		}
	.cellbox {		.cellbox {
	padding: 10px;		display: grid;
	border-radius: 15px;		padding: 10px;
	background-color: rgb(56, 56, 56);		border-radius: 15px;
			background-color: rgb(56, 56, 56);
			}

			.cellbox img {
			display: flex;
			justify-content: center;
			size: 64px;
	}		}

Alivepillow: Отмена версии потому-что перепутал вкладки в браузере

2026-11-10T17:15:20Z

Отмена версии потому-что перепутал вкладки в браузере

← Предыдущая версия		Версия от 17:15, 10 ноября 2026
Строка 47:		Строка 47:
	/* Шаблон: Cellimage*/		/* Шаблон: Cellimage*/
	.boxplate {		.boxplate {
	font-family: sans-serif;		font-family: sans-serif;
	display: flex;		display: flex;
	flex-flow: row wrap;		flex-flow: row wrap;
	background-color: rgb(102, 102, 102);		background-color: rgb(102, 102, 102);
	justify-content: space-around;		justify-content: space-around;
	align-items: center;		align-items: center;
	width: ~~100%~~;		width: 200px;
	height: ~~500px~~;		height: 100px;
	align-content: space-around;		align-content: space-around;
	gap: 10px 20px;		gap: 10px 20px;
	}		}
	.cellbox__title {		.cellbox__title {
Строка 65:		Строка 65:
	}		}
	.cellbox {		.cellbox {
	~~display: grid;~~		padding: 10px;
	padding: 10px;		border-radius: 15px;
	border-radius: 15px;		background-color: rgb(56, 56, 56);
	background-color: rgb(56, 56, 56);
	}

	~~.cellbox img {~~
	~~display: flex;~~
	~~justify-content: center;~~
	~~size: 64px~~;
	}		}

Alivepillow в 17:08, 10 ноября 2026

2026-11-10T17:08:52Z

← Предыдущая версия		Версия от 17:08, 10 ноября 2026
Строка 47:		Строка 47:
	/* Шаблон: Cellimage*/		/* Шаблон: Cellimage*/
	.boxplate {		.boxplate {
	font-family: sans-serif;		font-family: sans-serif;
	display: flex;		display: flex;
	flex-flow: row wrap;		flex-flow: row wrap;
	background-color: rgb(102, 102, 102);		background-color: rgb(102, 102, 102);
	justify-content: space-around;		justify-content: space-around;
	align-items: center;		align-items: center;
	width: ~~200px~~;		width: 100%;
	height: ~~100px~~;		height: 500px;
	align-content: space-around;		align-content: space-around;
	gap: 10px 20px;		gap: 10px 20px;
	}		}
	.cellbox__title {		.cellbox__title {
Строка 65:		Строка 65:
	}		}
	.cellbox {		.cellbox {
	padding: 10px;		display: grid;
	border-radius: 15px;		padding: 10px;
	background-color: rgb(56, 56, 56);		border-radius: 15px;
			background-color: rgb(56, 56, 56);
			}

			.cellbox img {
			display: flex;
			justify-content: center;
			size: 64px;
	}		}

Alivepillow в 14:40, 10 ноября 2026

2026-11-10T14:40:51Z

@@ Строка 1: / Строка 1: @@
-/*** Шабло: kventcard***/
+/*** Шаблон: kventcard***/
 .wiki-grid {
    display: grid;
@@ Строка 43: / Строка 43: @@
    line-height: 1.5;
    color: #c9d1d9;
+}