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

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

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

тест

мега тест

тестик

Нихуя себе

@@ Строка 29: / Строка 29: @@
      display: inline-block;
      padding: 12px 25px;
-     margin: 0;
+     margin: 0 -2px; /* Убираем промежутки */
      cursor: pointer;
      color: #fff;
      background: linear-gradient(145deg, #8B0000, #6A0000);
      border: none;
-     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+     transition: all 0.3s ease;
      font-family: 'Arial Rounded MT', Arial, sans-serif;
      font-size: 16px;
-     box-shadow: 0 4px 10px rgba(139, 0, 0, 0.2);
+     position: relative;
-    transform: scale(0.98);
+     z-index: 1;
-     border-right: 1px solid #630000;
 }
-/* Анимация для активной вкладки */
+/* Активная вкладка */
 .tabs input:checked + label {
      background: linear-gradient(145deg, #6A0000, #8B0000);
-     transform: scale(1);
+    z-index: 3;
-     box-shadow: 0 8px 20px rgba(139, 0, 0, 0.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 {
+.tab-content p, .tab-content div {
-     opacity: 0;
+     background: rgba(70, 25, 25, 0.9); /* Фон для текста */
-    max-height: 0;
+     padding: 15px;
-    overflow: hidden;
+     border-radius: 5px;
-    padding: 0 20px;
+     margin: 10px 0;
-    margin-top: -1px;
+     box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
-    background: #3a0f0f; /* Основной цвет фона */
-     color: black;
-     transition: all 0.6s ease-in-out;
-    border: 1px solid #630000;
-     border-top: none;
-     box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3); /* Внутренняя тень */
 }
-/* Анимация появления контента */
+/* Активация вкладки */
 .tabs input:checked ~ .tab-content {
-     opacity: 1;
+     display: block;
-     max-height: 1000px;
+     animation: fadeIn 0.4s ease;
-    padding: 20px;
+}
-     background: #4a1a1a; /* Активный цвет фона */
-     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2),
+@keyframes fadeIn {
-                inset 0 0 15px rgba(0, 0, 0, 0.2); /* Двойная тень */
+     from { opacity: 0; }
+     to { opacity: 1; }
 }
-/* Остальные стили */
+/* Эффекты при наведении */
 .tabs label:hover {
      background: linear-gradient(145deg, #A60000, #8B0000);
-    transform: translateY(-2px);
-}
-.tabs label:last-child {
-    border-right: none;
 }
 </style>
 }}