Шаблон:JobPageHeader - История изменений

Glamyr в 13:59, 14 июня 2026

2026-06-14T13:59:16Z

← Предыдущая версия		Версия от 13:59, 14 июня 2026
Строка 1:		Строка 1:
	~~== Не работает со всеми темами полностью ==~~

	<div class="ss13-job-header" style="		<div class="ss13-job-header" style="
	background: var(--bg-content, #1e2022);		background: var(--bg-content, #1e2022);

Glamyr в 13:30, 14 июня 2026

2026-06-14T13:30:30Z

← Предыдущая версия		Версия от 13:30, 14 июня 2026
Строка 44:		Строка 44:
	<div style="background: var(--bg-card, #282a2d); border-left: 3px solid #4946e3; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">		<div style="background: var(--bg-card, #282a2d); border-left: 3px solid #4946e3; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Начальник</div>		<div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Начальник</div>
	<div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{supervisor\|~~Ментовка~~}}}</div>		<div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{supervisor\|Капитан}}}</div>
	</div>		</div>
	<div style="background: var(--bg-card, #282a2d); border-left: 3px solid #238636; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">		<div style="background: var(--bg-card, #282a2d); border-left: 3px solid #238636; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
Строка 54:		Строка 54:
	<div style="margin-top: 15px; padding: 10px; background: var(--bg-main, #161719)); border: 1px dashed var(--border-color-progressive), var(--border-color, #3f4348)); border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">		<div style="margin-top: 15px; padding: 10px; background: var(--bg-main, #161719)); border: 1px dashed var(--border-color-progressive), var(--border-color, #3f4348)); border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
	<div style="margin-top: 15px; padding: 10px; background: var(--background-color-progressive-dim, var(--bg-main, #161719)); border: 1px dashed var(--border-color-progressive, var(--border-color, #3f4348)); border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">		<div style="margin-top: 15px; padding: 10px; background: var(--background-color-progressive-dim, var(--bg-main, #161719)); border: 1px dashed var(--border-color-progressive, var(--border-color, #3f4348)); border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
	<span style="color: var(--accent, #00adb5); font-weight: bold;">Дополнительная Информация:</span> <span style="color: var(--text-main-light-theme), var(--text-main, #e3e4e6); margin: 0;">{{{description\|~~Бла Бла Бла~~.}}}</span>		<span style="color: var(--accent, #00adb5); font-weight: bold;">Дополнительная Информация:</span> <span style="color: var(--text-main-light-theme), var(--text-main, #e3e4e6); margin: 0;">{{{description\|Если это не находится в шаблонах, добавьте описание.}}}</span>
	</div>		</div>
	</div>		</div>

Glamyr в 11:43, 14 июня 2026

2026-06-14T11:43:51Z

← Предыдущая версия		Версия от 11:43, 14 июня 2026
Строка 57:		Строка 57:
	</div>		</div>
	</div>		</div>

	~~= Пример =~~

	~~{{JobPageHeader~~
	~~\|name=Атмосферный техник (Atmospheric Technician)~~
	~~\|image=Generic_atmos.png~~
	~~\|department=Инженерный отдел~~
	~~\|dept_color=#ffaa00~~
	~~\|access=Атмосферный отсек, Инженерный отсек, Технические туннели~~
	~~\|difficulty=Высокая~~
	~~\|difficulty_color=#f85149~~
	~~\|supervisor=Старший Инженер (CE)~~
	~~\|duty=Обеспечение станции воздухом, фильтрация газов, тушение пожаров~~
	\|description=Ваша зона ответственности — атмосфера станции. Настраивайте дистрибуцию газов, следите за давлением в трубах, выкачивайте плазму из коридоров после очередных экспериментов ученых и ни в коем случае не открывайте клапан с тритием без веской причины.
	}}

Glamyr в 11:40, 14 июня 2026

2026-06-14T11:40:21Z

