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