Обсуждение:КЗ Армовича 2 версия - История изменений

Armowich в 06:20, 10 февраля 2026

2026-02-10T06:20:21Z

← Предыдущая версия		Версия от 06:20, 10 февраля 2026
Строка 1:		Строка 1:
	--[[Участник:Armowich\|Armowich]] ([[Обсуждение участника:Armowich\|обсуждение]]) 06:53, 4 февраля 2026 (UTC)--[[Участник:Armowich\|Armowich]] ([[Обсуждение участника:Armowich\|обсуждение]]) 06:53, 4 февраля 2026 (UTC)<div style="background-color: #{{MainColors\|Header}}; border-radius: ~~50px~~;">		--[[Участник:Armowich\|Armowich]] ([[Обсуждение участника:Armowich\|обсуждение]]) 06:53, 4 февраля 2026 (UTC)--[[Участник:Armowich\|Armowich]] ([[Обсуждение участника:Armowich\|обсуждение]]) 06:53, 4 февраля 2026 (UTC)
	<strong style="		<div style="display: flex; align-items: center; height: 36px;">
	font-size: ~~2.5em;~~		<div style="width: 30px; height: 100%; background-color: #{{MainColors\|Header}}; border-radius: 30px 0 0 30px; margin-right: 5px"></div>
	~~margin-left~~:~~30px~~;		<strong style="color: #{{MainColors\|Header}}; font-size: 40px">ДОБРО ПОЖАЛОВАТЬ НА SIERRA-CELADON SS-13</strong>
	~~background-color~~: ~~var(--~~background-~~color-base);~~		<div style="flex: 1; height: 100%; background-color: #{{MainColors\|Header}}; border-radius: 0 30px 30px 0; margin-left: 5px"></div>
	color: #{{MainColors\|Header}};
	~~display: inline~~-~~block;~~
	~~line-height~~: 0~~.85;~~
	~~padding: 0.1em~~ 0~~.2em~~;
	~~max~~-~~width: calc(100vw - 100px);~~
	~~box-sizing~~: ~~border-box;~~
	">
	~~ДОБРО ПОЖАЛОВАТЬ НА SIERRA-CELADON SS-13~~
	</~~strong~~>
	</div>		</div>
	<div style="position: relative;">		<div>
			</div>
			<div style="position: relative; margin-top: 16px">
	<div style="font-size: 0; position:relative;">		<div style="font-size: 0; position:relative;">
	<div style="background-color: #{{MainColors\|Block1\|First}}; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>		<div style="background-color: #{{MainColors\|Block1\|First}}; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
Строка 23:		Строка 17:
	</div>		</div>
	<!-- 1 БЛОК -->		<!-- 1 БЛОК -->
	<div style="position: relative; padding-right: 20%;">		<div style="position: relative; padding-right: 20%">
	<div style="		<div style="
	font-size: 16px;		font-size: 16px;

Armowich в 15:38, 9 февраля 2026

2026-02-09T15:38:17Z

← Предыдущая версия		Версия от 15:38, 9 февраля 2026
Строка 35:		Строка 35:
	<div style="display: flex; width: 100%;">		<div style="display: flex; width: 100%;">
	<!-- Левый блок -->		<!-- Левый блок -->
	<div style="flex: 1;box-sizing: border-box; border: 1px solid ~~lime~~; height: 100%">		<div style="flex: 1;box-sizing: border-box; border: 1px solid ; height: 100%">
	Центральный блок (50%)<br>		Центральный блок (50%)<br>
	<div style="display: flex; width: 100%;">		<div style="display: flex; width: 100%;">
	<!-- Левый-Левый блок -->		<!-- Левый-Левый блок -->
	<div style="flex: 1;box-sizing: border-box; border: 1px solid ~~lime~~; height: 100%">		<div style="flex: 1;box-sizing: border-box; border: 1px solid ; height: 100%">
	Левый блок (50%)<br>		Левый блок (50%)<br>
	Контент первой части<br>		Контент первой части<br>
Строка 55:		Строка 55:
	</div>		</div>
	<!-- Правый блок -->		<!-- Правый блок -->
	<div style="flex: 1; box-sizing: border-box; border: 1px solid ~~lime~~; height: 100%">		<div style="flex: 1; box-sizing: border-box; border: 1px solid ; height: 100%">
	Правый блок (50%)<br>		Правый блок (50%)<br>
	Контент второй части<br>		Контент второй части<br>