← Предыдущая версия		Версия от 11:40, 14 июня 2026
Строка 2:		Строка 2:

	<div class="ss13-job-header" style="		<div class="ss13-job-header" style="
	background: var(--~~background~~-~~color-interactive-subtle~~, #~~11141a~~);		background: var(--bg-content, #1e2022);
	border: 2px solid var(--border-color-progressive, #~~305275~~);		border: 2px solid var(--border-color-progressive, var(--border-color, #3f4348));
	box-shadow: 0 0 10px rgba(48, 82, ~~117~~, 0.5);		box-shadow: 0 0 10px rgba(0, 173, 181, 0.2);
	border-radius: 4px;		border-radius: 4px;
	padding: 15px;		padding: 15px;
	margin-bottom: 20px;		margin-bottom: 20px;
	font-family: 'Courier New', Courier, monospace;		font-family: 'Courier New', Courier, monospace;
	color: var(--~~color~~-~~base~~, #~~c0c7d1~~);		color: var(--text-main, #e3e4e6);
	text-align: left !important;		text-align: left !important;
			box-sizing: border-box !important;
	">		">
	<div style="display: grid; grid-template-columns: 1fr 86px; align-items: center; border-bottom: 1px solid #~~305275~~; padding-bottom: 12px; margin-bottom: 15px; min-height: 86px; width: 100% !important; box-sizing: border-box !important;">		<div style="display: grid; grid-template-columns: 1fr 86px; align-items: center; border-bottom: 1px solid var(--border-color-progressive, var(--border-color, #3f4348)); padding-bottom: 12px; margin-bottom: 15px; min-height: 86px; width: 100% !important; box-sizing: border-box !important;">

	<div style="font-size: 26px; font-weight: bold; color: #ffffff; text-shadow: 0 0 5px rgba(255,255,255,0.2); line-height: 1.2; text-align: left !important; padding: 0 !important; width: 90% !important; float: left !important; display: block !important;">		<div style="font-size: 26px; font-weight: bold; color: var(--text-main, #ffffff); text-shadow: 0 0 5px rgba(255,255,255,0.1); line-height: 1.2; text-align: left !important; padding: 0 !important; width: 90% !important; float: left !important; display: block !important;">
	{{{name\|Название Профессии}}}		{{{name\|Название Профессии}}}
	</div>		</div>

	<div style="width: 86px; height: 86px; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255,255,255,0.05); border: 1px dashed #~~305275~~; border-radius: 4px; overflow: hidden; margin: 0 -5px 0 auto !important; padding: 0 !important; flex-shrink: 0 !important;">		<div style="width: 86px; height: 86px; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--background-color-interactive-subtle, rgba(255,255,255,0.05)); border: 1px dashed var(--border-color-progressive, var(--border-color, #3f4348)); border-radius: 4px; overflow: hidden; margin: 0 -5px 0 auto !important; padding: 0 !important; flex-shrink: 0 !important;">
	<div style="width: 86px; height: 86px; image-rendering: -moz-crisp-edges; image-rendering: -webkit-crisp-edges; image-rendering: pixelated; image-rendering: crisp-edges;">		<div style="width: 86px; height: 86px; image-rendering: -moz-crisp-edges; image-rendering: -webkit-crisp-edges; image-rendering: pixelated; image-rendering: crisp-edges;">
	[[File:{{{image\|Hudno_id.png}}}\|86x86px\|center\|link=]]		[[File:{{{image\|Hudno_id.png}}}\|86x86px\|center\|link=]]
Строка 26:		Строка 27:

	<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 12px; text-align: left !important;">		<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 12px; text-align: left !important;">
	<div style="background: #~~161b22~~; border-left: 3px solid #e8cd54; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">		<div style="background: var(--bg-card, #282a2d); border-left: 3px solid #e8cd54; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div style="font-size: 11px; color: #~~8b949e~~; text-transform: uppercase;">Доступ в отсеки</div>		<div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Доступ в отсеки</div>
	<div style="font-size: 14px; font-weight: bold; color: #~~e6edf3~~; margin-top: 2px;">{{{access\|Базовый}}}</div>		<div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{access\|Базовый}}}</div>
	</div>		</div>

	<div style="background: #~~161b22~~; border-left: 3px solid {{{difficulty_color\|#8b949e}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">		<div style="background: var(--bg-card, #282a2d); border-left: 3px solid {{{difficulty_color\|var(--text-muted, #8b949e)}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div style="font-size: 11px; color: #~~8b949e~~; text-transform: uppercase;">Сложность</div>		<div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Сложность</div>
	<div style="font-size: 14px; font-weight: bold; color: {{{difficulty_color\|#~~e6edf3~~}}}; margin-top: 2px;">{{{difficulty\|Низкая}}}</div>		<div style="font-size: 14px; font-weight: bold; color: {{{difficulty_color\|var(--text-main, #e3e4e6)}}}; margin-top: 2px;">{{{difficulty\|Низкая}}}</div>
	</div>		</div>

	<div style="background: #~~161b22~~; border-left: 3px solid {{{dept_color\|#~~2a2f35~~}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">		<div style="background: var(--bg-card, #282a2d); border-left: 3px solid {{{dept_color\|var(--accent, #00adb5)}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div style="font-size: 11px; color: #~~8b949e~~; text-transform: uppercase;">Департамент</div>		<div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Департамент</div>
	<div style="font-size: 14px; font-weight: bold; color: #~~e6edf3~~; margin-top: 2px;">{{{department\|Отдела нет}}}</div>		<div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{department\|Отдела нет}}}</div>
	</div>		</div>

	<div style="background: #~~161b22~~; border-left: 3px solid #4946e3; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">		<div style="background: var(--bg-card, #282a2d); border-left: 3px solid #4946e3; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div style="font-size: 11px; color: #~~8b949e~~; text-transform: uppercase;">Начальник</div>		<div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Начальник</div>
	<div style="font-size: 14px; font-weight: bold; color: #~~e6edf3~~; margin-top: 2px;">{{{supervisor\|Ментовка}}}</div>		<div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{supervisor\|Ментовка}}}</div>
	</div>		</div>
			<div style="background: var(--bg-card, #282a2d); border-left: 3px solid #238636; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div style="background: #~~161b22~~; border-left: 3px solid #238636; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">		<div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Главная цель</div>
	<div style="font-size: 11px; color: #~~8b949e~~; text-transform: uppercase;">Главная цель</div>		<div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{duty\|Выжить}}}</div>
	<div style="font-size: 14px; font-weight: bold; color: #~~e6edf3~~; margin-top: 2px;">{{{duty\|Выжить}}}</div>
	</div>		</div>
	</div>		</div>

	<div style="margin-top: 15px; padding: 10px; background: ~~{{{~~--background-color-progressive-dim\|#~~1c2128}}}~~; border: 1px dashed ~~{{{~~--border-color-progressive\|#~~305275}}}~~; border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">		<div style="margin-top: 15px; padding: 10px; background: var(--bg-main, #161719)); border: 1px dashed var(--border-color-progressive), var(--border-color, #3f4348)); border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
	<span style="color: #~~58a6ff~~; font-weight: bold;">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}		<div style="margin-top: 15px; padding: 10px; background: var(--background-color-progressive-dim, var(--bg-main, #161719)); border: 1px dashed var(--border-color-progressive, var(--border-color, #3f4348)); border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
			<span style="color: var(--accent, #00adb5); font-weight: bold;">Дополнительная Информация:</span> <span style="color: var(--text-main-light-theme), var(--text-main, #e3e4e6); margin: 0;">{{{description\|Бла Бла Бла.}}}</span>
	</div>		</div>
	</div>		</div>

