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

Версия от 12:33, 29 марта 2025

           <header class="jobs-table-header">
               <a href="Роли" class="jobs-table-logo">
                   <img src="logo.png" alt="Логотип ролей" class="jobs-table-logo__image">
               </a>
               
               <nav class="jobs-table-nav">
                   <a href="Роли" class="jobs-table-nav__link">
                       Вернуться к ролям
                   </a>
               </nav>
           </header>

Командование

Юридический Департамент

Отдел СБ

Космическая тюрьма

Врачи

Ученые

Инженеры

Снабжение

Сервис

Антагонисты

Свободные
антагонисты

Агрессивная фауна

Роли ЦК

Роли ДСО

Синтетики

Призрачные роли

@@ Строка 1: / Строка 1: @@
-<div class="JobsTableContainer" >
+<!-- Контейнер таблицы заданий - улучшенная версия -->
-<div id="IdJobsTableContainer1">
+<div class="JobsTableContainer">
+    <div id="IdJobsTableContainer1" class="jobs-table-wrapper">
-    <div style="font-size: 12px;"> <!-- FlexContainer -->
+         <!-- Шапка таблицы -->
-         <!-- Роли -->
+         <div class="JobsTable jobs-table--header">
-         <div class="JobsTable" style="margin-top: 5px;">
+            <header class="jobs-table-header">
+                <!-- Логотип с выравниванием справа -->
-                 <div style="padding: 5px 0; display: flex; align-items: center;">
+                 <a href="Роли" class="jobs-table-logo">
-                     <div style="margin-left: auto;">[[Файл:logo.png|50px|link=Роли]]</div>
+                     <img src="logo.png" alt="Логотип ролей" class="jobs-table-logo__image">
-                     <div style="margin-right: auto;">'''[[Роли|Вернутся к ролям]]'''</div>
+                </a>
-                 </div>
+                <!-- Навигационная ссылка -->
+                <nav class="jobs-table-nav">
+                     <a href="Роли" class="jobs-table-nav__link">
+                        Вернуться к ролям
+                    </a>
+                 </nav>
+            </header>
          </div>
+    </div>
+</div>
          <!-- Командование -->