MediaWiki:Common.css

From XilePK - Ragnarok Online Server
Revision as of 15:56, 9 May 2025 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Tooltip para links de imagem */
.tile-top.tile-image a.warp-copy::after {
  content: "Copy";
  position: absolute;
  left: 50%;
  background-color: #333;
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%);
  bottom: -25px;
}

.tile-top.tile-image a.warp-copy::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18px;
  border-width: 4px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%);
}

/* Estilo para hover e copied para links de imagem */
.tile-top.tile-image a.warp-copy:hover::after,
.tile-top.tile-image a.warp-copy:hover::before {
  opacity: 1;
  visibility: visible;
}

.tile-top.tile-image a.warp-copy.copied::after {
  content: "Copied!" !important;
  background-color: #4CAF50 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Certifique-se de que o feedback "copied" seja visível */
.warp-copy.copied::before {
  opacity: 1 !important;
  visibility: visible !important;
  border-color: #4CAF50 transparent transparent transparent !important;
}