medium-editor-rails 2.0.9 → 2.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,132 +1,163 @@
1
- .clearfix:after {
2
- display: block;
3
- visibility: hidden;
4
- clear: both;
5
- height: 0;
6
- content: " ";
7
- font-size: 0; }
1
+ @-webkit-keyframes medium-editor-image-loading {
2
+ 0% {
3
+ -webkit-transform: scale(0);
4
+ transform: scale(0); }
5
+ 100% {
6
+ -webkit-transform: scale(1);
7
+ transform: scale(1); } }
8
8
 
9
- @-webkit-keyframes pop-upwards {
9
+ @keyframes medium-editor-image-loading {
10
10
  0% {
11
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
12
- transform: matrix(0.97, 0, 0, 1, 0, 12);
13
- opacity: 0; }
11
+ -webkit-transform: scale(0);
12
+ transform: scale(0); }
13
+ 100% {
14
+ -webkit-transform: scale(1);
15
+ transform: scale(1); } }
14
16
 
17
+ @-webkit-keyframes medium-editor-pop-upwards {
18
+ 0% {
19
+ opacity: 0;
20
+ -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
21
+ transform: matrix(0.97, 0, 0, 1, 0, 12); }
15
22
  20% {
23
+ opacity: .7;
16
24
  -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
17
- transform: matrix(0.99, 0, 0, 1, 0, 2);
18
- opacity: .7; }
19
-
25
+ transform: matrix(0.99, 0, 0, 1, 0, 2); }
20
26
  40% {
27
+ opacity: 1;
21
28
  -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
22
- transform: matrix(1, 0, 0, 1, 0, -1);
23
- opacity: 1; }
24
-
25
- 70% {
26
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
27
- transform: matrix(1, 0, 0, 1, 0, 0);
28
- opacity: 1; }
29
-
29
+ transform: matrix(1, 0, 0, 1, 0, -1); }
30
30
  100% {
31
31
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
32
- transform: matrix(1, 0, 0, 1, 0, 0);
33
- opacity: 1; } }
32
+ transform: matrix(1, 0, 0, 1, 0, 0); } }
34
33
 
35
- @keyframes pop-upwards {
34
+ @keyframes medium-editor-pop-upwards {
36
35
  0% {
36
+ opacity: 0;
37
37
  -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
38
- transform: matrix(0.97, 0, 0, 1, 0, 12);
39
- opacity: 0; }
40
-
38
+ transform: matrix(0.97, 0, 0, 1, 0, 12); }
41
39
  20% {
40
+ opacity: .7;
42
41
  -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
43
- transform: matrix(0.99, 0, 0, 1, 0, 2);
44
- opacity: .7; }
45
-
42
+ transform: matrix(0.99, 0, 0, 1, 0, 2); }
46
43
  40% {
44
+ opacity: 1;
47
45
  -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
48
- transform: matrix(1, 0, 0, 1, 0, -1);
49
- opacity: 1; }
50
-
51
- 70% {
52
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
53
- transform: matrix(1, 0, 0, 1, 0, 0);
54
- opacity: 1; }
55
-
46
+ transform: matrix(1, 0, 0, 1, 0, -1); }
56
47
  100% {
57
48
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
58
- transform: matrix(1, 0, 0, 1, 0, 0);
59
- opacity: 1; } }
49
+ transform: matrix(1, 0, 0, 1, 0, 0); } }
60
50
 
