scrivito_editors 0.30.1 → 0.40.0.rc1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +10 -3
  3. data/app/assets/javascripts/redactor.js +6620 -6697
  4. data/app/assets/javascripts/scrivito_editors/binary_editor.js.coffee +49 -0
  5. data/app/assets/javascripts/scrivito_editors/date_editor.js.coffee +2 -2
  6. data/app/assets/javascripts/scrivito_editors/enum_editor.js.coffee +4 -1
  7. data/app/assets/javascripts/scrivito_editors/helpers/file_drop_zone.js.coffee +43 -0
  8. data/app/assets/javascripts/scrivito_editors/html_editor.js.coffee +96 -80
  9. data/app/assets/javascripts/scrivito_editors/image_editor.js.coffee +5 -39
  10. data/app/assets/javascripts/scrivito_editors/multienum_editor.js.coffee +4 -1
  11. data/app/assets/javascripts/scrivito_editors/placeholder.js.coffee +1 -0
  12. data/app/assets/javascripts/scrivito_editors/redactor_plugins/table.js +337 -0
  13. data/app/assets/javascripts/scrivito_editors/reference_editor.js.coffee +1 -1
  14. data/app/assets/javascripts/scrivito_editors/referencelist_editor.js.coffee +1 -1
  15. data/app/assets/javascripts/scrivito_editors/slider_editor.js.coffee +1 -1
  16. data/app/assets/javascripts/scrivito_editors/string_editor.js.coffee +1 -1
  17. data/app/assets/javascripts/scrivito_editors/text_editor.js.coffee +1 -1
  18. data/app/assets/javascripts/scrivito_editors_core.js +3 -1
  19. data/app/assets/stylesheets/{redactor.css.erb → redactor.css} +536 -596
  20. data/app/assets/stylesheets/scrivito_editors/binary_editor.css +14 -0
  21. data/app/assets/stylesheets/scrivito_editors/editors/html_editor.css +8 -5
  22. metadata +36 -34
  23. data/app/assets/fonts/redactor-font.eot +0 -0
  24. data/lib/scrivito_editors/version.rb +0 -3
@@ -3,7 +3,7 @@
3
3
  */
4
4
  @font-face {
5
5
  font-family: 'RedactorFont';
6
- src: url('<%= asset_path('redactor-font.eot') %>');
6
+ src: url('redactor-font.eot');
7
7
  }
8
8
  @font-face {
9
9
  font-family: 'RedactorFont';
@@ -11,307 +11,129 @@
11
11
  font-weight: normal;
12
12
  font-style: normal;
13
13
  }
14
- /* =Selection
15
- -----------------------------------------------------------------------------*/
16
- .redactor_box ::selection {
17
- background: #ffff9e;
18
- }
19
- .redactor_box ::-moz-selection {
20
- background: #ffff9e;
21
- }
22
- .redactor_box img::selection {
23
- background: transparent;
24
- }
25
- .redactor_box img::-moz-selection {
26
- background: transparent;
27
- }
28
14
  /*
29
- BOX
15
+ Box
30
16
  */
