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

ВизуальныйВики-текст

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

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

тест

мега тест

тестик

Нихуя себе

@@ Строка 50: / Строка 50: @@
 }
-/* Стиль для содержания вкладок */
+/* Стили для содержимого вкладок */
 .tab-content {
      opacity: 0;
@@ Строка 57: / Строка 57: @@
      padding: 0 20px;
      margin-top: -1px;
-     background: #2a0a0a; /* Основной цвет фона */
+     background: #3a0f0f; /* Основной цвет фона */
      color: white;
      transition: all 0.6s ease-in-out;
      border: 1px solid #630000;
      border-top: none;
-     border-radius: 0 0 8px 8px;
+     box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3); /* Внутренняя тень */
-    position: relative;
 }
-/* Градиентный эффект для фона */
+/* Анимация появления контента */
-.tab-content::before {
+.tabs input:checked ~ .tab-content {
-     content: '';
+     opacity: 1;
-     position: absolute;
+     max-height: 1000px;
-     top: 0;
+     padding: 20px;
-     left: 0;
+     background: #4a1a1a; /* Активный цвет фона */
-     right: 0;
+     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2),
-    bottom: 0;
+                inset 0 0 15px rgba(0, 0, 0, 0.2); /* Двойная тень */
-     background: linear-gradient(
+}
-deg,
-        rgba(139, 0, 0, 0.
+/* Остальные стили */
+.tabs label:hover {
+     background: linear-gradient(145deg, #A60000, #8B0000);
+    transform: translateY(-2px);
+}
+.tabs label:last-child {
+    border-right: none;
+}
+</style>
 }}