annex-cms 0.3.8 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+ }