activeadmin_medium_editor 0.1.3 → 0.2.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE.txt +1 -1
  3. data/README.md +29 -30
  4. data/Rakefile +2 -2
  5. data/app/assets/javascripts/activeadmin/medium_editor/medium_editor.js +11 -3
  6. data/app/assets/javascripts/activeadmin/medium_editor/medium_editor.min.js +3 -3
  7. data/app/assets/javascripts/activeadmin/medium_editor_input.js +15 -4
  8. data/app/assets/stylesheets/activeadmin/_medium_editor_input.scss +90 -0
  9. data/app/assets/stylesheets/activeadmin/medium_editor/_settings.scss +6 -0
  10. data/app/assets/stylesheets/activeadmin/medium_editor/animations/_image-loading.scss +8 -0
  11. data/app/assets/stylesheets/activeadmin/medium_editor/animations/_pop-upwards.scss +20 -0
  12. data/app/assets/stylesheets/activeadmin/medium_editor/components/_anchor-preview.scss +24 -0
  13. data/app/assets/stylesheets/activeadmin/medium_editor/components/_file-dragging.scss +12 -0
  14. data/app/assets/stylesheets/activeadmin/medium_editor/components/_placeholder.scss +27 -0
  15. data/app/assets/stylesheets/activeadmin/medium_editor/components/_toolbar-form.scss +44 -0
  16. data/app/assets/stylesheets/activeadmin/medium_editor/components/_toolbar.scss +98 -0
  17. data/app/assets/stylesheets/activeadmin/medium_editor/medium_editor.scss +31 -0
  18. data/app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.scss +120 -0
  19. data/app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.scss +101 -0
  20. data/app/assets/stylesheets/activeadmin/medium_editor/themes/default.scss +87 -0
  21. data/app/assets/stylesheets/activeadmin/medium_editor/themes/flat.scss +90 -0
  22. data/app/assets/stylesheets/activeadmin/medium_editor/themes/mani.scss +87 -0
  23. data/app/assets/stylesheets/activeadmin/medium_editor/themes/roman.scss +87 -0
  24. data/app/assets/stylesheets/activeadmin/medium_editor/themes/tim.scss +101 -0
  25. data/app/assets/stylesheets/activeadmin/medium_editor/util/_clearfix.scss +7 -0
  26. data/lib/activeadmin/medium_editor.rb +2 -0
  27. data/lib/activeadmin/medium_editor/engine.rb +2 -0
  28. data/lib/activeadmin/medium_editor/version.rb +3 -1
  29. data/lib/activeadmin_medium_editor.rb +2 -0
  30. data/lib/formtastic/inputs/medium_editor_input.rb +3 -1
  31. metadata +152 -30
  32. data/.gitignore +0 -3
  33. data/Gemfile +0 -4
  34. data/activeadmin_medium_editor.gemspec +0 -19
  35. data/app/assets/stylesheets/activeadmin/_medium_editor_input.sass +0 -35
  36. data/app/assets/stylesheets/activeadmin/medium_editor/medium_editor.css +0 -230
  37. data/app/assets/stylesheets/activeadmin/medium_editor/medium_editor.min.css +0 -1
  38. data/app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.css +0 -78
  39. data/app/assets/stylesheets/activeadmin/medium_editor/themes/beagle.min.css +0 -1
  40. data/app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.css +0 -67
  41. data/app/assets/stylesheets/activeadmin/medium_editor/themes/bootstrap.min.css +0 -1
  42. data/app/assets/stylesheets/activeadmin/medium_editor/themes/default.css +0 -63
  43. data/app/assets/stylesheets/activeadmin/medium_editor/themes/default.min.css +0 -1
  44. data/app/assets/stylesheets/activeadmin/medium_editor/themes/flat.css +0 -58
  45. data/app/assets/stylesheets/activeadmin/medium_editor/themes/flat.min.css +0 -1
  46. data/app/assets/stylesheets/activeadmin/medium_editor/themes/mani.css +0 -57
  47. data/app/assets/stylesheets/activeadmin/medium_editor/themes/mani.min.css +0 -1
  48. data/app/assets/stylesheets/activeadmin/medium_editor/themes/roman.css +0 -58
  49. data/app/assets/stylesheets/activeadmin/medium_editor/themes/roman.min.css +0 -1
  50. data/app/assets/stylesheets/activeadmin/medium_editor/themes/tim.css +0 -67
  51. data/app/assets/stylesheets/activeadmin/medium_editor/themes/tim.min.css +0 -1
  52. data/screenshot.jpg +0 -0
