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

Текущая версия от 13:59, 14 июня 2026

Название Профессии

        

                
            
Доступ в отсеки
Базовый
Сложность
Низкая
Департамент
Отдела нет
Начальник
Капитан
Главная цель
Выжить

Дополнительная Информация: Если это не находится в шаблонах, добавьте описание.

    

@@ Строка 1: / Строка 1: @@
-<includeonly><templatestyles src="Шаблон:JobPageHeader/styles.css" />
+<div class="ss13-job-header" style="
-<div class="ss13-job-header {{#ifeq:{{{theme|}}}|Rainbow|rgb|tgui-background}}">
+    background: var(--bg-content, #1e2022);
-     <div class="job-header-top-row">
+    border: 2px solid var(--border-color-progressive, var(--border-color, #3f4348));
-         <div class="job-header-main-title">
+    box-shadow: 0 0 10px rgba(0, 173, 181, 0.2);
-            {{{name|Название Профессии}}}
+    border-radius: 4px;
+    padding: 15px;
+    margin-bottom: 20px;
+    font-family: 'Courier New', Courier, monospace;
+    color: var(--text-main, #e3e4e6);
+    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 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: 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|Название Профессии}}}
          </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: 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;">
                  [[File:{{{image|Hudno_id.png}}}|86x86px|center|link=]]
              </div>
@@ Строка 12: / Строка 24: @@
      </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: var(--bg-card, #282a2d); 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: var(--text-muted, #a8a095); text-transform: uppercase;">Доступ в отсеки</div>
-             <div class="tile-value">{{{access|Базовый}}}</div>
+             <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{access|Базовый}}}</div>
          </div>
-         <div class="job-grid-tile difficulty-tile" style="--tile-color: {{{difficulty_color|#8b949e}}};">
+         <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 class="tile-label">Сложность</div>
+             <div style="font-size: 11px; color: var(--text-muted, #a8a095); 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|var(--text-main, #e3e4e6)}}}; margin-top: 2px;">{{{difficulty|Низкая}}}</div>
          </div>
-         <div class="job-grid-tile dept-tile" style="--tile-color: {{{dept_color|var(--border-color)}}};">
+         <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 class="tile-label">Департамент</div>
+             <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Департамент</div>
-             <div class="tile-value">{{{department|Отдела нет}}}</div>
+             <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{department|Отдела нет}}}</div>
          </div>
-         <div class="job-grid-tile supervisor-tile">
+         <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 class="tile-label">Начальник</div>
+             <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Начальник</div>
-             <div class="tile-value">{{{superior|{{{supervisor|Ментовка}}}}}}</div>
+             <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{supervisor|Капитан}}}</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 class="job-grid-tile duty-tile">
+             <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Главная цель</div>
-             <div class="tile-label">Главная цель</div>
+             <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{duty|Выжить}}}</div>
-             <div class="tile-value">{{{duty|Выжить}}}</div>
          </div>
      </div>
-     <div class="job-header-desc-block">
+     <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 class="desc-highlight">Дополнительная Информация:</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>
-    {{#ifeq:{{{theme|}}}|Rainbow|<div class="rainbow"></div>|}}
 </div>
-</includeonly><noinclude>
-Шаблон заголовка профессий
-[[Category:Templates]]
-</noinclude>
-или
-{{JobPageHeader
-|name=Атмосферный техник (Atmospheric Technician)
-|image=Generic_atmos.png
-|department=Инженерный отдел
-|dept_color=#ffaa00
-|access=Атмосферный отсек, Инженерный отсек, Технические туннели
-|difficulty=Высокая
-|difficulty_color=#f85149
-|supervisor=Старший Инженер (CE)
-|duty=Обеспечение станции воздухом, фильтрация газов, тушение пожаров
-|description=Ваша зона ответственности — атмосфера станции. Настраивайте дистрибуцию газов, следите за давлением в трубах, выкачивайте плазму из коридоров после очередных экспериментов ученых и ни в коем случае не открывайте клапан с тритием без веской причины.
-}}