Update online.html

online.html

@@ -109,43 +109,47 @@
 </style>
 
 
+<style>
+  .dropdown-menu {
+    display: none;
+    opacity: 0;
+    visibility: hidden;
+    transform: translateY(10px);
+    transition: all 0.3s ease;
+  }
 
-  <style>
-    .dropdown-menu {
-      display: none;
-      opacity: 0;
-      visibility: hidden;
-      transform: translateY(10px);
-      transition: all 0.3s ease;
-    }
-/* Цвет фона при наведении или фокусе на пункт выпадающего меню */
-.dropdown-menu .dropdown-item:hover,
-.dropdown-menu .dropdown-item:focus,
-.dropdown-menu .dropdown-item:active {
-  background-color: #198754; /* Bootstrap-зелёный */
-  color: #fff; /* Белый текст */
-}
+  /* Курсор-палец при наведении */
+  .dropdown-menu .dropdown-item {
+    cursor: pointer;
+  }
 
-    @media (min-width: 769px) {
-      /* Показываем меню при наведении на контейнер */
-      .dropdown-wrapper:hover .dropdown-menu {
-        display: block;
-        opacity: 1;
-        visibility: visible;
-        transform: translateY(0);
-      }
-    }
+  /* Цвет фона при наведении или фокусе на пункт выпадающего меню */
+  .dropdown-menu .dropdown-item:hover,
+  .dropdown-menu .dropdown-item:focus,
+  .dropdown-menu .dropdown-item:active {
+    background-color: #198754; /* Bootstrap-зелёный */
+    color: #fff; /* Белый текст */
+  }
 
-    @media (max-width: 768px) {
-      .dropdown-menu.show {
-        display: block;
-        opacity: 1;
-        visibility: visible;
-        transform: translateY(0);
-      }
+  @media (min-width: 769px) {
+    /* Показываем меню при наведении на контейнер */
+    .dropdown-wrapper:hover .dropdown-menu {
+      display: block;
+      opacity: 1;
+      visibility: visible;
+      transform: translateY(0);
     }
-  </style>
+  }
 
+  @media (max-width: 768px) {
+    .dropdown-menu.show {
+      display: block;
+      opacity: 1;
+      visibility: visible;
+      transform: translateY(0);
+    }
+  }
+</style>