Armowich в 15:37, 9 февраля 2026

2026-02-09T15:37:51Z

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

Armowich в 14:41, 6 февраля 2026

2026-02-06T14:41:28Z

← Предыдущая версия		Версия от 14:41, 6 февраля 2026
Строка 35:		Строка 35:
	<div style="display: flex; width: 100%;">		<div style="display: flex; width: 100%;">
	<!-- Левый блок -->		<!-- Левый блок -->
	<div style="flex: 1;box-sizing: border-box;">		<div style="flex: 1;box-sizing: border-box; border: 1px solid lime; height: 100%">
	Центральный блок (50%)<br>		Центральный блок (50%)<br>
	<div style="display: flex; width: 100%;">		<div style="display: flex; width: 100%;">
	<!-- Левый-Левый блок -->		<!-- Левый-Левый блок -->
	<div style="flex: 1;box-sizing: border-box;">		<div style="flex: 1;box-sizing: border-box; border: 1px solid lime; height: 100%">
	Левый блок (50%)<br>		Левый блок (50%)<br>
	Контент первой части<br>		Контент первой части<br>
	Может быть любой текст<br>		Может быть любой текст<br>
	Распределяется по высоте<br><br><br><br><br>		Распределяется по высоте<br><br><br><br><br><br><br><br><br><br>
	</div>		</div>
	<!-- Правый-Левый блок -->		<!-- Правый-Левый блок -->
Строка 55:		Строка 55:
	</div>		</div>
	<!-- Правый блок -->		<!-- Правый блок -->
	<div style="flex: 1; box-sizing: border-box;">		<div style="flex: 1; box-sizing: border-box; border: 1px solid lime; height: 100%">
	Правый блок (50%)<br>		Правый блок (50%)<br>
	Контент второй части<br>		Контент второй части<br>
Строка 192:		Строка 192:
	border-radius: 20px 0 0 20px;		border-radius: 20px 0 0 20px;
	">		">
	Контент ~~розового блока~~<br>		<div style="display: flex; width: 100%;">
	~~Многострочный~~ текст<br>		<!-- Левый блок -->
	~~Перекрывает синий блок~~<br>		<div style="flex: 1; box-sizing: border-box;">
	~~Автоматическая высота~~<br><br><br><br><br><br><br><br><br><br><br>		Левый блок<br>
			Контент первой части<br>
			Может быть любой текст<br>
			Распределяется по высоте<br><br><br><br><br><br><br><br><br><br>
			</div>

			<!-- Центральный блок -->
			<div style="flex: 1; box-sizing: border-box;">
			Центральный блок<br>
			Контент первой части<br>
			Может быть любой текст<br>
			Распределяется по высоте
			</div>

			<!-- Правый блок -->
			<div style="flex: 1; box-sizing: border-box;">
			Правый блок<br>
			Контент второй части<br>
			Одинаковая ширина<br>
			Автоматическая высота
			</div>
			</div>
	</div>		</div>

Строка 225:		Строка 246:
	border-radius: 0 20px 20px 0;		border-radius: 0 20px 20px 0;
	">		">
	Контент ~~розового блока~~<br>		<div style="display: flex; width: 100%;">
	~~Многострочный~~ текст<br>		<!-- Левый блок -->
	~~Перекрывает синий блок~~<br>		<div style="flex: 1; box-sizing: border-box;">
	~~Автоматическая высота~~<br><br><br><br><br><br><br><br><br><br><br>		Левый блок<br>
			Контент первой части<br>
			Может быть любой текст<br>
			Распределяется по высоте<br><br><br><br><br><br><br><br><br><br>
			</div>

			<!-- Центральный блок -->
			<div style="flex: 1; box-sizing: border-box;">
			Центральный блок<br>
			Контент первой части<br>
			Может быть любой текст<br>
			Распределяется по высоте
			</div>

			<!-- Правый блок -->
			<div style="flex: 1; box-sizing: border-box;">
			Правый блок<br>
			Контент второй части<br>
			Одинаковая ширина<br>
			Автоматическая высота
			</div>
			</div>
	</div>		</div>

Armowich в 14:23, 6 февраля 2026

2026-02-06T14:23:43Z

← Предыдущая версия		Версия от 14:23, 6 февраля 2026
Строка 11:		Строка 11:
	box-sizing: border-box;		box-sizing: border-box;
	">		">
	ДОБРО ПОЖАЛОВАТЬ НА SIERRA-CELADON		ДОБРО ПОЖАЛОВАТЬ НА SIERRA-CELADON SS-13
	</strong>		</strong>
	</div>		</div>
