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

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

Тестсупер тестЖесть тест

тест

мега тест

тестик

Нихуя себе

@@ Строка 1: / Строка 1: @@
 <tabs>
-<tab name="Базовые знания">
+<tab name="Тест">
-Космический ниндзя — один из героев популярное аниме сериала “Самурай Вамплу”, где он сражается с теми, кто хочет разрушить его деревню. Тайтл занимает лидирующий позиции в топе. Самый популярный косплей 2549 года
+тест
 </tab>
-<tab name="Знания информированного персонала">
+<tab name="супер тест">
-Вам известно, что космический ниндзя не выдумка, а настоящая угроза для станции. Кланы ниндзя не похожи на привычные централизованные корпорации, а больше напоминают разобщенные противоборствующие кланы наемников, которые готовы пойти на все ради денег и репутации.
+мега тест<br>
-Последний контакт нт с ними был примерно 300 лет назад, после чего о них не сообщалось. Достоверно известно, какие услуги предоставляли кланы:<br>
+тестик</tab>
-. Кража документов и убийствами высокопоставленных чинов с использованием технологий невидимости.<br>
+<tab name="Жесть тест">
-. Создание всевозможных помех нормальному функционированию систем объекта, а также краже технологий.<br>
+Нихуя себе
-. Совершение терактов на космических станциях.<br>
-'''Ниже приведены сохранившееся крупицы, которые могут помочь борьбе с противником''' <br>
-Технологии кланов на момент их активности значительно превосходили существующие в галактике, но требовали огромных затрат энергии, прогнозируется сохранение данной тенденции. Аналитики нт, предполагают, что они могли уйти в подполье для сокрытия своей организации от чужих глаз и действуют по особым заказам. НТ уверено, что захват космических ниндзя возможен, но из-за повышенной угрозы — не обязателен.
 </tab>
 </tabs>
 {{#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: 20px 0;
+}
+/* Скрываем радио-кнопки */
+.tabs input[type="radio"] {
+    opacity: 0;
+    position: absolute;
+}
+/* Стили для заголовков вкладок */
+.tabs label {
+    display: inline-block;
+    padding: 5px 5px;
+    margin: 0 -2px; /* Убираем промежутки */
+    cursor: pointer;
+    color: #fff;
+    background: linear-gradient(145deg, #8B0000, #6A0000);
+    border: none;
+    transition: all 0.3s ease;
+    font-family: 'Arial Rounded MT', Arial, sans-serif;
+    font-size: 16px;
+    position: relative;
+    z-index: 1;
+}
+/* Активная вкладка */
+.tabs input:checked + label {
+    background: linear-gradient(145deg, #6A0000, #8B0000);
+    z-index: 3;
+    transform: translateY(2px);
+}
+/* Содержимое вкладок */
+.tab-content {
+    display: none;
+    padding: 25px;
+    background: #2d0a0a; /* Темный фон */
+    border: 2px solid #630000;
+    margin-top: -2px;
+    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+    position: relative;
+    z-index: 2;
+}
+/* Текст внутри содержимого */
+.tab-content p, .tab-content div {
+    background: rgba(70, 25, 25, 0.9); /* Фон для текста */
+    padding: 15px;
+    border-radius: 5px;
+    margin: 10px 0;
+    box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
+}
+/* Активация вкладки */
+.tabs input:checked ~ .tab-content {
+    display: block;
+    animation: fadeIn 0.4s ease;
+}
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+/* Эффекты при наведении */
+.tabs label:hover {
+    background: linear-gradient(145deg, #A60000, #8B0000);
+}
+</style>
 }}