Usus2: различия между версиями

Материал из SS220 SS14 WIKI
(Новая страница: «<tabs> <tab name="Базовые знания"> Космический ниндзя — один из героев популярное аниме сериала “Самурай Вамплу”, где он сражается с теми, кто хочет разрушить его деревню. Тайтл занимает лидирующий позиции в топе. Самый популярный косплей 2549 года </tab> <tab name="Зн...»)
 
мНет описания правки
Строка 16: Строка 16:


{{#css:
{{#css:
\n/* CSS для вкладок */\n.tabs {\n overflow: hidden;\n margin: 0;\n}\n\n.tabs > input[type="radio"] {\n position: absolute;\n top: -9999px;\n left: -9999px;\n}\n\n.tabs > label {\n display: inline-block;\n padding: 7px;\n margin: 0 -5px -1px 0;\n text-align: center;\n color: #ffffff;\n border: 1px solid #5d3954;\n background: #8B0000;\n cursor: pointer;\n}\n\n.tabs > input[type="radio"]:checked + label {\n color: #ffffff;\n border: 1px solid #5d3954;\n border-bottom: 1px solid #8B0000;\n background: #8B0001;\n}\n\n.tab-panels {\n border-top: 1px solid #5d3954;\n}\n\n.tab-panel {\n padding: 20px;\n display: none;\n background-color: rgba(23, 32, 38, 1);\n color: white;\n}\n\n.tabs > input[type="radio"]:checked + label + .tab-panels > .tab-panel {\n display: block;\n}\n\n/* Для таблиц */\n.wikitable tr th, .wikitable tr td {\n border-inline: 1px solid rgba(255,255,255,1);\n border-top: 1px solid rgba(255,255,255,1);\n background-color:rgba(23, 32, 38, 1);\n}\n\n.wikitable th {\n color: white;\n}\n\n.wikitable {\n border: 1px solid rgba(255,255,255,1);\n font-weight: bold;\n}\n
<style>
/* Стили для контейнера вкладок */
.tabs {
    position: relative;
    margin: 30px 0;
}
 
/* Скрываем радио-кнопки */
.tabs input[type="radio"] {
    opacity: 0;
    position: absolute;
}
 
/* Стили для заголовков вкладок */
.tabs label {
    display: inline-block;
    padding: 15px 30px;
    margin: 0 10px;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(145deg, #8B0000, #6A0000);
    border: none;
    border-radius: 50px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Arial Rounded MT', Arial, sans-serif;
    font-size: 16px;
    box-shadow: 0 4px 10px rgba(139, 0, 0, 0.2);
    transform: scale(0.95);
}
 
/* Анимация для активной вкладки */
.tabs input:checked + label {
    background: linear-gradient(145deg, #6A0000, #8B0000);
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(139, 0, 0, 0.3);
    z-index: 2;
}
 
/* Эффекты при наведении */
.tabs label:hover {
    background: linear-gradient(145deg, #A60000, #8B0000);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(139, 0, 0, 0.35);
}
 
/* Анимированный контент */
.tab-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    margin-top: 20px;
    border-radius: 20px;
    background: rgba(112, 46, 46, 0.95);
    color: white;
    transition: all 0.6s ease-in-out;
    transform: translateY(-10px);
}
 
/* Анимация появления контента */
.tabs input:checked ~ .tab-content {
    opacity: 1;
    max-height: 1000px;
    padding: 25px;
    margin-top: 15px;
    transform: translateY(0);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
 
/* Стили для таблиц с анимацией */
.wikitable {
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0;
    background: rgba(70, 25, 25, 0.9);
    transform: scale(0.98);
    transition: transform 0.3s ease;
}
 
.wikitable:hover {
    transform: scale(1);
    box-shadow: 0 0 20px rgba(139, 0, 0, 0.2);
}
 
.wikitable th,
.wikitable td {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: background 0.3s ease;
}
 
.wikitable th {
    background: linear-gradient(145deg, #8B0000, #6A0000);
    color: #fff;
    font-weight: 600;
}
 
.wikitable tr:hover td {
    background: rgba(139, 0, 0, 0.1);
}
 
/* Эффект свечения для активных элементов */
@keyframes glow {
    0% { box-shadow: 0 0 10px rgba(139, 0, 0, 0.3); }
    50% { box-shadow: 0 0 20px rgba(139, 0, 0, 0.5); }
    100% { box-shadow: 0 0 10px rgba(139, 0, 0, 0.3); }
}
 
.tabs input:checked + label {
    animation: glow 1.5s infinite;
}
</style>
 
<div class="tabs">
    <input type="radio" name="tabs" id="tab1" checked>
    <label for="tab1">Первая вкладка</label>
    <div class="tab-content">
        <table class="wikitable">
            <tr>
                <th>Заголовок</th>
                <th>Таблица</th>
            </tr>
            <tr>
                <td>Анимированные</td>
                <td>Элементы</td>
            </tr>
        </table>
    </div>
 
    <input type="radio" name="tabs" id="tab2">
    <label for="tab2">Вторая вкладка</label>
    <div class="tab-content">
        Контент с плавным появлением
    </div>
</div>
}}
}}

Версия от 15:15, 1 апреля 2025

Космический ниндзя — один из героев популярное аниме сериала “Самурай Вамплу”, где он сражается с теми, кто хочет разрушить его деревню. Тайтл занимает лидирующий позиции в топе. Самый популярный косплей 2549 года

Вам известно, что космический ниндзя не выдумка, а настоящая угроза для станции. Кланы ниндзя не похожи на привычные централизованные корпорации, а больше напоминают разобщенные противоборствующие кланы наемников, которые готовы пойти на все ради денег и репутации. Последний контакт нт с ними был примерно 300 лет назад, после чего о них не сообщалось. Достоверно известно, какие услуги предоставляли кланы:
1. Кража документов и убийствами высокопоставленных чинов с использованием технологий невидимости.
2. Создание всевозможных помех нормальному функционированию систем объекта, а также краже технологий.
3. Совершение терактов на космических станциях.

Ниже приведены сохранившееся крупицы, которые могут помочь борьбе с противником
Технологии кланов на момент их активности значительно превосходили существующие в галактике, но требовали огромных затрат энергии, прогнозируется сохранение данной тенденции. Аналитики нт, предполагают, что они могли уйти в подполье для сокрытия своей организации от чужих глаз и действуют по особым заказам. НТ уверено, что захват космических ниндзя возможен, но из-за повышенной угрозы — не обязателен.