Строка 22:		Строка 22:
	<div style="background-color: yellow; width: 20%; position: absolute; z-index:3; height: 38px; display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>		<div style="background-color: yellow; width: 20%; position: absolute; z-index:3; height: 38px; display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>
	</div>		</div>
			<!-- 1 БЛОК -->
	<div style="position: relative; padding-right: 20%;">		<div style="position: relative; padding-right: 20%;">
	~~<!-- 1 БЛОК -->~~
	<div style="		<div style="
	font-size: 16px;		font-size: 16px;
Строка 34:		Строка 33:
	border-radius: 0 20px 20px 0;		border-radius: 0 20px 20px 0;
	">		">
	Контент ~~розового блока~~<br>		<div style="display: flex; width: 100%;">
	~~Многострочный~~ текст<br>		<!-- Левый блок -->
	~~Перекрывает синий блок~~<br>		<div style="flex: 1;box-sizing: border-box;">
	~~Автоматическая высота~~<br><br><br><br><br><br><br><br><br><br><br>		Центральный блок (50%)<br>
			<div style="display: flex; width: 100%;">
			<!-- Левый-Левый блок -->
			<div style="flex: 1;box-sizing: border-box;">
			Левый блок (50%)<br>
			Контент первой части<br>
			Может быть любой текст<br>
			Распределяется по высоте<br><br><br><br><br>
			</div>
			<!-- Правый-Левый блок -->
			<div style="flex: 1; box-sizing: border-box;">
			Правый блок (50%)<br>
			Контент второй части<br>
			Одинаковая ширина<br>
			Автоматическая высота
			</div>
			</div>
			</div>
			<!-- Правый блок -->
			<div style="flex: 1; box-sizing: border-box;">
			Правый блок (50%)<br>
			Контент второй части<br>
			Одинаковая ширина<br>
			Автоматическая высота
			</div>
			</div>
	</div>		</div>

Armowich в 14:05, 6 февраля 2026

2026-02-06T14:05:06Z

← Предыдущая версия		Версия от 14:05, 6 февраля 2026
Строка 24:		Строка 24:

	<div style="position: relative; padding-right: 20%;">		<div style="position: relative; padding-right: 20%;">
			<!-- 1 БЛОК -->
	<div style="		<div style="
	font-size: 16px;		font-size: 16px;
Строка 54:		Строка 54:
	">		">

	~~<!-- Фиолетовый блок (30px) -->~~
	<div style="		<div style="
	background-color: none;		background-color: none;
Строка 68:		Строка 67:
	</div>		</div>

	<!-- ~~Синий блок~~ -->		<!-- БОКОВОЙ БЛОК -->
	<div style="		<div style="
	background-color: blue;		background-color: blue;
Строка 86:		Строка 85:
	</div>		</div>

	~~<!-- Фиолетовый блок (30px) -->~~
	<div style="		<div style="
	height: 60px;		height: 60px;
Строка 129:		Строка 127:
	">		">

	~~<!-- Фиолетовый блок (100px) -->~~
	<div style="		<div style="
	height: 100px;		height: 100px;
Строка 142:		Строка 139:
	</div>		</div>

	<!-- ~~Синий блок~~ -->		<!-- БОКОВОЙ БЛОК -->
	<div style="		<div style="
	background-color: blue;		background-color: blue;
	flex: 1;		flex: 1;
	padding: 0 5% 0 25%;		padding: 0 15% 0 3%;
	box-sizing: border-box;		box-sizing: border-box;
	overflow: auto;		overflow: auto;
Строка 224:		Строка 221:
	">		">

	~~<!-- Фиолетовый блок (80px) -->~~
	<div style="		<div style="
	height: 80px;		height: 80px;
Строка 237:		Строка 233:
	</div>		</div>

	<!-- ~~Синий блок~~ -->		<!-- БОКОВОЙ -->
	<div style="		<div style="
	background-color: blue;		background-color: blue;
	flex: 1;		flex: 1;
	padding: 0 5% 0 25%;		padding: 0 3% 0 15%;
	box-sizing: border-box;		box-sizing: border-box;
	overflow: auto;		overflow: auto;

Armowich в 13:50, 6 февраля 2026

2026-02-06T13:50:37Z

