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; }
}

