MediaWiki:Gadget-ezcopy.css

From Zeah RSPS - Wiki
Revision as of 08:40, 16 February 2022 by Soulgazer (talk | contribs) (Created page with ".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...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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