MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 27: | Line 27: | ||
.wiki-copy-btn.copied { | .wiki-copy-btn.copied { | ||
background: #16a34a; | background: #16a34a; | ||
} | |||
/* new */ | |||
.wiki-copy-btn { | |||
position: relative; | |||
cursor: pointer; | |||
} | |||
.copy-tooltip { | |||
position: absolute; | |||
top: -28px; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
background: #2b2b2b; | |||
color: #fff; | |||
font-size: 12px; | |||
padding: 3px 8px; | |||
border-radius: 4px; | |||
white-space: nowrap; | |||
opacity: 0; | |||
animation: fadeInOut 1s ease forwards; | |||
pointer-events: none; | |||
} | |||
@keyframes fadeInOut { | |||
0% { opacity: 0; transform: translate(-50%, 4px); } | |||
20% { opacity: 1; transform: translate(-50%, 0); } | |||
80% { opacity: 1; } | |||
100% { opacity: 0; transform: translate(-50%, -4px); } | |||
} | } | ||
Revision as of 15:17, 21 January 2026
/* CSS placed here will be applied to all skins */
/* Force sidebar open by default (Vector 2022) */
.vector-feature-page-tools-enabled .vector-sidebar-container {
transform: none !important;
}
.vector-feature-page-tools-enabled .vector-sidebar {
display: block !important;
}
.wiki-copy-btn {
display: inline-block;
padding: 4px 8px;
margin: 2px 0;
background: #2563eb;
color: #fff;
border-radius: 4px;
cursor: pointer;
font-size: 0.9em;
user-select: none;
}
.wiki-copy-btn:hover {
background: #1d4ed8;
}
.wiki-copy-btn.copied {
background: #16a34a;
}
/* new */
.wiki-copy-btn {
position: relative;
cursor: pointer;
}
.copy-tooltip {
position: absolute;
top: -28px;
left: 50%;
transform: translateX(-50%);
background: #2b2b2b;
color: #fff;
font-size: 12px;
padding: 3px 8px;
border-radius: 4px;
white-space: nowrap;
opacity: 0;
animation: fadeInOut 1s ease forwards;
pointer-events: none;
}
@keyframes fadeInOut {
0% { opacity: 0; transform: translate(-50%, 4px); }
20% { opacity: 1; transform: translate(-50%, 0); }
80% { opacity: 1; }
100% { opacity: 0; transform: translate(-50%, -4px); }
}