61
- .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
51
+ .medium-editor-anchor-preview {
52
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
53
+ font-size: 16px;
54
+ left: 0;
55
+ line-height: 1.4;
56
+ max-width: 280px;
62
57
  position: absolute;
63
- left: 50%;
58
+ text-align: center;
59
+ top: 0;
60
+ word-break: break-all;
61
+ word-wrap: break-word;
62
+ visibility: hidden;
63
+ z-index: 2000; }
64
+ .medium-editor-anchor-preview a {
65
+ color: #fff;
66
+ display: inline-block;
67
+ margin: 5px 5px 10px; }
68
+
69
+ .medium-editor-anchor-preview-active {
70
+ visibility: visible; }
71
+
72
+ .medium-editor-dragover {
73
+ background: #ddd; }
74
+
75
+ .medium-editor-image-loading {
76
+ -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
77
+ animation: medium-editor-image-loading 1s infinite ease-in-out;
78
+ background-color: #333;
79
+ border-radius: 100%;
80
+ display: inline-block;
81
+ height: 40px;
82
+ width: 40px; }
83
+
84
+ .medium-editor-placeholder {
85
+ position: relative; }
86
+ .medium-editor-placeholder:after {
87
+ content: attr(data-placeholder) !important;
88
+ font-style: italic;
89
+ left: 0;
90
+ position: absolute;
91
+ top: 0;
92
+ white-space: pre;
93
+ padding: inherit;
94
+ margin: inherit; }
95
+
96
+ .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
97
+ border-style: solid;
98
+ content: '';
64
99
  display: block;
65
- margin-left: -8px;
66
- width: 0;
67
100
  height: 0;
68
- border-style: solid;
69
- content: ""; }
101
+ left: 50%;
102
+ margin-left: -8px;
103
+ position: absolute;
104
+ width: 0; }
70
105
 
71
106
  .medium-toolbar-arrow-under:after {
72
107
  border-width: 8px 8px 0 8px; }
73
108
 
74
109
  .medium-toolbar-arrow-over:before {
75
- top: -8px;
76
- border-width: 0 8px 8px 8px; }
110
+ border-width: 0 8px 8px 8px;
111
+ top: -8px; }
77
112
 
