MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,596: / Line 1,596: @@
 /* =========================================================
-    OOO MENU LINK (navigation style)
+    OOO MENU LINK – navigation highlight
     ========================================================= */
 .mw-parser-output .ooo-menulink a {
-   color: var(--ooo-accent) !important;
+   display: block;
-   font-weight: 600;
+   position: relative;
-  text-decoration: none;
-  border-bottom: 1px dotted rgba(245,196,0,0.4);
+   padding: 3px 6px 3px 10px;
-   padding-bottom: 1px;
-   transition: 0.15s ease;
+  text-decoration: none !important;
+  color: inherit;
+  transition: background 0.18s ease, padding 0.18s ease;
+}
+/* left highlight bar */
+.mw-parser-output .ooo-menulink a::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 2px;
+  bottom: 2px;
+  width: 3px;
+  background: var(--ooo-accent);
+  opacity: 0;
+  transition: opacity 0.18s ease;
+}
+/* hover arrow */
+.mw-parser-output .ooo-menulink a::after {
+  content: "→";
+  position: absolute;
+  right: 6px;
+  opacity: 0;
+  transform: translateX(-4px);
+   transition: 0.18s ease;
 }
+/* hover state */
 .mw-parser-output .ooo-menulink a:hover {
-   border-bottom: 1px solid var(--ooo-accent);
+   padding-left: 14px;
+  background: linear-gradient(
+    to right,
+    rgba(245,196,0,0.10),
+    rgba(245,196,0,0.02)
+  );
+}
+/* activate left bar */
+.mw-parser-output .ooo-menulink a:hover::before {
+  opacity: 1;
+}
+/* activate arrow */
+.mw-parser-output .ooo-menulink a:hover::after {
+  opacity: 0.6;
+  transform: translateX(0);
 }