data/.gitignore DELETED
@@ -1,3 +0,0 @@
1
- _misc/
2
-
3
- *.orig
data/Gemfile DELETED
@@ -1,4 +0,0 @@
1
- source 'https://rubygems.org'
2
-
3
- gemspec
4
-
@@ -1,19 +0,0 @@
1
- lib = File.expand_path('../lib', __FILE__)
2
- $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
3
- require 'activeadmin/medium_editor/version'
4
-
5
- Gem::Specification.new do |spec|
6
- spec.name = 'activeadmin_medium_editor'
7
- spec.version = ActiveAdmin::MediumEditor::VERSION
8
- spec.summary = 'medium-editor for ActiveAdmin'
9
- spec.description = 'An Active Admin plugin to use Medium Editor'
10
- spec.license = 'MIT'
11
- spec.authors = ['Mattia Roccoberton']
12
- spec.email = 'mat@blocknot.es'
13
- spec.homepage = 'https://github.com/blocknotes/activeadmin_medium_editor'
14
-
15
- spec.files = `git ls-files -z`.split("\x0")
16
- spec.require_paths = ['lib']
17
-
18
- spec.add_runtime_dependency 'activeadmin', '~> 1.0'
19
- end
@@ -1,35 +0,0 @@
1
- @import 'activeadmin/medium_editor/medium_editor.css'
2
-
3
- body.active_admin form
4
- textarea.medium-editor-hidden
5
- display: none
6
- .medium-editor-element
7
- background-color: #fff
8
- border-radius: 5px
9
- border: 1px solid #96a8b2
10
- display: inline-block
11
- max-height: 200px
12
- overflow-y: scroll
13
- padding: 4px 6px 6px 6px
14
- width: 450px
15
- // reset internal elements
16
- *
17
- margin: initial
18
- padding: initial
19
- text-align: initial
20
- ol
21
- list-style-type: decimal
22
- ul
23
- list-style-type: disc
24
- ul, ol
25
- margin: 0 1.5em 1.5em 0
26
- padding-left: 1.5em
27
- .medium-editor-element:focus
28
- border-color: transparent
29
- .medium_editor > label
30
- display: inline-block
31
- float: none
32
- vertical-align: top
33
-
34
- button.medium-editor-action
35
- border-radius: 0
@@ -1,230 +0,0 @@
1
- @-webkit-keyframes medium-editor-image-loading {
2
- 0% {
3
- -webkit-transform: scale(0);
4
- transform: scale(0); }
5
- 100% {
6
- -webkit-transform: scale(1);
7
- transform: scale(1); } }
8
-
9
- @keyframes medium-editor-image-loading {
10
- 0% {
11
- -webkit-transform: scale(0);
12
- transform: scale(0); }
13
- 100% {
14
- -webkit-transform: scale(1);
15
- transform: scale(1); } }
16
-
17
- @-webkit-keyframes medium-editor-pop-upwards {
18
- 0% {
19
- opacity: 0;
20
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
21
- transform: matrix(0.97, 0, 0, 1, 0, 12); }
22
- 20% {
23
- opacity: .7;
24
- -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
25
- transform: matrix(0.99, 0, 0, 1, 0, 2); }
26
- 40% {
27
- opacity: 1;
28
- -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
29
- transform: matrix(1, 0, 0, 1, 0, -1); }
30
- 100% {
31
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
32
- transform: matrix(1, 0, 0, 1, 0, 0); } }
33
-
34
- @keyframes medium-editor-pop-upwards {
35
- 0% {
36
- opacity: 0;
37
- -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
38
- transform: matrix(0.97, 0, 0, 1, 0, 12); }
39
- 20% {
40
- opacity: .7;
41
- -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
42
- transform: matrix(0.99, 0, 0, 1, 0, 2); }
43
- 40% {
44
- opacity: 1;
45
- -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
46
- transform: matrix(1, 0, 0, 1, 0, -1); }
47
- 100% {
48
- -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
49
- transform: matrix(1, 0, 0, 1, 0, 0); } }
50
-
51
- .medium-editor-anchor-preview {
52
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
53
- font-size: 16px;
54
- left: 0;
55
- line-height: 1.4;
56
- max-width: 280px;
57
- position: absolute;
58
- text-align: center;
59
- top: 0;
60
- word-break: break-all;
61
- word-wrap: break-word;
62
- visibility: hidden;
63
- z-index: 2000; }
64
- .medium-editor-anchor-preview a {
65
- color: #fff;
66
- display: inline-block;
67
- margin: 5px 5px 10px; }
68
-
69
- .medium-editor-anchor-preview-active {
70
- visibility: visible; }
71
-
72
- .medium-editor-dragover {
73
- background: #ddd; }
74
-
75
- .medium-editor-image-loading {
76
- -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
77
- animation: medium-editor-image-loading 1s infinite ease-in-out;
78
- background-color: #333;
79
- border-radius: 100%;
80
- display: inline-block;
81
- height: 40px;
82
- width: 40px; }
83
-
84
- .medium-editor-placeholder {
85
- position: relative; }
86
- .medium-editor-placeholder:after {
87
- content: attr(data-placeholder) !important;
88
- font-style: italic;
89
- position: absolute;
90
- left: 0;
91
- top: 0;
92
- white-space: pre;
93
- padding: inherit;
94
- margin: inherit; }
95
-
96
- .medium-editor-placeholder-relative {
97
- position: relative; }
98
- .medium-editor-placeholder-relative:after {
99
- content: attr(data-placeholder) !important;
100
- font-style: italic;
101
- position: relative;
102
- white-space: pre;
103
- padding: inherit;
104
- margin: inherit; }
105
-
106
- .medium-toolbar-arrow-under:after, .medium-toolbar-arrow-over:before {
107
- border-style: solid;
108
- content: '';
109
- display: block;
110
- height: 0;
111
- left: 50%;
112
- margin-left: -8px;
113
- position: absolute;
114
- width: 0; }
115
-
116
- .medium-toolbar-arrow-under:after {
117
- border-width: 8px 8px 0 8px; }
118
-
119
- .medium-toolbar-arrow-over:before {
120
- border-width: 0 8px 8px 8px;
121
- top: -8px; }
122
-
123
- .medium-editor-toolbar {
124
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
125
- font-size: 16px;
126
- left: 0;
127
- position: absolute;
128
- top: 0;
129
- visibility: hidden;
130
- z-index: 2000; }
131
- .medium-editor-toolbar ul {
132
- margin: 0;
133
- padding: 0; }
134
- .medium-editor-toolbar li {
135
- float: left;
136
- list-style: none;
137
- margin: 0;
138
- padding: 0; }
139
- .medium-editor-toolbar li button {
140
- box-sizing: border-box;
141
- cursor: pointer;
142
- display: block;
143
- font-size: 14px;
144
- line-height: 1.33;
145
- margin: 0;
146
- padding: 15px;
147
- text-decoration: none; }
148
- .medium-editor-toolbar li button:focus {
149
- outline: none; }
150
- .medium-editor-toolbar li .medium-editor-action-underline {
151
- text-decoration: underline; }
152
- .medium-editor-toolbar li .medium-editor-action-pre {
153
- font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
154
- font-size: 12px;
155
- font-weight: 100;
156
- padding: 15px 0; }
157
-
158
- .medium-editor-toolbar-active {
159
- visibility: visible; }
160
-
161
- .medium-editor-sticky-toolbar {
162
- position: fixed;
163
- top: 1px; }
164
-
165
- .medium-editor-relative-toolbar {
166
- position: relative; }
167
-
168
- .medium-editor-toolbar-active.medium-editor-stalker-toolbar {
169
- -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
170
- animation: medium-editor-pop-upwards 160ms forwards linear; }
171
-
172
- .medium-editor-action-bold {
173
- font-weight: bolder; }
174
-
175
- .medium-editor-action-italic {
176
- font-style: italic; }
177
-
178
- .medium-editor-toolbar-form {
179
- display: none; }
180
- .medium-editor-toolbar-form input,
181
- .medium-editor-toolbar-form a {
182
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
183
- .medium-editor-toolbar-form .medium-editor-toolbar-form-row {
184
- line-height: 14px;
185
- margin-left: 5px;
186
- padding-bottom: 5px; }
187
- .medium-editor-toolbar-form .medium-editor-toolbar-input,
188
- .medium-editor-toolbar-form label {
189
- border: none;
190
- box-sizing: border-box;
191
- font-size: 14px;
192
- margin: 0;
193
- padding: 6px;
194
- width: 316px;
195
- display: inline-block; }
196
- .medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
197
- .medium-editor-toolbar-form label:focus {
198
- -webkit-appearance: none;
199
- -moz-appearance: none;
200
- appearance: none;
201
- border: none;
202
- box-shadow: none;
203
- outline: 0; }
204
- .medium-editor-toolbar-form a {
205
- display: inline-block;
206
- font-size: 24px;
207
- font-weight: bolder;
208
- margin: 0 10px;
209
- text-decoration: none; }
210
-
211
- .medium-editor-toolbar-form-active {
212
- display: block; }
213
-
214
- .medium-editor-toolbar-actions:after {
215
- clear: both;
216
- content: "";
217
- display: table; }
218
-
219
- .medium-editor-element {
220
- word-wrap: break-word;
221
- min-height: 30px; }
222
- .medium-editor-element img {
223
- max-width: 100%; }
224
- .medium-editor-element sub {
225
- vertical-align: sub; }
226
- .medium-editor-element sup {
227
- vertical-align: super; }
228
-
229
- .medium-editor-hidden {
230
- display: none; }
@@ -1 +0,0 @@
1
- .medium-editor-anchor-preview,.medium-editor-toolbar{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;z-index:2000}@-webkit-keyframes medium-editor-image-loading{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes medium-editor-image-loading{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes medium-editor-pop-upwards{0%{opacity:0;-webkit-transform:matrix(.97,0,0,1,0,12);transform:matrix(.97,0,0,1,0,12)}20%{opacity:.7;-webkit-transform:matrix(.99,0,0,1,0,2);transform:matrix(.99,0,0,1,0,2)}40%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,-1);transform:matrix(1,0,0,1,0,-1)}100%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}}@keyframes medium-editor-pop-upwards{0%{opacity:0;-webkit-transform:matrix(.97,0,0,1,0,12);transform:matrix(.97,0,0,1,0,12)}20%{opacity:.7;-webkit-transform:matrix(.99,0,0,1,0,2);transform:matrix(.99,0,0,1,0,2)}40%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,-1);transform:matrix(1,0,0,1,0,-1)}100%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}}.medium-editor-anchor-preview{left:0;line-height:1.4;max-width:280px;position:absolute;text-align:center;top:0;word-break:break-all;word-wrap:break-word;visibility:hidden}.medium-editor-anchor-preview a{color:#fff;display:inline-block;margin:5px 5px 10px}.medium-editor-placeholder-relative:after,.medium-editor-placeholder:after{content:attr(data-placeholder)!important;white-space:pre;padding:inherit;margin:inherit;font-style:italic}.medium-editor-anchor-preview-active{visibility:visible}.medium-editor-dragover{background:#ddd}.medium-editor-image-loading{-webkit-animation:medium-editor-image-loading 1s infinite ease-in-out;animation:medium-editor-image-loading 1s infinite ease-in-out;background-color:#333;border-radius:100%;display:inline-block;height:40px;width:40px}.medium-editor-placeholder{position:relative}.medium-editor-placeholder:after{position:absolute;left:0;top:0}.medium-editor-placeholder-relative,.medium-editor-placeholder-relative:after{position:relative}.medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{border-style:solid;content:'';display:block;height:0;left:50%;margin-left:-8px;position:absolute;width:0}.medium-toolbar-arrow-under:after{border-width:8px 8px 0}.medium-toolbar-arrow-over:before{border-width:0 8px 8px;top:-8px}.medium-editor-toolbar{left:0;position:absolute;top:0;visibility:hidden}.medium-editor-toolbar ul{margin:0;padding:0}.medium-editor-toolbar li{float:left;list-style:none;margin:0;padding:0}.medium-editor-toolbar li button{box-sizing:border-box;cursor:pointer;display:block;font-size:14px;line-height:1.33;margin:0;padding:15px;text-decoration:none}.medium-editor-toolbar li button:focus{outline:0}.medium-editor-toolbar li .medium-editor-action-underline{text-decoration:underline}.medium-editor-toolbar li .medium-editor-action-pre{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;font-weight:100;padding:15px 0}.medium-editor-toolbar-active{visibility:visible}.medium-editor-sticky-toolbar{position:fixed;top:1px}.medium-editor-relative-toolbar{position:relative}.medium-editor-toolbar-active.medium-editor-stalker-toolbar{-webkit-animation:medium-editor-pop-upwards 160ms forwards linear;animation:medium-editor-pop-upwards 160ms forwards linear}.medium-editor-action-bold{font-weight:bolder}.medium-editor-action-italic{font-style:italic}.medium-editor-toolbar-form{display:none}.medium-editor-toolbar-form a,.medium-editor-toolbar-form input{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.medium-editor-toolbar-form .medium-editor-toolbar-form-row{line-height:14px;margin-left:5px;padding-bottom:5px}.medium-editor-toolbar-form .medium-editor-toolbar-input,.medium-editor-toolbar-form label{border:none;box-sizing:border-box;font-size:14px;margin:0;padding:6px;width:316px;display:inline-block}.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;outline:0}.medium-editor-toolbar-form a{display:inline-block;font-size:24px;font-weight:bolder;margin:0 10px;text-decoration:none}.medium-editor-toolbar-form-active{display:block}.medium-editor-toolbar-actions:after{clear:both;content:"";display:table}.medium-editor-element{word-wrap:break-word;min-height:30px}.medium-editor-element img{max-width:100%}.medium-editor-element sub{vertical-align:sub}.medium-editor-element sup{vertical-align:super}.medium-editor-hidden{display:none}
@@ -1,78 +0,0 @@
1
- .medium-toolbar-arrow-under:after {
2
- border-color: #000 transparent transparent transparent;
3
- top: 40px; }
4
-
5
- .medium-toolbar-arrow-over:before {
6
- border-color: transparent transparent #000 transparent; }
7
-
8
- .medium-editor-toolbar {
9
- background-color: #000;
10
- border: none;
11
- border-radius: 50px; }
12
- .medium-editor-toolbar li button {
13
- background-color: transparent;
14
- border: none;
15
- box-sizing: border-box;
16
- color: #ccc;
17
- height: 40px;
18
- min-width: 40px;
19
- padding: 5px 12px;
20
- -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
- transition: background-color .2s ease-in, color .2s ease-in; }
22
- .medium-editor-toolbar li button:hover {
23
- background-color: #000;
24
- color: #a2d7c7; }
25
- .medium-editor-toolbar li .medium-editor-button-first {
26
- border-bottom-left-radius: 50px;
27
- border-top-left-radius: 50px;
28
- padding-left: 24px; }
29
- .medium-editor-toolbar li .medium-editor-button-last {
30
- border-bottom-right-radius: 50px;
31
- border-right: none;
32
- border-top-right-radius: 50px;
33
- padding-right: 24px; }
34
- .medium-editor-toolbar li .medium-editor-button-active {
35
- background-color: #000;
36
- color: #a2d7c7; }
37
-
38
- .medium-editor-toolbar-form {
39
- background: #000;
40
- border-radius: 50px;
41
- color: #ccc;
42
- overflow: hidden; }
43
- .medium-editor-toolbar-form .medium-editor-toolbar-input {
44
- background: #000;
45
- box-sizing: border-box;
46
- color: #ccc;
47
- height: 40px;
48
- padding-left: 16px;
49
- width: 220px; }
50
- .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
51
- color: #f8f5f3;
52
- color: rgba(248, 245, 243, 0.8); }
53
- .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
54
- /* Firefox 18- */
55
- color: #f8f5f3;
56
- color: rgba(248, 245, 243, 0.8); }
57
- .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
58
- /* Firefox 19+ */
59
- color: #f8f5f3;
60
- color: rgba(248, 245, 243, 0.8); }
61
- .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
62
- color: #f8f5f3;
63
- color: rgba(248, 245, 243, 0.8); }
64
- .medium-editor-toolbar-form a {
65
- color: #ccc;
66
- -webkit-transform: translateY(2px);
67
- transform: translateY(2px); }
68
- .medium-editor-toolbar-form .medium-editor-toolbar-close {
69
- margin-right: 16px; }
70
-
71
- .medium-editor-toolbar-anchor-preview {
72
- background: #000;
73
- border-radius: 50px;
74
- padding: 5px 12px; }
75
-
76
- .medium-editor-anchor-preview a {
77
- color: #ccc;
78
- text-decoration: none; }
@@ -1 +0,0 @@
1
- .medium-toolbar-arrow-under:after{border-color:#000 transparent transparent;top:40px}.medium-toolbar-arrow-over:before{border-color:transparent transparent #000}.medium-editor-toolbar{background-color:#000;border:none;border-radius:50px}.medium-editor-toolbar li button{background-color:transparent;border:none;box-sizing:border-box;color:#ccc;height:40px;min-width:40px;padding:5px 12px;-webkit-transition:background-color .2s ease-in,color .2s ease-in;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li .medium-editor-button-active,.medium-editor-toolbar li button:hover{background-color:#000;color:#a2d7c7}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:50px;border-top-left-radius:50px;padding-left:24px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:50px;border-right:none;border-top-right-radius:50px;padding-right:24px}.medium-editor-toolbar-form{background:#000;border-radius:50px;color:#ccc;overflow:hidden}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#000;box-sizing:border-box;color:#ccc;height:40px;padding-left:16px;width:220px}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#f8f5f3;color:rgba(248,245,243,.8)}.medium-editor-toolbar-form a{color:#ccc;-webkit-transform:translateY(2px);transform:translateY(2px)}.medium-editor-toolbar-form .medium-editor-toolbar-close{margin-right:16px}.medium-editor-toolbar-anchor-preview{background:#000;border-radius:50px;padding:5px 12px}.medium-editor-anchor-preview a{color:#ccc;text-decoration:none}
@@ -1,67 +0,0 @@
1
- .medium-toolbar-arrow-under:after {
2
- border-color: #428bca transparent transparent transparent;
3
- top: 60px; }
4
-
5
- .medium-toolbar-arrow-over:before {
6
- border-color: transparent transparent #428bca transparent; }
7
-
8
- .medium-editor-toolbar {
9
- background-color: #428bca;
10
- border: 1px solid #357ebd;
11
- border-radius: 4px; }
12
- .medium-editor-toolbar li button {
13
- background-color: transparent;
14
- border: none;
15
- border-right: 1px solid #357ebd;
16
- box-sizing: border-box;
17
- color: #fff;
18
- height: 60px;
19
- min-width: 60px;
20
- -webkit-transition: background-color .2s ease-in, color .2s ease-in;
21
- transition: background-color .2s ease-in, color .2s ease-in; }
22
- .medium-editor-toolbar li button:hover {
23
- background-color: #3276b1;
24
- color: #fff; }
25
- .medium-editor-toolbar li .medium-editor-button-first {
26
- border-bottom-left-radius: 4px;
27
- border-top-left-radius: 4px; }
28
- .medium-editor-toolbar li .medium-editor-button-last {
29
- border-bottom-right-radius: 4px;
30
- border-right: none;
31
- border-top-right-radius: 4px; }
32
- .medium-editor-toolbar li .medium-editor-button-active {
33
- background-color: #3276b1;
34
- color: #fff; }
35
-
36
- .medium-editor-toolbar-form {
37
- background: #428bca;
38
- border-radius: 4px;
39
- color: #fff; }
40
- .medium-editor-toolbar-form .medium-editor-toolbar-input {
41
- background: #428bca;
42
- color: #fff;
43
- height: 60px; }
44
- .medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
45
- color: #fff;
46
- color: rgba(255, 255, 255, 0.8); }
47
- .medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
48
- /* Firefox 18- */
49
- color: #fff;
50
- color: rgba(255, 255, 255, 0.8); }
51
- .medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
52
- /* Firefox 19+ */
53
- color: #fff;
54
- color: rgba(255, 255, 255, 0.8); }
55
- .medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
56
- color: #fff;
57
- color: rgba(255, 255, 255, 0.8); }
58
- .medium-editor-toolbar-form a {
59
- color: #fff; }
60
-
61
- .medium-editor-toolbar-anchor-preview {
62
- background: #428bca;
63
- border-radius: 4px;
64
- color: #fff; }
65
-
66
- .medium-editor-placeholder:after {
67
- color: #357ebd; }