alchemy_cms 5.0.3 → 5.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (115) hide show
  1. checksums.yaml +4 -4
  2. data/.github/PULL_REQUEST_TEMPLATE.md +1 -1
  3. data/.github/workflows/stale.yml +1 -1
  4. data/.gitignore +1 -0
  5. data/CHANGELOG.md +66 -2
  6. data/CONTRIBUTING.md +2 -2
  7. data/Gemfile +1 -1
  8. data/README.md +1 -1
  9. data/alchemy_cms.gemspec +3 -3
  10. data/app/assets/images/alchemy/missing-image.svg +1 -0
  11. data/app/assets/javascripts/alchemy/admin.js +0 -1
  12. data/app/assets/javascripts/alchemy/alchemy.element_editors.js.coffee +1 -4
  13. data/app/assets/javascripts/alchemy/alchemy.preview.js.coffee +0 -3
  14. data/app/assets/javascripts/alchemy/alchemy.preview_window.js.coffee +29 -4
  15. data/app/assets/stylesheets/alchemy/_variables.scss +8 -0
  16. data/app/assets/stylesheets/alchemy/admin.scss +0 -1
  17. data/app/assets/stylesheets/alchemy/archive.scss +23 -17
  18. data/app/assets/stylesheets/alchemy/buttons.scss +26 -15
  19. data/app/assets/stylesheets/alchemy/elements.scss +58 -19
  20. data/app/assets/stylesheets/alchemy/errors.scss +1 -1
  21. data/app/assets/stylesheets/alchemy/frame.scss +0 -1
  22. data/app/assets/stylesheets/alchemy/hints.scss +2 -1
  23. data/app/assets/stylesheets/alchemy/navigation.scss +7 -10
  24. data/app/assets/stylesheets/alchemy/pagination.scss +1 -1
  25. data/app/assets/stylesheets/alchemy/search.scss +13 -3
  26. data/app/assets/stylesheets/alchemy/selects.scss +26 -20
  27. data/app/assets/stylesheets/alchemy/tables.scss +38 -9
  28. data/app/assets/stylesheets/alchemy/tags.scss +19 -31
  29. data/app/controllers/alchemy/admin/pages_controller.rb +58 -8
  30. data/app/controllers/alchemy/admin/pictures_controller.rb +13 -6
  31. data/app/controllers/alchemy/admin/resources_controller.rb +3 -3
  32. data/app/controllers/alchemy/pages_controller.rb +49 -14
  33. data/app/decorators/alchemy/element_editor.rb +1 -0
  34. data/app/helpers/alchemy/admin/base_helper.rb +0 -44
  35. data/app/helpers/alchemy/admin/navigation_helper.rb +2 -1
  36. data/app/models/alchemy/attachment.rb +20 -3
  37. data/app/models/alchemy/attachment/url.rb +40 -0
  38. data/app/models/alchemy/essence_picture.rb +3 -3
  39. data/app/models/alchemy/essence_picture_view.rb +5 -3
  40. data/app/models/alchemy/legacy_page_url.rb +1 -1
  41. data/app/models/alchemy/page.rb +24 -1
  42. data/app/models/alchemy/page/page_natures.rb +2 -0
  43. data/app/models/alchemy/page/url_path.rb +8 -6
  44. data/app/models/alchemy/picture.rb +58 -2
  45. data/app/models/alchemy/picture/calculations.rb +55 -0
  46. data/app/models/alchemy/picture/transformations.rb +5 -49
  47. data/app/models/alchemy/picture/url.rb +28 -77
  48. data/app/models/alchemy/picture_thumb.rb +57 -0
  49. data/app/models/alchemy/picture_thumb/create.rb +39 -0
  50. data/app/models/alchemy/picture_thumb/signature.rb +23 -0
  51. data/app/models/alchemy/picture_thumb/uid.rb +22 -0
  52. data/app/models/alchemy/picture_variant.rb +114 -0
  53. data/app/models/alchemy/site/layout.rb +30 -2
  54. data/app/views/alchemy/admin/attachments/show.html.erb +8 -8
  55. data/app/views/alchemy/admin/dashboard/index.html.erb +13 -16
  56. data/app/views/alchemy/admin/elements/_element_footer.html.erb +1 -1
  57. data/app/views/alchemy/admin/elements/publish.js.erb +1 -0
  58. data/app/views/alchemy/admin/essence_pictures/crop.html.erb +1 -1
  59. data/app/views/alchemy/admin/essence_pictures/edit.html.erb +2 -2
  60. data/app/views/alchemy/admin/layoutpages/edit.html.erb +4 -6
  61. data/app/views/alchemy/admin/pages/_create_language_form.html.erb +19 -29
  62. data/app/views/alchemy/admin/pages/_form.html.erb +4 -6
  63. data/app/views/alchemy/admin/pages/_new_page_form.html.erb +12 -2
  64. data/app/views/alchemy/admin/pages/_page_layout_filter.html.erb +29 -0
  65. data/app/views/alchemy/admin/pages/_table.html.erb +27 -0
  66. data/app/views/alchemy/admin/pages/_table_row.html.erb +107 -0
  67. data/app/views/alchemy/admin/pages/_toolbar.html.erb +77 -0
  68. data/app/views/alchemy/admin/pages/edit.html.erb +9 -1
  69. data/app/views/alchemy/admin/pages/index.html.erb +41 -74
  70. data/app/views/alchemy/admin/pages/list/_table.html.erb +31 -0
  71. data/app/views/alchemy/admin/pages/unlock.js.erb +2 -2
  72. data/app/views/alchemy/admin/pages/update.js.erb +19 -10
  73. data/app/views/alchemy/admin/partials/_remote_search_form.html.erb +14 -13
  74. data/app/views/alchemy/admin/partials/_search_form.html.erb +8 -8
  75. data/app/views/alchemy/admin/pictures/_archive.html.erb +1 -1
  76. data/app/views/alchemy/admin/pictures/_form.html.erb +1 -1
  77. data/app/views/alchemy/admin/pictures/_picture.html.erb +3 -3
  78. data/app/views/alchemy/admin/pictures/_picture_to_assign.html.erb +1 -1
  79. data/app/views/alchemy/admin/pictures/edit_multiple.html.erb +1 -1
  80. data/app/views/alchemy/admin/pictures/index.html.erb +1 -1
  81. data/app/views/alchemy/admin/pictures/show.html.erb +3 -3
  82. data/app/views/alchemy/admin/resources/_filter_bar.html.erb +13 -11
  83. data/app/views/alchemy/admin/resources/_per_page_select.html.erb +3 -3
  84. data/app/views/alchemy/admin/resources/index.html.erb +4 -1
  85. data/app/views/alchemy/admin/tags/index.html.erb +14 -15
  86. data/app/views/alchemy/base/500.html.erb +11 -13
  87. data/app/views/alchemy/essences/_essence_file_view.html.erb +3 -3
  88. data/config/alchemy/config.yml +15 -11
  89. data/config/alchemy/modules.yml +12 -12
  90. data/config/locales/alchemy.en.yml +6 -4
  91. data/config/routes.rb +1 -1
  92. data/db/migrate/20200617110713_create_alchemy_picture_thumbs.rb +22 -0
  93. data/db/migrate/20200907111332_remove_tri_state_booleans.rb +33 -0
  94. data/lib/alchemy.rb +66 -0
  95. data/lib/alchemy/admin/preview_url.rb +2 -0
  96. data/lib/alchemy/auth_accessors.rb +12 -5
  97. data/lib/alchemy/config.rb +1 -3
  98. data/lib/alchemy/engine.rb +7 -6
  99. data/lib/alchemy/modules.rb +11 -1
  100. data/lib/alchemy/permissions.rb +1 -0
  101. data/lib/alchemy/test_support/factories/picture_factory.rb +0 -1
  102. data/lib/alchemy/test_support/factories/picture_thumb_factory.rb +12 -0
  103. data/lib/alchemy/test_support/integration_helpers.rb +0 -7
  104. data/lib/alchemy/version.rb +1 -1
  105. data/lib/alchemy_cms.rb +2 -4
  106. data/lib/generators/alchemy/install/files/alchemy.en.yml +2 -2
  107. data/lib/generators/alchemy/install/templates/dragonfly.rb.tt +5 -5
  108. data/lib/tasks/alchemy/thumbnails.rake +37 -0
  109. data/vendor/assets/javascripts/jquery_plugins/select2.js +3729 -0
  110. data/vendor/assets/stylesheets/alchemy_admin/select2.scss +740 -0
  111. metadata +41 -31
  112. data/.github/workflows/greetings.yml +0 -13
  113. data/app/controllers/concerns/alchemy/locale_redirects.rb +0 -40
  114. data/app/controllers/concerns/alchemy/page_redirects.rb +0 -68
  115. data/lib/alchemy/userstamp.rb +0 -12
