MediaWiki:Common.css - История изменений

Minecraft95 в 17:17, 29 апреля 2026

2026-04-29T17:17:26Z

← Предыдущая версия		Версия от 19:17, 29 апреля 2026
Строка 2641:		Строка 2641:
	.cf-faction-card{ max-width:100%; }		.cf-faction-card{ max-width:100%; }
	.cf-cards-row{ gap:10px; }		.cf-cards-row{ gap:10px; }
			}

			/починка таблицы ТН /
			.wikitable.mw-collapsible th {
			width: 100vw;
	}		}

MetalSage в 20:30, 6 апреля 2026

2026-04-06T20:30:41Z

@@ Строка 1: / Строка 1: @@
 /* Загрузка лого морпехов */
-.second-custom-logo {
+.second-mw-logo img.mw-logo-icon {
      object-fit: contain;
+}

MetalSage в 20:25, 6 апреля 2026

2026-04-06T20:25:43Z

← Предыдущая версия		Версия от 22:25, 6 апреля 2026
Строка 3:		Строка 3:
	display: inline-flex;		display: inline-flex;
	align-items: center;		align-items: center;
	margin-left: ~~16px~~;		align-self: center;
			margin-left: 12px;
	vertical-align: middle;		vertical-align: middle;
	height: ~~100%~~;		line-height: 1;
			position: relative;
	}		}

Строка 12:		Строка 14:
	width: auto;		width: auto;
	object-fit: contain;		object-fit: contain;
	~~transition~~: ~~opacity 0.2s ease~~;		display: block;
	}		}

MetalSage в 20:24, 6 апреля 2026

2026-04-06T20:24:01Z