78
- .medium-editor-toolbar, .medium-editor-anchor-preview {
113
+ .medium-editor-toolbar {
114
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
115
+ font-size: 16px;
116
+ left: 0;
79
117
  position: absolute;
80
118
  top: 0;
81
- left: 0;
82
- z-index: 2000;
83
119
  visibility: hidden;
84
- font-size: 16px;
85
- font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
86
- .medium-editor-toolbar ul, .medium-editor-anchor-preview ul {
120
+ z-index: 2000; }
121
+ .medium-editor-toolbar ul {
87
122
  margin: 0;
88
123
  padding: 0; }
89
- .medium-editor-toolbar li, .medium-editor-anchor-preview li {
124
+ .medium-editor-toolbar li {
90
125
  float: left;
126
+ list-style: none;
91
127
  margin: 0;
92
- padding: 0;
93
- list-style: none; }
94
- .medium-editor-toolbar li button, .medium-editor-anchor-preview li button {
95
- display: block;
96
- margin: 0;
97
- padding: 15px;
128
+ padding: 0; }
129
+ .medium-editor-toolbar li button {
130
+ box-sizing: border-box;
98
131
  cursor: pointer;
132
+ display: block;
99
133
  font-size: 14px;
100
134
  line-height: 1.33;
101
- text-decoration: none;
102
- box-sizing: border-box; }
103
- .medium-editor-toolbar li button:focus, .medium-editor-anchor-preview li button:focus {
135
+ margin: 0;
136
+ padding: 15px;
137
+ text-decoration: none; }
138
+ .medium-editor-toolbar li button:focus {
104
139
  outline: none; }
105
- .medium-editor-toolbar li .medium-editor-action-underline, .medium-editor-anchor-preview li .medium-editor-action-underline {
140
+ .medium-editor-toolbar li .medium-editor-action-underline {
106
141
  text-decoration: underline; }
107
- .medium-editor-toolbar li .medium-editor-action-pre, .medium-editor-anchor-preview li .medium-editor-action-pre {
108
- padding: 15px 0;
109
- font-weight: 100;
142
+ .medium-editor-toolbar li .medium-editor-action-pre {
143
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
110
144
  font-size: 12px;
111
- font-family: 'Menlo', monospace; }
112
-
113
- .medium-editor-anchor-preview i {
114
- display: inline-block;
115
- margin: 5px 5px 5px 10px;
116
- text-decoration: underline;
117
- font-style: normal;
118
- cursor: pointer; }
145
+ font-weight: 100;
146
+ padding: 15px 0; }
119
147
 
120
- .medium-editor-toolbar-active, .medium-editor-anchor-preview-active {
148
+ .medium-editor-toolbar-active {
121
149
  visibility: visible; }
122
150
 
123
- .sticky-toolbar {
151
+ .medium-editor-sticky-toolbar {
124
152
  position: fixed;
125
153
  top: 1px; }
126
154
 
127
- .medium-editor-toolbar-active.stalker-toolbar {
128
- -webkit-animation: pop-upwards 160ms forwards linear;
129
- animation: pop-upwards 160ms forwards linear; }
155
+ .medium-editor-relative-toolbar {
156
+ position: relative; }
157
+
158
+ .medium-editor-toolbar-active.medium-editor-stalker-toolbar {
159
+ -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
160
+ animation: medium-editor-pop-upwards 160ms forwards linear; }
130
161
 
131
162
  .medium-editor-action-bold {
132
163
  font-weight: bolder; }
@@ -136,67 +167,50 @@
136
167
 
137
168
  .medium-editor-toolbar-form {
138
169
  display: none; }
139
- .medium-editor-toolbar-form input, .medium-editor-toolbar-form a {
140
- font-family: HelveticaNeue, Helvetica, Arial, sans-serif; }
141
- .medium-editor-toolbar-form .medium-editor-toolbar-input, .medium-editor-toolbar-form label {
170
+ .medium-editor-toolbar-form input,
171
+ .medium-editor-toolbar-form a {
172
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
173
+ .medium-editor-toolbar-form .medium-editor-toolbar-form-row {
174
+ line-height: 14px;
175
+ margin-left: 5px;
176
+ padding-bottom: 5px; }
177
+ .medium-editor-toolbar-form .medium-editor-toolbar-input,
178
+ .medium-editor-toolbar-form label {
179
+ border: none;
180
+ box-sizing: border-box;
181
+ font-size: 14px;
142
182
  margin: 0;
143
183
  padding: 6px;
144
184
  width: 316px;
145
- border: none;
146
- font-size: 14px;
147
- box-sizing: border-box; }
148
- .medium-editor-toolbar-form .medium-editor-toolbar-input:focus, .medium-editor-toolbar-form label:focus {
149
- outline: 0;
185
+ display: inline-block; }
186
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
187
+ .medium-editor-toolbar-form label:focus {
188
+ -webkit-appearance: none;
189
+ -moz-appearance: none;
190
+ appearance: none;
150
191
  border: none;
151
192
  box-shadow: none;
152
- appearance: none; }
153
- .medium-editor-toolbar-form label {
154
- display: block; }
193
+ outline: 0; }
155
194
  .medium-editor-toolbar-form a {
156
195
  display: inline-block;
157
- margin: 0 10px;
158
- text-decoration: none;
196
+ font-size: 24px;
159
197
  font-weight: bolder;
160
- font-size: 24px; }
161
-
162
- .medium-editor-placeholder {
163
- position: relative; }
164
- .medium-editor-placeholder:after {
165
- position: absolute;
166
- top: 0;
167
- left: 0;
168
- content: attr(data-placeholder) !important;
169
- font-style: italic;
170
- white-space: pre; }
171
-
172
- .medium-editor-dragover {
173
- background: #ddd; }
198
+ margin: 0 10px;
199
+ text-decoration: none; }
174
200
 
175
- .medium-image-loading {
176
- width: 40px;
177
- height: 40px;
178
- background-color: #333;
179
- display: inline-block;
180
- border-radius: 100%;
181
- -webkit-animation: medium-image-loading-animation 1s infinite ease-in-out;
182
- animation: medium-image-loading-animation 1s infinite ease-in-out; }
201
+ .medium-editor-toolbar-actions:after {
202
+ clear: both;
203
+ content: "";
204
+ display: table; }
183
205
 
184
- @-webkit-keyframes medium-image-loading-animation {
185
- 0% {
186
- -webkit-transform: scale(0);
187
- transform: scale(0); }
206
+ [data-medium-editor-element] img {
207
+ max-width: 100%; }
188
208
 
189
- 100% {
190
- -webkit-transform: scale(1);
191
- transform: scale(1);
192
- opacity: 0; } }
209
+ [data-medium-editor-element] sub {
210
+ vertical-align: sub; }
193
211
 
194
- @keyframes medium-image-loading-animation {
195
- 0% {
196
- -webkit-transform: scale(0);
197
- transform: scale(0); }
212
+ [data-medium-editor-element] sup {
213
+ vertical-align: super; }
198
214
 
199
- 100% {
200
- -webkit-transform: scale(1);
201
- transform: scale(1);
202
- opacity: 0; } }
215
+ .medium-editor-hidden {
216
+ display: none; }
@@ -0,0 +1,78 @@
1
+ .medium-toolbar-arrow-under:after {
2
+ border-color: #000 transparent transparent transparent;
3
+ top: 40px; }
4
+
5
+ .medium-toolbar-arrow-over:before {
6
+ border-color: transparent transparent #000 transparent; }
7
+
8
+ .medium-editor-toolbar {
9
+ background-color: #000;
10
+ border: none;
11
+ border-radius: 50px; }
12
+ .medium-editor-toolbar li button {
13
+ background-color: transparent;
14
+ border: none;
15
+ box-sizing: border-box;
16
+ color: #ccc;
17
+ height: 40px;
18
+ min-width: 40px;
19
+ padding: 5px 12px;
20
+ -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
+ transition: background-color .2s ease-in, color .2s ease-in; }
22
+ .medium-editor-toolbar li button:hover {
23
+ background-color: #000;
24
+ color: #a2d7c7; }
25
+ .medium-editor-toolbar li .medium-editor-button-first {
26
+ border-bottom-left-radius: 50px;
27
+ border-top-left-radius: 50px;
28
+ padding-left: 24px; }
29
+ .medium-editor-toolbar li .medium-editor-button-last {
30
+ border-bottom-right-radius: 50px;
31
+ border-right: none;
32
+ border-top-right-radius: 50px;
33
+ padding-right: 24px; }
34
+ .medium-editor-toolbar li .medium-editor-button-active {
35
+ background-color: #000;
36
+ color: #a2d7c7; }
37
+
38
+ .medium-editor-toolbar-form {
39
+ background: #000;
40
+ border-radius: 50px;
41
+ color: #ccc;
42
+ overflow: hidden; }
43
+ .medium-editor-toolbar-form .medium-editor-toolbar-input {
44
+ background: #000;
45
+ box-sizing: border-box;
46
+ color: #ccc;
47
+ height: 40px;
48
+ padding-left: 16px;
49
+ width: 220px; }
50
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
51
+ color: #f8f5f3;
52
+ color: rgba(248, 245, 243, 0.8); }
53
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
54
+ /* Firefox 18- */
55
+ color: #f8f5f3;
56
+ color: rgba(248, 245, 243, 0.8); }
57
+ .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
58
+ /* Firefox 19+ */
59
+ color: #f8f5f3;
60
+ color: rgba(248, 245, 243, 0.8); }
61
+ .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
62
+ color: #f8f5f3;
63
+ color: rgba(248, 245, 243, 0.8); }
64
+ .medium-editor-toolbar-form a {
65
+ color: #ccc;
66
+ -webkit-transform: translateY(2px);
67
+ transform: translateY(2px); }
68
+ .medium-editor-toolbar-form .medium-editor-toolbar-close {
69
+ margin-right: 16px; }
70
+
71
+ .medium-editor-toolbar-anchor-preview {
72
+ background: #000;
73
+ border-radius: 50px;
74
+ padding: 5px 12px; }
75
+
76
+ .medium-editor-anchor-preview a {
77
+ color: #ccc;
78
+ text-decoration: none; }
@@ -0,0 +1 @@
1
+ .medium-toolbar-arrow-under:after{border-color:#000 transparent transparent;top:40px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #000}.medium-editor-toolbar{background-color:#000;border:none;border-radius:50px}.medium-editor-toolbar li button{background-color:transparent;border:none;box-sizing:border-box;color:#ccc;height:40px;min-width:40px;padding:5px 12px;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li .medium-editor-button-active,.medium-editor-toolbar li button:hover{background-color:#000;color:#a2d7c7}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:50px;border-top-left-radius:50px;padding-left:24px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:50px;border-right:none;border-top-right-radius:50px;padding-right:24px}.medium-editor-toolbar-form{background:#000;border-radius:50px;color:#ccc;overflow:hidden}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#000;box-sizing:border-box;color:#ccc;height:40px;padding-left:16px;width:220px}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form a{color:#ccc;-webkit-transform:translateY(2px);transform:translateY(2px)}.medium-editor-toolbar-form .medium-editor-toolbar-close{margin-right:16px}.medium-editor-toolbar-anchor-preview{background:#000;border-radius:50px;padding:5px 12px}.medium-editor-anchor-preview a{color:#ccc;text-decoration:none}
@@ -1,46 +1,46 @@
1
1
  .medium-toolbar-arrow-under:after {
2
- top: 60px;
3
- border-color: #428bca transparent transparent transparent; }
2
+ border-color: #428bca transparent transparent transparent;
3
+ top: 60px; }
4
4
 
5
5
  .medium-toolbar-arrow-over:before {
6
6
  border-color: transparent transparent #428bca transparent; }
7
7
 
8
8
  .medium-editor-toolbar {
9
- border: 1px solid #357ebd;
10
9
  background-color: #428bca;
10
+ border: 1px solid #357ebd;
11
11
  border-radius: 4px; }
12
12
  .medium-editor-toolbar li button {
13
- min-width: 60px;
14
- height: 60px;
13
+ background-color: transparent;
15
14
  border: none;
16
15
  border-right: 1px solid #357ebd;
17
- background-color: transparent;
18
- color: #fff;
19
16
  box-sizing: border-box;
17
+ color: #fff;
18
+ height: 60px;
19
+ min-width: 60px;
20
20
  -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
21
  transition: background-color .2s ease-in, color .2s ease-in; }
22
22
  .medium-editor-toolbar li button:hover {
23
23
  background-color: #3276b1;
24
24
  color: #fff; }
25
25
  .medium-editor-toolbar li .medium-editor-button-first {
26
- border-top-left-radius: 4px;
27
- border-bottom-left-radius: 4px; }
26
+ border-bottom-left-radius: 4px;
27
+ border-top-left-radius: 4px; }
28
28
  .medium-editor-toolbar li .medium-editor-button-last {
29
+ border-bottom-right-radius: 4px;
29
30
  border-right: none;
30
- border-top-right-radius: 4px;
31
- border-bottom-right-radius: 4px; }
31
+ border-top-right-radius: 4px; }
32
32
  .medium-editor-toolbar li .medium-editor-button-active {
33
33
  background-color: #3276b1;
34
34
  color: #fff; }
35
35
 
36
36
  .medium-editor-toolbar-form {
37
37
  background: #428bca;
38
- color: #fff;
39
- border-radius: 4px; }
38
+ border-radius: 4px;
39
+ color: #fff; }
40
40
  .medium-editor-toolbar-form .medium-editor-toolbar-input {
41
- height: 60px;
42
41
  background: #428bca;
43
- color: #fff; }
42
+ color: #fff;
43
+ height: 60px; }
44
44
  .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
45
45
  color: #fff;
46
46
  color: rgba(255, 255, 255, 0.8); }
@@ -60,8 +60,8 @@
60
60
 
61
61
  .medium-editor-toolbar-anchor-preview {
62
62
  background: #428bca;
63
- color: #fff;
64
- border-radius: 4px; }
63
+ border-radius: 4px;
64
+ color: #fff; }
65
65
 
66
66
  .medium-editor-placeholder:after {
67
67
  color: #357ebd; }