← Предыдущая версия		Версия от 13:50, 6 февраля 2026
Строка 183:		Строка 183:
	<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>
	<div style="background-color: yellow; width: 25%; display: inline-block; font-size: 25px; border-radius: 0 50px 50px 0"><br></div>		<div style="background-color: yellow; width: 25%; display: inline-block; font-size: 25px; border-radius: 0 50px 50px 0"><br></div>
	~~</div>~~		</div><!-- 3 БЛОК -->
	~~<div style="font-size: 2;"><br>~~</div><!-- 3 БЛОК -->		<div style="position: relative; margin-top: 16px">
	<div style="position: relative;">

	<div style="font-size: 0; position:relative;">		<div style="font-size: 0; position:relative;">

Armowich в 12:57, 6 февраля 2026

2026-02-06T12:57:14Z

← Предыдущая версия		Версия от 12:57, 6 февраля 2026
Строка 32:		Строка 32:
	position: relative;		position: relative;
	z-index: 5;		z-index: 5;
	border-radius: 0 ~~30px 30px~~ 0;		border-radius: 0 20px 20px 0;
	">		">
	Контент розового блока<br>		Контент розового блока<br>
Строка 169:		Строка 169:
	position: relative;		position: relative;
	z-index: 2;		z-index: 2;
	border-radius: ~~30px~~ 0 0 ~~30px~~;		border-radius: 20px 0 0 20px;
	">		">
	Контент розового блока<br>		Контент розового блока<br>
Строка 203:		Строка 203:
	position: relative;		position: relative;
	z-index: 5;		z-index: 5;
	border-radius: 0 ~~30px 30px~~ 0;		border-radius: 0 20px 20px 0;
	">		">
	Контент розового блока<br>		Контент розового блока<br>

Armowich в 12:48, 6 февраля 2026

2026-02-06T12:48:50Z

← Предыдущая версия		Версия от 12:48, 6 февраля 2026
Строка 104:		Строка 104:

	<div style="font-size: 0; position:relative;">		<div style="font-size: 0; position:relative;">
	<div style="background-color: yellow; width: calc(50% - 8px); ~~display~~: ~~inline-block~~; font-size: 4px~~; margin-right: 8px~~; border-top-left-radius: ~~20px~~"><br></div>
	<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-~~right~~: ~~8px~~;"><br></div>		<div style="background-color: yellow; width: calc(50% - 8px); position: absolute; left: 0; top: 0; height: 108px; font-size: 4px; border-top-left-radius: 30px; z-index: 2;"><br></div>
	<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-~~right~~: 8px;"><br></div>		<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-left: 50%;"><br></div>
	<div style="background-color: yellow; width: 20%~~; display: inline-block~~; position: absolute; z-index: 3; bottom: 0; height: 68px; font-size: 4px; border-bottom-right-radius: 30px"><br>		<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-left: 8px;"><br></div>
			<div style="background-color: yellow; width: 20%; position: absolute; z-index: 3; right: 0; bottom: 0; height: 68px; font-size: 4px; border-bottom-right-radius: 30px;"><br></div>

	</div>		</div>

	~~</div>~~
	<!-- БЛОК-2 -->		<!-- БЛОК-2 -->
	<div style="position: relative; padding-left: 30%;">		<div style="position: relative; padding-left: 30%;">
Строка 130:		Строка 131:
	<!-- Фиолетовый блок (100px) -->		<!-- Фиолетовый блок (100px) -->
	<div style="		<div style="
	~~background-color: purple;~~
	height: 100px;		height: 100px;
	min-height: 100px;		min-height: 100px;
Строка 180:		Строка 180:

	<div style="font-size: 0; position:relative;">		<div style="font-size: 0; position:relative;">
	<div style="background-color: yellow; width: calc(50% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-bottom-left-radius: ~~50px~~"><br></div>		<div style="background-color: yellow; width: calc(50% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-bottom-left-radius: 30px"><br></div>
	<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>
	<div style="background-color: yellow; width: 25%; display: inline-block; font-size: 25px; border-radius: 0 50px 50px 0"><br></div>		<div style="background-color: yellow; width: 25%; display: inline-block; font-size: 25px; border-radius: 0 50px 50px 0"><br></div>
