MediaWiki:Gadget-ezcopy.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

.rsw-ezcopy-container {
  display: inline-block;
  font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif;
  margin-left: 0.2em;
}
.rsw-ezcopy-container .rsw-ezcopy-button {
  display: inline-block;
  height: 2em;
  width: 4em;
  vertical-align: middle;
  text-align: center;
  font-size: 0.4em;
  border: 2px solid var(--body-border);
  background: var(--body-dark);
  font-weight: normal;
  cursor: pointer;
  line-height: 1em;
}
.rsw-ezcopy-container .rsw-ezcopy-button+.rsw-ezcopy-button {
  border-left: 0;
}
.rsw-ezcopy-container .rsw-ezcopy-button:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.rsw-ezcopy-container .rsw-ezcopy-button:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.rsw-ezcopy-container .rsw-ezcopy-button:hover {
  opacity: 0.8;
}
.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;
}


.wgl-darkmode .rsw-ezcopy-container .rsw-ezcopy-button {
  border-color:#596e96;
  background-color:#303f59;
}
.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 {}
}