MediaWiki:Gadget-ezcopy.css
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 }