Шаблон:JobPageHeader: различия между версиями

← Предыдущая правка Следующая правка →

Версия от 21:18, 13 июня 2026

Шаблон заголовка профессий

или

Доступ в отсеки

Атмосферный отсек, Инженерный отсек, Технические туннели

Сложность

Высокая

Департамент

Инженерный отдел

Начальник

Старший Инженер (CE)

Главная цель

Обеспечение станции воздухом, фильтрация газов, тушение пожаров

       Дополнительная Информация: Ваша зона ответственности — атмосфера станции. Настраивайте дистрибуцию газов, следите за давлением в трубах, выкачивайте плазму из коридоров после очередных экспериментов ученых и ни в коем случае не открывайте клапан с тритием без веской причины.

или

Обнаружена петля в шаблонах: Шаблон:JobPageHeader

@@ Строка 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 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=]]
              </div>
@@ Строка 25: / Строка 12: @@
      </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 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 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 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 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 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>
+</includeonly><noinclude>
+Шаблон заголовка профессий
+[[Category:Templates]]
+</noinclude>
-= Пример =
+или
 {{JobPageHeader