Glamyr: Отмена версии 8933, сделанной Glamyr (обсуждение)

2026-06-13T21:22:20Z

Отмена версии 8933, сделанной Glamyr (обсуждение)

← Предыдущая версия		Версия от 21:22, 13 июня 2026
Строка 1:		Строка 1:
	~~<includeonly><templatestyles src~~=~~"Templates:JobPageHeader/styles.css" />~~		== Не работает со всеми темами полностью ==
	<div class="ss13-job-header">
	<div ~~class~~="~~job~~-~~header~~-~~top~~-~~row~~">		<div class="ss13-job-header" style="
	<div ~~class~~="~~job~~-~~header~~-~~main~~-~~title~~">		background: var(--background-color-interactive-subtle, #11141a);
	{{{name\|Название Профессии}}}		border: 2px solid var(--border-color-progressive, #305275);
			box-shadow: 0 0 10px rgba(48, 82, 117, 0.5);
			border-radius: 4px;
			padding: 15px;
			margin-bottom: 20px;
			font-family: 'Courier New', Courier, monospace;
			color: var(--color-base, #c0c7d1);
			text-align: left !important;
			">
			<div style="display: grid; grid-template-columns: 1fr 86px; align-items: center; border-bottom: 1px solid #305275; padding-bottom: 12px; margin-bottom: 15px; min-height: 86px; width: 100% !important; box-sizing: border-box !important;">

			<div style="font-size: 26px; font-weight: bold; color: #ffffff; text-shadow: 0 0 5px rgba(255,255,255,0.2); line-height: 1.2; text-align: left !important; padding: 0 !important; width: 90% !important; float: left !important; display: block !important;">
			{{{name\|Название Профессии}}}
	</div>		</div>
	<div ~~class~~="~~job~~-~~header~~-~~icon~~-~~box~~">
	<div ~~class~~="~~job~~-~~header~~-~~pixel~~-image">		<div style="width: 86px; height: 86px; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255,255,255,0.05); border: 1px dashed #305275; border-radius: 4px; overflow: hidden; margin: 0 -5px 0 auto !important; padding: 0 !important; flex-shrink: 0 !important;">
			<div style="width: 86px; height: 86px; image-rendering: -moz-crisp-edges; image-rendering: -webkit-crisp-edges; image-rendering: pixelated; image-rendering: crisp-edges;">
	[[File:{{{image\|Hudno_id.png}}}\|86x86px\|center\|link=]]		[[File:{{{image\|Hudno_id.png}}}\|86x86px\|center\|link=]]
	</div>		</div>
Строка 12:		Строка 25:
	</div>		</div>

	<div ~~class~~="~~job~~-~~header~~-~~grid~~">		<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 12px; text-align: left !important;">
	<div ~~class~~="~~job~~-~~grid~~-~~tile access~~-~~tile~~">		<div style="background: #161b22; border-left: 3px solid #e8cd54; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div ~~class~~="~~tile~~-~~label~~">Доступ в отсеки</div>		<div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Доступ в отсеки</div>
	<div ~~class~~="~~tile~~-~~value~~">{{{access\|Базовый}}}</div>		<div style="font-size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;">{{{access\|Базовый}}}</div>
	</div>		</div>

	<div ~~class="job-grid-tile difficulty-tile"~~ style="-~~-tile-color~~: {{{difficulty_color\|#8b949e}}};">		<div style="background: #161b22; border-left: 3px solid {{{difficulty_color\|#8b949e}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div ~~class~~="~~tile~~-~~label~~">Сложность</div>		<div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Сложность</div>
	<div ~~class~~="~~tile~~-~~value" style="~~color: {{{difficulty_color\|~~var(--text-main)~~}}};">{{{difficulty\|Низкая}}}</div>		<div style="font-size: 14px; font-weight: bold; color: {{{difficulty_color\|#e6edf3}}}; margin-top: 2px;">{{{difficulty\|Низкая}}}</div>
	</div>		</div>

	<div ~~class="job-grid-tile dept-tile"~~ style="-~~-tile-color~~: {{{dept_color\|~~var(--border-color)~~}}};">		<div style="background: #161b22; border-left: 3px solid {{{dept_color\|#2a2f35}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div ~~class~~="~~tile~~-~~label~~">Департамент</div>		<div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Департамент</div>
	<div ~~class~~="~~tile~~-~~value~~">{{{department\|Отдела нет}}}</div>		<div style="font-size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;">{{{department\|Отдела нет}}}</div>
	</div>		</div>

	<div ~~class~~="~~job~~-~~grid~~-~~tile supervisor~~-~~tile~~">		<div style="background: #161b22; border-left: 3px solid #4946e3; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div ~~class~~="~~tile~~-~~label~~">Начальник</div>		<div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Начальник</div>
	<div ~~class~~="~~tile~~-~~value~~">~~{{{superior\|~~{{{supervisor\|Ментовка~~}}}~~}}}</div>		<div style="font-size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;">{{{supervisor\|Ментовка}}}</div>
	</div>		</div>

	<div ~~class~~="~~job~~-~~grid~~-~~tile duty~~-~~tile~~">		<div style="background: #161b22; border-left: 3px solid #238636; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
	<div ~~class~~="~~tile~~-~~label~~">Главная цель</div>		<div style="font-size: 11px; color: #8b949e; text-transform: uppercase;">Главная цель</div>
	<div ~~class~~="~~tile~~-~~value~~">{{{duty\|Выжить}}}</div>		<div style="font-size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;">{{{duty\|Выжить}}}</div>
	</div>		</div>
	</div>		</div>

	<div ~~class~~="~~job~~-~~header~~-~~desc~~-~~block~~">		<div style="margin-top: 15px; padding: 10px; background: {{{--background-color-progressive-dim\|#1c2128}}}; border: 1px dashed {{{--border-color-progressive\|#305275}}}; border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
	<span ~~class~~="~~desc~~-~~highlight~~">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}		<span style="color: #58a6ff; font-weight: bold;">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}
	</div>		</div>
	</div>		</div>
	~~</includeonly><noinclude>~~
	~~Шаблон заголовка профессий~~
	~~[[Category:Templates]]~~
	~~</noinclude>~~

	~~или~~		= Пример =

	{{JobPageHeader		{{JobPageHeader

Glamyr: Отмена версии 8935, сделанной Glamyr (обсуждение)

2026-06-13T21:22:03Z

Отмена версии 8935, сделанной Glamyr (обсуждение)

← Предыдущая версия		Версия от 21:22, 13 июня 2026
Строка 1:		Строка 1:
	<includeonly><templatestyles src="~~Шаблон~~:JobPageHeader/styles.css" />		<includeonly><templatestyles src="Templates:JobPageHeader/styles.css" />
	<div class="ss13-job-header ~~{{#ifeq:{{{theme\|}}}\|Rainbow\|rgb\|tgui-background}}~~">		<div class="ss13-job-header">
	<div class="job-header-top-row">		<div class="job-header-top-row">
	<div class="job-header-main-title">		<div class="job-header-main-title">
Строка 42:		Строка 42:
	<span class="desc-highlight">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}		<span class="desc-highlight">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}
	</div>		</div>

	~~{{#ifeq:{{{theme\|}}}\|Rainbow\|<div class="rainbow"></div>\|}}~~
	</div>		</div>
	</includeonly><noinclude>		</includeonly><noinclude>

Glamyr в 21:20, 13 июня 2026

2026-06-13T21:20:01Z

← Предыдущая версия		Версия от 21:20, 13 июня 2026
Строка 1:		Строка 1:
	<includeonly><templatestyles src="~~Templates~~:JobPageHeader/styles.css" />		<includeonly><templatestyles src="Шаблон:JobPageHeader/styles.css" />
	<div class="ss13-job-header">		<div class="ss13-job-header {{#ifeq:{{{theme\|}}}\|Rainbow\|rgb\|tgui-background}}">
	<div class="job-header-top-row">		<div class="job-header-top-row">
	<div class="job-header-main-title">		<div class="job-header-main-title">
Строка 42:		Строка 42:
	<span class="desc-highlight">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}		<span class="desc-highlight">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}
	</div>		</div>

			{{#ifeq:{{{theme\|}}}\|Rainbow\|<div class="rainbow"></div>\|}}
	</div>		</div>
	</includeonly><noinclude>		</includeonly><noinclude>

Glamyr в 21:18, 13 июня 2026

2026-06-13T21:18:18Z

← Предыдущая версия		Версия от 21:18, 13 июня 2026
Строка 1:		Строка 1:
	=~~= Не работает со всеми темами полностью ==~~		<includeonly><templatestyles src="Templates:JobPageHeader/styles.css" />
			<div class="ss13-job-header">
	<div class="ss13-job-header~~" style="~~		<div class="job-header-top-row">
	~~background: var(--background-color-interactive-subtle, #11141a);~~		<div class="job-header-main-title">
	~~border: 2px solid var(--border-color-progressive, #305275);~~		{{{name\|Название Профессии}}}
	~~box-shadow: 0 0 10px rgba(48, 82, 117, 0.5);~~
	~~border-radius: 4px;~~
	~~padding: 15px;~~
	~~margin-bottom: 20px;~~
	~~font-family: 'Courier New', Courier, monospace;~~
	~~color: var(--color-base, #c0c7d1);~~
	~~text-align: left !important;~~
	">
	<div ~~style~~="~~display: grid; grid~~-~~template-columns: 1fr 86px; align-items: center; border-bottom: 1px solid #305275; padding~~-~~bottom: 12px; margin~~-~~bottom: 15px; min-height: 86px; width: 100% !important; box-sizing: border-box !important;~~">

	<div ~~style~~="~~font~~-~~size: 26px; font-weight: bold; color: #ffffff; text-shadow: 0 0 5px rgba(255,255,255,0.2); line~~-~~height: 1.2; text~~-~~align: left !important; padding: 0 !important; width: 90% !important; float: left !important; display: block !important;~~">
	{{{name\|Название Профессии}}}
	</div>		</div>
			<div class="job-header-icon-box">
	<div ~~style~~="~~width: 86px; height: 86px; display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(255,255,255,0.05); border: 1px dashed #305275; border~~-~~radius: 4px; overflow: hidden; margin: 0~~ -~~5px 0 auto !important; padding: 0 !important; flex~~-~~shrink: 0 !important;~~">		<div class="job-header-pixel-image">
	<div ~~style~~="~~width: 86px; height: 86px; image-rendering: -moz-crisp-edges; image-rendering:~~ -~~webkit~~-~~crisp~~-~~edges;~~ image~~-rendering: pixelated; image-rendering: crisp-edges;~~">
	[[File:{{{image\|Hudno_id.png}}}\|86x86px\|center\|link=]]		[[File:{{{image\|Hudno_id.png}}}\|86x86px\|center\|link=]]
	</div>		</div>
Строка 25:		Строка 12:
	</div>		</div>

	<div ~~style~~="~~display: grid; grid~~-~~template~~-~~columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 12px; text-align: left !important;~~">		<div class="job-header-grid">
	<div ~~style~~="~~background: #161b22; border~~-~~left: 3px solid #e8cd54; padding: 8px 12px; border~~-~~radius: 0 4px 4px 0; text~~-~~align: left !important;~~">		<div class="job-grid-tile access-tile">
	<div ~~style~~="~~font-size: 11px; color: #8b949e; text~~-~~transform: uppercase;~~">Доступ в отсеки</div>		<div class="tile-label">Доступ в отсеки</div>
	<div ~~style~~="~~font-size: 14px; font-weight: bold; color: #e6edf3; margin~~-~~top: 2px;~~">{{{access\|Базовый}}}</div>		<div class="tile-value">{{{access\|Базовый}}}</div>
	</div>		</div>

	<div style="~~background: #161b22; border~~-~~left~~: ~~3px solid~~ {{{difficulty_color\|#8b949e}}}~~; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important~~;">		<div class="job-grid-tile difficulty-tile" style="--tile-color: {{{difficulty_color\|#8b949e}}};">
	<div ~~style~~="~~font~~-~~size: 11px; color: #8b949e; text-transform: uppercase;~~">Сложность</div>		<div class="tile-label">Сложность</div>
	<div style="~~font-size: 14px; font-weight: bold;~~ color: {{{difficulty_color\|~~#e6edf3~~}}}~~; margin-top: 2px~~;">{{{difficulty\|Низкая}}}</div>		<div class="tile-value" style="color: {{{difficulty_color\|var(--text-main)}}};">{{{difficulty\|Низкая}}}</div>
	</div>		</div>

	<div style="~~background: #161b22; border~~-~~left~~: ~~3px solid~~ {{{dept_color\|~~#2a2f35~~}}}~~; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important~~;">		<div class="job-grid-tile dept-tile" style="--tile-color: {{{dept_color\|var(--border-color)}}};">
	<div ~~style~~="~~font-size: 11px; color: #8b949e; text~~-~~transform: uppercase;~~">Департамент</div>		<div class="tile-label">Департамент</div>
	<div ~~style~~="~~font~~-~~size: 14px; font-weight: bold; color: #e6edf3; margin-top: 2px;~~">{{{department\|Отдела нет}}}</div>		<div class="tile-value">{{{department\|Отдела нет}}}</div>
	</div>		</div>

	<div ~~style~~="~~background: #161b22; border~~-~~left: 3px solid #4946e3; padding: 8px 12px; border~~-~~radius: 0 4px 4px 0; text~~-~~align: left !important;~~">		<div class="job-grid-tile supervisor-tile">
	<div ~~style~~="~~font-size: 11px; color: #8b949e; text~~-~~transform: uppercase;~~">Начальник</div>		<div class="tile-label">Начальник</div>
	<div ~~style~~="~~font-size: 14px; font-weight: bold; color: #e6edf3; margin~~-~~top: 2px;~~">{{{supervisor\|Ментовка}}}</div>		<div class="tile-value">{{{superior\|{{{supervisor\|Ментовка}}}}}}</div>
	</div>		</div>

	<div ~~style~~="~~background: #161b22; border~~-~~left: 3px solid #238636; padding: 8px 12px; border~~-~~radius: 0 4px 4px 0; text~~-~~align: left !important;~~">		<div class="job-grid-tile duty-tile">
	<div ~~style~~="~~font~~-~~size: 11px; color: #8b949e; text-transform: uppercase;~~">Главная цель</div>		<div class="tile-label">Главная цель</div>
	<div ~~style~~="~~font-size: 14px; font-weight: bold; color: #e6edf3; margin~~-~~top: 2px;~~">{{{duty\|Выжить}}}</div>		<div class="tile-value">{{{duty\|Выжить}}}</div>
	</div>		</div>
	</div>		</div>

	<div ~~style~~="~~margin~~-~~top: 15px; padding: 10px; background: {{{~~--~~background-color-progressive-dim\|#1c2128}}}; border: 1px dashed {{{--border-color-progressive\|#305275}}}; border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;~~">		<div class="job-header-desc-block">
	<span ~~style~~="~~color: #58a6ff; font~~-~~weight: bold;~~">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}		<span class="desc-highlight">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}
	</div>		</div>
	</div>		</div>
			</includeonly><noinclude>
			Шаблон заголовка профессий
			[[Category:Templates]]
			</noinclude>

	~~= Пример =~~		или

	{{JobPageHeader		{{JobPageHeader

Glamyr в 21:11, 13 июня 2026

2026-06-13T21:11:25Z

← Предыдущая версия		Версия от 21:11, 13 июня 2026
Строка 52:		Строка 52:
	</div>		</div>

	<div style="margin-top: 15px; padding: 10px; background: #1c2128; border: 1px dashed #305275; border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">		<div style="margin-top: 15px; padding: 10px; background: {{{--background-color-progressive-dim\|#1c2128}}}; border: 1px dashed {{{--border-color-progressive\|#305275}}}; border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
	<span style="color: #58a6ff; font-weight: bold;">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}		<span style="color: #58a6ff; font-weight: bold;">Дополнительная Информация:</span> {{{description\|Бла Бла Бла.}}}
	</div>		</div>

Glamyr в 20:53, 13 июня 2026

2026-06-13T20:53:20Z

← Предыдущая версия		Версия от 20:53, 13 июня 2026
Строка 14:		Строка 14:
	<div style="display: grid; grid-template-columns: 1fr 86px; align-items: center; border-bottom: 1px solid #305275; padding-bottom: 12px; margin-bottom: 15px; min-height: 86px; width: 100% !important; box-sizing: border-box !important;">		<div style="display: grid; grid-template-columns: 1fr 86px; align-items: center; border-bottom: 1px solid #305275; padding-bottom: 12px; margin-bottom: 15px; min-height: 86px; width: 100% !important; box-sizing: border-box !important;">

	<div style="font-size: ~~28px~~; font-weight: bold; color: #ffffff; text-shadow: 0 0 5px rgba(255,255,255,0.2); line-height: 1.2; text-align: left !important; padding: 0 !important; width: 90% !important; float: left !important; display: block !important;">		<div style="font-size: 26px; font-weight: bold; color: #ffffff; text-shadow: 0 0 5px rgba(255,255,255,0.2); line-height: 1.2; text-align: left !important; padding: 0 !important; width: 90% !important; float: left !important; display: block !important;">
	{{{name\|Название Профессии}}}		{{{name\|Название Профессии}}}
	</div>		</div>