MediaWiki:Common.css: Difference between revisions

From OmegaMMO
(Created page with "→‎CSS placed here will be applied to all skins: .card_tooltip { text-decoration: none; position: relative; } .card_tooltip span { display: none; background: white; padding: 0; position: absolute; z-index: 1000; overflow: hidden; } .card_tooltip span img { float: left; margin: 0; width: auto; } .card_tooltip:hover span { display: block; top: auto; left: 0; transform: none; width: auto; }")
 
No edit summary
 
Line 27: Line 27:
   transform: none;
   transform: none;
   width: auto;
   width: auto;
}
.copy-tag {
  cursor: pointer;
  color: #f59e0b;          /* amarillo/ámbar */
  font-weight: bold;
  border-bottom: 1px dashed rgba(0,0,0,.25);
  position: relative;
}
.copy-tag.copied::after {
  content: "copied";
  position: absolute;
  top: -1.6em;
  left: 0;
  font-size: 0.75em;
  padding: 2px 6px;
  background: #111;
  color: #fff;
  border-radius: 4px;
  opacity: 0;
  animation: copy-pop 1.4s ease-out forwards;
}
@keyframes copy-pop {
  0% { opacity: 0; transform: translateY(4px); }
  10% { opacity: 1; transform: translateY(0); }
  90% { opacity: 1; }
  100% { opacity: 0; }
}
}

Latest revision as of 21:35, 28 August 2025

/* CSS placed here will be applied to all skins */

.card_tooltip {
  text-decoration: none;
  position: relative;
}

.card_tooltip span {
  display: none;
  background: white;
  padding: 0;
  position: absolute;
  z-index: 1000;
  overflow: hidden;
}

.card_tooltip span img {
  float: left;
  margin: 0;
  width: auto;
}

.card_tooltip:hover span {
  display: block;
  top: auto;
  left: 0;
  transform: none;
  width: auto;
}
.copy-tag {
  cursor: pointer;
  color: #f59e0b;           /* amarillo/ámbar */
  font-weight: bold;
  border-bottom: 1px dashed rgba(0,0,0,.25);
  position: relative;
}
.copy-tag.copied::after {
  content: "copied";
  position: absolute;
  top: -1.6em;
  left: 0;
  font-size: 0.75em;
  padding: 2px 6px;
  background: #111;
  color: #fff;
  border-radius: 4px;
  opacity: 0;
  animation: copy-pop 1.4s ease-out forwards;
}
@keyframes copy-pop {
  0% { opacity: 0; transform: translateY(4px); }
  10% { opacity: 1; transform: translateY(0); }
  90% { opacity: 1; }
  100% { opacity: 0; }
}