MediaWiki:Citizen.css: различия между версиями

← Предыдущая правка

@@ Строка 203: / Строка 203: @@
 /* Контейнер списка (изначально скрыт) */
 .dropdown-content {
-  text-align: center;
+    display: block; /* Скрываем через height, а не display */
-  overflow: hidden;
+    text-aling: center;
-  max-height: 0;
+    overflow: hidden;
-  opacity: 0;
+    max-height: 0;
-  transition: max-height 0.28s ease-out, opacity 0.22s ease-out;
+    opacity: 0;
-  background: #fff;
+    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  right: 0;
-  z-index: 50;
-  padding: 4px 0;
 }
@@ Строка 224: / Строка 217: @@
      color: black;
      text-aling: center;
-    padding: 10px 15px;
      text-decoration: none;
      display: block;
@@ Строка 231: / Строка 223: @@
 /* Эффект наведения на ссылки */
-.dropdown:hover .dropdown-content,
+.dropdown-content a:hover {
-.dropdown:focus-within .dropdown-content {
+    background-color: #f1f1f1;
-  max-height: 500px; /* достаточно для содержимого */
-  opacity: 1;
 }
@@ Строка 244: / Строка 234: @@
 /* Анимация сдвига только в рамках своей колонки */
-.menu-column .dropdown:hover ~ .dropdown,
+.menu-column .dropdown.active ~ .dropdown {
-.menu-column .dropdown:focus-within ~ .dropdown {
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
@@ Строка 251: / Строка 240: @@
 /* Responsive: на узких экранах колонки идут друг под другом */
-@media (max-width: 800px) {
+max-width: 800px {
    .dropdown-container {
      flex-direction: column;
@@ Строка 692: / Строка 681: @@
-.toc {
-	border: 2px solid #FFFFFF !important;
-    padding: 5px !important;
-    border-image: url('') 30 round !important;
-    border-radius: 10px;
-    background: rgb(0 0 0 / 80%);
-    width: auto;
-    color: white;
-    margin-bottom: 20px;
-}
-.tocnumber {
-	color: white !important;
-}
-#toc {
-	display: inline-block;
-}
-.tocnumber:after { content: '.'
-}
-.toc ul ul{ 	margin-top: 5px !important;
-}
 .nav-link {
    color: #000000;