31
- .redactor_box {
17
+ .redactor-box {
32
18
  position: relative;
33
19
  overflow: visible;
34
- background: #fff;
20
+ margin-bottom: 24px;
35
21
  }
36
- .redactor_box iframe {
22
+ .redactor-box textarea {
37
23
  display: block;
38
- margin: 0;
39
- padding: 0;
40
- border: 1px solid #eee;
41
- }
42
- .redactor_box textarea {
43
24
  position: relative;
44
- display: block;
45
- overflow: auto;
46
25
  margin: 0;
47
26
  padding: 0;
48
27
  width: 100%;
28
+ overflow: auto;
49
29
  outline: none;
50
30
  border: none;
51
- background-color: #222;
31
+ background-color: #111;
52
32
  box-shadow: none;
53
33
  color: #ccc;
54
34
  font-size: 13px;
55
35
  font-family: Menlo, Monaco, monospace, sans-serif;
56
36
  resize: none;
57
37
  }
58
- .redactor_box textarea:focus {
38
+ .redactor-box textarea:focus {
59
39
  outline: none;
60
40
  }
61
- .redactor_box,
62
- .redactor_box textarea {
41
+ /*
42
+ Z-index setup
43
+ */
44
+ .redactor-editor,
45
+ .redactor-box {
46
+ background: #fff;
47
+ }
48
+ .redactor-editor,
49
+ .redactor-box,
50
+ .redactor-box textarea {
63
51
  z-index: auto !important;
64
52
  }
65
- .redactor_box_fullscreen {
66
- z-index: 99 !important;
53
+ .redactor-box-fullscreen {
54
+ z-index: 1052 !important;
67
55
  }
68
- #redactor_modal_overlay,
69
- #redactor_modal,
70
- .redactor_dropdown {
71
- z-index: 100 !important;
56
+ .redactor-toolbar,
57
+ .redactor-dropdown {
58
+ z-index: 1053 !important;
59
+ }
60
+ #redactor-modal-overlay,
61
+ #redactor-modal-box,
62
+ #redactor-modal {
63
+ z-index: 1054 !important;
72
64
  }
73
65
  /*
74
- AIR
75
-
66
+ Resize
76
67
  */
77
- body .redactor_air {
78
- position: absolute;
79
- z-index: 502;
68
+ .redactor-resize {
69
+ background: #f4f4f4;
70
+ padding: 4px 0 3px 0;
71
+ cursor: move;
72
+ border: 1px solid #e3e3e3;
73
+ border-top: none;
74
+ }
75
+ .redactor-resize div {
76
+ width: 30px;
77
+ margin: auto;
78
+ border-top: 1px solid #bbb;
79
+ border-bottom: 1px solid #fff;
80
80
  }
81
81
  /*
82
- FULLSCREEN
82
+ Fullscreen
83
83
  */
84
- body .redactor_box_fullscreen {
84
+ body .redactor-box-fullscreen {
85
85
  position: fixed;
86
86
  top: 0;
87
87
  left: 0;
88
88
  width: 100%;
89
89
  }
90
90
  /*
91
- LINK TOOLTIP
91
+ Utils
92
92
  */
93
- .redactor-link-tooltip {
94
- position: absolute;
95
- z-index: 49999;
96
- padding: 10px;
97
- line-height: 1;
98
- display: inline-block;
99
- background-color: #000;
100
- color: #555 !important;
101
- }
102
- .redactor-link-tooltip,
103
- .redactor-link-tooltip a {
104
- font-size: 12px;
105
- font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
106
- }
107
- .redactor-link-tooltip a {
108
- color: #ccc;
109
- margin: 0 5px;
110
- text-decoration: none;
111
- }
112
- .redactor-link-tooltip a:hover {
113
- color: #fff;
93
+ .body-redactor-hidden {
94
+ overflow: hidden;
114
95
  }
115
96
  /*
116
- IMAGE BOX
97
+ Editor
117
98
  */
118
- #redactor-image-box img {
119
- width: 100%;
120
- }
121
- .redactor_editor {
99
+ .redactor-editor {
122
100
  position: relative;
123
101
  overflow: auto;
124
102
  margin: 0 !important;
125
- padding: 10px 20px;
126
- padding-bottom: 5px;
103
+ padding: 20px;
127
104
  outline: none;
128
- background: none;
129
- background: #fff;
130
- box-shadow: none !important;
131
105
  white-space: normal;
132
106
  border: 1px solid #eee;
133
- }
134
- .redactor_editor:focus {
135
- outline: none;
136
- }
137
- .redactor_editor div,
138
- .redactor_editor p,
139
- .redactor_editor ul,
140
- .redactor_editor ol,
141
- .redactor_editor table,
142
- .redactor_editor dl,
143
- .redactor_editor blockquote,
144
- .redactor_editor pre,
145
- .redactor_editor h1,
146
- .redactor_editor h2,
147
- .redactor_editor h3,
148
- .redactor_editor h4,
149
- .redactor_editor h5,
150
- .redactor_editor h6 {
151
107
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
152
- }
153
- .redactor_editor code,
154
- .redactor_editor pre {
155
- font-family: Menlo, Monaco, monospace, sans-serif;
156
- }
157
- .redactor_editor div,
158
- .redactor_editor p,
159
- .redactor_editor ul,
160
- .redactor_editor ol,
161
- .redactor_editor table,
162
- .redactor_editor dl,
163
- .redactor_editor blockquote,
164
- .redactor_editor pre {
165
108
  font-size: 14px;
166
109
  line-height: 1.6em;
167
110
  }
168
- .redactor_editor a {
169
- color: #15c !important;
170
- text-decoration: underline !important;
171
- }
172
- .redactor_editor .redactor_placeholder {
173
- color: #999 !important;
174
- display: block !important;
111
+ .redactor-editor:focus {
112
+ outline: none;
175
113
  }
176
114
  /*
177
- TYPOGRAPHY
115
+ Placeholder
178
116
  */
179
- .redactor_editor object,
180
- .redactor_editor embed,
181
- .redactor_editor video,
182
- .redactor_editor img {
183
- max-width: 100%;
184
- width: auto;
185
- }
186
- .redactor_editor video,
187
- .redactor_editor img {
188
- height: auto;
189
- }
190
- .redactor_editor div,
191
- .redactor_editor p,
192
- .redactor_editor ul,
193
- .redactor_editor ol,
194
- .redactor_editor table,
195
- .redactor_editor dl,
196
- .redactor_editor blockquote,
197
- .redactor_editor pre {
198
- margin: 0;
199
- margin-bottom: 10px !important;
200
- border: none;
201
- background: none !important;
202
- box-shadow: none !important;
203
- }
204
- .redactor_editor iframe,
205
- .redactor_editor object,
206
- .redactor_editor hr {
207
- margin-bottom: 15px !important;
208
- }
209
- .redactor_editor blockquote {
210
- margin-left: 1.5em !important;
211
- padding-left: 0 !important;
212
- color: #777;
213
- font-style: italic !important;
214
- }
215
- .redactor_editor ul,
216
- .redactor_editor ol {
217
- padding-left: 2em !important;
218
- }
219
- .redactor_editor ul ul,
220
- .redactor_editor ol ol,
221
- .redactor_editor ul ol,
222
- .redactor_editor ol ul {
223
- margin: 2px !important;
224
- padding: 0 !important;
225
- padding-left: 2em !important;
226
- border: none;
227
- }
228
- .redactor_editor dl dt {
229
- font-weight: bold;
230
- }
231
- .redactor_editor dd {
232
- margin-left: 1em;
233
- }
234
- .redactor_editor table {
235
- border-collapse: collapse;
236
- font-size: 1em !important;
237
- }
238
- .redactor_editor table td {
239
- padding: 5px !important;
240
- border: 1px solid #ddd;
241
- vertical-align: top;
242
- }
243
- .redactor_editor table thead td {
244
- border-bottom: 2px solid #000 !important;
245
- font-weight: bold !important;
246
- }
247
- .redactor_editor code {
248
- background-color: #d8d7d7 !important;
249
- }
250
- .redactor_editor pre {
251
- overflow: auto;
252
- padding: 1em !important;
253
- border: 1px solid #ddd !important;
254
- border-radius: 3px !important;
255
- background: #f8f8f8 !important;
256
- white-space: pre;
257
- font-size: 90% !important;
258
- }
259
- .redactor_editor hr {
260
- display: block;
261
- height: 1px;
262
- border: 0;
263
- border-top: 1px solid #ccc;
117
+ .redactor-placeholder {
118
+ position: relative;
264
119
  }
265
- /*
266
- HEADERS
267
- */
268
- .redactor_editor h1,
269
- .redactor_editor h2,
270
- .redactor_editor h3,
271
- .redactor_editor h4,
272
- .redactor_editor h5,
273
- .redactor_editor h6 {
274
- margin-top: 0 !important;
275
- padding: 0 !important;
276
- background: none;
277
- color: #000;
278
- font-weight: bold;
120
+ .redactor-placeholder:after {
121
+ position: absolute;
122
+ top: 20px;
123
+ left: 20px;
124
+ content: attr(placeholder);
125
+ color: #999 !important;
126
+ font-weight: normal !important;
279
127
  }
280
- .redactor_editor h1 {
281
- font-size: 36px !important;
282
- line-height: 1.111em !important;
283
- margin-bottom: .15em !important;
284
- }
285
- .redactor_editor h2 {
286
- font-size: 30px !important;
287
- line-height: 1.111em !important;
288
- margin-bottom: .25em !important;
289
- }
290
- .redactor_editor h3 {
291
- font-size: 24px !important;
292
- line-height: 1.333em !important;
293
- margin-bottom: .2em !important;
294
- }
295
- .redactor_editor h4 {
296
- font-size: 18px !important;
297
- line-height: 1.5em !important;
298
- margin-bottom: .2em !important;
299
- }
300
- .redactor_editor h5 {
301
- font-size: 1em !important;
302
- line-height: 1.6em !important;
303
- margin-bottom: .25em !important;
304
- }
305
- .redactor_editor h6 {
306
- font-size: .8em !important;
307
- line-height: 1.6em !important;
308
- text-transform: uppercase;
309
- margin-bottom: .3em !important;
128
+ /* Placeholder in linebreaks mode */
129
+ .redactor-linebreaks.redactor-placeholder:after {
130
+ top: 20px;
131
+ left: 20px;
310
132
  }
311
133
  /*
312
- TOOLBAR
134
+ Toolbar
313
135
  */
314
- .redactor_toolbar {
136
+ .redactor-toolbar {
315
137
  position: relative;
316
138
  top: 0;
317
139
  left: 0;
@@ -319,32 +141,27 @@ body .redactor_box_fullscreen {
319
141
  padding: 0 !important;
320
142
  list-style: none !important;
321
143
  font-size: 14px !important;
322
- font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
323
144
  line-height: 1 !important;
324
145
  background: #fff;
325
146
  border: none;
326
147
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
327
- z-index: 3;
328
148
  }
329
- .redactor_toolbar:after {
149
+ .redactor-toolbar:after {
330
150
  content: "";
331
151
  display: table;
332
152
  clear: both;
333
153
  }
334
- .redactor_toolbar.redactor-toolbar-overflow {
154
+ .redactor-toolbar.redactor-toolbar-overflow {
335
155
  overflow-y: auto;
336
156
  height: 29px;
337
157
  white-space: nowrap;
338
158
  }
339
- .redactor_toolbar.redactor-toolbar-external {
159
+ .redactor-toolbar.redactor-toolbar-external {
340
160
  z-index: 999;
341
161
  box-shadow: none;
342
162
  border: 1px solid rgba(0, 0, 0, 0.1);
343
163
  }
344
- body .redactor_air .redactor_toolbar {
345
- padding-right: 2px !important;
346
- }
347
- .redactor_toolbar li {
164
+ .redactor-toolbar li {
348
165
  vertical-align: top;
349
166
  display: inline-block;
350
167
  margin: 0 !important;
@@ -355,7 +172,7 @@ body .redactor_air .redactor_toolbar {
355
172
  -moz-box-sizing: content-box;
356
173
  box-sizing: content-box;
357
174
  }
358
- .redactor_toolbar li a {
175
+ .redactor-toolbar li a {
359
176
  display: block;
360
177
  color: #333;
361
178
  text-align: center;
@@ -369,56 +186,45 @@ body .redactor_air .redactor_toolbar {
369
186
  -moz-box-sizing: content-box;
370
187
  box-sizing: content-box;
371
188
  }
372
- .redactor_toolbar li a:hover {
189
+ .redactor-toolbar li a:hover {
373
190
  outline: none;
374
191
  background-color: #1f78d8;
375
192
  color: #fff;
376
193
  }
377
- .redactor_toolbar li a:hover i:before {
194
+ .redactor-toolbar li a:hover i:before {
378
195
  color: #fff;
379
196
  }
380
- .redactor_toolbar li a:active,
381
- .redactor_toolbar li a.redactor_act {
197
+ .redactor-toolbar li a:active,
198
+ .redactor-toolbar li a.redactor-act {
382
199
  outline: none;
383
200
  background-color: #ccc;
384
201
  color: #444;
385
202
  }
386
- .redactor_toolbar li a.redactor-btn-image {
203
+ .redactor-toolbar li a.redactor-btn-image {
387
204
  width: 14px;
388
205
  height: 14px;
389
206
  background-position: center center;
390
207
  background-repeat: no-repeat;
391
208
  }
392
- .redactor_button_disabled {
209
+ .redactor-toolbar li a.fa-redactor-btn {
210
+ display: inline-block;
211
+ padding: 9px 10px 8px 10px;
212
+ line-height: 1;
213
+ }
214
+ .redactor-toolbar li a.redactor-button-disabled {
393
215
  filter: alpha(opacity=30);
394
216
  -moz-opacity: 0.3;
395
217
  opacity: 0.3;
396
218
  }
397
- .redactor_button_disabled:hover {
219
+ .redactor-toolbar li a.redactor-button-disabled:hover {
220
+ color: #333;
398
221
  outline: none;
399
222
  background-color: transparent !important;
400
223
  cursor: default;
401
224
  }
402
- .redactor_toolbar li a.fa-redactor-btn {
403
- display: inline-block;
404
- padding: 9px 10px 8px 10px;
405
- line-height: 1;
406
- }
407
- .redactor_toolbar.redactor-toolbar-typewriter {
408
- box-shadow: none;
409
- background: rgba(240, 240, 240, 0.9);
410
- }
411
- .redactor_toolbar.redactor-toolbar-typewriter li a:hover {
412
- outline: none;
413
- background-color: #1f78d8;
414
- color: #fff;
415
- }
416
- .redactor_toolbar.redactor-toolbar-typewriter li a:active,
417
- .redactor_toolbar.redactor-toolbar-typewriter li a.redactor_act {
418
- outline: none;
419
- background-color: #ccc;
420
- color: #444;
421
- }
225
+ /*
226
+ Icons
227
+ */
422
228
  .re-icon {
423
229
  font-family: 'RedactorFont';
424
230
  speak: none;
@@ -532,192 +338,192 @@ body .redactor_air .redactor_toolbar {
532
338
  content: "\e61f";
533
339
  }
534
340
  /*
535
- Toolbar classes
341
+ Toolbar tooltip
536
342
  */
537
- .redactor_format_blockquote {
538
- padding-left: 10px;
539
- color: #666 !important;
540
- font-style: italic;
541
- }
542
- .redactor_format_pre {
543
- font-family: monospace, sans-serif;
544
- }
545
- .redactor_format_h1,
546
- .redactor_format_h2,
547
- .redactor_format_h3,
548
- .redactor_format_h4,
549
- .redactor_format_h5 {
550
- font-weight: bold;
343
+ .redactor-toolbar-tooltip {
344
+ position: absolute;
345
+ z-index: 1054;
346
+ text-align: center;
347
+ top: 0;
348
+ left: 0;
349
+ background: #000;
350
+ color: #fff;
351
+ padding: 5px 8px;
352
+ line-height: 1;
353
+ font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
354
+ font-size: 12px;
355
+ border-radius: 2px;
551
356
  }
552
- .redactor_format_h1 {
553
- font-size: 30px;
554
- line-height: 36px;
357
+ /*
358
+ Dropdown
359
+ */
360
+ .redactor-dropdown {
361
+ position: absolute;
362
+ top: 28px;
363
+ left: 0;
364
+ padding: 0;
365
+ min-width: 220px;
366
+ max-height: 254px;
367
+ overflow: auto;
368
+ background-color: #fff;
369
+ box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
370
+ font-size: 14px;
371
+ font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
372
+ line-height: 1.6em;
555
373
  }
556
- .redactor_format_h2 {
557
- font-size: 24px;
558
- line-height: 36px;
374
+ .redactor-dropdown a {
375
+ display: block;
376
+ padding: 10px 15px;
377
+ color: #000;
378
+ text-decoration: none;
379
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07);
559
380
  }
560
- .redactor_format_h3 {
561
- font-size: 20px;
562
- line-height: 30px;
381
+ .redactor-dropdown a:last-child {
382
+ border-bottom: none;
563
383
  }
564
- .redactor_format_h4 {
565
- font-size: 16px;
566
- line-height: 26px;
384
+ .redactor-dropdown a:hover {
385
+ background-color: #1f78d8;
386
+ color: #fff !important;
387
+ text-decoration: none;
567
388
  }
568
- .redactor_format_h5 {
569
- font-size: 14px;
570
- line-height: 23px;
389
+ /*
390
+ IMAGE BOX
391
+ */
392
+ #redactor-image-box {
393
+ position: relative;
394
+ max-width: 100%;
395
+ display: inline-block;
396
+ line-height: 0;
397
+ outline: 1px dashed rgba(0, 0, 0, 0.6);
571
398
  }
572
- .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h1,
573
- .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2,
574
- .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h3,
575
- .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h4,
576
- .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h5 {
577
- font-size: 1em;
578
- line-height: 1.6em;
579
- text-transform: uppercase;
399
+ #redactor-image-editter {
400
+ position: absolute;
401
+ z-index: 5;
402
+ top: 50%;
403
+ left: 50%;
404
+ margin-top: -11px;
405
+ margin-left: -18px;
406
+ line-height: 1;
407
+ background-color: #000;
408
+ color: #fff;
409
+ font-size: 11px;
410
+ padding: 7px 10px;
411
+ cursor: pointer;
580
412
  }
581
- .redactor-toolbar-typewriter .redactor_dropdown .redactor_format_h2 {
582
- font-size: .85em;
413
+ #redactor-image-resizer {
414
+ position: absolute;
415
+ z-index: 2;
416
+ line-height: 1;
417
+ cursor: nw-resize;
418
+ bottom: -4px;
419
+ right: -5px;
420
+ border: 1px solid #fff;
421
+ background-color: #000;
422
+ width: 8px;
423
+ height: 8px;
583
424
  }
584
425
  /*
585
- Typewriter
426
+ LINK TOOLTIP
586
427
  */
587
- .redactor_editor.redactor-editor-typewriter {
588
- background: #f5f5f5 !important;
589
- padding: 25px 50px !important;
590
- }
591
- .redactor_editor.redactor-editor-typewriter div,
592
- .redactor_editor.redactor-editor-typewriter p,
593
- .redactor_editor.redactor-editor-typewriter ul,
594
- .redactor_editor.redactor-editor-typewriter ol,
595
- .redactor_editor.redactor-editor-typewriter table,
596
- .redactor_editor.redactor-editor-typewriter dl,
597
- .redactor_editor.redactor-editor-typewriter blockquote,
598
- .redactor_editor.redactor-editor-typewriter pre,
599
- .redactor_editor.redactor-editor-typewriter h1,
600
- .redactor_editor.redactor-editor-typewriter h2,
601
- .redactor_editor.redactor-editor-typewriter h3,
602
- .redactor_editor.redactor-editor-typewriter h4,
603
- .redactor_editor.redactor-editor-typewriter h5,
604
- .redactor_editor.redactor-editor-typewriter h6 {
605
- font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif;
606
- font-size: 18px !important;
607
- line-height: 1.5em !important;
608
- margin-bottom: 1.5em !important;
609
- }
610
- .redactor_editor.redactor-editor-typewriter h2 {
611
- font-size: 14px !important;
428
+ .redactor-link-tooltip {
429
+ position: absolute;
430
+ z-index: 49999;
431
+ padding: 10px;
432
+ line-height: 1;
433
+ display: inline-block;
434
+ background-color: #000;
435
+ color: #555 !important;
612
436
  }
613
- .redactor_editor.redactor-editor-typewriter h1,
614
- .redactor_editor.redactor-editor-typewriter h2,
615
- .redactor_editor.redactor-editor-typewriter h3,
616
- .redactor_editor.redactor-editor-typewriter h4,
617
- .redactor_editor.redactor-editor-typewriter h5,
618
- .redactor_editor.redactor-editor-typewriter h6 {
619
- text-transform: uppercase;
437
+ .redactor-link-tooltip,
438
+ .redactor-link-tooltip a {
439
+ font-size: 12px;
440
+ font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
620
441
  }
621
- .redactor_editor.redactor-editor-typewriter a {
622
- color: #000 !important;
623
- text-decoration: underline !important;
442
+ .redactor-link-tooltip a {
443
+ color: #ccc;
444
+ margin: 0 5px;
445
+ text-decoration: none;
446
+ }
447
+ .redactor-link-tooltip a:hover {
448
+ color: #fff;
624
449
  }
625
450
  /*
626
- WYM
451
+ DROPAREA
627
452
  */
628
- .redactor_editor.redactor_editor_wym {
629
- padding: 10px 7px 0 7px !important;
630
- background: #f6f6f6 !important;
631
- }
632
- .redactor_editor.redactor_editor_wym div,
633
- .redactor_editor.redactor_editor_wym p,
634
- .redactor_editor.redactor_editor_wym ul,
635
- .redactor_editor.redactor_editor_wym ol,
636
- .redactor_editor.redactor_editor_wym table,
637
- .redactor_editor.redactor_editor_wym dl,
638
- .redactor_editor.redactor_editor_wym pre,
639
- .redactor_editor.redactor_editor_wym h1,
640
- .redactor_editor.redactor_editor_wym h2,
641
- .redactor_editor.redactor_editor_wym h3,
642
- .redactor_editor.redactor_editor_wym h4,
643
- .redactor_editor.redactor_editor_wym h5,
644
- .redactor_editor.redactor_editor_wym h6,
645
- .redactor_editor.redactor_editor_wym blockquote {
646
- margin-top: 0;
647
- margin-bottom: 5px !important;
648
- padding: 10px !important;
649
- border: 1px solid #e4e4e4 !important;
650
- background-color: #fff !important;
651
- z-index: 0;
652
- }
653
- .redactor_editor.redactor_editor_wym blockquote:before {
654
- content: '';
655
- }
656
- .redactor_editor.redactor_editor_wym img {
453
+ #redactor-droparea {
657
454
  position: relative;
658
- z-index: 1;
455
+ overflow: hidden;
456
+ padding: 140px 20px;
457
+ border: 3px dashed rgba(0, 0, 0, 0.1);
659
458
  }
660
- .redactor_editor.redactor_editor_wym div {
661
- border: 1px dotted #aaa !important;
459
+ #redactor-droparea.drag-hover {
460
+ background: rgba(200, 222, 250, 0.75);
662
461
  }
663
- .redactor_editor.redactor_editor_wym pre {
664
- border: 2px dashed #e4e4e4 !important;
665
- background-color: #f8f8f8 !important;
462
+ #redactor-droparea.drag-drop {
463
+ background: rgba(250, 248, 200, 0.5);
666
464
  }
667
- .redactor_editor.redactor_editor_wym ul,
668
- .redactor_editor.redactor_editor_wym ol {
669
- padding-left: 2em !important;
670
- }
671
- .redactor_editor.redactor_editor_wym ul li ul,
672
- .redactor_editor.redactor_editor_wym ol li ul,
673
- .redactor_editor.redactor_editor_wym ul li ol,
674
- .redactor_editor.redactor_editor_wym ol li ol {
675
- border: none !important;
465
+ #redactor-droparea-placeholder {
466
+ text-align: center;
467
+ font-size: 12px;
468
+ color: rgba(0, 0, 0, 0.7);
676
469
  }
677
470
  /*
678
- DROPDOWN
471
+ PROGRESS
679
472
  */
680
- .redactor_dropdown {
681
- position: absolute;
682
- top: 28px;
473
+ #redactor-progress {
474
+ position: fixed;
475
+ top: 0;
683
476
  left: 0;
684
- padding: 10px;
685
- width: 200px;
686
- background-color: #fff;
687
- box-shadow: 0 1px 5px #bbb;
688
- font-size: 13px;
689
- font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
690
- line-height: 21px;
477
+ width: 100%;
478
+ z-index: 1000000;
479
+ height: 10px;
691
480
  }
692
- .redactor-toolbar-typewriter .redactor_dropdown {
693
- font-family: 'Courier New', 'Lucida Console', Consolas, Monaco, monospace, sans-serif;
694
- background-color: #f5f5f5;
481
+ #redactor-progress span {
482
+ display: block;
483
+ width: 100%;
484
+ height: 100%;
485
+ background-color: #3d58a8;
486
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
487
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
488
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
489
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
490
+ -o-animation: progress-bar-stripes 2s linear infinite;
491
+ animation: progress-bar-stripes 2s linear infinite;
492
+ background-size: 40px 40px;
695
493
  }
696
- .redactor_separator_drop {
697
- padding: 0 !important;
698
- border-top: 1px solid #ddd;
699
- font-size: 0;
700
- line-height: 0;
494
+ @-webkit-keyframes progress-bar-stripes {
495
+ from {
496
+ background-position: 40px 0;
497
+ }
498
+ to {
499
+ background-position: 0 0;
500
+ }
701
501
  }
702
- .redactor_dropdown a {
703
- display: block;
704
- padding: 3px 5px;
705
- color: #000;
706
- text-decoration: none;
502
+ @-o-keyframes progress-bar-stripes {
503
+ from {
504
+ background-position: 40px 0;
505
+ }
506
+ to {
507
+ background-position: 0 0;
508
+ }
707
509
  }
708
- .redactor_dropdown a:hover {
709
- background-color: #dde4ef;
710
- color: #444 !important;
711
- text-decoration: none;
510
+ @keyframes progress-bar-stripes {
511
+ from {
512
+ background-position: 40px 0;
513
+ }
514
+ to {
515
+ background-position: 0 0;
516
+ }
712
517
  }
713
518
  /*
714
519
  MODAL
715
520
  */
716
- #redactor_modal_overlay {
521
+ #redactor-modal-overlay {
717
522
  position: fixed;
718
523
  top: 0;
719
524
  left: 0;
720
525
  margin: auto;
526
+ overflow: auto;
721
527
  width: 100%;
722
528
  height: 100%;
723
529
  background-color: #000 !important;
@@ -725,140 +531,163 @@ body .redactor_air .redactor_toolbar {
725
531
  -moz-opacity: 0.3;
726
532
  opacity: 0.3;
727
533
  }
728
- #redactor_modal {
534
+ #redactor-modal-box {
729
535
  position: fixed;
730
- top: 50%;
731
- left: 50%;
536
+ top: 0;
537
+ left: 0;
538
+ bottom: 0;
539
+ right: 0;
540
+ overflow-x: hidden;
541
+ overflow-y: auto;
542
+ }
543
+ #redactor-modal {
544
+ position: relative;
545
+ margin: auto;
546
+ margin-bottom: 20px;
732
547
  padding: 0;
733
548
  background: #fff;
734
549
  color: #000;
735
- font-size: 12px !important;
550
+ font-size: 14px !important;
736
551
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
737
- box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
552
+ box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
738
553
  }
739
- #redactor_modal header {
740
- padding: 20px 30px 5px 30px;
741
- font-size: 16px;
554
+ #redactor-modal header {
555
+ padding: 30px 40px 5px 40px;
556
+ font-size: 18px;
557
+ font-weight: bold;
742
558
  }
743
- #redactor_modal section {
744
- padding: 20px 30px;
559
+ #redactor-modal section {
560
+ padding: 30px 40px 50px 40px;
745
561
  }
746
- #redactor_modal label {
747
- display: block !important;
562
+ #redactor-modal label {
563
+ display: block;
748
564
  float: none !important;
749
- margin: 10px 0 3px 0 !important;
750
- padding: 0 !important;
751
- font-size: 12px !important;
752
- }
753
- #redactor_modal footer:after {
754
- content: "";
755
- display: table;
756
- clear: both;
757
- }
758
- #redactor_modal footer div {
759
- float: left;
565
+ margin: 15px 0 3px 0 !important;
566
+ padding: 0;
760
567
  }
761
- #redactor_modal input[type="radio"],
762
- #redactor_modal input[type="checkbox"] {
568
+ #redactor-modal input[type="radio"],
569
+ #redactor-modal input[type="checkbox"] {
763
570
  position: relative;
764
571
  top: -1px;
765
572
  }
766
- #redactor_modal input[type="text"],
767
- #redactor_modal input[type="password"],
768
- #redactor_modal input[type="email"],
769
- #redactor_modal textarea {
573
+ #redactor-modal select {
574
+ width: 100%;
575
+ }
576
+ #redactor-modal input[type="text"],
577
+ #redactor-modal input[type="password"],
578
+ #redactor-modal input[type="email"],
579
+ #redactor-modal input[type="url"],
580
+ #redactor-modal textarea {
770
581
  position: relative;
771
582
  z-index: 2;
772
583
  margin: 0;
773
- padding: 1px 2px;
774
- height: 23px;
584
+ padding: 5px 4px;
585
+ height: 28px;
775
586
  border: 1px solid #ccc;
776
587
  border-radius: 1px;
777
588
  background-color: white;
778
589
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
779
590
  color: #333;
780
- font-size: 13px;
591
+ width: 100%;
592
+ font-size: 14px;
781
593
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
782
- line-height: 1;
783
594
  -moz-transition: border 0.3s ease-in;
784
595
  transition: border 0.3s ease-in;
785
596
  }
786
- #redactor_modal textarea {
787
- display: block;
788
- margin-top: 4px;
789
- line-height: 1.4em;
790
- }
791
- #redactor_modal input:focus,
792
- #redactor_modal textarea:focus {
597
+ #redactor-modal input[type="text"]:focus,
598
+ #redactor-modal input[type="password"]:focus,
599
+ #redactor-modal input[type="email"]:focus,
600
+ #redactor-modal input[type="url"]:focus,
601
+ #redactor-modal textarea:focus {
793
602
  outline: none;
794
603
  border-color: #5ca9e4;
795
604
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
796
605
  }
797
- #redactor_modal_close {
798
- position: absolute;
799
- top: 5px;
800
- right: 3px;
801
- width: 20px;
802
- height: 20px;
803
- color: #999;
804
- font-size: 26px;
805
- cursor: pointer;
606
+ #redactor-modal input[type="text"].redactor-input-error,
607
+ #redactor-modal input[type="password"].redactor-input-error,
608
+ #redactor-modal input[type="email"].redactor-input-error,
609
+ #redactor-modal input[type="url"].redactor-input-error,
610
+ #redactor-modal textarea.redactor-input-error {
611
+ border-color: #e82f2f;
612
+ box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
806
613
  }
807
- #redactor_modal_close:hover {
808
- color: #000;
614
+ #redactor-modal textarea {
615
+ display: block;
616
+ margin-top: 4px;
617
+ line-height: 1.4em;
809
618
  }
810
- .redactor_input {
811
- width: 99%;
812
- font-size: 14px;
619
+ /*
620
+ Tabs in Modal
621
+ */
622
+ #redactor-modal-tabber {
623
+ margin-bottom: 15px;
624
+ font-size: 12px;
813
625
  }
814
- .redactor_modal_box {
815
- overflow: auto;
816
- margin-bottom: 10px;
817
- height: 350px;
626
+ #redactor-modal-tabber a {
627
+ border: 1px solid #ddd;
628
+ line-height: 1;
629
+ padding: 8px 15px;
630
+ margin-right: -1px;
631
+ text-decoration: none;
632
+ color: #000;
818
633
  }
819
- #redactor_image_box {
820
- overflow: auto;
821
- margin-bottom: 10px;
822
- height: 270px;
634
+ #redactor-modal-tabber a:hover {
635
+ background-color: #1f78d8;
636
+ border-color: #1f78d8;
637
+ color: #fff;
823
638
  }
824
- #redactor_image_box_select {
825
- display: block;
826
- margin-bottom: 15px !important;
827
- width: 200px;
639
+ #redactor-modal-tabber a.active {
640
+ cursor: default;
641
+ background-color: #ddd;
642
+ border-color: #ddd;
643
+ color: rgba(0, 0, 0, 0.6);
828
644
  }
829
- #redactor_image_box img {
830
- margin-right: 10px;
831
- margin-bottom: 10px;
832
- max-width: 100px;
833
- cursor: pointer;
645
+ /*
646
+ List in Modal
647
+ */
648
+ #redactor-modal #redactor-modal-list {
649
+ margin-left: 0;
650
+ padding-left: 0;
651
+ list-style: none;
652
+ max-height: 250px;
653
+ overflow-x: scroll;
834
654
  }
835
- #redactor_tabs {
836
- margin-bottom: 18px;
655
+ #redactor-modal #redactor-modal-list li {
656
+ border-bottom: 1px solid #ddd;
837
657
  }
838
- #redactor_tabs a {
839
- display: inline-block;
840
- margin-right: 2px;
841
- padding: 4px 14px;
842
- border: 1px solid #d2d2d2;
843
- border-radius: 3px;
844
- background: #fff;
658
+ #redactor-modal #redactor-modal-list li:last-child {
659
+ border-bottom: none;
660
+ }
661
+ #redactor-modal #redactor-modal-list a {
662
+ padding: 10px 5px;
845
663
  color: #000;
846
664
  text-decoration: none;
847
- line-height: 1;
665
+ font-size: 13px;
666
+ display: block;
667
+ position: relative;
848
668
  }
849
- #redactor_tabs a:hover,
850
- #redactor_tabs a.redactor_tabs_act {
851
- border-color: #eee;
852
- color: #999 !important;
853
- text-decoration: none !important;
669
+ #redactor-modal #redactor-modal-list a:hover {
670
+ background-color: #eee;
671
+ }
672
+ #redactor-modal-close {
673
+ position: absolute;
674
+ top: 10px;
675
+ right: 10px;
676
+ width: 30px;
677
+ height: 30px;
678
+ text-align: right;
679
+ color: #bbb;
680
+ font-size: 30px;
681
+ font-weight: 300;
682
+ cursor: pointer;
854
683
  }
855
- .redactor_modal_btn_hidden {
856
- display: none;
684
+ #redactor-modal-close:hover {
685
+ color: #000;
857
686
  }
858
- #redactor_modal footer button {
687
+ #redactor-modal footer button {
859
688
  position: relative;
860
689
  width: 100%;
861
- padding: 10px 16px;
690
+ padding: 14px 16px;
862
691
  margin: 0;
863
692
  outline: none;
864
693
  border: none;
@@ -872,110 +701,221 @@ body .redactor_air .redactor_toolbar {
872
701
  line-height: 1;
873
702
  cursor: pointer;
874
703
  }
875
- #redactor_modal footer button:hover {
704
+ #redactor-modal footer button:hover {
876
705
  color: #777;
877
706
  background: none;
878
707
  background: #bbb;
879
708
  text-decoration: none;
880
709
  }
881
- #redactor_modal footer button.redactor_modal_delete_btn {
710
+ #redactor-modal footer button.redactor-modal-delete-btn {
882
711
  background: none;
883
712
  color: #fff;
884
713
  background-color: #b52525;
885
714
  }
886
- #redactor_modal footer button.redactor_modal_delete_btn:hover {
715
+ #redactor-modal footer button.redactor-modal-delete-btn:hover {
887
716
  color: rgba(255, 255, 255, 0.6);
888
717
  background-color: #881b1b;
889
718
  }
890
- #redactor_modal footer button.redactor_modal_action_btn {
719
+ #redactor-modal footer button.redactor-modal-action-btn {
891
720
  background: none;
892
721
  color: #fff;
893
722
  background-color: #2461b5;
894
723
  }
895
- #redactor_modal footer button.redactor_modal_action_btn:hover {
724
+ #redactor-modal footer button.redactor-modal-action-btn:hover {
896
725
  color: rgba(255, 255, 255, 0.6);
897
726
  background-color: #1a4580;
898
727
  }
899
- /* Drag and Drop Area */
900
- .redactor_droparea {
901
- position: relative;
902
- margin: auto;
903
- margin-bottom: 5px;
904
- width: 100%;
728
+ /*
729
+ ##############################################
730
+
731
+ DROPDOWN FORMATTING
732
+
733
+ ##############################################
734
+ */
735
+ .redactor-dropdown .redactor-formatting-blockquote {
736
+ color: rgba(0, 0, 0, 0.4);
737
+ font-style: italic;
905
738
  }
906
- .redactor_droparea .redactor_dropareabox {
907
- position: relative;
908
- z-index: 1;
909
- padding: 60px 0;
910
- width: 99%;
911
- border: 1px dashed #ddd;
912
- background: #fff;
913
- text-align: center;
739
+ .redactor-dropdown .redactor-formatting-pre {
740
+ font-family: monospace, sans-serif;
914
741
  }
915
- .redactor_droparea .redactor_dropareabox,
916
- .redactor_dropalternative {
917
- color: #555;
918
- font-size: 12px;
742
+ .redactor-dropdown .redactor-formatting-h1 {
743
+ font-size: 36px;
744
+ line-height: 36px;
745
+ font-weight: bold;
919
746
  }
920
- .redactor_dropalternative {
921
- margin: 4px 0 2px 0;
747
+ .redactor-dropdown .redactor-formatting-h2 {
748
+ font-size: 24px;
749
+ line-height: 36px;
750
+ font-weight: bold;
922
751
  }
923
- .redactor_dropareabox.hover {
924
- border-color: #aaa;
925
- background: #efe3b8;
752
+ .redactor-dropdown .redactor-formatting-h3 {
753
+ font-size: 21px;
754
+ line-height: 30px;
755
+ font-weight: bold;
926
756
  }
927
- .redactor_dropareabox.error {
928
- border-color: #dcc3c3;
929
- background: #f7e5e5;
757
+ .redactor-dropdown .redactor-formatting-h4 {
758
+ font-size: 18px;
759
+ line-height: 26px;
760
+ font-weight: bold;
930
761
  }
931
- .redactor_dropareabox.drop {
932
- border-color: #e0e5d6;
933
- background: #f4f4ee;
762
+ .redactor-dropdown .redactor-formatting-h5 {
763
+ font-size: 16px;
764
+ line-height: 23px;
765
+ font-weight: bold;
934
766
  }
935
- /* =ProgressBar
936
- -----------------------------------------------------------------------------*/
937
- #redactor-progress {
938
- position: fixed;
939
- top: 0;
940
- left: 0;
767
+ /*
768
+ ##############################################
769
+
770
+ CONTENT STYLES
771
+
772
+ ##############################################
773
+ */
774
+ .redactor-editor code,
775
+ .redactor-editor pre {
776
+ font-family: Menlo, Monaco, monospace, sans-serif;
777
+ }
778
+ .redactor-editor div,
779
+ .redactor-editor p,
780
+ .redactor-editor ul,
781
+ .redactor-editor ol,
782
+ .redactor-editor table,
783
+ .redactor-editor dl,
784
+ .redactor-editor blockquote,
785
+ .redactor-editor pre {
786
+ font-size: 14px;
787
+ line-height: 1.6em;
788
+ }
789
+ .redactor-editor a {
790
+ color: #15c;
791
+ text-decoration: underline;
792
+ }
793
+ .redactor-editor object,
794
+ .redactor-editor embed,
795
+ .redactor-editor video,
796
+ .redactor-editor img {
797
+ max-width: 100%;
798
+ width: auto;
799
+ }
800
+ .redactor-editor video,
801
+ .redactor-editor img {
802
+ height: auto;
803
+ }
804
+ .redactor-editor div,
805
+ .redactor-editor p,
806
+ .redactor-editor ul,
807
+ .redactor-editor ol,
808
+ .redactor-editor table,
809
+ .redactor-editor dl,
810
+ .redactor-editor figure,
811
+ .redactor-editor blockquote,
812
+ .redactor-editor pre {
813
+ margin: 0;
814
+ margin-bottom: 15px;
815
+ border: none;
816
+ background: none;
817
+ box-shadow: none;
818
+ }
819
+ .redactor-editor iframe,
820
+ .redactor-editor object,
821
+ .redactor-editor hr {
822
+ margin-bottom: 15px;
823
+ }
824
+ .redactor-editor blockquote {
825
+ margin-left: 1.6em !important;
826
+ padding-left: 0;
827
+ color: #777;
828
+ font-style: italic;
829
+ }
830
+ .redactor-editor ul,
831
+ .redactor-editor ol {
832
+ padding-left: 2em;
833
+ }
834
+ .redactor-editor ul ul,
835
+ .redactor-editor ol ol,
836
+ .redactor-editor ul ol,
837
+ .redactor-editor ol ul {
838
+ margin: 2px;
839
+ padding: 0;
840
+ padding-left: 2em;
841
+ border: none;
842
+ }
843
+ .redactor-editor dl dt {
844
+ font-weight: bold;
845
+ }
846
+ .redactor-editor dd {
847
+ margin-left: 1em;
848
+ }
849
+ .redactor-editor table {
850
+ border-collapse: collapse;
851
+ font-size: 1em;
941
852
  width: 100%;
942
- z-index: 1000000;
943
- height: 10px;
944
853
  }
945
- #redactor-progress span {
854
+ .redactor-editor table td,
855
+ .redactor-editor table th {
856
+ padding: 5px;
857
+ border: 1px solid #ddd;
858
+ vertical-align: top;
859
+ }
860
+ .redactor-editor table thead td,
861
+ .redactor-editor table th {
862
+ font-weight: bold;
863
+ border-bottom-color: #888;
864
+ }
865
+ .redactor-editor code {
866
+ background-color: #d8d7d7;
867
+ }
868
+ .redactor-editor pre {
869
+ overflow: auto;
870
+ padding: 1em;
871
+ border: 1px solid #ddd;
872
+ border-radius: 3px;
873
+ background: #f8f8f8;
874
+ white-space: pre;
875
+ font-size: 90%;
876
+ }
877
+ .redactor-editor hr {
946
878
  display: block;
947
- width: 100%;
948
- height: 100%;
949
- background-color: #3d58a8;
950
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
951
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
952
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
953
- -webkit-animation: progress-bar-stripes 2s linear infinite;
954
- -o-animation: progress-bar-stripes 2s linear infinite;
955
- animation: progress-bar-stripes 2s linear infinite;
956
- background-size: 40px 40px;
879
+ height: 1px;
880
+ border: 0;
881
+ border-top: 1px solid #ccc;
957
882
  }
958
- @-webkit-keyframes progress-bar-stripes {
959
- from {
960
- background-position: 40px 0;
961
- }
962
- to {
963
- background-position: 0 0;
964
- }
883
+ .redactor-editor h1,
884
+ .redactor-editor h2,
885
+ .redactor-editor h3,
886
+ .redactor-editor h4,
887
+ .redactor-editor h5,
888
+ .redactor-editor h6 {
889
+ font-weight: bold;
890
+ color: #000;
891
+ padding: 0;
892
+ background: none;
893
+ text-rendering: optimizeLegibility;
894
+ margin: 0 0 .5em 0;
965
895
  }
966
- @-o-keyframes progress-bar-stripes {
967
- from {
968
- background-position: 40px 0;
969
- }
970
- to {
971
- background-position: 0 0;
972
- }
896
+ .redactor-editor h1,
897
+ .redactor-editor h2,
898
+ .redactor-editor h3,
899
+ .redactor-editor h4 {
900
+ line-height: 1.3;
973
901
  }
974
- @keyframes progress-bar-stripes {
975
- from {
976
- background-position: 40px 0;
977
- }
978
- to {
979
- background-position: 0 0;
980
- }
902
+ .redactor-editor h1 {
903
+ font-size: 36px;
904
+ }
905
+ .redactor-editor h2 {
906
+ font-size: 24px;
907
+ margin-bottom: .7em;
908
+ }
909
+ .redactor-editor h3 {
910
+ font-size: 21px;
911
+ }
912
+ .redactor-editor h4 {
913
+ font-size: 18px;
914
+ }
915
+ .redactor-editor h5 {
916
+ font-size: 16px;
917
+ }
918
+ .redactor-editor h6 {
919
+ font-size: 12px;
920
+ text-transform: uppercase;
981
921
  }