annex-cms 0.3.8 → 0.4.0
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.
- checksums.yaml +4 -4
- data/app/assets/javascripts/annex/cms.js.coffee +1 -8
- data/app/assets/javascripts/annex/jquery.redactor.save.js +3 -11
- data/app/assets/javascripts/annex/redactor.js +9476 -0
- data/app/assets/stylesheets/annex.css.scss +6 -1
- data/app/assets/stylesheets/annex/{redactor.css.scss → redactor.css} +250 -60
- data/lib/annex/version.rb +1 -1
- metadata +4 -3
@@ -12,7 +12,12 @@
|
|
12
12
|
*/
|
13
13
|
|
14
14
|
.redactor {
|
15
|
-
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.
|
15
|
+
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.05);
|
16
16
|
display: block;
|
17
17
|
min-height: 20px;
|
18
|
+
transition: box-shadow .3s;
|
19
|
+
|
20
|
+
&:hover {
|
21
|
+
box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
|
22
|
+
}
|
18
23
|
}
|
@@ -7,26 +7,20 @@
|
|
7
7
|
font-weight: normal;
|
8
8
|
font-style: normal;
|
9
9
|
}
|
10
|
-
|
11
10
|
/*
|
12
11
|
Box
|
13
12
|
*/
|
14
13
|
.redactor-box {
|
15
14
|
position: relative;
|
16
15
|
overflow: visible;
|
16
|
+
margin-bottom: 24px;
|
17
17
|
}
|
18
|
-
.redactor-box iframe,
|
19
18
|
.redactor-box textarea {
|
20
19
|
display: block;
|
21
20
|
position: relative;
|
22
21
|
margin: 0;
|
23
22
|
padding: 0;
|
24
23
|
width: 100%;
|
25
|
-
}
|
26
|
-
.redactor-box iframe {
|
27
|
-
border: 1px solid #eee;
|
28
|
-
}
|
29
|
-
.redactor-box textarea {
|
30
24
|
overflow: auto;
|
31
25
|
outline: none;
|
32
26
|
border: none;
|
@@ -34,47 +28,37 @@
|
|
34
28
|
box-shadow: none;
|
35
29
|
color: #ccc;
|
36
30
|
font-size: 13px;
|
37
|
-
font-family: Menlo, Monaco, monospace, sans-serif;
|
31
|
+
font-family: Menlo, Monaco, monospace, sans-serif !important;
|
38
32
|
resize: none;
|
39
33
|
}
|
40
34
|
.redactor-box textarea:focus {
|
41
35
|
outline: none;
|
42
36
|
}
|
37
|
+
.redactor-editor,
|
38
|
+
.redactor-box {
|
39
|
+
background: #fff;
|
40
|
+
}
|
43
41
|
/*
|
44
42
|
Z-index setup
|
45
43
|
*/
|
46
44
|
.redactor-editor,
|
47
45
|
.redactor-box,
|
48
46
|
.redactor-box textarea {
|
49
|
-
z-index: auto
|
47
|
+
z-index: auto;
|
50
48
|
}
|
51
49
|
.redactor-box-fullscreen {
|
52
|
-
z-index:
|
50
|
+
z-index: 1051;
|
51
|
+
}
|
52
|
+
.redactor-toolbar {
|
53
|
+
z-index: 100;
|
53
54
|
}
|
54
|
-
.redactor-toolbar,
|
55
55
|
.redactor-dropdown {
|
56
|
-
z-index:
|
56
|
+
z-index: 1052;
|
57
57
|
}
|
58
58
|
#redactor-modal-overlay,
|
59
59
|
#redactor-modal-box,
|
60
60
|
#redactor-modal {
|
61
|
-
z-index:
|
62
|
-
}
|
63
|
-
/*
|
64
|
-
Resize
|
65
|
-
*/
|
66
|
-
.redactor-resize {
|
67
|
-
background: #f4f4f4;
|
68
|
-
padding: 4px 0 3px 0;
|
69
|
-
cursor: move;
|
70
|
-
border: 1px solid #e3e3e3;
|
71
|
-
border-top: none;
|
72
|
-
}
|
73
|
-
.redactor-resize div {
|
74
|
-
width: 30px;
|
75
|
-
margin: auto;
|
76
|
-
border-top: 1px solid #bbb;
|
77
|
-
border-bottom: 1px solid #fff;
|
61
|
+
z-index: 1053;
|
78
62
|
}
|
79
63
|
/*
|
80
64
|
Fullscreen
|
@@ -85,57 +69,58 @@ body .redactor-box-fullscreen {
|
|
85
69
|
left: 0;
|
86
70
|
width: 100%;
|
87
71
|
}
|
72
|
+
/*
|
73
|
+
Utils
|
74
|
+
*/
|
75
|
+
.redactor-scrollbar-measure {
|
76
|
+
position: absolute;
|
77
|
+
top: -9999px;
|
78
|
+
width: 50px;
|
79
|
+
height: 50px;
|
80
|
+
overflow: scroll;
|
81
|
+
}
|
88
82
|
/*
|
89
83
|
Editor
|
90
84
|
*/
|
91
85
|
.redactor-editor {
|
92
|
-
box-shadow: inset 0 0 1px #FDE9AC, 0 0 1px #DBA709;
|
93
|
-
transition: box-shadow 1s;
|
94
|
-
cursor: text;
|
95
86
|
position: relative;
|
96
87
|
overflow: auto;
|
97
88
|
margin: 0 !important;
|
98
89
|
padding: 20px;
|
90
|
+
min-height: 80px;
|
99
91
|
outline: none;
|
100
92
|
white-space: normal;
|
101
93
|
border: 1px solid #eee;
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
}
|
106
|
-
.redactor-editor.saved {
|
107
|
-
box-shadow: inset 0 0 1px #30D522, 0 0 1px #107707;
|
94
|
+
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
|
95
|
+
font-size: 14px;
|
96
|
+
line-height: 1.6em;
|
108
97
|
}
|
109
98
|
.redactor-editor:focus {
|
110
99
|
outline: none;
|
111
100
|
}
|
101
|
+
.toolbar-fixed-box + .redactor-editor {
|
102
|
+
padding-top: 32px !important;
|
103
|
+
}
|
112
104
|
/*
|
113
105
|
Placeholder
|
114
106
|
*/
|
115
|
-
.redactor-placeholder {
|
116
|
-
position: relative;
|
117
|
-
}
|
118
107
|
.redactor-placeholder:after {
|
119
108
|
position: absolute;
|
120
109
|
top: 20px;
|
121
110
|
left: 20px;
|
122
111
|
content: attr(placeholder);
|
112
|
+
display: block;
|
113
|
+
/* For Firefox */
|
123
114
|
color: #999 !important;
|
124
115
|
font-weight: normal !important;
|
125
116
|
}
|
126
|
-
/* Placeholder in linebreaks mode */
|
127
|
-
.redactor-linebreaks.redactor-placeholder:after {
|
128
|
-
top: 20px;
|
129
|
-
left: 20px;
|
130
|
-
}
|
131
117
|
/*
|
132
118
|
Toolbar
|
133
119
|
*/
|
134
120
|
.redactor-toolbar {
|
135
|
-
position:
|
121
|
+
position: relative;
|
136
122
|
top: 0;
|
137
123
|
left: 0;
|
138
|
-
width: 100%;
|
139
124
|
margin: 0 !important;
|
140
125
|
padding: 0 !important;
|
141
126
|
list-style: none !important;
|
@@ -221,6 +206,16 @@ body .redactor-box-fullscreen {
|
|
221
206
|
background-color: transparent !important;
|
222
207
|
cursor: default;
|
223
208
|
}
|
209
|
+
.redactor-toolbar li a.redactor-button-focus {
|
210
|
+
color: #fff;
|
211
|
+
background: #000;
|
212
|
+
}
|
213
|
+
/*
|
214
|
+
CodeMirror
|
215
|
+
*/
|
216
|
+
.redactor-box .CodeMirror {
|
217
|
+
display: none;
|
218
|
+
}
|
224
219
|
/*
|
225
220
|
Icons
|
226
221
|
*/
|
@@ -336,15 +331,12 @@ body .redactor-box-fullscreen {
|
|
336
331
|
.re-gallery:before {
|
337
332
|
content: "\e61f";
|
338
333
|
}
|
339
|
-
.re-save:before {
|
340
|
-
content: "✔";
|
341
|
-
}
|
342
334
|
/*
|
343
335
|
Toolbar tooltip
|
344
336
|
*/
|
345
337
|
.redactor-toolbar-tooltip {
|
346
338
|
position: absolute;
|
347
|
-
z-index:
|
339
|
+
z-index: 1054;
|
348
340
|
text-align: center;
|
349
341
|
top: 0;
|
350
342
|
left: 0;
|
@@ -352,7 +344,7 @@ body .redactor-box-fullscreen {
|
|
352
344
|
color: #fff;
|
353
345
|
padding: 5px 8px;
|
354
346
|
line-height: 1;
|
355
|
-
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
|
347
|
+
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
|
356
348
|
font-size: 12px;
|
357
349
|
border-radius: 2px;
|
358
350
|
}
|
@@ -370,7 +362,7 @@ body .redactor-box-fullscreen {
|
|
370
362
|
background-color: #fff;
|
371
363
|
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
|
372
364
|
font-size: 14px;
|
373
|
-
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
|
365
|
+
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
|
374
366
|
line-height: 1.6em;
|
375
367
|
}
|
376
368
|
.redactor-dropdown a {
|
@@ -388,6 +380,23 @@ body .redactor-box-fullscreen {
|
|
388
380
|
color: #fff !important;
|
389
381
|
text-decoration: none;
|
390
382
|
}
|
383
|
+
.redactor-dropdown a.selected {
|
384
|
+
background-color: #000;
|
385
|
+
color: #fff;
|
386
|
+
}
|
387
|
+
.redactor-dropdown a.redactor-dropdown-link-inactive,
|
388
|
+
.redactor-dropdown a.redactor-dropdown-link-inactive:hover {
|
389
|
+
background: none;
|
390
|
+
cursor: default;
|
391
|
+
color: #000 !important;
|
392
|
+
filter: alpha(opacity=40);
|
393
|
+
-moz-opacity: 0.4;
|
394
|
+
opacity: 0.4;
|
395
|
+
}
|
396
|
+
.redactor-dropdown a.redactor-dropdown-link-selected {
|
397
|
+
color: #fff;
|
398
|
+
background: #000;
|
399
|
+
}
|
391
400
|
/*
|
392
401
|
IMAGE BOX
|
393
402
|
*/
|
@@ -429,7 +438,7 @@ body .redactor-box-fullscreen {
|
|
429
438
|
*/
|
430
439
|
.redactor-link-tooltip {
|
431
440
|
position: absolute;
|
432
|
-
z-index:
|
441
|
+
z-index: 99;
|
433
442
|
padding: 10px;
|
434
443
|
line-height: 1;
|
435
444
|
display: inline-block;
|
@@ -439,7 +448,7 @@ body .redactor-box-fullscreen {
|
|
439
448
|
.redactor-link-tooltip,
|
440
449
|
.redactor-link-tooltip a {
|
441
450
|
font-size: 12px;
|
442
|
-
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
|
451
|
+
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
|
443
452
|
}
|
444
453
|
.redactor-link-tooltip a {
|
445
454
|
color: #ccc;
|
@@ -543,6 +552,7 @@ body .redactor-box-fullscreen {
|
|
543
552
|
overflow-y: auto;
|
544
553
|
}
|
545
554
|
#redactor-modal {
|
555
|
+
outline: 0;
|
546
556
|
position: relative;
|
547
557
|
margin: auto;
|
548
558
|
margin-bottom: 20px;
|
@@ -550,7 +560,7 @@ body .redactor-box-fullscreen {
|
|
550
560
|
background: #fff;
|
551
561
|
color: #000;
|
552
562
|
font-size: 14px !important;
|
553
|
-
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
|
563
|
+
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
|
554
564
|
box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
|
555
565
|
}
|
556
566
|
#redactor-modal header {
|
@@ -592,7 +602,7 @@ body .redactor-box-fullscreen {
|
|
592
602
|
color: #333;
|
593
603
|
width: 100%;
|
594
604
|
font-size: 14px;
|
595
|
-
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
|
605
|
+
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
|
596
606
|
-moz-transition: border 0.3s ease-in;
|
597
607
|
transition: border 0.3s ease-in;
|
598
608
|
}
|
@@ -652,7 +662,7 @@ body .redactor-box-fullscreen {
|
|
652
662
|
padding-left: 0;
|
653
663
|
list-style: none;
|
654
664
|
max-height: 250px;
|
655
|
-
overflow-x:
|
665
|
+
overflow-x: auto;
|
656
666
|
}
|
657
667
|
#redactor-modal #redactor-modal-list li {
|
658
668
|
border-bottom: 1px solid #ddd;
|
@@ -682,6 +692,11 @@ body .redactor-box-fullscreen {
|
|
682
692
|
font-size: 30px;
|
683
693
|
font-weight: 300;
|
684
694
|
cursor: pointer;
|
695
|
+
-webkit-appearance: none;
|
696
|
+
padding: 0;
|
697
|
+
border: 0;
|
698
|
+
background: 0;
|
699
|
+
outline: none;
|
685
700
|
}
|
686
701
|
#redactor-modal-close:hover {
|
687
702
|
color: #000;
|
@@ -699,7 +714,7 @@ body .redactor-box-fullscreen {
|
|
699
714
|
text-decoration: none;
|
700
715
|
font-weight: normal;
|
701
716
|
font-size: 12px;
|
702
|
-
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
|
717
|
+
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
|
703
718
|
line-height: 1;
|
704
719
|
cursor: pointer;
|
705
720
|
}
|
@@ -742,17 +757,192 @@ body .redactor-box-fullscreen {
|
|
742
757
|
font-family: monospace, sans-serif;
|
743
758
|
}
|
744
759
|
.redactor-dropdown .redactor-formatting-h1 {
|
760
|
+
font-size: 36px;
|
761
|
+
line-height: 36px;
|
745
762
|
font-weight: bold;
|
746
763
|
}
|
747
764
|
.redactor-dropdown .redactor-formatting-h2 {
|
765
|
+
font-size: 24px;
|
766
|
+
line-height: 36px;
|
748
767
|
font-weight: bold;
|
749
768
|
}
|
750
769
|
.redactor-dropdown .redactor-formatting-h3 {
|
770
|
+
font-size: 21px;
|
771
|
+
line-height: 30px;
|
751
772
|
font-weight: bold;
|
752
773
|
}
|
753
774
|
.redactor-dropdown .redactor-formatting-h4 {
|
775
|
+
font-size: 18px;
|
776
|
+
line-height: 26px;
|
754
777
|
font-weight: bold;
|
755
778
|
}
|
756
779
|
.redactor-dropdown .redactor-formatting-h5 {
|
780
|
+
font-size: 16px;
|
781
|
+
line-height: 23px;
|
782
|
+
font-weight: bold;
|
783
|
+
}
|
784
|
+
/*
|
785
|
+
##############################################
|
786
|
+
|
787
|
+
CONTENT STYLES
|
788
|
+
|
789
|
+
##############################################
|
790
|
+
*/
|
791
|
+
.redactor-editor code,
|
792
|
+
.redactor-editor pre {
|
793
|
+
font-family: Menlo, Monaco, monospace, sans-serif !important;
|
794
|
+
cursor: text;
|
795
|
+
}
|
796
|
+
.redactor-editor div,
|
797
|
+
.redactor-editor p,
|
798
|
+
.redactor-editor ul,
|
799
|
+
.redactor-editor ol,
|
800
|
+
.redactor-editor table,
|
801
|
+
.redactor-editor dl,
|
802
|
+
.redactor-editor blockquote,
|
803
|
+
.redactor-editor pre {
|
804
|
+
font-size: 14px;
|
805
|
+
line-height: 1.6em;
|
806
|
+
}
|
807
|
+
.redactor-editor a {
|
808
|
+
color: #15c;
|
809
|
+
text-decoration: underline;
|
810
|
+
}
|
811
|
+
.redactor-editor object,
|
812
|
+
.redactor-editor embed,
|
813
|
+
.redactor-editor video,
|
814
|
+
.redactor-editor img {
|
815
|
+
max-width: 100%;
|
816
|
+
width: auto;
|
817
|
+
}
|
818
|
+
.redactor-editor video,
|
819
|
+
.redactor-editor img {
|
820
|
+
height: auto;
|
821
|
+
}
|
822
|
+
.redactor-editor div,
|
823
|
+
.redactor-editor p,
|
824
|
+
.redactor-editor ul,
|
825
|
+
.redactor-editor ol,
|
826
|
+
.redactor-editor table,
|
827
|
+
.redactor-editor dl,
|
828
|
+
.redactor-editor figure,
|
829
|
+
.redactor-editor blockquote,
|
830
|
+
.redactor-editor pre {
|
831
|
+
margin: 0;
|
832
|
+
margin-bottom: 15px;
|
833
|
+
border: none;
|
834
|
+
background: none;
|
835
|
+
box-shadow: none;
|
836
|
+
}
|
837
|
+
.redactor-editor iframe,
|
838
|
+
.redactor-editor object,
|
839
|
+
.redactor-editor hr {
|
840
|
+
margin-bottom: 15px;
|
841
|
+
}
|
842
|
+
.redactor-editor blockquote {
|
843
|
+
margin-left: 1.6em !important;
|
844
|
+
padding: 0;
|
845
|
+
text-align: left;
|
846
|
+
color: #777;
|
847
|
+
font-style: italic;
|
848
|
+
}
|
849
|
+
.redactor-editor blockquote:before,
|
850
|
+
.redactor-editor blockquote:after {
|
851
|
+
content: '';
|
852
|
+
}
|
853
|
+
.redactor-editor ul,
|
854
|
+
.redactor-editor ol {
|
855
|
+
padding-left: 2em;
|
856
|
+
}
|
857
|
+
.redactor-editor ul ul,
|
858
|
+
.redactor-editor ol ol,
|
859
|
+
.redactor-editor ul ol,
|
860
|
+
.redactor-editor ol ul {
|
861
|
+
margin: 2px;
|
862
|
+
padding: 0;
|
863
|
+
padding-left: 2em;
|
864
|
+
border: none;
|
865
|
+
}
|
866
|
+
.redactor-editor ol ol li {
|
867
|
+
list-style-type: lower-alpha;
|
868
|
+
}
|
869
|
+
.redactor-editor ol ol ol li {
|
870
|
+
list-style-type: lower-roman;
|
871
|
+
}
|
872
|
+
.redactor-editor dl dt {
|
757
873
|
font-weight: bold;
|
758
874
|
}
|
875
|
+
.redactor-editor dd {
|
876
|
+
margin-left: 1em;
|
877
|
+
}
|
878
|
+
.redactor-editor table {
|
879
|
+
border-collapse: collapse;
|
880
|
+
font-size: 1em;
|
881
|
+
width: 100%;
|
882
|
+
}
|
883
|
+
.redactor-editor table td,
|
884
|
+
.redactor-editor table th {
|
885
|
+
padding: 5px;
|
886
|
+
border: 1px solid #ddd;
|
887
|
+
vertical-align: top;
|
888
|
+
}
|
889
|
+
.redactor-editor table thead td,
|
890
|
+
.redactor-editor table th {
|
891
|
+
font-weight: bold;
|
892
|
+
border-bottom-color: #888;
|
893
|
+
}
|
894
|
+
.redactor-editor code {
|
895
|
+
background-color: #d8d7d7;
|
896
|
+
}
|
897
|
+
.redactor-editor pre {
|
898
|
+
padding: 1em;
|
899
|
+
border: 1px solid #ddd;
|
900
|
+
border-radius: 3px;
|
901
|
+
background: #f8f8f8;
|
902
|
+
font-size: 90%;
|
903
|
+
}
|
904
|
+
.redactor-editor hr {
|
905
|
+
display: block;
|
906
|
+
height: 1px;
|
907
|
+
border: 0;
|
908
|
+
border-top: 1px solid #ccc;
|
909
|
+
}
|
910
|
+
.redactor-editor h1,
|
911
|
+
.redactor-editor h2,
|
912
|
+
.redactor-editor h3,
|
913
|
+
.redactor-editor h4,
|
914
|
+
.redactor-editor h5,
|
915
|
+
.redactor-editor h6 {
|
916
|
+
font-weight: bold;
|
917
|
+
color: #000;
|
918
|
+
padding: 0;
|
919
|
+
background: none;
|
920
|
+
text-rendering: optimizeLegibility;
|
921
|
+
margin: 0 0 .5em 0;
|
922
|
+
}
|
923
|
+
.redactor-editor h1,
|
924
|
+
.redactor-editor h2,
|
925
|
+
.redactor-editor h3,
|
926
|
+
.redactor-editor h4 {
|
927
|
+
line-height: 1.3;
|
928
|
+
}
|
929
|
+
.redactor-editor h1 {
|
930
|
+
font-size: 36px;
|
931
|
+
}
|
932
|
+
.redactor-editor h2 {
|
933
|
+
font-size: 24px;
|
934
|
+
margin-bottom: .7em;
|
935
|
+
}
|
936
|
+
.redactor-editor h3 {
|
937
|
+
font-size: 21px;
|
938
|
+
}
|
939
|
+
.redactor-editor h4 {
|
940
|
+
font-size: 18px;
|
941
|
+
}
|
942
|
+
.redactor-editor h5 {
|
943
|
+
font-size: 16px;
|
944
|
+
}
|
945
|
+
.redactor-editor h6 {
|
946
|
+
font-size: 12px;
|
947
|
+
text-transform: uppercase;
|
948
|
+
}
|