← Предыдущая версия		Версия от 22:24, 6 апреля 2026
Строка 1:		Строка 1:
			/* Загрузка лого морпехов */
			.second-custom-logo {
			display: inline-flex;
			align-items: center;
			margin-left: 16px;
			vertical-align: middle;
			height: 100%;
			}

			.second-custom-logo img {
			height: 32px;
			width: auto;
			object-fit: contain;
			transition: opacity 0.2s ease;
			}

			.second-custom-logo:hover img {
			opacity: 0.8;
			}

			@media screen and (max-width: 720px) {
			.second-custom-logo {
			margin-left: 8px;
			}
			.second-custom-logo img {
			height: 24px;
			}
			}

	/Химия/		/Химия/
	@media (max-width: 1280px) {		@media (max-width: 1280px) {

MetalSage в 20:01, 6 апреля 2026

2026-04-06T20:01:56Z

← Предыдущая версия		Версия от 22:01, 6 апреля 2026
Строка 1522:		Строка 1522:
	Shegare */		Shegare */


	~~/-----------------------------------------------------------------------------------------------------------------------------------/~~


	~~/* Начальный размер блока лого */~~
	~~.citizen-header__logo {~~
	~~height: 89px;~~
	}

	~~/* Анимация появления второго лого */~~
	~~.logo2 img {~~
	~~opacity: 0;~~
	~~animation: animOpacity 0.5s forwards;~~
	}
	~~@keyframes animOpacity {~~
	~~0% {opacity: 0;}~~
	~~100% {opacity: 1;}~~
	}

	~~/* Обводка вокруг лого */~~
	~~.logo1:hover, .logo2:hover {~~
	~~background: #ffffff26;~~
	~~border-radius: 15px;~~
	}

	~~/* Лого на экранах меньше 1120px */~~
	~~@media screen and (max-width: 1119px) {~~
	~~.citizen-header__logo {~~
	~~display: flex;~~
	~~height: auto;~~
	~~width: 89px;~~
	}
	~~.logo1 {~~
	~~margin-right: 3px;~~
	}
	}
	~~@media screen and (min-width: 1120px) {~~
	~~.logo1 {~~
	~~margin-bottom: 3px;~~
	}
	}

	~~/* End Лого стили~~
	~~Shegare */~~
	/-----------------------------------------------------------------------------------------------------------------------------------/		/-----------------------------------------------------------------------------------------------------------------------------------/

Dantes в 11:34, 4 апреля 2026

2026-04-04T11:34:08Z

← Предыдущая версия		Версия от 13:34, 4 апреля 2026
Строка 76:		Строка 76:
	max-height: 3000px;		max-height: 3000px;
	}		}
	.chem-recipe-block {		.chem-recipe-block,
			.chem-effects-block {
	text-align: center;		text-align: center;
	}		}
	.chem-recipe-steps {		.chem-recipe-steps,
	~~padding: 12px 16px 24px;~~
	}
	.chem-effects {		.chem-effects {
	padding: 12px 16px 24px;		padding: 12px 16px 24px;
Строка 96:		Строка 95:
	.chem-recipe {		.chem-recipe {
	width: 100%;		width: 100%;
	max-width: ~~720px~~;		max-width: 780px;
	margin: 20px auto;		margin: 20px auto;
	display: flex;		display: flex;
Строка 114:		Строка 113:
	}		}
	.recipe-action {		.recipe-action {
	flex: 0 0 ~~140px~~;		flex: 0 0 160px;
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
Строка 120:		Строка 119:
	justify-content: center;		justify-content: center;
	gap: 8px;		gap: 8px;
	padding: ~~8px~~ 0;		padding: 12px 0;
	}		}
	.recipe-action-content {		.recipe-action-content {
Строка 149:		Строка 148:
	.action-sprite .chem-reagent-icon,		.action-sprite .chem-reagent-icon,
	.action-sprite .chem-beaker {		.action-sprite .chem-beaker {
	width: ~~42px~~;		width: 46px;
	height: ~~42px~~;		height: 46px;
	}		}
	.action-text {		.action-text {
Строка 157:		Строка 156:
	font-style: italic;		font-style: italic;
	font-size: 15px;		font-size: 15px;
	line-height: 1.2;		line-height: 1.3;
	}		}
	.chem-effects .chem-effect-line {		.chem-effects .chem-effect-line {

Dantes в 11:20, 4 апреля 2026

2026-04-04T11:20:35Z

← Предыдущая версия		Версия от 13:20, 4 апреля 2026
Строка 70:		Строка 70:
	.collapsible {		.collapsible {
	overflow: hidden;		overflow: hidden;
	transition: max-height 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);		transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	max-height: 0;		max-height: 0;
	}		}
	.collapsible.expanded {		.collapsible.expanded {
	max-height: ~~2000px;~~		max-height: 3000px;
	~~padding: 12px 16px 16px~~;
	}		}
	.chem-recipe-block {		.chem-recipe-block {
Строка 81:		Строка 80:
	}		}
	.chem-recipe-steps {		.chem-recipe-steps {
	~~display~~: ~~flex~~;		padding: 12px 16px 24px;
	~~flex~~-~~direction: column;~~		}
	~~gap~~: 24px;		.chem-effects {
			padding: 12px 16px 24px;
	}		}
	.recipe-variant-header {		.recipe-variant-header {
Строка 96:		Строка 96:
	.chem-recipe {		.chem-recipe {
	width: 100%;		width: 100%;
	max-width: ~~640px~~;		max-width: 720px;
	margin: 0 auto;		margin: 20px auto;
	display: ~~grid~~;		display: flex;
	~~grid~~-~~template-columns~~: ~~1fr auto 1fr~~;		flex-wrap: wrap;
	~~gap~~: ~~16px~~;		justify-content: center;
	align-items: start;		align-items: flex-start;
			gap: 24px;
			box-sizing: border-box;
			}
			.recipe-inputs,
			.recipe-outputs {
			flex: 1 1 280px;
			min-width: 240px;
			display: flex;
			flex-direction: column;
			gap: 10px;
	}		}
	.recipe-~~inputs, .recipe-outputs~~ {		.recipe-action {
			flex: 0 0 140px;
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
			align-items: center;
			justify-content: center;
	gap: 8px;		gap: 8px;
			padding: 8px 0;
			}
			.recipe-action-content {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 6px;
			text-align: center;
	}		}
	.recipe-item {		.recipe-item {
Строка 114:		Строка 135:
	background: rgba(255,255,255,0.08);		background: rgba(255,255,255,0.08);
	border-radius: 6px;		border-radius: 6px;
	padding: ~~6px 10px~~;		padding: 8px 12px;
	border-left: 4px solid var(--card-accent, #8cf);		border-left: 4px solid var(--card-accent, #8cf);
	white-space: ~~nowrap~~;		white-space: normal;
			word-break: break-word;
	}		}
			.chem-reagent-icon,
	.chem-beaker {		.chem-beaker {
	width: 36px;		width: 36px;
	height: 36px;		height: 36px;
	flex-shrink: 0;		flex-shrink: 0;
			object-fit: contain;
	}		}
	.~~recipe-~~action {		.action-sprite .chem-reagent-icon,
	~~display: flex;~~
	~~align-items: center;~~
	~~justify-content: center;~~
	~~min~~-~~width: 100px;~~
	}
	.~~recipe-action-content {~~
	~~display: flex;~~
	~~flex~~-~~direction: column;~~
	~~align~~-~~items: center;~~
	~~gap: 6px;~~
	}
	.action-sprite .chem-beaker {		.action-sprite .chem-beaker {
	width: 42px;		width: 42px;
Строка 144:		Строка 157:
	font-style: italic;		font-style: italic;
	font-size: 15px;		font-size: 15px;
	~~text-align: center;~~
	line-height: 1.2;		line-height: 1.2;
	}		}
Строка 172:		Строка 184:
	}		}
	.chem-recipe {		.chem-recipe {
	~~grid~~-~~template~~-~~columns~~: ~~1fr~~;		flex-direction: column;
	gap: ~~12px~~;		align-items: center;
			gap: 16px;
	max-width: 100%;		max-width: 100%;
			padding: 0 12px;
			}
			.recipe-action {
			flex: 0 0 auto;
			min-width: auto;
	}		}
	}		}

Dantes в 10:19, 4 апреля 2026

2026-04-04T10:19:41Z

← Предыдущая версия		Версия от 12:19, 4 апреля 2026
Строка 6:		Строка 6:
	}		}
	@media screen and (min-width: 1120px) {		@media screen and (min-width: 1120px) {
	.~~citizen~~-~~toc-enabled~~ .citizen-body-container {		body.page-Тест .citizen-body-container {
	grid-template-areas:'void header header' 'sidebar content toc' 'footer footer footer';		grid-template-areas: 'void header header' 'sidebar content toc' 'footer footer footer';
	grid-template-columns: 10% 70% 20%;		grid-template-columns: 10% 70% 20%;
	margin-left: 8vw		margin-left: 8vw;
			max-width: none;
	}		}
	}		}
Строка 175:		Строка 176:
	max-width: 100%;		max-width: 100%;
	}		}
	}
	~~body.page-Тест .mw-page-container, body.page-Тест .mw-body {~~
	~~max-width: 2200px;~~
	~~margin: 0 auto;~~
	}		}
	/Химия/		/Химия/

