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

Материал из SS220 SS14 WIKI
мНет описания правки
Метка: отменено
Нет описания правки
 
(не показано 6 промежуточных версий этого же участника)
Строка 1: Строка 1:
<tabs>
<tabs>
<tab name="Базовые знания">
<tab name="Тест">
Космический ниндзя — один из героев популярное аниме сериала “Самурай Вамплу”, где он сражается с теми, кто хочет разрушить его деревню. Тайтл занимает лидирующий позиции в топе. Самый популярный косплей 2549 года
супер тест
</tab>
</tab>
<tab name="Знания информированного персонала">
<tab name="Тест 2">
Вам известно, что космический ниндзя не выдумка, а настоящая угроза для станции. Кланы ниндзя не похожи на привычные централизованные корпорации, а больше напоминают разобщенные противоборствующие кланы наемников, которые готовы пойти на все ради денег и репутации.
мега тест
Последний контакт нт с ними был примерно 300 лет назад, после чего о них не сообщалось. Достоверно известно, какие услуги предоставляли кланы:<br>
1. Кража документов и убийствами высокопоставленных чинов с использованием технологий невидимости.<br>
2. Создание всевозможных помех нормальному функционированию систем объекта, а также краже технологий.<br>
3. Совершение терактов на космических станциях.<br>
 
'''Ниже приведены сохранившееся крупицы, которые могут помочь борьбе с противником''' <br>
Технологии кланов на момент их активности значительно превосходили существующие в галактике, но требовали огромных затрат энергии, прогнозируется сохранение данной тенденции. Аналитики нт, предполагают, что они могли уйти в подполье для сокрытия своей организации от чужих глаз и действуют по особым заказам. НТ уверено, что захват космических ниндзя возможен, но из-за повышенной угрозы — не обязателен.
</tab>
</tab>
</tabs>
</tabs>
{{#css:
{{#css:
/* Добавьте это в [[MediaWiki:Common.css]] */
<style>
 
/* Стили для контейнера вкладок */
/* Стили для вкладок */
.tabs {
.tabs-container {
     position: static;
    margin: 1em 0;
     margin: 20px 0;
}
 
.tabs-nav {
     display: flex;
     margin-bottom: -1px;
}
}


.tabs-nav label {
/* Стили для заголовков вкладок */
     display: block;
.tabs label {
     padding: 10px 20px;
     display: inline-block;
     margin-right: 5px;
     padding: 12px 25px;
     margin-right: 10px;
     cursor: pointer;
     cursor: pointer;
    color: #ffffff;
     background: #8B0000;
     background: #8B0000;
    color: white;
     border: 1px solid #5d3954;
     border: 1px solid #5d3954;
    border-bottom: none;
     border-radius: 5px 5px 0 0;
     border-radius: 5px 5px 0 0;
     transition: all 0.3s ease;
     transition: all 0.3s ease-out;
     font-weight: bold;
    position: relative;
    top: 1px;
    font-family: Arial, sans-serif;
     font-size: 14px;
}
}


.tabs-nav label:hover {
/* Стили для активной вкладки */
     background: #A60000;
.tabs input:checked + label {
     background: #6A0000;
    color: #fff;
    border-color: #630000;
}
}


.tabs-content {
/* Стили при наведении на неактивную вкладку */
     border: 1px solid #5d3954;
.tabs label:hover {
    padding: 15px;
     background: #A60000;
    background: rgba(23, 32, 38, 1);
    color: white;
}
}


.tabs-input {
/* Стили для контента вкладок */
    display: none;
.tab-content {
}
 
.tabs-input:checked + label {
    background: #6A0000;
    border-bottom: 1px solid rgba(23, 32, 38, 1);
    z-index: 2;
}
 
.tabs-panel {
     display: none;
     display: none;
    padding: 20px;
    border: 1px solid #850000;
    background: rgba(112, 46, 46, 1);
    color: white;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
}


.tabs-input:checked ~ .tabs-panel {
/* Отображаем активный контент */
.tabs input:checked ~ .tab-content {
     display: block;
     display: block;
}
}


/* Стили для таблиц */
/* Дополнительные стили для таблиц */
.wikitable {
.wikitable {
     border: 1px solid #fff;
     border: 1px solid rgba(255,255,255,1);
    background: rgba(23, 32, 38, 1);
    border-collapse: collapse;
     margin: 1em 0;
    width: 100%;
     margin: 15px 0;
    font-weight: bold;
}
}


.wikitable th {
.wikitable th,
     background: #8B0000;
.wikitable td {
    color: white;
     border: 1px solid rgba(255,255,255,1);
     padding: 8px;
     padding: 8px;
     border: 1px solid #fff;
     text-align: left;
    background-color: rgba(112, 46, 46, 1);
}
}


.wikitable td {
.wikitable th {
     padding: 8px;
     color: black;
     border: 1px solid #fff;
     background-color: #8B0000;
}
}
</style>
}}
}}
<div class="tabs">
    <input type="radio" name="tabs" id="tab1" checked>
    <label for="tab1">Вкладка 1</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">Вкладка 2</label>
    <div class="tab-content">
        <!-- Содержимое второй вкладки -->
    </div>
</div>

Текущая версия от 15:14, 1 апреля 2025

супер тест

мега тест