1.h5peditor-copypaste-wrap {
2  float: right;
3}
4.h5peditor > .h5peditor-copypaste-wrap {
5  /* Make sure buttons are visible when Tutorial and Example is missing */
6  margin-bottom: 14px;
7}
8.h5peditor-copypaste-wrap.hidden {
9  display: none;
10}
11.h5peditor-clearfix {
12  clear: both;
13}
14
15.h5peditor-paste-button,
16.h5peditor-copy-button {
17  border: 1px solid #cdcdcd;
18  background: #f5f5f5;
19  padding: 0.5em 0.75em 0.75em 0.5em;
20  margin-left: 0.5em;
21  border-radius: 0.25em;
22  cursor: pointer;
23  background: #f2faff;
24  border-color: #deeeec;
25  line-height: 0.5em;
26
27  &:hover {
28    border-color: #bbdae8;
29  }
30  &:active {
31    background-color: #deeffb
32  }
33  &.disabled {
34    opacity: 0.3;
35    cursor: auto;
36  }
37}
38
39.h5peditor-copy-button:before,
40.h5peditor-paste-button:before {
41  font-family: $icon-font-family;
42  margin-right: 5px;
43  font-size: 1.5em;
44  position: relative;
45  top: 0.2em;
46  color: #2d8ad6;
47}
48.h5peditor-copy-button:before {
49  content: "\e905";
50}
51.h5peditor-paste-button:before {
52  content: "\e90a";
53}
54.h5p-hub .h5peditor-paste-button {
55  font-family: $font-family;
56  color: #fff;
57  border: solid 1px transparent;
58  padding: 0 0.75em 0.5em 0.75em;
59  background: transparent;
60  line-height: 1;
61  height: auto;
62  margin-top: 0.5em;
63  margin-right: 0.5em;
64
65  &:hover {
66    background: #4b5460;
67    border-color: #606a78;
68  }
69  &:active {
70    background: #434b55;
71  }
72  &.disabled {
73    border-color:transparent;
74  }
75}
76.h5p-hub .h5peditor-paste-button:before {
77  color: #68a9ed;
78}
79