MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 462: / Line 462: @@
    filter: invert(25%) sepia(80%) saturate(500%) hue-rotate(200deg);
 }
-/* TOOLTIP */
+/* =========================
+   COPY TOOLTIP
+========================= */
 .copy-tooltip {
+  /* Layout */
    position: absolute;
-   top: -28px;
+   bottom: calc(100% + 8px);
-   right: 0;
+  left: 50%;
-   background: #333;
+  transform: translateX(-50%) translateY(4px);
+   white-space: nowrap;
+  pointer-events: none;
+  z-index: 9999;
+  /* Pill style */
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  border-radius: 999px;
+  font-size: 0.72rem;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  /* Subtle colour — adjust to your palette */
+   background: rgba(30, 30, 30, 0.82);
    color: #fff;
-   font-size: 11px;
+   backdrop-filter: blur(6px);
-   padding: 3px 6px;
+   -webkit-backdrop-filter: blur(6px);
-   border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
+  /* Transition */
+  opacity: 0;
+   transition: opacity 0.2s ease, transform 0.2s ease;
+}
+.copy-tooltip.copy-tooltip-visible {
+  opacity: 1;
+  transform: translateX(-50%) translateY(0);
 }