MediaWiki:Gadget-ezcopy.css

From Old School Near-Reality Wiki
Revision as of 18:26, 3 October 2022 by Jacmob (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; user-select: none; } .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-...")
(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.
 1 .rsw-ezcopy-container {
 2   display: inline-block;
 3   font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif;
 4   margin-left: 0.2em;
 5   user-select: none;
 6 }
 7 .rsw-ezcopy-container .rsw-ezcopy-button {
 8   display: inline-block;
 9   height: 2em;
10   width: 4em;
11   vertical-align: middle;
12   text-align: center;
13   font-size: 0.4em;
14   border: 2px solid var(--body-border);
15   background: var(--body-dark);
16   font-weight: normal;
17   cursor: pointer;
18   line-height: 1em;
19 }
20 .rsw-ezcopy-container .rsw-ezcopy-button+.rsw-ezcopy-button {
21   border-left: 0;
22 }
23 .rsw-ezcopy-container .rsw-ezcopy-button:first-child {
24   border-bottom-left-radius: 5px;
25   border-top-left-radius: 5px;
26 }
27 .rsw-ezcopy-container .rsw-ezcopy-button:last-child {
28   border-bottom-right-radius: 5px;
29   border-top-right-radius: 5px;
30 }
31 .rsw-ezcopy-container .rsw-ezcopy-button:hover {
32   opacity: 0.8;
33 }
34 .rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-icon {
35   height: 100%;
36   display: inline-block;
37   vertical-align: middle;
38 }
39 .rsw-ezcopy-container .rsw-ezcopy-button .rsw-ezcopy-label {
40   display: inline-block;
41   vertical-align: middle;
42 }
43 
44 
45 .wgl-darkmode .rsw-ezcopy-container .rsw-ezcopy-button {
46   border-color:#596e96;
47   background-color:#303f59;
48 }
49 .rsw-ezcopy-container .rsw-ezcopy-button.rsw-ezcopy-copied {
50   animation-name: rswezcopyclick;
51   animation-duration: 1s;
52   animation-timing-function:linear;
53   animation-iteration-count: 1;
54 }
55 @keyframes rswezcopyclick {
56   from {background: white; border-color:white;}
57   20% {background:green; border-color:darkgreen;}
58   to {}
59 }