@@ -0,0 +1,740 @@
1
+ /*
2
+ Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015
3
+ */
4
+ .select2-container {
5
+ margin: 0;
6
+ position: relative;
7
+ display: inline-block;
8
+ vertical-align: middle;
9
+ }
10
+
11
+ .select2-container,
12
+ .select2-drop,
13
+ .select2-search,
14
+ .select2-search input {
15
+ /*
16
+ Force border-box so that % widths fit the parent
17
+ container without overlap because of margin/padding.
18
+ More Info : http://www.quirksmode.org/css/box.html
19
+ */
20
+ -webkit-box-sizing: border-box; /* webkit */
21
+ -moz-box-sizing: border-box; /* firefox */
22
+ box-sizing: border-box; /* css3 */
23
+ }
24
+
25
+ .select2-container .select2-choice {
26
+ display: block;
27
+ overflow: hidden;
28
+ position: relative;
29
+
30
+ white-space: nowrap;
31
+ text-decoration: none;
32
+
33
+ border-radius: 4px;
34
+
35
+ background-clip: padding-box;
36
+
37
+ -webkit-touch-callout: none;
38
+ -webkit-user-select: none;
39
+ -moz-user-select: none;
40
+ -ms-user-select: none;
41
+ user-select: none;
42
+ }
43
+
44
+ html[dir="rtl"] .select2-container .select2-choice {
45
+ padding: 0 8px 0 0;
46
+ }
47
+
48
+ .select2-container.select2-drop-above .select2-choice {
49
+ border-bottom-color: #aaa;
50
+
51
+ border-radius: 0 0 4px 4px;
52
+
53
+ background-image: -webkit-gradient(
54
+ linear,
55
+ left bottom,
56
+ left top,
57
+ color-stop(0, #eee),
58
+ color-stop(0.9, #fff)
59
+ );
60
+ background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
61
+ background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
62
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
63
+ background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
64
+ }
65
+
66
+ .select2-container.select2-allowclear .select2-choice .select2-chosen {
67
+ margin-right: 42px;
68
+ }
69
+
70
+ .select2-container .select2-choice > .select2-chosen {
71
+ margin-right: 26px;
72
+ display: block;
73
+ overflow: hidden;
74
+
75
+ white-space: nowrap;
76
+
77
+ text-overflow: ellipsis;
78
+ float: none;
79
+ width: auto;
80
+ }
81
+
82
+ html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
83
+ margin-left: 26px;
84
+ margin-right: 0;
85
+ }
86
+
87
+ .select2-container .select2-choice abbr {
88
+ display: none;
89
+ width: 12px;
90
+ height: 12px;
91
+ position: absolute;
92
+ right: 24px;
93
+ top: 8px;
94
+
95
+ font-size: 1px;
96
+ text-decoration: none;
97
+
98
+ border: 0;
99
+ background: right top no-repeat;
100
+ cursor: pointer;
101
+ outline: 0;
102
+ }
103
+
104
+ .select2-container.select2-allowclear .select2-choice abbr {
105
+ display: inline-block;
106
+ }
107
+
108
+ .select2-container .select2-choice abbr:hover {
109
+ background-position: right -11px;
110
+ cursor: pointer;
111
+ }
112
+
113
+ .select2-drop-mask {
114
+ border: 0;
115
+ margin: 0;
116
+ padding: 0;
117
+ position: fixed;
118
+ left: 0;
119
+ top: 0;
120
+ min-height: 100%;
121
+ min-width: 100%;
122
+ height: auto;
123
+ width: auto;
124
+ opacity: 0;
125
+ z-index: 9998;
126
+ /* styles required for IE to work */
127
+ background-color: #fff;
128
+ filter: alpha(opacity=0);
129
+ }
130
+
131
+ .select2-drop {
132
+ width: 100%;
133
+ margin-top: -1px;
134
+ position: absolute;
135
+ z-index: 9999;
136
+ top: 100%;
137
+
138
+ background: #fff;
139
+ color: #000;
140
+ border: 1px solid #aaa;
141
+ border-top: 0;
142
+
143
+ border-radius: 0 0 4px 4px;
144
+
145
+ -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
146
+ box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
147
+ }
148
+
149
+ .select2-drop.select2-drop-above {
150
+ margin-top: 1px;
151
+ border-top: 1px solid #aaa;
152
+ border-bottom: 0;
153
+
154
+ border-radius: 4px 4px 0 0;
155
+
156
+ -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
157
+ box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
158
+ }
159
+
160
+ .select2-drop-active {
161
+ border: 1px solid #5897fb;
162
+ border-top: none;
163
+ }
164
+
165
+ .select2-drop.select2-drop-above.select2-drop-active {
166
+ border-top: 1px solid #5897fb;
167
+ }
168
+
169
+ .select2-drop-auto-width {
170
+ border-top: 1px solid #aaa;
171
+ width: auto;
172
+ }
173
+
174
+ .select2-container .select2-choice .select2-arrow {
175
+ display: inline-block;
176
+ position: absolute;
177
+ right: 0;
178
+
179
+ border-radius: 0 4px 4px 0;
180
+ }
181
+
182
+ html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
183
+ left: 0;
184
+ right: auto;
185
+
186
+ border-left: none;
187
+ border-right: 1px solid #aaa;
188
+ border-radius: 4px 0 0 4px;
189
+ }
190
+
191
+ .select2-container .select2-choice .select2-arrow b {
192
+ display: block;
193
+ width: 100%;
194
+ height: 100%;
195
+ }
196
+
197
+ html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
198
+ background-position: 2px 1px;
199
+ }
200
+
201
+ .select2-search {
202
+ display: inline-block;
203
+ width: 100%;
204
+ min-height: 26px;
205
+ margin: 0;
206
+ padding: 4px 4px 0 4px;
207
+
208
+ position: relative;
209
+ z-index: 10000;
210
+
211
+ white-space: nowrap;
212
+ }
213
+
214
+ .select2-search input {
215
+ width: 100%;
216
+ height: auto !important;
217
+ min-height: 26px;
218
+ padding: 4px 20px 4px 5px;
219
+ margin: 0;
220
+ }
221
+
222
+ html[dir="rtl"] .select2-search input {
223
+ padding: 4px 5px 4px 20px;
224
+
225
+ background: #fff no-repeat -37px -22px;
226
+ background: no-repeat -37px -22px,
227
+ -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
228
+ background: no-repeat -37px -22px,
229
+ -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
230
+ background: no-repeat -37px -22px,
231
+ -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
232
+ background: no-repeat -37px -22px,
233
+ linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
234
+ }
235
+
236
+ .select2-search input.select2-active {
237
+ background: #fff no-repeat 100%;
238
+ background: no-repeat 100%,
239
+ -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
240
+ background: no-repeat 100%,
241
+ -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
242
+ background: no-repeat 100%,
243
+ -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
244
+ background: no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
245
+ }
246
+
247
+ .select2-container-active .select2-choice,
248
+ .select2-container-active .select2-choices {
249
+ border: 1px solid #5897fb;
250
+ outline: none;
251
+
252
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
253
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
254
+ }
255
+
256
+ .select2-dropdown-open .select2-choice {
257
+ border-bottom-color: transparent;
258
+ -webkit-box-shadow: 0 1px 0 #fff inset;
259
+ box-shadow: 0 1px 0 #fff inset;
260
+
261
+ border-bottom-left-radius: 0;
262
+ border-bottom-right-radius: 0;
263
+
264
+ background-color: #eee;
265
+ background-image: -webkit-gradient(
266
+ linear,
267
+ left bottom,
268
+ left top,
269
+ color-stop(0, #fff),
270
+ color-stop(0.5, #eee)
271
+ );
272
+ background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
273
+ background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
274
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
275
+ background-image: linear-gradient(to top, #fff 0%, #eee 50%);
276
+ }
277
+
278
+ .select2-dropdown-open.select2-drop-above .select2-choice,
279
+ .select2-dropdown-open.select2-drop-above .select2-choices {
280
+ border: 1px solid #5897fb;
281
+ border-top-color: transparent;
282
+
283
+ background-image: -webkit-gradient(
284
+ linear,
285
+ left top,
286
+ left bottom,
287
+ color-stop(0, #fff),
288
+ color-stop(0.5, #eee)
289
+ );
290
+ background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
291
+ background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
292
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
293
+ background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
294
+ }
295
+
296
+ .select2-dropdown-open .select2-choice .select2-arrow {
297
+ background: transparent;
298
+ border-left: none;
299
+ filter: none;
300
+ }
301
+ html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
302
+ border-right: none;
303
+ }
304
+
305
+ .select2-dropdown-open .select2-choice .select2-arrow b {
306
+ background-position: -18px 1px;
307
+ }
308
+
309
+ html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
310
+ background-position: -16px 1px;
311
+ }
312
+
313
+ .select2-hidden-accessible {
314
+ border: 0;
315
+ clip: rect(0 0 0 0);
316
+ height: 1px;
317
+ margin: -1px;
318
+ overflow: hidden;
319
+ padding: 0;
320
+ position: absolute;
321
+ width: 1px;
322
+ }
323
+
324
+ /* results */
325
+ .select2-results {
326
+ max-height: 200px;
327
+ padding: 0 0 0 4px;
328
+ margin: 4px 4px 4px 0;
329
+ position: relative;
330
+ overflow-x: hidden;
331
+ overflow-y: auto;
332
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
333
+ }
334
+
335
+ html[dir="rtl"] .select2-results {
336
+ padding: 0 4px 0 0;
337
+ margin: 4px 0 4px 4px;
338
+ }
339
+
340
+ .select2-results ul.select2-result-sub {
341
+ margin: 0;
342
+ padding-left: 0;
343
+ }
344
+
345
+ .select2-results li {
346
+ list-style: none;
347
+ display: list-item;
348
+ background-image: none;
349
+ }
350
+
351
+ .select2-results li.select2-result-with-children > .select2-result-label {
352
+ font-weight: bold;
353
+ }
354
+
355
+ .select2-results .select2-result-label {
356
+ padding: 3px 7px 4px;
357
+ margin: 0;
358
+ cursor: pointer;
359
+
360
+ min-height: 1em;
361
+
362
+ -webkit-touch-callout: none;
363
+ -webkit-user-select: none;
364
+ -moz-user-select: none;
365
+ -ms-user-select: none;
366
+ user-select: none;
367
+ }
368
+
369
+ .select2-results-dept-1 .select2-result-label {
370
+ padding-left: 20px;
371
+ }
372
+ .select2-results-dept-2 .select2-result-label {
373
+ padding-left: 40px;
374
+ }
375
+ .select2-results-dept-3 .select2-result-label {
376
+ padding-left: 60px;
377
+ }
378
+ .select2-results-dept-4 .select2-result-label {
379
+ padding-left: 80px;
380
+ }
381
+ .select2-results-dept-5 .select2-result-label {
382
+ padding-left: 100px;
383
+ }
384
+ .select2-results-dept-6 .select2-result-label {
385
+ padding-left: 110px;
386
+ }
387
+ .select2-results-dept-7 .select2-result-label {
388
+ padding-left: 120px;
389
+ }
390
+
391
+ .select2-results .select2-highlighted {
392
+ background: #3875d7;
393
+ color: #fff;
394
+ }
395
+
396
+ .select2-results li em {
397
+ background: #feffde;
398
+ font-style: normal;
399
+ }
400
+
401
+ .select2-results .select2-highlighted em {
402
+ background: transparent;
403
+ }
404
+
405
+ .select2-results .select2-highlighted ul {
406
+ background: #fff;
407
+ color: #000;
408
+ }
409
+
410
+ .select2-results .select2-no-results,
411
+ .select2-results .select2-searching,
412
+ .select2-results .select2-ajax-error,
413
+ .select2-results .select2-selection-limit {
414
+ background: #f4f4f4;
415
+ display: list-item;
416
+ padding-left: 5px;
417
+ }
418
+
419
+ /*
420
+ disabled look for disabled choices in the results dropdown
421
+ */
422
+ .select2-results .select2-disabled.select2-highlighted {
423
+ color: #666;
424
+ background: #f4f4f4;
425
+ display: list-item;
426
+ cursor: default;
427
+ }
428
+ .select2-results .select2-disabled {
429
+ background: #f4f4f4;
430
+ display: list-item;
431
+ cursor: default;
432
+ }
433
+
434
+ .select2-results .select2-selected {
435
+ display: none;
436
+ }
437
+
438
+ .select2-more-results.select2-active {
439
+ background: #f4f4f4 no-repeat 100%;
440
+ }
441
+
442
+ .select2-results .select2-ajax-error {
443
+ background: rgba(255, 50, 50, 0.2);
444
+ }
445
+
446
+ .select2-more-results {
447
+ background: #f4f4f4;
448
+ display: list-item;
449
+ }
450
+
451
+ /* disabled styles */
452
+
453
+ .select2-container.select2-container-disabled .select2-choice {
454
+ background-color: #f4f4f4;
455
+ background-image: none;
456
+ border: 1px solid #ddd;
457
+ cursor: default;
458
+ }
459
+
460
+ .select2-container.select2-container-disabled .select2-choice .select2-arrow {
461
+ background-color: #f4f4f4;
462
+ background-image: none;
463
+ border-left: 0;
464
+ }
465
+
466
+ .select2-container.select2-container-disabled .select2-choice abbr {
467
+ display: none;
468
+ }
469
+
470
+ /* multiselect */
471
+
472
+ .select2-container-multi .select2-choices {
473
+ height: auto !important;
474
+ height: 1%;
475
+ margin: 0;
476
+ padding: 0 5px 0 0;
477
+ position: relative;
478
+
479
+ border: 1px solid #aaa;
480
+ cursor: text;
481
+ overflow: hidden;
482
+
483
+ background-color: #fff;
484
+ background-image: -webkit-gradient(
485
+ linear,
486
+ 0% 0%,
487
+ 0% 100%,
488
+ color-stop(1%, #eee),
489
+ color-stop(15%, #fff)
490
+ );
491
+ background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
492
+ background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
493
+ background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
494
+ }
495
+
496
+ html[dir="rtl"] .select2-container-multi .select2-choices {
497
+ padding: 0 0 0 5px;
498
+ }
499
+
500
+ .select2-locked {
501
+ padding: 3px 5px 3px 5px !important;
502
+ }
503
+
504
+ .select2-container-multi .select2-choices {
505
+ min-height: 26px;
506
+ }
507
+
508
+ .select2-container-multi.select2-container-active .select2-choices {
509
+ border: 1px solid #5897fb;
510
+ outline: none;
511
+
512
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
513
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
514
+ }
515
+ .select2-container-multi .select2-choices li {
516
+ float: left;
517
+ list-style: none;
518
+ }
519
+ html[dir="rtl"] .select2-container-multi .select2-choices li {
520
+ float: right;
521
+ }
522
+ .select2-container-multi .select2-choices .select2-search-field {
523
+ margin: 0;
524
+ padding: 0;
525
+ white-space: nowrap;
526
+ }
527
+
528
+ .select2-container-multi .select2-choices .select2-search-field input {
529
+ padding: 5px;
530
+ margin: 1px 0;
531
+
532
+ font-family: sans-serif;
533
+ font-size: 100%;
534
+ color: #666;
535
+ outline: 0;
536
+ border: 0;
537
+ -webkit-box-shadow: none;
538
+ box-shadow: none;
539
+ background: transparent !important;
540
+ }
541
+
542
+ .select2-container-multi
543
+ .select2-choices
544
+ .select2-search-field
545
+ input.select2-active {
546
+ background: #fff no-repeat 100% !important;
547
+ }
548
+
549
+ .select2-default {
550
+ color: #999 !important;
551
+ }
552
+
553
+ .select2-container-multi .select2-choices .select2-search-choice {
554
+ padding: 3px 5px 3px 18px;
555
+ margin: 3px 0 3px 5px;
556
+ position: relative;
557
+
558
+ line-height: 13px;
559
+ color: #333;
560
+ cursor: default;
561
+ border: 1px solid #aaaaaa;
562
+
563
+ border-radius: 3px;
564
+
565
+ -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
566
+ box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
567
+
568
+ background-clip: padding-box;
569
+
570
+ -webkit-touch-callout: none;
571
+ -webkit-user-select: none;
572
+ -moz-user-select: none;
573
+ -ms-user-select: none;
574
+ user-select: none;
575
+
576
+ background-color: #e4e4e4;
577
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
578
+ background-image: -webkit-gradient(
579
+ linear,
580
+ 0% 0%,
581
+ 0% 100%,
582
+ color-stop(20%, #f4f4f4),
583
+ color-stop(50%, #f0f0f0),
584
+ color-stop(52%, #e8e8e8),
585
+ color-stop(100%, #eee)
586
+ );
587
+ background-image: -webkit-linear-gradient(
588
+ top,
589
+ #f4f4f4 20%,
590
+ #f0f0f0 50%,
591
+ #e8e8e8 52%,
592
+ #eee 100%
593
+ );
594
+ background-image: -moz-linear-gradient(
595
+ top,
596
+ #f4f4f4 20%,
597
+ #f0f0f0 50%,
598
+ #e8e8e8 52%,
599
+ #eee 100%
600
+ );
601
+ background-image: linear-gradient(
602
+ to bottom,
603
+ #f4f4f4 20%,
604
+ #f0f0f0 50%,
605
+ #e8e8e8 52%,
606
+ #eee 100%
607
+ );
608
+ }
609
+ html[dir="rtl"]
610
+ .select2-container-multi
611
+ .select2-choices
612
+ .select2-search-choice {
613
+ margin: 3px 5px 3px 0;
614
+ padding: 3px 18px 3px 5px;
615
+ }
616
+ .select2-container-multi
617
+ .select2-choices
618
+ .select2-search-choice
619
+ .select2-chosen {
620
+ cursor: default;
621
+ }
622
+ .select2-container-multi .select2-choices .select2-search-choice-focus {
623
+ background: #d4d4d4;
624
+ }
625
+
626
+ .select2-search-choice-close {
627
+ display: block;
628
+ width: 12px;
629
+ height: 13px;
630
+ position: absolute;
631
+ right: 3px;
632
+ top: 4px;
633
+
634
+ font-size: 1px;
635
+ outline: none;
636
+ background: right top no-repeat;
637
+ }
638
+ html[dir="rtl"] .select2-search-choice-close {
639
+ right: auto;
640
+ left: 3px;
641
+ }
642
+
643
+ .select2-container-multi .select2-search-choice-close {
644
+ left: 3px;
645
+ }
646
+
647
+ html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
648
+ left: auto;
649
+ right: 2px;
650
+ }
651
+
652
+ .select2-container-multi
653
+ .select2-choices
654
+ .select2-search-choice
655
+ .select2-search-choice-close:hover {
656
+ background-position: right -11px;
657
+ }
658
+ .select2-container-multi
659
+ .select2-choices
660
+ .select2-search-choice-focus
661
+ .select2-search-choice-close {
662
+ background-position: right -11px;
663
+ }
664
+
665
+ /* disabled styles */
666
+ .select2-container-multi.select2-container-disabled .select2-choices {
667
+ background-color: #f4f4f4;
668
+ background-image: none;
669
+ border: 1px solid #ddd;
670
+ cursor: default;
671
+ }
672
+
673
+ .select2-container-multi.select2-container-disabled
674
+ .select2-choices
675
+ .select2-search-choice {
676
+ padding: 3px 5px 3px 5px;
677
+ border: 1px solid #ddd;
678
+ background-image: none;
679
+ background-color: #f4f4f4;
680
+ }
681
+
682
+ .select2-container-multi.select2-container-disabled
683
+ .select2-choices
684
+ .select2-search-choice
685
+ .select2-search-choice-close {
686
+ display: none;
687
+ background: none;
688
+ }
689
+ /* end multiselect */
690
+
691
+ .select2-result-selectable .select2-match,
692
+ .select2-result-unselectable .select2-match {
693
+ text-decoration: underline;
694
+ }
695
+
696
+ .select2-offscreen,
697
+ .select2-offscreen:focus {
698
+ clip: rect(0 0 0 0) !important;
699
+ width: 1px !important;
700
+ height: 1px !important;
701
+ border: 0 !important;
702
+ margin: 0 !important;
703
+ padding: 0 !important;
704
+ overflow: hidden !important;
705
+ position: absolute !important;
706
+ outline: 0 !important;
707
+ left: 0px !important;
708
+ top: 0px !important;
709
+ }
710
+
711
+ .select2-display-none {
712
+ display: none;
713
+ }
714
+
715
+ .select2-measure-scrollbar {
716
+ position: absolute;
717
+ top: -10000px;
718
+ left: -10000px;
719
+ width: 100px;
720
+ height: 100px;
721
+ overflow: scroll;
722
+ }
723
+
724
+ /* Retina-ize icons */
725
+
726
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
727
+ only screen and (min-resolution: 2dppx) {
728
+ .select2-search input,
729
+ .select2-search-choice-close,
730
+ .select2-container .select2-choice abbr,
731
+ .select2-container .select2-choice .select2-arrow b {
732
+ background-image: image-url("select2x2.png") !important;
733
+ background-repeat: no-repeat !important;
734
+ background-size: 60px 40px !important;
735
+ }
736
+
737
+ .select2-search input {
738
+ background-position: 100% -21px !important;
739
+ }
740
+ }