MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 462: Line 462:
   filter: invert(25%) sepia(80%) saturate(500%) hue-rotate(200deg);
   filter: invert(25%) sepia(80%) saturate(500%) hue-rotate(200deg);
}
}
/* =========================
  VERSE ACTIONS ROW
========================= */
.verse-block {
  display: flex;
  flex-direction: column;
}
.verse-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding-left: 2px;
}
/* =========================
/* =========================
   COPY TOOLTIP
   COPY TOOLTIP
========================= */
========================= */
.copy-tooltip {
.copy-tooltip {
  /* Layout */
   position: absolute;
   position: absolute;
   bottom: calc(100% + 8px);
   bottom: calc(100% + 8px);
Line 474: Line 490:
   pointer-events: none;
   pointer-events: none;
   z-index: 9999;
   z-index: 9999;
  /* Pill style */
   display: inline-flex;
   display: inline-flex;
   align-items: center;
   align-items: center;
  gap: 4px;
   padding: 4px 10px;
   padding: 4px 10px;
   border-radius: 999px;
   border-radius: 999px;
Line 484: Line 497:
   font-weight: 500;
   font-weight: 500;
   letter-spacing: 0.02em;
   letter-spacing: 0.02em;
  /* Subtle colour — adjust to your palette */
   background: rgba(30, 30, 30, 0.82);
   background: rgba(30, 30, 30, 0.82);
   color: #fff;
   color: #fff;
Line 491: Line 502:
   -webkit-backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  /* Transition */
   opacity: 0;
   opacity: 0;
   transition: opacity 0.2s ease, transform 0.2s ease;
   transition: opacity 0.2s ease, transform 0.2s ease;