MediaWiki:Gadget-ezcopy.css

 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 }