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

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

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

        

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

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

    

@@ Строка 1: / Строка 1: @@
-<noinclude><code>
+<div class="ss13-job-header" style="
-</noinclude>{|width="100%" cellspacing="0" cellpadding="2"
+    background: var(--bg-content, #1e2022);
-|bgcolor="{{{headerbgcolor|#bbbbbb}}}" align="center" colspan=2|<font color="{{{headerfontcolor|#000000}}}">'''{{{stafftype|UNDEFINED}}} STAFF'''</font>
+    border: 2px solid var(--border-color-progressive, var(--border-color, #3f4348));
-|-
+    box-shadow: 0 0 10px rgba(0, 173, 181, 0.2);
-|width = 150 align=center bgcolor="{{{imagebgcolor|#cccccc}}}"|{{#if:{{{img_generic|}}}| [[File:{{{img_generic|{{{jobtitle}}}.png}}}|64px]] | }} {{#if:{{{img|}}}| [[File:{{{img|{{{jobtitle}}}.png}}}|64px]] | }} {{#if:{{{img|}}} | <br> | {{#if:{{{img_generic|}}} | <br> | }} }} '''{{{jobtitle|Job}}}'''
+    border-radius: 4px;
-|'''Access:''' {{{access|Not defined}}}<br> {{#if:{{{additional|}}}|'''[[Terminology#Additional_Access | Additional Access]]:''' {{{additional|Not defined}}}<br>|}}'''Difficulty:''' {{{difficulty|Not defined}}}<br>'''Supervisors:''' {{{superior|Not defined}}}<br>'''Duties:''' {{{duties|Not defined}}}<br>'''Guides:''' {{{guides|Not defined}}} {{#if: {{{quote|}}} | <br>'''Quote:''' ''{{{quote}}}''}}
+    padding: 15px;
-|}
+    margin-bottom: 20px;
-<noinclude></code>
+    font-family: 'Courier New', Courier, monospace;
-This template is intended to be at the top of each of the jobs pages to provide a basic overview of each job.
+    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 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>
+        </div>
+    </div>
-== Meaning of parameters ==
+    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 12px; 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: var(--text-muted, #a8a095); text-transform: uppercase;">Доступ в отсеки</div>
+            <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{access|Базовый}}}</div>
+        </div>
-'''headerbgcolor''' is the background color of the upper part which spans the entire width of the screen. This should be a dark color.<br>
+        <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;">
-'''headerfontcolor''' is the font color of the same part as headerbgcolor<br>
+            <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Сложность</div>
-'''stafftype''' is the word that is added before STAFF. So adding the word MAINTENANCE here yields MAINTENANCE STAFF. Intended to be in caps.<br>
+            <div style="font-size: 14px; font-weight: bold; color: {{{difficulty_color|var(--text-main, #e3e4e6)}}}; margin-top: 2px;">{{{difficulty|Низкая}}}</div>
-'''imagebgcolor''' is the background color of the space behind the image and the job title. this should be a light color as the job title is always black.<br>
+        </div>
-'''img''' is the in-action image file, without the "File:" or "Image:" prefix. (see examples below)
-'''img_generic''' is the generic image file, without the "File:" or "Image:" prefix. (see examples below)
-'''jobtitle, access, difficulty, guides and duties''' are self-explanatory. '''quote''' will only show if the parameter is specified
-== Usage ==
+        <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;">
-Example of the finished product. Check the source code for the code that generated the thing below. Please document any changes you make to the template code in the parameters and usage sections
+            <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;">{{{department|Отдела нет}}}</div>
+        </div>
-No image defined:
+        <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: 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 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;">{{{duty|Выжить}}}</div>
+        </div>
+    </div>
-{{JobPageHeader
+    <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;">
-|headerbgcolor = darkblue
+    <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;">
-|headerfontcolor = white
+ <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>
-|stafftype = COMMAND
+    </div>
-|imagebgcolor = lightblue
+</div>
-|jobtitle = Captain
-|access = All
-|additional = N/A
-|difficulty = Very hard
-|superior = Space Law and Nanotrasen Officials
-|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
-|guides = no separate guides
-|quote = Look at me, I am the captain now.
-}}
-Only in-action image defined:
-{{JobPageHeader
-|headerbgcolor = darkblue
-|headerfontcolor = white
-|stafftype = COMMAND
-|imagebgcolor = lightblue
-|img = Captain_action.png
-|jobtitle = Captain
-|access = All
-|additional = N/A
-|difficulty = Very hard
-|superior = Space Law and Nanotrasen Officials
-|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
-|guides = no separate guides
-}}
-Only generic image defined:
-{{JobPageHeader
-|headerbgcolor = darkblue
-|headerfontcolor = white
-|stafftype = COMMAND
-|imagebgcolor = lightblue
-|img_generic = Generic_captain.png
-|jobtitle = Captain
-|access = All
-|additional = N/A
-|difficulty = Very hard
-|superior = Space Law and Nanotrasen Officials
-|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
-|guides = no separate guides
-}}
-Both images defined:
-{{JobPageHeader
-|headerbgcolor = darkblue
-|headerfontcolor = white
-|stafftype = COMMAND
-|imagebgcolor = lightblue
-|img = Captain_action.png
-|img_generic = Generic_captain.png
-|jobtitle = Captain
-|access = All
-|additional = N/A
-|difficulty = Very hard
-|superior = Space Law and Nanotrasen Officials
-|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
-|guides = no separate guides
-}}
-[[Category:Templates]]
-</noinclude>