flashgrid-ext 1.0.8 → 1.0.9

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,353 +0,0 @@
1
- /* Table of Contents
2
- ==================================================
3
- #Inline Editor */
4
-
5
- /* #Inline Editor
6
- ================================================== */
7
- @-webkit-keyframes pop-upwards {
8
- 0% {
9
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
10
- -moz-transform: matrix(0.97, 0, 0, 1, 0, 12);
11
- -ms-transform: matrix(0.97, 0, 0, 1, 0, 12);
12
- -o-transform: matrix(0.97, 0, 0, 1, 0, 12);
13
- transform: matrix(0.97, 0, 0, 1, 0, 12);
14
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
15
- opacity: 0;
16
- }
17
- 20% {
18
- -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
19
- -moz-transform: matrix(0.99, 0, 0, 1, 0, 2);
20
- -ms-transform: matrix(0.99, 0, 0, 1, 0, 2);
21
- -o-transform: matrix(0.99, 0, 0, 1, 0, 2);
22
- transform: matrix(0.99, 0, 0, 1, 0, 2);
23
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
24
- opacity: 0.7;
25
- }
26
- 40% {
27
- -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
28
- -moz-transform: matrix(1, 0, 0, 1, 0, -1);
29
- -ms-transform: matrix(1, 0, 0, 1, 0, -1);
30
- -o-transform: matrix(1, 0, 0, 1, 0, -1);
31
- transform: matrix(1, 0, 0, 1, 0, -1);
32
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
33
- opacity: 1;
34
- }
35
- 70% {
36
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
37
- -moz-transform: matrix(1, 0, 0, 1, 0, 0);
38
- -ms-transform: matrix(1, 0, 0, 1, 0, 0);
39
- -o-transform: matrix(1, 0, 0, 1, 0, 0);
40
- transform: matrix(1, 0, 0, 1, 0, 0);
41
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
42
- opacity: 1;
43
- }
44
- 100% {
45
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
46
- -moz-transform: matrix(1, 0, 0, 1, 0, 0);
47
- -ms-transform: matrix(1, 0, 0, 1, 0, 0);
48
- -o-transform: matrix(1, 0, 0, 1, 0, 0);
49
- transform: matrix(1, 0, 0, 1, 0, 0);
50
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
51
- opacity: 1;
52
- }
53
- }
54
- @-moz-keyframes pop-upwards {
55
- 0% {
56
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
57
- -moz-transform: matrix(0.97, 0, 0, 1, 0, 12);
58
- -ms-transform: matrix(0.97, 0, 0, 1, 0, 12);
59
- -o-transform: matrix(0.97, 0, 0, 1, 0, 12);
60
- transform: matrix(0.97, 0, 0, 1, 0, 12);
61
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
62
- opacity: 0;
63
- }
64
- 20% {
65
- -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
66
- -moz-transform: matrix(0.99, 0, 0, 1, 0, 2);
67
- -ms-transform: matrix(0.99, 0, 0, 1, 0, 2);
68
- -o-transform: matrix(0.99, 0, 0, 1, 0, 2);
69
- transform: matrix(0.99, 0, 0, 1, 0, 2);
70
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
71
- opacity: 0.7;
72
- }
73
- 40% {
74
- -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
75
- -moz-transform: matrix(1, 0, 0, 1, 0, -1);
76
- -ms-transform: matrix(1, 0, 0, 1, 0, -1);
77
- -o-transform: matrix(1, 0, 0, 1, 0, -1);
78
- transform: matrix(1, 0, 0, 1, 0, -1);
79
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
80
- opacity: 1;
81
- }
82
- 70% {
83
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
84
- -moz-transform: matrix(1, 0, 0, 1, 0, 0);
85
- -ms-transform: matrix(1, 0, 0, 1, 0, 0);
86
- -o-transform: matrix(1, 0, 0, 1, 0, 0);
87
- transform: matrix(1, 0, 0, 1, 0, 0);
88
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
89
- opacity: 1;
90
- }
91
- 100% {
92
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
93
- -moz-transform: matrix(1, 0, 0, 1, 0, 0);
94
- -ms-transform: matrix(1, 0, 0, 1, 0, 0);
95
- -o-transform: matrix(1, 0, 0, 1, 0, 0);
96
- transform: matrix(1, 0, 0, 1, 0, 0);
97
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
98
- opacity: 1;
99
- }
100
- }
101
- @-o-keyframes pop-upwards {
102
- 0% {
103
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
104
- -moz-transform: matrix(0.97, 0, 0, 1, 0, 12);
105
- -ms-transform: matrix(0.97, 0, 0, 1, 0, 12);
106
- -o-transform: matrix(0.97, 0, 0, 1, 0, 12);
107
- transform: matrix(0.97, 0, 0, 1, 0, 12);
108
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
109
- opacity: 0;
110
- }
111
- 20% {
112
- -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
113
- -moz-transform: matrix(0.99, 0, 0, 1, 0, 2);
114
- -ms-transform: matrix(0.99, 0, 0, 1, 0, 2);
115
- -o-transform: matrix(0.99, 0, 0, 1, 0, 2);
116
- transform: matrix(0.99, 0, 0, 1, 0, 2);
117
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
118
- opacity: 0.7;
119
- }
120
- 40% {
121
- -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
122
- -moz-transform: matrix(1, 0, 0, 1, 0, -1);
123
- -ms-transform: matrix(1, 0, 0, 1, 0, -1);
124
- -o-transform: matrix(1, 0, 0, 1, 0, -1);
125
- transform: matrix(1, 0, 0, 1, 0, -1);
126
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
127
- opacity: 1;
128
- }
129
- 70% {
130
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
131
- -moz-transform: matrix(1, 0, 0, 1, 0, 0);
132
- -ms-transform: matrix(1, 0, 0, 1, 0, 0);
133
- -o-transform: matrix(1, 0, 0, 1, 0, 0);
134
- transform: matrix(1, 0, 0, 1, 0, 0);
135
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
136
- opacity: 1;
137
- }
138
- 100% {
139
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
140
- -moz-transform: matrix(1, 0, 0, 1, 0, 0);
141
- -ms-transform: matrix(1, 0, 0, 1, 0, 0);
142
- -o-transform: matrix(1, 0, 0, 1, 0, 0);
143
- transform: matrix(1, 0, 0, 1, 0, 0);
144
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
145
- opacity: 1;
146
- }
147
- }
148
- @keyframes pop-upwards {
149
- 0% {
150
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
151
- -moz-transform: matrix(0.97, 0, 0, 1, 0, 12);
152
- -ms-transform: matrix(0.97, 0, 0, 1, 0, 12);
153
- -o-transform: matrix(0.97, 0, 0, 1, 0, 12);
154
- transform: matrix(0.97, 0, 0, 1, 0, 12);
155
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
156
- opacity: 0;
157
- }
158
- 20% {
159
- -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
160
- -moz-transform: matrix(0.99, 0, 0, 1, 0, 2);
161
- -ms-transform: matrix(0.99, 0, 0, 1, 0, 2);
162
- -o-transform: matrix(0.99, 0, 0, 1, 0, 2);
163
- transform: matrix(0.99, 0, 0, 1, 0, 2);
164
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
165
- opacity: 0.7;
166
- }
167
- 40% {
168
- -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
169
- -moz-transform: matrix(1, 0, 0, 1, 0, -1);
170
- -ms-transform: matrix(1, 0, 0, 1, 0, -1);
171
- -o-transform: matrix(1, 0, 0, 1, 0, -1);
172
- transform: matrix(1, 0, 0, 1, 0, -1);
173
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
174
- opacity: 1;
175
- }
176
- 70% {
177
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
178
- -moz-transform: matrix(1, 0, 0, 1, 0, 0);
179
- -ms-transform: matrix(1, 0, 0, 1, 0, 0);
180
- -o-transform: matrix(1, 0, 0, 1, 0, 0);
181
- transform: matrix(1, 0, 0, 1, 0, 0);
182
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
183
- opacity: 1;
184
- }
185
- 100% {
186
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
187
- -moz-transform: matrix(1, 0, 0, 1, 0, 0);
188
- -ms-transform: matrix(1, 0, 0, 1, 0, 0);
189
- -o-transform: matrix(1, 0, 0, 1, 0, 0);
190
- transform: matrix(1, 0, 0, 1, 0, 0);
191
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
192
- opacity: 1;
193
- }
194
- }
195
- .inline-editor-content a { color: rgba(58,144,216,1); }
196
- .inline-editor-content:focus {
197
- -webkit-appearance: none;
198
- -moz-appearance: none;
199
- border: none;
200
- box-shadow: none;
201
- outline: 0;
202
- }
203
- .inline-toolbar-arrow-under:after,
204
- .inline-toolbar-arrow-over:before {
205
- content: "";
206
- border-style: solid;
207
- display: block;
208
- height: 0;
209
- left: 50%;
210
- margin-left: -8px;
211
- position: absolute;
212
- width: 0;
213
- }
214
- .inline-toolbar-arrow-under:after {
215
- border-color: rgba(58,144,216,1) transparent transparent transparent;
216
- border-width: 8px 8px 0 8px;
217
- top: 40px;
218
- }
219
- .inline-toolbar-arrow-over:before {
220
- border-color: transparent transparent rgba(58,144,216,1) transparent;
221
- border-width: 0 8px 8px 8px;
222
- top: -8px;
223
- }
224
- .inline-editor-toolbar {
225
- background-color: rgba(58,144,216,1);
226
- border: 1px solid rgba(28,114,186,1);
227
- border-radius: 3px;
228
- font-size: 16px;
229
- left: 0;
230
- position: absolute;
231
- -webkit-transition: top 0.075s ease-out,left 0.075s ease-out;
232
- -moz-transition: top 0.075s ease-out,left 0.075s ease-out;
233
- -o-transition: top 0.075s ease-out,left 0.075s ease-out;
234
- transition: top 0.075s ease-out,left 0.075s ease-out;
235
- top: 0;
236
- visibility: hidden;
237
- z-index: 2000;
238
- }
239
- .inline-editor-toolbar ul {
240
- margin: 0;
241
- padding: 0;
242
- }
243
- .inline-editor-toolbar li {
244
- float: left;
245
- list-style: none;
246
- margin: 0;
247
- padding: 0;
248
- }
249
- .inline-editor-toolbar li .inline-editor-action-underline { text-decoration: underline; }
250
- .inline-editor-toolbar li .inline-editor-button-active {
251
- background-color: rgba(28,114,186,1);
252
- color: rgba(255,255,255,1);
253
- }
254
- .inline-editor-toolbar li .inline-editor-button-first {
255
- border-top-left-radius: 3px;
256
- border-bottom-left-radius: 3px;
257
- }
258
- .inline-editor-toolbar li .inline-editor-button-last {
259
- border-right: none;
260
- border-top-right-radius: 3px;
261
- border-bottom-right-radius: 3px;
262
- }
263
- .inline-editor-toolbar li .inline-editor-action-pre {
264
- font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
265
- font-size: 12px;
266
- font-weight: 100;
267
- padding: 15px 0;
268
- }
269
- .inline-editor-toolbar li button {
270
- background-color: transparent;
271
- border: none;
272
- border-right: 1px solid rgba(28,114,186,1);
273
- -webkit-box-sizing: border-box;
274
- -moz-box-sizing: border-box;
275
- box-sizing: border-box;
276
- color: rgba(255,255,255,1);
277
- display: block;
278
- font-size: 13px;
279
- height: 40px;
280
- min-width: 40px;
281
- padding: 12px 10px 10px 10px;
282
- text-decoration: none;
283
- -webkit-transition: background-color 0.2s ease-in,color 0.2s ease-in;
284
- -moz-transition: background-color 0.2s ease-in,color 0.2s ease-in;
285
- -o-transition: background-color 0.2s ease-in,color 0.2s ease-in;
286
- transition: background-color 0.2s ease-in,color 0.2s ease-in;
287
- width: 100%;
288
- }
289
- .inline-editor-toolbar li button:hover {
290
- background-color: rgba(28,114,186,1);
291
- color: rgba(255,255,255,1);
292
- }
293
- .inline-editor-toolbar-active {
294
- -webkit-animation: pop-upwards 160ms forwards linear;
295
- -moz-animation: pop-upwards 160ms forwards linear;
296
- -ms-animation: pop-upwards 160ms forwards linear;
297
- -o-animation: pop-upwards 160ms forwards linear;
298
- animation: pop-upwards 160ms forwards linear;
299
- -webkit-transition: top 0.075s ease-out,left 0.075s ease-out;
300
- -moz-transition: top 0.075s ease-out,left 0.075s ease-out;
301
- -o-transition: top 0.075s ease-out,left 0.075s ease-out;
302
- transition: top 0.075s ease-out,left 0.075s ease-out;
303
- visibility: visible;
304
- }
305
- .inline-editor-action-bold { font-weight: bold; }
306
- .inline-editor-action-italic { font-style: italic; }
307
- .inline-editor-toolbar-form-anchor {
308
- background: rgba(58,144,216,1);
309
- border-radius: 3px;
310
- color: rgba(255,255,255,1);
311
- display: none;
312
- }
313
- .inline-editor-toolbar-form-anchor input {
314
- color: rgba(255,255,255,1);
315
- background: rgba(58,144,216,1);
316
- border: none;
317
- display: inline-block;
318
- -webkit-box-sizing: border-box;
319
- -moz-box-sizing: border-box;
320
- box-sizing: border-box;
321
- height: 40px;
322
- margin: 0;
323
- padding: 11px 10px 9px 10px;
324
- width: 240px;
325
- }
326
- .inline-editor-toolbar-form-anchor input::-webkit-input-placeholder { color: rgba(255,255,255,0.8); }
327
- .inline-editor-toolbar-form-anchor input:-ms-input-placeholder { color: rgba(255,255,255,0.8); }
328
- .inline-editor-toolbar-form-anchor input::-moz-placeholder { color: rgba(255,255,255,0.8); }
329
- .inline-editor-toolbar-form-anchor input:-moz-placeholder { color: rgba(255,255,255,0.8); }
330
- .inline-editor-toolbar-form-anchor input:focus {
331
- -webkit-appearance: none;
332
- -moz-appearance: none;
333
- border: none;
334
- box-shadow: none;
335
- outline: 0;
336
- }
337
- .inline-editor-toolbar-form-anchor a {
338
- color: rgba(255,255,255,1);
339
- display: inline-block;
340
- font-size: 24px;
341
- font-weight: bold;
342
- margin: 0 10px;
343
- text-decoration: none;
344
- }
345
- .inline-editor-placeholder { position: relative; }
346
- .inline-editor-placeholder:after {
347
- content: attr(data-placeholder);
348
- color: rgba(28,114,186,1);
349
- font-style: italic;
350
- left: 0;
351
- position: absolute;
352
- top: 0;
353
- }