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.
@@ -12,7 +12,12 @@
12
12
  */
13
13
 
14
14
  .redactor {
15
- box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
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 !important;
47
+ z-index: auto;
50
48
  }
51
49
  .redactor-box-fullscreen {
52
- z-index: 1052 !important;
50
+ z-index: 1051;
51
+ }
52
+ .redactor-toolbar {
53
+ z-index: 100;
53
54
  }
54
- .redactor-toolbar,
55
55
  .redactor-dropdown {
56
- z-index: 1050 !important;
56
+ z-index: 1052;
57
57
  }
58
58
  #redactor-modal-overlay,
59
59
  #redactor-modal-box,
60
60
  #redactor-modal {
61
- z-index: 1051 !important;
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
- .redactor:hover {
104
- box-shadow: inset 0 0 1px #fff, 0 0 1px #000;
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: fixed;
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: 100;
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: 49999;
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: scroll;
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
+ }