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 #deeeec;
18  padding: 0.5em 0.75em 0.75em 0.5em;
19  margin-left: 0.5em;
20  border-radius: 0.25em;
21  cursor: pointer;
22  background: #f2faff;
23  line-height: 0.5em;
24
25  &:hover {
26    border-color: #bbdae8;
27  }
28  &:active {
29    background-color: #deeffb
30  }
31  &.disabled {
32    color: #707070;
33    background-color: #f5f5f5;
34    border-color: #ededed;
35    cursor: not-allowed;
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: #2372b3;
47}
48.h5peditor-copy-button:before {
49  content: "\e90e";
50}
51.h5peditor-paste-button:before {
52  content: "\e910";
53}
54.h5peditor-copy-button.disabled:before,
55.h5peditor-paste-button.disabled:before {
56  color: #707070;
57}
58.h5peditor-copy-button.disabled:before {
59  content: "\e90f";
60}
61.h5peditor-paste-button.disabled:before {
62  content: "\e911";
63}
64.h5p-hub .h5peditor-paste-button {
65  font-family: $font-family;
66  color: #fff;
67  border: solid 1px #9fc8f4;
68  padding: 0 0.75em 0.5em 0.75em;
69  background: transparent;
70  line-height: 1;
71  height: auto;
72  margin-top: 0.675em;
73  margin-right: 0.675em;
74
75  &:hover {
76    background: #4b5460;
77    border-color: #606a78;
78  }
79  &:active {
80    background: #434b55;
81  }
82  &.disabled {
83    border-color: #30353d;
84    background: #30353d;
85    color: #c2c2c2;
86  }
87}
88.h5p-hub .h5peditor-paste-button:before {
89  color: #9fc8f4;
90}
91.h5p-hub .h5peditor-paste-button.disabled:before {
92  color: #c3c3c3;
93}
94