Dantes в 10:14, 4 апреля 2026

2026-04-04T10:14:43Z

Внесённые изменения

Dantes: Отмена правки 24715, сделанной Dantes (обсуждение)

2026-04-04T09:53:18Z

Отмена правки 24715, сделанной Dantes (обсуждение)

← Предыдущая версия		Версия от 11:53, 4 апреля 2026
Строка 1:		Строка 1:
	/Химия/		/Химия/
	.chem-heading { display: none; }		@media (max-width: 1280px) { .chem-heading { display: none; } }

	.chem-cards-container {		.chem-cards-container {
Строка 94:		Строка 94:

	.chem-recipe {		.chem-recipe {
	width: ~~100%~~;		max-width: 640px; /* ← центрирование всего блока */
	margin: 0;		margin: 0 auto;
	display: grid;		display: grid;
	grid-template-columns: 1fr auto 1fr;		grid-template-columns: 1fr auto 1fr;
Строка 116:		Строка 116:
	padding: 6px 10px;		padding: 6px 10px;
	border-left: 4px solid var(--card-accent, #8cf);		border-left: 4px solid var(--card-accent, #8cf);
	white-space: nowrap;		white-space: nowrap; /* ← числа всегда рядом с названием */
	}		}

Строка 170:		Строка 170:
	}		}

	body.page-Тест .mw-page-container,		@media (max-width: 1024px) {
	body.page-Тест .mw-body {		.chem-cards-container { grid-template-columns: repeat(2, 1fr); }
	width: ~~100%~~;		}
	margin: 0;
			@media (max-width: 768px) {
			.chem-cards-container { grid-template-columns: 1fr; }
			.chem-recipe {
			grid-template-columns: 1fr;
			gap: 12px;
			max-width: 100%;
			}
			}

			/* Ограничение ширины */
			body.page-Тест .mw-page-container, body.page-Тест .mw-body {
			max-width: 1800px;
			margin: 0 auto;
	}		}
	/Химия/		/Химия/