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

Материал из Space Stories Wiki
Нет описания правки
Нет описания правки
 
(не показаны 4 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div class="job_header" style="--border-color: {{{цвет|#465298}}}; --background-color: #1e1e26;">
<div class="JobsTableContainer" >
<div class="header-title" style="--header-color-start: {{{цвет|#465298}}}; --header-color-end: #27272e;">
<div id="IdJobsTableContainer1">
'''{{{название|Агент Внутренних Дел}}}'''
 
</div>
    <div style="font-size: 12px;"> <!-- FlexContainer -->
<div class="sprite-container" id="sprite-container" style="--sprite-color-start: {{{цвет|#465298}}}; --sprite-color-end: #27272e;">
 
    <div style="text-align:center; padding: 0;">
        <!-- Роли -->
[[файл:{{{картинка|Агент_Внутренних_Дел.png}}}|128px|link=]]
        <div class="JobsTable" style="margin-top: 5px;">
</div>
 
</div>
                <div style="padding: 5px 0; display: flex; align-items: center;">
<div style="margin-bottom: 0;">
                    <div style="margin-left: auto;">[[Файл:logo.png|50px|link=Роли]]</div>
<span class="label">Отдел:</span><br>
                    <div style="margin-right: auto;">'''[[Роли|Вернутся к ролям]]'''</div>
<span class="value">{{{отдел|[[Юридический Департамент]]}}}</span>
                </div>
</div><div class="job_header" style="--border-color: {{{цвет|#465298}}}; --background-color: #1e1e26;">
        </div>
    <div class="header-title" style="--header-color-start: {{{цвет|#465298}}}; --header-color-end: #27272e;">
 
         '''{{{название|Агент Внутренних Дел}}}'''
        <!-- Командование -->
    </div>
        <div class="JobsTable">
    <div class="sprite-container" id="sprite-container" style="--sprite-color-start: {{{цвет|#465298}}}; --sprite-color-end: #27272e;">
 
         <div style="text-align:center; padding: 0;">
            <div style="padding: 5px 0; display: flex; align-items: center;">
            <img id="sprite-image" src="{{{картинка|Капитан.png}}}" alt="Капитан" width="128px">
                <div class="JobsTableHeadImg">[[Файл:Cmd_dep.png|48px|link=Командование]]</div>
                <div class="JobsTableHeadLink">'''[[Командование]]'''</div>
            </div>
 
            <div class="mw-collapsible mw-collapsed">
                <div style="border-bottom: 2px solid black;"></div>
 
                <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                    <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                        <li>[[Капитан]]</li>
                        <li>[[Глава персонала]]</li>
                        <li>[[Глава службы безопасности]]</li>
                        <li>[[Старший Инженер]]</li>
                        <li>[[Научный руководитель]]</li>
                        <li>[[Главный врач]]</li>
                        <li>[[Квартирмейстер]]</li>
                    </ul>
                </div>
            </div>
        </div>
 
        <!-- Юридический Департамент -->
        <div class="JobsTable">
 
            <div style="padding: 5px 0; display: flex; align-items: center;">
                <div class="JobsTableHeadImg">[[File:law_dep.png|48px|link=Юридический Департамент]]</div>
                <div class="JobsTableHeadLink">'''[[Юридический Департамент]]'''</div>
            </div>
 
            <div class="mw-collapsible mw-collapsed">
                <div style="border-bottom: 2px solid black;"></div>
 
                <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                    <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                        <li>[[Магистрат]]</li>
                        <li>[[Агент Внутренних Дел]]</li>
                        <li>[[Юрист]]</li>
                    </ul>
                </div>
            </div>
        </div>
 
        <!-- Отдел Службы Безопасности -->
        <div class="JobsTable">
 
            <div style="padding: 5px 0; display: flex; align-items: center;">
                <div class="JobsTableHeadImg">[[File:sec_dep.png|48px|link=Отдел Службы Безопасности]]</div>
                <div class="JobsTableHeadLink">'''[[Отдел Службы Безопасности|Отдел СБ]]'''</div>
            </div>
 
            <div class="mw-collapsible mw-collapsed">
                <div style="border-bottom: 2px solid black;"></div>
 
                <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                    <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                        <li>[[Глава службы безопасности]]</li>
                        <li>[[Смотритель]]</li>
                        <li>[[Детектив]]</li>
                        <li>[[Бригмедик]]</li>
                        <li>[[Офицер СБ|Офицер]]</li>
                        <li>[[Кадет СБ|Кадет]]</li>
                    </ul>
                </div>
            </div>
        </div>
 
        <!-- Космическая тюрьма -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:Космическая тюрьма.png|48px|link=Космическая тюрьма]]</div>
                    <div class="JobsTableHeadLink">'''[[Космическая тюрьма]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Начальник космической тюрьмы|Начальник КТ]]</li>
                            <li>[[Офицер космической тюрьмы|Офицер КТ]]</li>
                            <li>[[Инженер космической тюрьмы|Инженер КТ]]</li>
                            <li>[[Медик космической тюрьмы|Медик КТ]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Медицинский Отдел -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:med_dep.png|48px|link=Медицинский Отдел]]</div>
                    <div class="JobsTableHeadLink">'''[[Медицинский Отдел|Врачи]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Главный врач]]</li>
                            <li>[[Химик]]</li>
                            <li>[[Парамедик]]</li>
                            <li>[[Врач]]</li>
                            <li>[[Психолог]]</li>
                            <li>[[Интерн]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Научный Отдел -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:sci_dep.png|48px|link=Научный Отдел]]</div>
                    <div class="JobsTableHeadLink">'''[[Научный Отдел|Ученые]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Научный руководитель]]</li>
                            <li>[[Учёный]]</li>
                            <li>[[Научный ассистент]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Инженерный Отдел -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:Eng_dep.png|48px|link=Инженерный Отдел]]</div>
                    <div class="JobsTableHeadLink">'''[[Инженерный Отдел|Инженеры]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Старший Инженер]]</li>
                            <li>[[Атмосферный Техник]]</li>
                            <li>[[Инженер]]</li>
                            <li>[[Технический ассистент]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Отдел Снабжения -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:cargo_dep.png|48px|link=Отдел Снабжения]]</div>
                    <div class="JobsTableHeadLink">'''[[Отдел Снабжения|Снабжение]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Квартирмейстер]]</li>
                            <li>[[Утилизатор]]</li>
                            <li>[[Грузчик]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Сервисный отдел -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:serv_dep.png|48px|link=Сервисный отдел]]</div>
                    <div class="JobsTableHeadLink">'''[[Сервисный отдел|Сервис]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Глава персонала]]</li>
                            <li>[[Шеф-повар]]</li>
                            <li>[[Ботаник]]</li>
                            <li>[[Бармен]]</li>
                            <li>[[Сервисный работник]]</li>
                            <li>[[Боксер]]</li>
                            <li>[[Репортёр]]</li>
                            <li>[[Зоотехник]]</li>
                            <li>[[Библиотекарь]]</li>
                            <li>[[Священник]]</li>
                            <li>[[Клоун]]</li>
                            <li>[[Мим]]</li>
                            <li>[[Музыкант]]</li>
                            <li>[[Уборщик]]</li>
                            <li>[[Пассажир|Ассистент]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Антагонисты -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:Antag_dep.png|48px|link=Антагонисты]]</div>
                    <div class="JobsTableHeadLink">'''[[Антагонисты]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Ядерный Оперативник]]</li>
                            <li>[[Предатель]]</li>
                            <li>[[Агенты подкрепления]]</li>
                            <li>[[Революционер]]</li>
                            <li>[[Вор]]</li>
                            <li>[[Голопаразит]]</li>
                            <li>[[Инквизитор]]</li>
                            <li>[[Космический ниндзя]]</li>
                            <li>[[Ревенант]]</li>
                            <li>[[Нулевой пациент]]</li>
                            <li>[[Тенеморф]]</li>
                            <li>[[Волшебник]]</li>
                            <li>[[Парадоксальный клон]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Свободные антагонисты -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:Free_antag_dep.png|48px|link=]]</div>
                    <div class="JobsTableHeadLink">'''[[Свободные антагонисты|Свободные<br> антагонисты]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Скелет]]</li>
                            <li>[[Крысиный король]]</li>
                            <li>[[Разумный артефакт]]</li>
                            <li>[[Заключённый космической тюрьмы|Заключённый КТ]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Агрессивная фауна -->
         <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:Aggressive_fauna_dep.png|48px|link=Агрессивная фауна]]</div>
                    <div class="JobsTableHeadLink">'''[[Агрессивная фауна]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Космический дракон]]</li>
                            <li>[[Прожорливый слизень]]</li>
                            <li>[[Тарантул|Тарантулы]]</li>
                            <li>[[Тарантулы-клоуны]]</li>
                            <li>[[Слизни]]</li>
                            <li>[[Живая плоть]]</li>
                            <li>[[Агрессивная фауна#Космическая Агрессивная фауна|Космическая фауна]]</li>
                            <li>[[Ксеносы]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Центральное Командование -->
        <div class="JobsTable" style="margin-top: 5px;">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:Centcom_dep.png|48px|link=Центральное Командование]]</div>
                    <div class="JobsTableHeadLink">'''[[Центральное Командование|Роли ЦК]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Представитель Центком|Представитель ЦК]]</li>
                            <li>[[Оператор Центком|Оператор ЦК]]</li>
                            <li>[[Страж Клинка]]</li>
                        </ul>
                    </div>
                </div>
         </div>
 
        <!-- Департамент Специальных Операций -->
        <div class="JobsTable" style="margin-top: 5px;">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:ДСО_dep.png|48px|link=Департамент_Специальных_Операций]]</div>
                    <div class="JobsTableHeadLink">'''[[Департамент_Специальных_Операций|Роли ДСО]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Эскадрон смерти]]</li>
                            <li>[[ОБР]]</li>
                            <li>[[РХБЗЗ]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
        <!-- Роли Синтетики -->
        <div class="JobsTable">
 
                <div style="padding: 5px 0; display: flex; align-items: center;">
                    <div class="JobsTableHeadImg">[[File:Синтетики dep.png|48px|link=Синтетики]]</div>
                    <div class="JobsTableHeadLink">'''[[Синтетики]]'''</div>
                </div>
 
                <div class="mw-collapsible mw-collapsed">
                    <div style="border-bottom: 2px solid black;"></div>
 
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
                            <li>[[Искусственный интелект|Искусственный интеллект станции]]</li>
                            <li>[[Портативный Искусственный Интеллект|ПИИ]]</li>
                            <li>[[Синдикатский Портативный Искусственный Интеллект|CПИИ]]</li>
                            <li>[[Киборг|Киборги]]</li>
                            <li>[[Штурмовой киборг Синдиката]]</li>
                        </ul>
                    </div>
                </div>
         </div>
         </div>
    </div>
    <!-- остальная разметка -->
</div>


<script>
        <!-- Призрачные роли -->
let clickCount = 0;
        <div class="JobsTable">
const spriteImage = document.getElementById('sprite-image');
const spriteContainer = document.getElementById('sprite-container');


spriteContainer.addEventListener('click', function() {
                <div style="padding: 5px 0; display: flex; align-items: center;">
    clickCount++;
                    <div class="JobsTableHeadImg">[[File:Призраки.png|48px|link=Призрачные роли]]</div>
    if (clickCount >= 10) {
                    <div class="JobsTableHeadLink">'''[[Призрачные роли]]'''</div>
        // Меняем спрайт на спрайт клоуна
                </div>
        spriteImage.src = 'клоун.png'; // Укажите правильный путь к изображению клоуна
       
        // Добавляем мигание страницы
        document.body.classList.add('rainbow-effect');
    }
});
</script>


<style>
                <div class="mw-collapsible mw-collapsed">
@keyframes rainbow {
                    <div style="border-bottom: 2px solid black;"></div>
    0% { background-color: red; }
    20% { background-color: orange; }
    40% { background-color: yellow; }
    60% { background-color: green; }
    80% { background-color: blue; }
    100% { background-color: violet; }
}


.rainbow-effect {
                    <div style="margin-top: -10px; margin-bottom: -10px; padding-bottom: 10px">
    animation: rainbow 1s infinite;
                        <ul class="JobsTableList" style="list-style-type: none; margin: 20px;">
}
                            <li>[[Призрак]]</li>
</style>
                            <li>[[Животные]]</li>
                            <li>[[Странники]]</li>
                        </ul>
                    </div>
                </div>
        </div>
 
    </div>


<div>
<span class="label">Руководители:</span><br>
<span class="value">{{{начальник|[[Магистрат]]}}}</span>
</div>
<div>
<span class="label">Обязанности:</span><br>
<span class="value">{{{обязанности|Наблюдение за соблюдением СРП экипажем станции. Осуществление адвокатской деятельности.}}}</span>
</div>
<div>
<span class="label">Доступ:</span><br>
<span class="value">{{{доступ|Командование, Бриг, Офис АВД.}}}</span>
</div>
<div>
<span class="label">Необходимое время:</span><br>
<span class="value">{{{необходимое_время|• 1200 минут отдел Командования<br> • 600 минут отдел СБ}}}</span>
</div>
<div class="guidance-section">
<span class="label">Руководства:</span><br>
<span class="value">{{{Руководства|• [[Стандартные Рабочие Процедуры (Закон)|Ваши СРП]] <br>• [[Корпоративный Закон]]<br> • [[Стандартные Рабочие Процедуры|Ведомственные СРП]]}}}</span>
</div>
</div>
</div>
</div>

Текущая версия от 15:38, 28 марта 2025

Источник — http://spacestories.club/index.php?title=Шаблон:Тест&oldid=17591
Последнее изменение
Эта страница в последний раз была отредактирована 28 марта 2025 в 15:38.
Авторские права
Содержание доступно по лицензии Creative Commons Attribution Share Alike (если не указано иное).