MediaWiki:Gadget-ezcopy.css
Jump to navigation
Jump to search
After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.
- In most Windows and Linux browsers: Hold down Ctrl and press F5.
- In Safari: Hold down ⇧ Shift and click the Reload button.
- In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.
.rsw-ezcopy-container {
display: inline-block;
font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif;
margin-left: 0.25em;
user-select: none;
}
/* ooui like buttons */
.rsw-ezcopy-container .rsw-ezcopy-button {
display: inline-block;
height: 2em;
width: 4em;
vertical-align: middle;
text-align: center;
font-size: 0.4em;
background: var(--ooui-normal);
border: 1px solid var(--ooui-normal-border);
font-weight: normal;
cursor: pointer;
line-height: 1em;
transition: background-color 100ms;
}
.rsw-ezcopy-container .rsw-ezcopy-button + .rsw-ezcopy-button {
border-left: 0;
}
.rsw-ezcopy-container .rsw-ezcopy-button:first-child {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.rsw-ezcopy-container .rsw-ezcopy-button:last-child {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.rsw-ezcopy-container .rsw-ezcopy-button:hover {
background: var(--ooui-normal--hover);
}
.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-icon {
height: 100%;
display: inline-block;
vertical-align: middle;
}
.rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-label {
display: inline-block;
vertical-align: middle;
}
.rsw-ezcopy-container .rsw-ezcopy-button.rsw-ezcopy-copied {
animation-name: rswezcopyclick;
animation-duration: 1s;
animation-timing-function:linear;
animation-iteration-count: 1;
}
@keyframes rswezcopyclick {
from {background: white; border-color:white;}
20% {background:green; border-color:darkgreen;}
to {}
}