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

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

Не работает со всеми темами полностью

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

        

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

Дополнительная Информация: Бла Бла Бла.

    

@@ Строка 1: / Строка 1: @@
-<noinclude><code>
+== Не работает со всеми темами полностью ==
-</noinclude>{|width="100%" cellspacing="0" cellpadding="2"
-|bgcolor="{{{headerbgcolor|#bbbbbb}}}" align="center" colspan=2|<font color="{{{headerfontcolor|#000000}}}">'''{{{stafftype|UNDEFINED}}} STAFF'''</font>
-|-
-|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}}}'''
-|'''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}}}''}}
-|}
-<noinclude></code>
-This template is intended to be at the top of each of the jobs pages to provide a basic overview of each job.
-== Meaning of parameters ==
+<div class="ss13-job-header" style="
+    background: var(--bg-content, #1e2022);
+    border: 2px solid var(--border-color-progressive, var(--border-color, #3f4348));
+    box-shadow: 0 0 10px rgba(0, 173, 181, 0.2);
+    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 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>
-'''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="display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 12px; text-align: left !important;">
-'''headerfontcolor''' is the font color of the same part as headerbgcolor<br>
+        <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;">
-'''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: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Доступ в отсеки</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 style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{access|Базовый}}}</div>
-'''img''' is the in-action image file, without the "File:" or "Image:" prefix. (see examples below)
+        </div>
-'''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 {{{difficulty_color|var(--text-muted, #8b949e)}}}; 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: {{{difficulty_color|var(--text-main, #e3e4e6)}}}; margin-top: 2px;">{{{difficulty|Низкая}}}</div>
+        </div>
-No image defined:
+        <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: 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>
-{{JobPageHeader
+        <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;">
-|headerbgcolor = darkblue
+            <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Начальник</div>
-|headerfontcolor = white
+            <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{supervisor|Ментовка}}}</div>
-|stafftype = COMMAND
+        </div>
-|imagebgcolor = lightblue
+        <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;">
-|jobtitle = Captain
+            <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Главная цель</div>
-|access = All
+            <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{duty|Выжить}}}</div>
-|additional = N/A
+        </div>
-|difficulty = Very hard
+    </div>
-|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:
+    <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;">
-{{JobPageHeader
+ <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>
-|headerbgcolor = darkblue
+    </div>
-|headerfontcolor = white
+</div>
-|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>