CM:Инженерия: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка

ВизуальныйВики-текст

@@ Строка 17: / Строка 17: @@
 * И много другое
 </div>
+<!-- Разделитель -->
+<div style="height: 2px; background: linear-gradient(90deg, transparent 0%, #4a5568 50%, transparent 100%); margin: 30px 0;"></div>
 == Действия после пробуждения ==
@@ Строка 23: / Строка 27: @@
 <h3 style="color: #ffffff; text-align: center; margin-bottom: 20px;">План действий после пробуждения</h3>
-<div style="background: #2d3748; padding: 15px; border-radius: 6px; margin-bottom: 15px;">
+<div style="background: #2d3748; padding: 20px; border-radius: 8px; margin-bottom: 20px;">
-<strong style="color: #ffffff;">Первые минуты:</strong><br>
+<strong style="color: #ffffff; display: block; margin-bottom: 15px;">Первые минуты:</strong>
-<div style="color: #e2e8f0; margin-top: 8px;">
+<div style="color: #e2e8f0;">
-<div style="display: flex; gap: 20px; align-items: flex-start;">
+<!-- Строка 1: Еда -->
+<div style="display: flex; gap: 15px; align-items: center; margin-bottom: 20px; padding: 12px; background: #1a1f35; border-radius: 6px;">
+<div style="flex: 0 0 100px; text-align: center;">
+<div style="background: #2d3748; padding: 8px; border-radius: 4px; border: 1px solid #4a5568;">
+[[Файл:CMColMarTechFood.png|80px]]
+</div>
+<div style="color: #a0aec0; font-size: 11px; margin-top: 5px;">Автомат с едой</div>
+</div>
 <div style="flex: 1;">
-После того как мы вылезли из капсулы криосна, нашему персонажу захочется поесть. Обычно автоматы с едой [[Файл:CMColMarTechFood.png]] находятся рядом с капсулами криосна. После того как мы хорошенько покушали, мы должны найти свой отдел (пример на фото). Когда уже нашли наш отдел, подходим к автомату с формой [[Файл:CMColMarTechSurplus.png]]. После того как мы одели форму, броню и другие аксессуары, подходим к автомату с инженерным обмундированием [[Файл:CMColMarTechSCTGear.png]]. Когда откроем его, то у нас появится:
+После того как мы вылезли из капсулы криосна, нашему персонажу захочется поесть. Обычно автоматы с едой находятся рядом с капсулами криосна.
-[[Файл:Tech_CM.png]]
 </div>
-<div style="flex: 0 0 auto; text-align: center;">
-<div style="background: #1a1f35; padding: 10px; border-radius: 6px; border: 1px solid #4a5568;">
-[[Файл:Engener_base.png|200px]]
 </div>
-<div style="color: #a0aec0; font-size: 12px; margin-top: 5px;">
-Пример расположения инженерного отдела
+<!-- Строка 2: Форма -->
+<div style="display: flex; gap: 15px; align-items: center; margin-bottom: 20px; padding: 12px; background: #1a1f35; border-radius: 6px;">
+<div style="flex: 0 0 100px; text-align: center;">
+<div style="background: #2d3748; padding: 8px; border-radius: 4px; border: 1px solid #4a5568;">
+[[Файл:CMColMarTechSurplus.png|80px]]
 </div>
+<div style="color: #a0aec0; font-size: 11px; margin-top: 5px;">Автомат с формой</div>
 </div>
+<div style="flex: 1;">
+После того как мы хорошенько покушали, мы должны найти свой отдел. Когда уже нашли наш отдел, подходим к автомату с формой.
 </div>
-<br>
+</div>
-• Найти выход из комнаты
+<!-- Строка 3: Инженерное обмундирование -->
+<div style="display: flex; gap: 15px; align-items: center; margin-bottom: 20px; padding: 12px; background: #1a1f35; border-radius: 6px;">
+<div style="flex: 0 0 100px; text-align: center;">
+<div style="background: #2d3748; padding: 8px; border-radius: 4px; border: 1px solid #4a5568;">
+[[Файл:CMColMarTechSCTGear.png|80px]]
+</div>
+<div style="color: #a0aec0; font-size: 11px; margin-top: 5px;">Инженерное обмундирование</div>
+</div>
+<div style="flex: 1;">
+После того как мы одели форму, броню и другие аксессуары, подходим к автомату с инженерным обмундированием.
 </div>
 </div>
-<div style="background: #2d3748; padding: 15px; border-radius: 6px; margin-bottom: 15px;">
+<!-- Карта отдела и содержимое набора -->
-<strong style="color: #ffffff;">Минуты 2-5:</strong><br>
+<div style="display: flex; gap: 20px; margin-bottom: 15px;">
-<div style="color: #e2e8f0; margin-top: 8px;">
+<div style="flex: 1; text-align: center; padding: 12px; background: #1a1f35; border-radius: 6px;">
-• Определить свою роль<br>
+<div style="background: #2d3748; padding: 10px; border-radius: 4px; border: 1px solid #4a5568; display: inline-block;">
+[[Файл:Engener_base.png|180px]]
 </div>
+<div style="color: #a0aec0; font-size: 12px; margin-top: 8px;">Расположение инженерного отдела</div>
 </div>
-<div style="background: #2d3748; padding: 15px; border-radius: 6px; margin-bottom: 15px;">
+<div style="flex: 1; text-align: center; padding: 12px; background: #1a1f35; border-radius: 6px;">
-<strong style="color: #ffffff;">Минуты 5-10:</strong><br>
+<div style="background: #2d3748; padding: 10px; border-radius: 4px; border: 1px solid #4a5568; display: inline-block;">
-<div style="color: #e2e8f0; margin-top: 8px;">
+[[Файл:Tech_CM.png|180px]]
-• Получить основное оружие<br>
+</div>
+<div style="color: #a0aec0; font-size: 12px; margin-top: 8px;">Содержимое инженерного набора</div>
 </div>
 </div>
-<div style="background: #2d3748; padding: 15px; border-radius: 6px;">
+<div style="color: #e2e8f0; padding: 10px; background: #1a1f35; border-radius: 6px; margin-top: 10px;">
-<strong style="color: #ffffff;">Минуты 10-15:</strong><br>
+• Найти выход из комнаты
-<div style="color: #e2e8f0; margin-top: 8px;">
+</div>
-• Узнать текущие задачи<br>
 </div>
 </div>
 </div>
+<!-- Разделитель -->
+<div style="height: 2px; background: linear-gradient(90deg, transparent 0%, #4a5568 50%, transparent 100%); margin: 30px 0;"></div>
 == Базовый набор Инженера ==
@@ Строка 83: / Строка 114: @@
      </ul>
 </div>
+<!-- Разделитель -->
+<div style="height: 2px; background: linear-gradient(90deg, transparent 0%, #4a5568 50%, transparent 100%); margin: 30px 0;"></div>
 == Баррикады и двери ==