Строка 191:		Строка 191:
	<div style="background-color: #fff; width: calc(20% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(20% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
	<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
	<div style="background-color: yellow; width: 50%; display: inline-block; font-size: 4px; border-top-right-radius: ~~50px~~"><br></div>		<div style="background-color: yellow; width: 50%; position: absolute; z-index:3; height: 88px; display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>
	</div>		</div>

Строка 202:		Строка 202:
	margin-right: -5%;		margin-right: -5%;
	position: relative;		position: relative;
	z-index: 2;		z-index: 5;
	border-radius: 0 30px 30px 0;		border-radius: 0 30px 30px 0;
	">		">
Строка 227:		Строка 227:
	<!-- Фиолетовый блок (80px) -->		<!-- Фиолетовый блок (80px) -->
	<div style="		<div style="
	~~background-color: purple;~~
	height: 80px;		height: 80px;
	min-height: 80px;		min-height: 80px;
Строка 262:		Строка 261:

	<div style="font-size: 0; position:relative;">		<div style="font-size: 0; position:relative;">
	<div style="background-color: yellow; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-radius: ~~50px~~ 0 0 ~~50px~~"><br></div>		<div style="background-color: yellow; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-radius: 30px 0 0 30px"><br></div>
	<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>
	<div style="background-color: yellow; width: 50%; display: inline-block; font-size: 25px; border-bottom-right-radius: ~~20px~~"><br></div>		<div style="background-color: yellow; width: 50%; display: inline-block; font-size: 25px; border-bottom-right-radius: 30px"><br></div>
	</div>		</div>

Строка 278:		Строка 277:

	<div style="font-size: 0; position:relative;">		<div style="font-size: 0; position:relative;">
	<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-top-left-radius: ~~50px~~"><br></div>		<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-top-left-radius: 30px"><br></div>
	<div style="background-color: red; width: calc(40% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>		<div style="background-color: red; width: calc(40% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
	<div style="background-color: red; width: calc(2% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>		<div style="background-color: red; width: calc(2% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
	<div style="background-color: #fff; width: calc(33% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(33% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
	<div style="background-color: yellow; width: calc(20% - 8px); display: inline-block; font-size: 4px; border-top-right-radius: ~~50px~~"><br></div>		<div style="background-color: yellow; width: calc(20% - 8px); display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>
	</div>		</div>

Armowich в 12:14, 6 февраля 2026

2026-02-06T12:14:36Z

← Предыдущая версия		Версия от 12:14, 6 февраля 2026
Строка 31:		Строка 31:
	margin-right: -5%;		margin-right: -5%;
	position: relative;		position: relative;
	z-index: 4;		z-index: 5;
	border-radius: 0 30px 30px 0;		border-radius: 0 30px 30px 0;
	">		">
Строка 88:		Строка 88:
	<!-- Фиолетовый блок (30px) -->		<!-- Фиолетовый блок (30px) -->
	<div style="		<div style="
	~~background-color: purple;~~
	height: 60px;		height: 60px;
	min-height: 30px;		min-height: 30px;
Строка 104:		Строка 103:
	</div>		</div>

	<div style="font-size: 0; position:relative~~; z-index: 10~~;">		<div style="font-size: 0; position:relative;">
	<div style="background-color: yellow; width: calc(50% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-top-left-radius: 20px"><br></div>		<div style="background-color: yellow; width: calc(50% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-top-left-radius: 20px"><br></div>
	<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
	<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
	<div style="background-color: yellow; width: 20%; display: inline-block; font-size: 4px; border-bottom-right-radius: ~~20px~~"><br~~></div~~>		<div style="background-color: yellow; width: 20%; display: inline-block; position: absolute; z-index: 3; bottom: 0; height: 68px; font-size: 4px; border-bottom-right-radius: 30px"><br>
	</div>		</div>

Строка 180:		Строка 179:
	</div>		</div>

	<div style="font-size: 0; position:relative~~; z-index: 10~~;">		<div style="font-size: 0; position:relative;">
	<div style="background-color: yellow; width: calc(50% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-bottom-left-radius: 50px"><br></div>		<div style="background-color: yellow; width: calc(50% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-bottom-left-radius: 50px"><br></div>
	<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>
Строка 262:		Строка 261:
	</div>		</div>

	<div style="font-size: 0; position:relative~~; z-index: 10~~;">		<div style="font-size: 0; position:relative;">
	<div style="background-color: yellow; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-radius: 50px 0 0 50px"><br></div>		<div style="background-color: yellow; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-radius: 50px 0 0 50px"><br></div>
	<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>		<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>