Instant Images – One Click Unsplash Uploads - Version 4.0.1

Version Description

  • April 18, 2019 =
  • FIX - Fixed issue where Instant Images sidebar plugin would not appear in Gutenberg if removed as a pinned item.
Download this release

Release Info

Developer dcooney
Plugin Icon 128x128 Instant Images – One Click Unsplash Uploads
Version 4.0.1
Comparing to
See all releases

Code changes from version 3.3.0 to 4.0.1

Files changed (15) hide show
  1. .babelrc +0 -3
  2. .editorconfig +0 -16
  3. .jshintrc +0 -3
  4. README.txt +28 -4
  5. admin/admin.php +5 -3
  6. admin/assets/img/bolt.svg +1 -0
  7. admin/assets/js/admin.js +5 -4
  8. admin/includes/unsplash-settings.php +2 -11
  9. api/resize.php +8 -5
  10. api/test.php +2 -2
  11. api/upload.php +2 -2
  12. dist/css/instant-images.css +288 -65
  13. dist/css/instant-images.min.css +1 -0
  14. dist/js/instant-images-block.js +26995 -0
  15. dist/js/instant-images-block.min.js +20 -0
.babelrc DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "presets": ["es2015"]
3
- }
 
 
 
.editorconfig DELETED
@@ -1,16 +0,0 @@
1
- # EditorConfig helps developers define and maintain consistent
2
- # coding styles between different editors and IDEs
3
- # editorconfig.org
4
-
5
- # PHP PSR-2 Coding Standards
6
- # http://www.php-fig.org/psr/psr-2/
7
-
8
- root = true
9
-
10
- [*]
11
- charset = utf-8
12
- end_of_line = lf
13
- insert_final_newline = true
14
- trim_trailing_whitespace = true
15
- indent_style = tab
16
- indent_size = 3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.jshintrc DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "esversion": 6
3
- }
 
 
 
README.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: dcooney, connekthq
3
  Donate link: https://connekthq.com/donate/
4
  Tags: stock photo, unsplash, prototyping, photos, upload, media library, image upload, free photos
5
  Requires at least: 4.0
6
- Tested up to: 5.0.3
7
- Stable tag: 3.3.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -27,6 +27,7 @@ The perfect tool for users who want to save time and frustration by uploading im
27
  * **Image Search** - The Instant Images search let’s you quickly find and upload images for any subject in a matter of seconds!
28
  * **Time Saver** - Quickly upload amazing stock photos without leaving the comfort of your WordPress admin.
29
  * **Theme/Plugin Developers** - A great tool for developers who want to prototype and develop using real world imagery.
 
30
  * **Edit Image Metadata** - Easily edit image filename, alt text and caption prior to uploading to your media library.
31
  * **Easy to Use** - It couldn't get much more simple, just click an image and it's automatically uploaded to your media library for use on your site.
32
 
@@ -43,6 +44,12 @@ The perfect tool for users who want to save time and frustration by uploading im
43
 
44
  ***
45
 
 
 
 
 
 
 
46
  = Website =
47
  [https://connekthq.com/plugins/instant-images/](https://connekthq.com/plugins/instant-images/)
48
 
@@ -110,12 +117,29 @@ How to install Instant Images.
110
 
111
  1. Dashboard - Browse, search and upload images to your WordPress media library
112
  2. Search - Find and upload images for any subject in a matter of seconds!
113
- 2. Image Metadata - Easily edit image filename, alt text and caption prior to uploading to your media library.
114
- 3. Post/Page Edit - Unsplash images in a lightbox on your post edit/new/post pages.
 
115
 
116
 
117
  == Changelog ==
118
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
119
  = 3.3.0 - January 10, 2019 =
120
  * UPDATE - Removed cURL usage for downloading images in place of core `copy()` PHP function.
121
  * NEW - Adding Axios for HTTP requests
3
  Donate link: https://connekthq.com/donate/
4
  Tags: stock photo, unsplash, prototyping, photos, upload, media library, image upload, free photos
5
  Requires at least: 4.0
6
+ Tested up to: 5.1.1
7
+ Stable tag: 4.0.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
27
  * **Image Search** - The Instant Images search let’s you quickly find and upload images for any subject in a matter of seconds!
28
  * **Time Saver** - Quickly upload amazing stock photos without leaving the comfort of your WordPress admin.
29
  * **Theme/Plugin Developers** - A great tool for developers who want to prototype and develop using real world imagery.
30
+ * **Gutenberg** - Instant Images directly integrates with Gutenberg as a plugin sidebar.
31
  * **Edit Image Metadata** - Easily edit image filename, alt text and caption prior to uploading to your media library.
32
  * **Easy to Use** - It couldn't get much more simple, just click an image and it's automatically uploaded to your media library for use on your site.
33
 
44
 
45
  ***
46
 
47
+ = How Can You Contribute? =
48
+ Pull requests can be submitted via [GitHub](https://github.com/dcooney/instant-images).
49
+
50
+ ***
51
+
52
+
53
  = Website =
54
  [https://connekthq.com/plugins/instant-images/](https://connekthq.com/plugins/instant-images/)
55
 
117
 
118
  1. Dashboard - Browse, search and upload images to your WordPress media library
119
  2. Search - Find and upload images for any subject in a matter of seconds!
120
+ 3. Image Metadata - Easily edit image filename, alt text and caption prior to uploading to your media library.
121
+ 4. Post/Page Edit - Unsplash images in a lightbox on your post edit/new/post pages.
122
+ 5. Gutenberg post edit screens. Add as featured image, insert into post or just upload photo.
123
 
124
 
125
  == Changelog ==
126
 
127
+ = 4.0.1 - April 18, 2019 =
128
+ * FIX - Fixed issue where Instant Images sidebar plugin would not appear in Gutenberg if removed as a pinned item.
129
+
130
+
131
+ = 4.0.0 - February 12, 2019 =
132
+
133
+ * 4.0 adds Gutenberg support. You can now access instant images directly from inside the block editor.
134
+ * NEW - Added Instant Images to Gutenberg as a Plugin Sidebar.
135
+ * NEW - Added Gutenberg featured image support.
136
+ * NEW - Added Gutenberg Create Image Block support.
137
+
138
+ * UPDATE - Improved a11y (accessibility) of photo listing items.
139
+ * UPDATE - Updated REST API methods to prefix function names.
140
+ * UPDATE - Various other UI/UX enhancements.
141
+
142
+
143
  = 3.3.0 - January 10, 2019 =
144
  * UPDATE - Removed cURL usage for downloading images in place of core `copy()` PHP function.
145
  * NEW - Adding Axios for HTTP requests
admin/admin.php CHANGED
@@ -60,12 +60,14 @@ function instant_img_enqueue_scripts(){
60
  * @since 3.0
61
  */
62
  function instant_img_scripts(){
63
- wp_enqueue_style('admin-instant-images', INSTANT_IMG_URL. 'dist/css/instant-images.css', '', INSTANT_IMG_VERSION);
 
 
64
  wp_enqueue_script('jquery');
65
  wp_enqueue_script('jquery-form', true);
66
  wp_enqueue_script('masonry', true);
67
 
68
- wp_enqueue_script('instant-images-react', INSTANT_IMG_URL. 'dist/js/instant-images.js', '', INSTANT_IMG_VERSION, true);
69
  wp_enqueue_script('instant-images', INSTANT_IMG_ADMIN_URL. 'assets/js/admin.js', 'jquery', INSTANT_IMG_VERSION, true);
70
 
71
  InstantImages::instant_img_localize();
@@ -191,7 +193,7 @@ function instant_img_filter_admin_footer_text( $text ) {
191
  $screen = get_current_screen();
192
  $base = 'media_page_'.INSTANT_IMG_NAME;
193
  if($screen->base === $base){
194
- echo INSTANT_IMG_TITLE .' '.'is made with <span style="color: #e25555;">♥</span> by <a href="https://connekthq.com/?utm_source=WPAdmin&utm_medium=InstantImages&utm_campaign=Footer" target="_blank" style="font-weight: 500;">Connekt</a> | <a href="https://wordpress.org/support/plugin/instant-images/reviews/#new-post" target="_blank" style="font-weight: 500;">Leave a Review</a> | <a href="https://connekthq.com/plugins/instant-images/#faqs" target="_blank" style="font-weight: 500;">FAQs</a>';
195
  }
196
  }
197
  add_filter( 'admin_footer_text', 'instant_img_filter_admin_footer_text'); // Admin menu text
60
  * @since 3.0
61
  */
62
  function instant_img_scripts(){
63
+ $suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min'; // Use minified libraries if SCRIPT_DEBUG is turned off
64
+
65
+ wp_enqueue_style('admin-instant-images', INSTANT_IMG_URL. 'dist/css/instant-images'. $suffix .'.css', '', INSTANT_IMG_VERSION);
66
  wp_enqueue_script('jquery');
67
  wp_enqueue_script('jquery-form', true);
68
  wp_enqueue_script('masonry', true);
69
 
70
+ wp_enqueue_script('instant-images-react', INSTANT_IMG_URL. 'dist/js/instant-images'. $suffix .'.js', '', INSTANT_IMG_VERSION, true);
71
  wp_enqueue_script('instant-images', INSTANT_IMG_ADMIN_URL. 'assets/js/admin.js', 'jquery', INSTANT_IMG_VERSION, true);
72
 
73
  InstantImages::instant_img_localize();
193
  $screen = get_current_screen();
194
  $base = 'media_page_'.INSTANT_IMG_NAME;
195
  if($screen->base === $base){
196
+ echo INSTANT_IMG_TITLE .' '.'is made with <span style="color: #e25555;">♥</span> by <a href="https://connekthq.com/?utm_source=WPAdmin&utm_medium=InstantImages&utm_campaign=Footer" target="_blank" style="font-weight: 500;">Connekt</a> | <a href="https://wordpress.org/support/plugin/instant-images/reviews/#new-post" target="_blank" style="font-weight: 500;">Leave a Review</a> | <a href="https://connekthq.com/plugins/instant-images/faqs/" target="_blank" style="font-weight: 500;">FAQs</a>';
197
  }
198
  }
199
  add_filter( 'admin_footer_text', 'instant_img_filter_admin_footer_text'); // Admin menu text
admin/assets/img/bolt.svg ADDED
@@ -0,0 +1 @@
 
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31 58"><title>Asset 1</title><polygon points="20 0 20 23 31 23 11 58 11 34 0 34 20 0" fill="#4a7bc5"/></svg>
admin/assets/js/admin.js CHANGED
@@ -3,7 +3,8 @@ var instant_images = instant_images || {};
3
  jQuery(document).ready(function($) {
4
  "use strict";
5
 
6
- var init = true;
 
7
 
8
 
9
 
@@ -68,12 +69,12 @@ jQuery(document).ready(function($) {
68
  $('.header-wrap button').on('click', function(){
69
  var el = $(this);
70
  if(settingsDiv.hasClass('active')){
71
- settingsDiv.slideUp(200, function(){
72
  el.find('i').removeClass('fa-close').addClass('fa-cog');
73
  settingsDiv.removeClass('active');
74
  });
75
  }else{
76
- settingsDiv.slideDown(200, function(){
77
  el.find('i').addClass('fa-close').removeClass('fa-cog');
78
  settingsDiv.addClass('active');
79
  });
@@ -87,7 +88,7 @@ jQuery(document).ready(function($) {
87
  $('.save-settings .loading').fadeIn();
88
  $(this).ajaxSubmit({
89
  success: function(){
90
- $('.save-settings .loading').fadeOut(250, function(){
91
  //window.location.reload();
92
  });
93
  },
3
  jQuery(document).ready(function($) {
4
  "use strict";
5
 
6
+ var init = true;
7
+ var speed = 350;
8
 
9
 
10
 
69
  $('.header-wrap button').on('click', function(){
70
  var el = $(this);
71
  if(settingsDiv.hasClass('active')){
72
+ settingsDiv.slideUp(speed, function(){
73
  el.find('i').removeClass('fa-close').addClass('fa-cog');
74
  settingsDiv.removeClass('active');
75
  });
76
  }else{
77
+ settingsDiv.slideDown(speed, function(){
78
  el.find('i').addClass('fa-close').removeClass('fa-cog');
79
  settingsDiv.addClass('active');
80
  });
88
  $('.save-settings .loading').fadeIn();
89
  $(this).ajaxSubmit({
90
  success: function(){
91
+ $('.save-settings .loading').fadeOut(speed, function(){
92
  //window.location.reload();
93
  });
94
  },
admin/includes/unsplash-settings.php CHANGED
@@ -23,17 +23,11 @@
23
  <h2 class="w-border"><?php _e('What\'s New', 'instant-images'); ?></h2>
24
  <p><?php _e('The latest Instant Images updates', 'instant-images'); ?>.</p>
25
  <div class="cta-wrap">
26
- <h4><span>3.2+</span></h4>
27
- <ul class="whats-new">
28
- <li>Added Instant Images to media upload tabs. You can now upload a photo and insert it into a page or page immediately. Please note, this is currently not working with the Gutenberg editor.</li>
29
- <li>Added functionality to edit image details (filename, alt text and caption) prior to uploading - edit image detail by clicking the options icon in the top right corner of each image.</li>
30
- <li>Improved error handling and messaging for REST API and cURL issues.</li>
31
- </ul>
32
- <h4><span>3.1</span></h4>
33
  <ul class="whats-new">
 
34
  <li>Better image uploading and error handling.</li>
35
  <li>Added `instant_images_user_role` filter to allow for control over user capability.</li>
36
- <li>Fixing permission issues with uploads when using basic HTTP authentication on domain.</li>
37
  <li>Updated to meet revised <a href="https://medium.com/unsplash/unsplash-api-guidelines-28e0216e6daa" target="_blank">Unsplash API guidelines</a>.</li>
38
  <li>Adding support for searching individual photos by Unsplash ID - searching <pre>id:{photo_id}</pre> will return a single result.<br/>e.g. <pre>id:YiUi00uqKk8</pre></li>
39
  </ul>
@@ -45,9 +39,6 @@
45
  array(
46
  'slug' => 'ajax-load-more',
47
  ),
48
- array(
49
- 'slug' => 'broadcast-call-to-actions'
50
- ),
51
  array(
52
  'slug' => 'easy-query'
53
  ),
23
  <h2 class="w-border"><?php _e('What\'s New', 'instant-images'); ?></h2>
24
  <p><?php _e('The latest Instant Images updates', 'instant-images'); ?>.</p>
25
  <div class="cta-wrap">
26
+ <h4><span>4.0</span></h4>
 
 
 
 
 
 
27
  <ul class="whats-new">
28
+ <li>Gutenberg Support - Instant Images directly integrates with Gutenberg as a plugin sidebar..</li>
29
  <li>Better image uploading and error handling.</li>
30
  <li>Added `instant_images_user_role` filter to allow for control over user capability.</li>
 
31
  <li>Updated to meet revised <a href="https://medium.com/unsplash/unsplash-api-guidelines-28e0216e6daa" target="_blank">Unsplash API guidelines</a>.</li>
32
  <li>Adding support for searching individual photos by Unsplash ID - searching <pre>id:{photo_id}</pre> will return a single result.<br/>e.g. <pre>id:YiUi00uqKk8</pre></li>
33
  </ul>
39
  array(
40
  'slug' => 'ajax-load-more',
41
  ),
 
 
 
42
  array(
43
  'slug' => 'easy-query'
44
  ),
api/resize.php CHANGED
@@ -13,7 +13,7 @@ add_action( 'rest_api_init', function () {
13
  register_rest_route( $my_namespace, $my_endpoint,
14
  array(
15
  'methods' => 'POST',
16
- 'callback' => 'resize_image',
17
  )
18
  );
19
  });
@@ -29,7 +29,7 @@ add_action( 'rest_api_init', function () {
29
  * @since 3.0
30
  */
31
 
32
- function resize_image( WP_REST_Request $request ) {
33
 
34
  if (is_user_logged_in() && current_user_can( apply_filters('instant_images_user_role', 'edit_theme_options') )){
35
 
@@ -109,7 +109,8 @@ function resize_image( WP_REST_Request $request ) {
109
  $response = array(
110
  'success' => true,
111
  'msg' => __('Image successfully uploaded to your media library!', 'instant-images'),
112
- 'id' => $image_id
 
113
  );
114
 
115
  }else{
@@ -118,7 +119,8 @@ function resize_image( WP_REST_Request $request ) {
118
  $response = array(
119
  'success' => false,
120
  'msg' => __('There was an error sending the image to your media library. Please check your server permissions and confirm the upload_max_filesize setting (php.ini) is large enough for the downloaded image (8mb minimum is recommended).', 'instant-images'),
121
- 'id' => ''
 
122
  );
123
  }
124
  }
@@ -135,7 +137,8 @@ function resize_image( WP_REST_Request $request ) {
135
  $response = array(
136
  'success' => false,
137
  'msg' => __('There was an error resizing the image, please try again.', 'instant-images'),
138
- 'id' => ''
 
139
  );
140
  wp_send_json($response); // Send response as JSON
141
 
13
  register_rest_route( $my_namespace, $my_endpoint,
14
  array(
15
  'methods' => 'POST',
16
+ 'callback' => 'instant_images_resize_image',
17
  )
18
  );
19
  });
29
  * @since 3.0
30
  */
31
 
32
+ function instant_images_resize_image( WP_REST_Request $request ) {
33
 
34
  if (is_user_logged_in() && current_user_can( apply_filters('instant_images_user_role', 'edit_theme_options') )){
35
 
109
  $response = array(
110
  'success' => true,
111
  'msg' => __('Image successfully uploaded to your media library!', 'instant-images'),
112
+ 'id' => $image_id,
113
+ 'url' => wp_get_attachment_url( $image_id )
114
  );
115
 
116
  }else{
119
  $response = array(
120
  'success' => false,
121
  'msg' => __('There was an error sending the image to your media library. Please check your server permissions and confirm the upload_max_filesize setting (php.ini) is large enough for the downloaded image (8mb minimum is recommended).', 'instant-images'),
122
+ 'id' => '',
123
+ 'url' => ''
124
  );
125
  }
126
  }
137
  $response = array(
138
  'success' => false,
139
  'msg' => __('There was an error resizing the image, please try again.', 'instant-images'),
140
+ 'id' => '',
141
+ 'url' => ''
142
  );
143
  wp_send_json($response); // Send response as JSON
144
 
api/test.php CHANGED
@@ -13,7 +13,7 @@ add_action( 'rest_api_init', function () {
13
  register_rest_route( $my_namespace, $my_endpoint,
14
  array(
15
  'methods' => 'GET',
16
- 'callback' => 'test',
17
  )
18
  );
19
  });
@@ -30,7 +30,7 @@ add_action( 'rest_api_init', function () {
30
 
31
  */
32
 
33
- function test( WP_REST_Request $request ) {
34
 
35
  if (is_user_logged_in() && current_user_can( apply_filters('instant_images_user_role', 'edit_theme_options') )){
36
 
13
  register_rest_route( $my_namespace, $my_endpoint,
14
  array(
15
  'methods' => 'GET',
16
+ 'callback' => 'instant_images_test',
17
  )
18
  );
19
  });
30
 
31
  */
32
 
33
+ function instant_images_test( WP_REST_Request $request ) {
34
 
35
  if (is_user_logged_in() && current_user_can( apply_filters('instant_images_user_role', 'edit_theme_options') )){
36
 
api/upload.php CHANGED
@@ -13,7 +13,7 @@ add_action( 'rest_api_init', function () {
13
  register_rest_route( $my_namespace, $my_endpoint,
14
  array(
15
  'methods' => 'POST',
16
- 'callback' => 'upload_image',
17
  )
18
  );
19
  });
@@ -30,7 +30,7 @@ add_action( 'rest_api_init', function () {
30
  * @updated 3.3
31
  */
32
 
33
- function upload_image( WP_REST_Request $request ) {
34
 
35
  if (is_user_logged_in() && current_user_can( apply_filters('instant_images_user_role', 'edit_theme_options') )){
36
 
13
  register_rest_route( $my_namespace, $my_endpoint,
14
  array(
15
  'methods' => 'POST',
16
+ 'callback' => 'instant_images_upload_image',
17
  )
18
  );
19
  });
30
  * @updated 3.3
31
  */
32
 
33
+ function instant_images_upload_image( WP_REST_Request $request ) {
34
 
35
  if (is_user_logged_in() && current_user_can( apply_filters('instant_images_user_role', 'edit_theme_options') )){
36
 
dist/css/instant-images.css CHANGED
@@ -52,6 +52,17 @@ body.media_page_instant-images #wpfooter p {
52
  */
53
  }
54
 
 
 
 
 
 
 
 
 
 
 
 
55
  .instant-img-container * {
56
  -webkit-box-sizing: border-box;
57
  box-sizing: border-box;
@@ -443,7 +454,12 @@ input:-webkit-autofill {
443
  margin: 0;
444
  padding: 25px 0;
445
  list-style: none;
446
- overflow: hidden;
 
 
 
 
 
447
  }
448
 
449
  .instant-img-container .control-nav li {
@@ -611,8 +627,6 @@ input:-webkit-autofill {
611
  background-color: #f7f7f7 !important;
612
  height: 46px;
613
  line-height: 46px;
614
- -webkit-box-shadow: none !important;
615
- box-shadow: none !important;
616
  -webkit-border-radius: 5px;
617
  border-radius: 5px;
618
  font-size: 16px;
@@ -771,6 +785,10 @@ input:-webkit-autofill {
771
  opacity: 0.7;
772
  }
773
 
 
 
 
 
774
  #photos .photo a.upload {
775
  display: block;
776
  position: relative;
@@ -788,14 +806,12 @@ input:-webkit-autofill {
788
  #photos .photo a.upload:focus, #photos .photo a.upload:active {
789
  outline: none;
790
  border: none;
791
- -webkit-box-shadow: none;
792
- box-shadow: none;
793
  }
794
 
795
  #photos .photo a.upload img {
796
- -webkit-transition: all 0.45s ease;
797
- -o-transition: all 0.45s ease;
798
- transition: all 0.45s ease;
799
  width: 100%;
800
  height: auto !important;
801
  padding: 0;
@@ -920,15 +936,24 @@ input:-webkit-autofill {
920
 
921
  #photos .photo:hover a.upload img, #photos .photo.in-progress a.upload img {
922
  opacity: 0.6;
 
 
 
923
  }
924
 
925
- #photos .photo:hover .fade, #photos .photo.in-progress .fade {
926
  opacity: 1;
927
  visibility: visible;
928
  }
929
 
930
- #photos .photo:hover .fade.user, #photos .photo.in-progress .fade.user {
931
- opacity: 0.7;
 
 
 
 
 
 
932
  }
933
 
934
  #photos .photo.in-progress .notice-msg {
@@ -936,98 +961,177 @@ input:-webkit-autofill {
936
  opacity: 1;
937
  }
938
 
939
- #photos .photo .fade {
940
- -webkit-transition: all 0.3s ease;
941
- -o-transition: all 0.3s ease;
942
- transition: all 0.3s ease;
943
- color: #333;
944
- background: rgba(255, 255, 255, 0.75);
945
- -webkit-border-radius: 3px;
946
- border-radius: 3px;
947
- height: 28px;
948
- line-height: 28px;
949
- font-size: 13px;
950
  opacity: 0;
951
- visibility: hidden;
952
- position: absolute;
953
- left: 10px;
954
- bottom: 10px;
955
- z-index: 6;
956
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
957
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
958
  }
959
 
960
- #photos .photo .fade.likes {
961
- padding: 0 8px;
 
 
 
962
  width: auto;
963
  display: inline-block;
964
  width: auto;
965
- left: auto;
966
- right: 45px;
967
  cursor: default !important;
 
 
 
 
 
 
 
 
 
 
968
  }
969
 
970
- #photos .photo .fade.likes i {
971
  color: #d13714;
972
- line-height: 29px;
973
  margin-right: 1px;
 
 
 
 
 
 
 
 
 
 
 
 
974
  }
975
 
976
- #photos .photo .fade.edit-photo, #photos .photo .fade.external-photo {
977
- padding: 0 8px;
978
- width: auto;
979
  display: inline-block;
980
- width: auto;
981
- left: auto;
982
- right: 10px;
983
- cursor: pointer;
 
 
 
 
 
 
 
 
984
  }
985
 
986
- #photos .photo .fade.edit-photo i, #photos .photo .fade.external-photo i {
987
- line-height: 29px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
988
  position: relative;
 
989
  left: 1px;
990
  }
991
 
992
- #photos .photo .fade.edit-photo:hover, #photos .photo .fade.external-photo:hover {
993
- background: rgba(255, 255, 255, 0.95);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
994
  }
995
 
996
- #photos .photo .fade.external-photo i {
 
 
 
 
 
 
 
 
997
  position: relative;
 
998
  top: 1px;
999
  }
1000
 
1001
- #photos .photo .fade.edit-photo {
1002
- top: 10px;
 
 
 
 
 
 
1003
  }
1004
 
1005
  #photos .photo .fade.edit-photo i {
1006
- position: static;
 
1007
  }
1008
 
1009
  #photos .photo .fade.user {
1010
  background: none;
1011
- color: #fff;
1012
  text-decoration: none;
1013
- font-size: 14px;
1014
- max-width: 65%;
1015
  cursor: pointer;
1016
  text-decoration: none;
1017
  border: none;
1018
- -webkit-box-shadow: none !important;
1019
- box-shadow: none !important;
1020
- line-height: 22px;
1021
- bottom: 5px;
1022
  }
1023
 
1024
- #photos .photo .fade.user:hover {
1025
- opacity: 0.95;
1026
  }
1027
 
1028
  #photos .photo .fade.user .user-wrap {
1029
  position: relative;
1030
- padding-left: 28px;
1031
  display: block;
1032
  width: 100%;
1033
  overflow: hidden;
@@ -1037,13 +1141,13 @@ input:-webkit-autofill {
1037
  }
1038
 
1039
  #photos .photo .fade.user img {
1040
- width: 22px;
1041
- max-width: 22px;
1042
  -webkit-border-radius: 100%;
1043
  border-radius: 100%;
1044
  position: absolute;
1045
- left: 0;
1046
- top: 0;
1047
  }
1048
 
1049
  #photos .photo .notice-msg {
@@ -1080,7 +1184,7 @@ input:-webkit-autofill {
1080
  -webkit-transition: all 0.25s ease;
1081
  -o-transition: all 0.25s ease;
1082
  transition: all 0.25s ease;
1083
- padding: 8px 8px 0;
1084
  overflow-y: auto;
1085
  -webkit-overflow-scrolling: touch;
1086
  border: 1px solid #e1e1e1;
@@ -1343,6 +1447,123 @@ input:-webkit-autofill {
1343
  padding: 0 16px;
1344
  }
1345
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1346
  .no-results {
1347
  display: none;
1348
  padding: 150px 100px;
@@ -1369,3 +1590,5 @@ input:-webkit-autofill {
1369
  padding: 50px;
1370
  }
1371
  }
 
 
52
  */
53
  }
54
 
55
+ .instant-img-container .offscreen {
56
+ position: absolute;
57
+ overflow: hidden;
58
+ clip: rect(0 0 0 0);
59
+ height: 1px;
60
+ width: 1px;
61
+ margin: -1px;
62
+ padding: 0;
63
+ border: 0;
64
+ }
65
+
66
  .instant-img-container * {
67
  -webkit-box-sizing: border-box;
68
  box-sizing: border-box;
454
  margin: 0;
455
  padding: 25px 0;
456
  list-style: none;
457
+ }
458
+
459
+ .instant-img-container .control-nav:after {
460
+ content: "";
461
+ display: table;
462
+ clear: both;
463
  }
464
 
465
  .instant-img-container .control-nav li {
627
  background-color: #f7f7f7 !important;
628
  height: 46px;
629
  line-height: 46px;
 
 
630
  -webkit-border-radius: 5px;
631
  border-radius: 5px;
632
  font-size: 16px;
785
  opacity: 0.7;
786
  }
787
 
788
+ #photos .photo:focus-within .user-controls {
789
+ opacity: 1;
790
+ }
791
+
792
  #photos .photo a.upload {
793
  display: block;
794
  position: relative;
806
  #photos .photo a.upload:focus, #photos .photo a.upload:active {
807
  outline: none;
808
  border: none;
 
 
809
  }
810
 
811
  #photos .photo a.upload img {
812
+ -webkit-transition: all 0.5s ease;
813
+ -o-transition: all 0.5s ease;
814
+ transition: all 0.5s ease;
815
  width: 100%;
816
  height: auto !important;
817
  padding: 0;
936
 
937
  #photos .photo:hover a.upload img, #photos .photo.in-progress a.upload img {
938
  opacity: 0.6;
939
+ -webkit-transform: scale(1.075);
940
+ -ms-transform: scale(1.075);
941
+ transform: scale(1.075);
942
  }
943
 
944
+ #photos .photo:hover .options, #photos .photo.in-progress .options {
945
  opacity: 1;
946
  visibility: visible;
947
  }
948
 
949
+ #photos .photo:hover .options i.heart-like, #photos .photo.in-progress .options i.heart-like {
950
+ -webkit-transform: scale(1);
951
+ -ms-transform: scale(1);
952
+ transform: scale(1);
953
+ }
954
+
955
+ #photos .photo:hover .user-controls, #photos .photo.in-progress .user-controls {
956
+ opacity: 1;
957
  }
958
 
959
  #photos .photo.in-progress .notice-msg {
961
  opacity: 1;
962
  }
963
 
964
+ #photos .photo.in-progress .user-controls {
 
 
 
 
 
 
 
 
 
 
965
  opacity: 0;
 
 
 
 
 
 
 
966
  }
967
 
968
+ #photos .photo .options {
969
+ position: absolute;
970
+ top: 5px;
971
+ right: 5px;
972
+ z-index: 6;
973
  width: auto;
974
  display: inline-block;
975
  width: auto;
 
 
976
  cursor: default !important;
977
+ -webkit-transition: all 0.3s ease;
978
+ -o-transition: all 0.3s ease;
979
+ transition: all 0.3s ease;
980
+ opacity: 0;
981
+ visibility: hidden;
982
+ font-size: 13px;
983
+ }
984
+
985
+ #photos .photo .options i {
986
+ font-size: 14px;
987
  }
988
 
989
+ #photos .photo .options i.heart-like {
990
  color: #d13714;
 
991
  margin-right: 1px;
992
+ -webkit-transition: all 0.25s ease 0.05s;
993
+ -o-transition: all 0.25s ease 0.05s;
994
+ transition: all 0.25s ease 0.05s;
995
+ -webkit-transform: scale(0.55);
996
+ -ms-transform: scale(0.55);
997
+ transform: scale(0.55);
998
+ margin-right: 1px;
999
+ position: relative;
1000
+ left: -1px;
1001
+ top: 0;
1002
+ font-size: 14px;
1003
+ opacity: 0.9;
1004
  }
1005
 
1006
+ #photos .photo .options a, #photos .photo .options span {
 
 
1007
  display: inline-block;
1008
+ vertical-align: top;
1009
+ line-height: 30px;
1010
+ padding: 0 10px;
1011
+ padding-top: 1px;
1012
+ background: rgba(255, 255, 255, 0.5);
1013
+ margin: 0;
1014
+ -webkit-border-radius: 2px 0 0 2px;
1015
+ border-radius: 2px 0 0 2px;
1016
+ color: #23282d;
1017
+ -webkit-transition: all 0.3s ease;
1018
+ -o-transition: all 0.3s ease;
1019
+ transition: all 0.3s ease;
1020
  }
1021
 
1022
+ #photos .photo .options span {
1023
+ cursor: default;
1024
+ }
1025
+
1026
+ #photos .photo .options span:hover, #photos .photo .options span:focus {
1027
+ background-color: #fff;
1028
+ }
1029
+
1030
+ #photos .photo .options a {
1031
+ margin-left: 1px;
1032
+ -webkit-border-radius: 0 2px 2px 0;
1033
+ border-radius: 0 2px 2px 0;
1034
+ }
1035
+
1036
+ #photos .photo .options a:hover, #photos .photo .options a:focus {
1037
+ background-color: #fff;
1038
+ }
1039
+
1040
+ #photos .photo .options a i {
1041
  position: relative;
1042
+ top: 1px;
1043
  left: 1px;
1044
  }
1045
 
1046
+ #photos .photo .user-controls {
1047
+ position: absolute;
1048
+ z-index: 6;
1049
+ width: 100%;
1050
+ bottom: 0;
1051
+ left: 0;
1052
+ width: 100%;
1053
+ background: rgba(0, 0, 0, 0.45);
1054
+ padding: 0;
1055
+ opacity: 0.4;
1056
+ -webkit-transition: all 0.3s ease;
1057
+ -o-transition: all 0.3s ease;
1058
+ transition: all 0.3s ease;
1059
+ }
1060
+
1061
+ #photos .photo .photo-options {
1062
+ float: right;
1063
+ text-align: right;
1064
+ max-width: 50%;
1065
+ }
1066
+
1067
+ #photos .photo .fade {
1068
+ -webkit-transition: all 0.35s ease;
1069
+ -o-transition: all 0.35s ease;
1070
+ transition: all 0.35s ease;
1071
+ color: #fff;
1072
+ background: rgba(255, 255, 255, 0.75);
1073
+ background: transparent;
1074
+ -webkit-border-radius: 1px;
1075
+ border-radius: 1px;
1076
+ height: 34px;
1077
+ line-height: 34px;
1078
+ font-size: 17px;
1079
+ z-index: 6;
1080
+ float: left;
1081
+ margin: 1px 1px 1px 0;
1082
+ padding: 0;
1083
+ color: rgba(255, 255, 255, 0.75);
1084
  }
1085
 
1086
+ #photos .photo .fade.edit-photo, #photos .photo .fade.set-featured, #photos .photo .fade.insert {
1087
+ width: auto;
1088
+ display: inline-block;
1089
+ width: 34px;
1090
+ text-align: center;
1091
+ }
1092
+
1093
+ #photos .photo .fade.edit-photo i, #photos .photo .fade.set-featured i, #photos .photo .fade.insert i {
1094
+ line-height: 27px;
1095
  position: relative;
1096
+ left: 1px;
1097
  top: 1px;
1098
  }
1099
 
1100
+ #photos .photo .fade.edit-photo:hover, #photos .photo .fade.edit-photo:focus, #photos .photo .fade.set-featured:hover, #photos .photo .fade.set-featured:focus, #photos .photo .fade.insert:hover, #photos .photo .fade.insert:focus {
1101
+ color: #222;
1102
+ background: rgba(255, 255, 255, 0.95);
1103
+ }
1104
+
1105
+ #photos .photo .fade.set-featured i {
1106
+ top: 0;
1107
+ left: 0;
1108
  }
1109
 
1110
  #photos .photo .fade.edit-photo i {
1111
+ left: 0;
1112
+ top: 0;
1113
  }
1114
 
1115
  #photos .photo .fade.user {
1116
  background: none;
 
1117
  text-decoration: none;
1118
+ font-size: 13px;
1119
+ max-width: 48%;
1120
  cursor: pointer;
1121
  text-decoration: none;
1122
  border: none;
1123
+ line-height: 35px;
1124
+ height: 36px;
1125
+ margin: 0;
 
1126
  }
1127
 
1128
+ #photos .photo .fade.user:hover, #photos .photo .fade.user:focus {
1129
+ text-decoration: underline;
1130
  }
1131
 
1132
  #photos .photo .fade.user .user-wrap {
1133
  position: relative;
1134
+ padding-left: 35px;
1135
  display: block;
1136
  width: 100%;
1137
  overflow: hidden;
1141
  }
1142
 
1143
  #photos .photo .fade.user img {
1144
+ width: 20px;
1145
+ max-width: 20px;
1146
  -webkit-border-radius: 100%;
1147
  border-radius: 100%;
1148
  position: absolute;
1149
+ left: 8px;
1150
+ top: 8px;
1151
  }
1152
 
1153
  #photos .photo .notice-msg {
1184
  -webkit-transition: all 0.25s ease;
1185
  -o-transition: all 0.25s ease;
1186
  transition: all 0.25s ease;
1187
+ padding: 8px;
1188
  overflow-y: auto;
1189
  -webkit-overflow-scrolling: touch;
1190
  border: 1px solid #e1e1e1;
1447
  padding: 0 16px;
1448
  }
1449
 
1450
+ .instant-images-sidebar-icon,
1451
+ .instant-images-sidebar-icon svg {
1452
+ display: -webkit-inline-box;
1453
+ display: -webkit-inline-flex;
1454
+ display: -ms-inline-flexbox;
1455
+ display: inline-flex;
1456
+ -webkit-box-flex: 0;
1457
+ -webkit-flex: 0 0 auto;
1458
+ -ms-flex: 0 0 auto;
1459
+ flex: 0 0 auto;
1460
+ }
1461
+
1462
+ .instant-images-sidebar-icon svg {
1463
+ height: 20px;
1464
+ width: 20px;
1465
+ }
1466
+
1467
+ .instant-images-sidebar-icon svg,
1468
+ .instant-images-sidebar-icon svg * {
1469
+ stroke: #5d72c3 !important;
1470
+ fill: #5d72c3 !important;
1471
+ }
1472
+
1473
+ .components-panel .instant-img-container .load-more-wrap {
1474
+ display: block;
1475
+ }
1476
+
1477
+ .components-panel .no-results {
1478
+ padding: 40px;
1479
+ }
1480
+
1481
+ .components-panel .no-results h3 {
1482
+ font-size: 18px;
1483
+ }
1484
+
1485
+ .components-panel .no-results p {
1486
+ font-size: 13px;
1487
+ }
1488
+
1489
+ .components-panel #photos {
1490
+ width: 100%;
1491
+ margin: 0;
1492
+ padding: 5px;
1493
+ }
1494
+
1495
+ .components-panel #photos .photo {
1496
+ width: 100%;
1497
+ display: block;
1498
+ opacity: 1 !important;
1499
+ margin: 0 0 5px;
1500
+ padding: 0;
1501
+ }
1502
+
1503
+ .components-panel .control-nav {
1504
+ padding: 0 16px 8px;
1505
+ border-bottom: 1px solid #e2e4e7;
1506
+ }
1507
+
1508
+ .components-panel .control-nav li {
1509
+ font-size: 13px;
1510
+ }
1511
+
1512
+ .components-panel .control-nav li a {
1513
+ padding: 16px 24px 16px 0;
1514
+ height: auto;
1515
+ line-height: 1.2;
1516
+ }
1517
+
1518
+ .components-panel .control-nav li.search-field {
1519
+ float: none;
1520
+ width: 100%;
1521
+ padding: 0;
1522
+ clear: both;
1523
+ }
1524
+
1525
+ .components-panel .control-nav li.search-field form {
1526
+ height: auto;
1527
+ width: -webkit-calc(100% + 16px);
1528
+ width: calc(100% + 16px);
1529
+ margin-left: -8px;
1530
+ }
1531
+
1532
+ .components-panel .control-nav li.search-field:before {
1533
+ content: "";
1534
+ display: table;
1535
+ clear: both;
1536
+ }
1537
+
1538
+ .components-panel .control-nav li.search-field input {
1539
+ line-height: 34px;
1540
+ height: 34px;
1541
+ padding-right: 30px;
1542
+ padding-left: 8px;
1543
+ -webkit-border-radius: 0;
1544
+ border-radius: 0;
1545
+ border-color: #e2e4e7;
1546
+ font-size: 13px;
1547
+ }
1548
+
1549
+ .components-panel .control-nav li.search-field button {
1550
+ position: absolute;
1551
+ right: -2px;
1552
+ top: 0px;
1553
+ width: 34px;
1554
+ height: 34px;
1555
+ }
1556
+
1557
+ .components-panel .control-nav li.search-field .searchResults {
1558
+ right: auto;
1559
+ left: -5px;
1560
+ top: 85%;
1561
+ }
1562
+
1563
+ .components-panel .control-nav li.search-field .searchResults:before, .components-panel .control-nav li.search-field .searchResults:after {
1564
+ display: none;
1565
+ }
1566
+
1567
  .no-results {
1568
  display: none;
1569
  padding: 150px 100px;
1590
  padding: 50px;
1591
  }
1592
  }
1593
+
1594
+ /*# sourceMappingURL=instant-images.css.map*/
dist/css/instant-images.min.css ADDED
@@ -0,0 +1 @@
 
1
+ @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);html{overflow-y:scroll}body.media_page_instant-images{background:#fff}body.media_page_instant-images #wpcontent{padding-left:0;padding-bottom:40px}@media screen and (max-width:800px){body.media_page_instant-images #wpcontent{padding-bottom:0}}body.media_page_instant-images #wpbody-content{padding-bottom:0}body.media_page_instant-images #wpfooter{padding-top:0;padding-bottom:0;line-height:40px;background:#f7f7f7;border-top:1px solid #efefef;position:fixed;bottom:0;z-index:1100}body.media_page_instant-images #wpfooter p{line-height:40px}@media screen and (max-width:800px){body.media_page_instant-images #wpfooter{display:none}}.instant-img-container{font-size:14px;color:#666;position:relative}.instant-img-container .offscreen{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.instant-img-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.instant-img-container a{color:#5d72c3;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.instant-img-container a:hover{color:#5568ae;text-decoration:none}.instant-img-container img{max-width:100%}.instant-img-container p{color:#666;width:100%;display:block;clear:both;text-transform:none;padding:0;margin:0 0 15px;font-size:14px}.instant-img-container.loading .loading-block{display:block}.instant-img-container .error-messaging{display:none}.instant-img-container .error-messaging.active{padding:17px 17px 17px 57px;-webkit-border-radius:3px;border-radius:3px;background:#df3333;color:#fff;font-size:13px;margin-bottom:25px;display:block;position:relative}.instant-img-container .error-messaging.active:before{font-family:FontAwesome;content:"\F06A";display:block;left:17px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;font-size:30px;opacity:.75}.instant-img-container .header-wrap{background:#f7f7f7 url(../img/logo-48x48.png) no-repeat 25px 20px;padding:20px 25px 20px 83px;min-height:88px;overflow:hidden;border-bottom:1px solid #efefef;position:relative}@media screen and (max-width:800px){.instant-img-container .header-wrap{background-position:center 20px;padding:80px 25px 20px;text-align:center}}.instant-img-container .header-wrap h1{padding:0;margin:4px 0 0;font-weight:700;font-size:26px;max-width:70%}@media screen and (max-width:800px){.instant-img-container .header-wrap h1{max-width:100%;width:100%;text-align:center}}.instant-img-container .header-wrap h1 span{display:block;padding:8px 0 0;color:#888;font-size:15px;font-weight:400}.instant-img-container .header-wrap button{position:absolute;right:25px;bottom:26px}@media screen and (max-width:800px){.instant-img-container .header-wrap button{position:static;margin-top:20px;display:inline-block}}.instant-img-container .header-wrap button i{margin-right:2px}.instant-img-container .instant-images-wrapper{padding:0 25px;display:block;overflow:hidden;min-height:400px;background:url(../img/ajax-loader-lg.gif) no-repeat 50%}.instant-img-container .instant-images-wrapper.loaded{background:none}.instant-img-container .permissions-warning{padding:0 25px}.instant-img-container .permissions-warning .inner{border-bottom:1px solid #efefef;padding:32px 0}.instant-img-container .permissions-warning input{max-width:500px}.instant-img-container .permissions-warning h3{font-size:22px;margin:0 0 15px}.instant-img-container .permissions-warning h3 i{margin:0 2px 0 0;position:relative}.instant-img-container .permissions-warning p:first-of-type{font-size:18px;margin:0 0 2px}.instant-img-container .loading-block{display:none;padding:50px;background:url(../img/ajax-loader-lg.gif) no-repeat 50%}.instant-img-container .load-more-wrap{margin:1% 0 0;padding:25px 0;text-align:center;display:none;border-top:1px solid #efefef}.instant-img-container .load-more-wrap button{display:inline-block;margin:0;padding:12px 15px;font-size:15px;font-weight:600;-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;height:auto;line-height:1;cursor:pointer;background-image:none;background-repeat:no-repeat!important;background-position:15px!important}.instant-img-container .load-more-wrap button.disabled{opacity:.3;cursor:default}.instant-img-container .cnkt-main{width:100%;float:none;background:none!important;position:relative}.instant-img-container h2,.instant-img-container h3,.instant-img-container h4{margin-top:0}.instant-img-container .save-settings p.submit{float:left;margin:0 2px 0 0;width:auto}.instant-img-container .save-settings .loading{width:46px;height:28px;display:none;float:left;background:#fff url(../img/ajax-loader.gif) no-repeat 50%}#TB_ajaxContent{clear:both;line-height:1.4em;overflow:auto;text-align:left;width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px!important}.cnkt-sidebar .form-table{margin:0;border:none}.cnkt-sidebar .form-table label,.cnkt-sidebar .form-table p,.cnkt-sidebar .form-table td{font-size:13px}.cnkt-sidebar .form-table label{display:block;clear:both;float:none}.cnkt-sidebar .form-table label span{opacity:.8;font-size:13px;font-style:italic}.cnkt-sidebar .form-table th{display:none}.instant-img-container .form-table td{border-top:0;padding:5px 0 20px;float:left;width:100%;margin:0}.instant-img-container .form-table tr:first-of-type td{padding:10px 0}.cnkt-main .form-msg,.cnkt-sidebar .form-table .form-msg{display:block;line-height:18px;padding:12px 12px 12px 15px;margin:15px 0 0;color:#666;background-color:#fff9ea;border-left:5px solid #dfd8c2;-webkit-border-radius:2px;border-radius:2px}.cnkt-main .form-msg span,.cnkt-sidebar .form-table .form-msg span{display:block;padding:6px 0 3px}.instant-img-container h1,.instant-img-container h3,.instant-img-container h4{color:#222;margin-top:0}.instant-img-container h4+p{margin-top:-6px}.instant-img-container p.small{font-size:12px;margin-top:-10px;opacity:.7}.instant-img-container ul{padding:0;margin:0;list-style:none}.instant-img-container input,.instant-img-container label,.instant-img-container select,.instant-img-container textarea{-webkit-box-shadow:none;box-shadow:none}.instant-img-container label{padding:5px 0}#unsplash-form-options h2,#unsplash-form-options p.desc{display:none}.instant-img-container input[type=number],.instant-img-container input[type=text],.instant-img-container textarea{padding:10px;line-height:1;border:1px solid #ccc;background:#f7f7f7;width:100%;-webkit-border-radius:2px;border-radius:2px;height:auto}.instant-img-container input[type=text]:focus,.instant-img-container textarea:focus{border-color:#999;-webkit-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;background:#efefef}.spacer{display:block;height:40px;overflow:hidden;clear:both;width:100%}.spacer.sm{height:20px}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}.instant-img-container .control-nav{display:block;margin:0;padding:25px 0;list-style:none}.instant-img-container .control-nav:after{content:"";display:table;clear:both}.instant-img-container .control-nav li{padding:0;margin:0 3px 0 0;float:left;background:none;font-size:18px;position:relative}.instant-img-container .control-nav li a{padding:0 24px 0 2px;height:48px;line-height:48px;display:block;color:#999;text-decoration:none;background-position:96%;background-repeat:no-repeat}.instant-img-container .control-nav li a.active{color:#111;cursor:default;font-weight:600}.instant-img-container .control-nav li a:focus,.instant-img-container .control-nav li a:hover{color:#111;outline:none;-webkit-box-shadow:none;box-shadow:none}.instant-img-container .control-nav li a.loading{background-image:url(../img/ajax-loader.gif)}@media screen and (max-width:800px){.instant-img-container .control-nav li{font-size:16px;margin:0}.instant-img-container .control-nav li a{padding-left:3px}}@media screen and (max-width:600px){.instant-img-container .control-nav li{width:33.333%;text-align:center;margin:0;padding-bottom:15px}}.instant-img-container .control-nav li.search-field{float:right;width:49%;margin:0;max-width:500px}@media screen and (max-width:600px){.instant-img-container .control-nav li.search-field{width:100%;display:block;position:static;padding-bottom:15px;text-align:left;max-width:100%}}.instant-img-container .control-nav li.search-field .searchResults{position:absolute;right:100.5%;top:7px;width:auto;height:34px;line-height:34px;padding:0 27px 0 10px;background:#ffffbf;border:1px solid #ebebae;-webkit-border-radius:3px;border-radius:3px;z-index:99;font-size:13px;font-weight:600;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;color:#444;text-shadow:0 1px 1px hsla(0,0%,100%,.3);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.05);box-shadow:0 2px 3px rgba(0,0,0,.05)}.instant-img-container .control-nav li.search-field .searchResults span{cursor:help}.instant-img-container .control-nav li.search-field .searchResults a,.instant-img-container .control-nav li.search-field .searchResults span{line-height:34px}.instant-img-container .control-nav li.search-field .searchResults a{padding:0 10px;height:34px;line-height:33px;position:absolute;right:0;top:0}.instant-img-container .control-nav li.search-field .searchResults:after,.instant-img-container .control-nav li.search-field .searchResults:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;z-index:100}.instant-img-container .control-nav li.search-field .searchResults:after{border-color:hsla(62,46%,78%,0);border-left-color:#ffffbf;border-width:6px;margin-top:-6px}.instant-img-container .control-nav li.search-field .searchResults:before{border-color:transparent;border-left-color:#ebebae;border-width:7px;margin-top:-7px}.instant-img-container .control-nav li.search-field .searchResults.hide{opacity:0;visibility:hidden}.instant-img-container .control-nav li.search-field form{padding:0 1px 0 0;margin:0;position:relative;height:48px;display:block}.instant-img-container .control-nav li.search-field form:hover button{opacity:1}.instant-img-container .control-nav li.search-field input{width:100%;padding:0 45px 0 10px;border:1px solid #e1e1e1;background-color:#f7f7f7!important;height:46px;line-height:46px;-webkit-border-radius:5px;border-radius:5px;font-size:16px;-webkit-transition:padding .15s ease;-o-transition:padding .15s ease;transition:padding .15s ease}.instant-img-container .control-nav li.search-field input:focus{border-color:#999}.instant-img-container .control-nav li.search-field input.searching{padding-left:34px;background-image:url(../img/ajax-loader.gif);background-position:10px;background-repeat:no-repeat}.instant-img-container .control-nav li.search-field button{position:absolute;right:-2px;top:-1px;width:48px;height:48px;z-index:1;border:none!important;background:transparent!important;cursor:pointer;color:#666;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;opacity:.5}.instant-img-container .control-nav li.search-field button:focus,.instant-img-container .control-nav li.search-field button:hover{outline:none;color:#5d72c3}.instant-img-container .control-nav li.search-field input[type=search]::-webkit-input-placeholder{color:#ccc;font-weight:300;font-style:normal;font-size:14px}.instant-img-container .control-nav li.search-field input[type=search]:-moz-placeholder,.instant-img-container .control-nav li.search-field input[type=search]::-moz-placeholder{color:#ccc;font-weight:300;font-style:normal;font-size:14px}.instant-img-container .control-nav li.search-field input[type=search]:-ms-input-placeholder{color:#ccc;font-weight:300;font-style:normal;font-size:14px}#photos{width:100%;width:-webkit-calc(100% + 10px);width:calc(100% + 10px);margin:0 0 0 -5px;padding:0;position:relative}#photos .photo{width:20%;margin:0;padding:0 5px 10px;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}#photos .photo--wrap{position:relative}#photos .photo.in-view{opacity:1}#photos .photo.in-progress .fade{opacity:0!important;visibility:hidden!important}#photos .photo .img-wrap{display:block;overflow:hidden;position:relative}@media screen and (min-width:2000px){#photos .photo{width:20%}}@media screen and (max-width:1570px){#photos .photo{width:25%}}@media screen and (max-width:1270px){#photos .photo{width:33.333333%}}@media screen and (max-width:800px){#photos .photo{width:50%}}@media screen and (max-width:600px){#photos .photo{width:100%;margin:0 0 2%}}#photos .photo:focus a.upload img{opacity:.6}#photos .photo:focus .fade{opacity:1;visibility:visible}#photos .photo:focus .fade.user{opacity:.7}#photos .photo:focus-within .user-controls{opacity:1}#photos .photo a.upload{display:block;position:relative;background-color:#222;background-position:50%;background-repeat:no-repeat;background-image:url(../img/ajax-loader.gif);overflow:hidden}#photos .photo a.upload.loaded{background-image:none}#photos .photo a.upload:active,#photos .photo a.upload:focus{outline:none;border:none}#photos .photo a.upload img{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:100%;height:auto!important;padding:0;vertical-align:top}#photos .photo a.upload .status{visibility:hidden;opacity:0;-webkit-transition:all .2575s ease-in-out;-o-transition:all .2575s ease-in-out;transition:all .2575s ease-in-out;width:60px;height:60px;line-height:60px;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:50%;top:50%;z-index:5;-webkit-transform:translate(-50%,-50%) scale(1.5);-ms-transform:translate(-50%,-50%) scale(1.5);transform:translate(-50%,-50%) scale(1.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,.15);box-shadow:0 0 4px rgba(0,0,0,.15)}#photos .photo a.upload .status:before{font-family:FontAwesome;display:block;color:#fff;font-size:22px;opacity:.8}#photos .photo a.upload.errors .status,#photos .photo a.upload.resizing .status,#photos .photo a.upload.success .status,#photos .photo a.upload.uploading .status{text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}#photos .photo a.upload.uploading{cursor:default!important}#photos .photo a.upload.uploading .status{visibility:visible;opacity:1;background-color:#5d72c3}#photos .photo a.upload.uploading .status:before{content:"\F019"}#photos .photo a.upload.resizing{cursor:default!important}#photos .photo a.upload.resizing .status{visibility:visible;opacity:1;background-color:#e4c452}#photos .photo a.upload.resizing .status:before{color:#fff;content:"\F065"}#photos .photo a.upload.success{cursor:default!important}#photos .photo a.upload.success .status{visibility:visible;opacity:1;width:70px;height:70px;line-height:70px;background-color:#63d875;-webkit-border-radius:100%;border-radius:100%}#photos .photo a.upload.success .status:before{content:"\F00C";color:#fff}#photos .photo a.upload.errors{cursor:help!important}#photos .photo a.upload.errors .status{visibility:visible;opacity:1;width:60px;height:60px;line-height:60px;background-color:#df3333;-webkit-border-radius:100%;border-radius:100%}#photos .photo a.upload.errors .status:before{content:"\F12A";color:#fff;opacity:.8}#photos .photo.uploaded a.upload img{opacity:.25!important}#photos .photo.in-progress a.upload img,#photos .photo:hover a.upload img{opacity:.6;-webkit-transform:scale(1.075);-ms-transform:scale(1.075);transform:scale(1.075)}#photos .photo.in-progress .options,#photos .photo:hover .options{opacity:1;visibility:visible}#photos .photo.in-progress .options i.heart-like,#photos .photo:hover .options i.heart-like{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#photos .photo.in-progress .user-controls,#photos .photo:hover .user-controls{opacity:1}#photos .photo.in-progress .notice-msg{top:0;opacity:1}#photos .photo.in-progress .user-controls{opacity:0}#photos .photo .options{position:absolute;top:5px;right:5px;z-index:6;display:inline-block;width:auto;cursor:default!important;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden;font-size:13px}#photos .photo .options i{font-size:14px}#photos .photo .options i.heart-like{color:#d13714;-webkit-transition:all .25s ease .05s;-o-transition:all .25s ease .05s;transition:all .25s ease .05s;-webkit-transform:scale(.55);-ms-transform:scale(.55);transform:scale(.55);margin-right:1px;position:relative;left:-1px;top:0;font-size:14px;opacity:.9}#photos .photo .options a,#photos .photo .options span{display:inline-block;vertical-align:top;line-height:30px;padding:0 10px;padding-top:1px;background:hsla(0,0%,100%,.5);margin:0;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;color:#23282d;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#photos .photo .options span{cursor:default}#photos .photo .options span:focus,#photos .photo .options span:hover{background-color:#fff}#photos .photo .options a{margin-left:1px;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}#photos .photo .options a:focus,#photos .photo .options a:hover{background-color:#fff}#photos .photo .options a i{position:relative;top:1px;left:1px}#photos .photo .user-controls{position:absolute;z-index:6;bottom:0;left:0;width:100%;background:rgba(0,0,0,.45);padding:0;opacity:.4;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#photos .photo .photo-options{float:right;text-align:right;max-width:50%}#photos .photo .fade{-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;color:#fff;background:hsla(0,0%,100%,.75);background:transparent;-webkit-border-radius:1px;border-radius:1px;height:34px;line-height:34px;font-size:17px;z-index:6;float:left;margin:1px 1px 1px 0;padding:0;color:hsla(0,0%,100%,.75)}#photos .photo .fade.edit-photo,#photos .photo .fade.insert,#photos .photo .fade.set-featured{width:auto;display:inline-block;width:34px;text-align:center}#photos .photo .fade.edit-photo i,#photos .photo .fade.insert i,#photos .photo .fade.set-featured i{line-height:27px;position:relative;left:1px;top:1px}#photos .photo .fade.edit-photo:focus,#photos .photo .fade.edit-photo:hover,#photos .photo .fade.insert:focus,#photos .photo .fade.insert:hover,#photos .photo .fade.set-featured:focus,#photos .photo .fade.set-featured:hover{color:#222;background:hsla(0,0%,100%,.95)}#photos .photo .fade.edit-photo i,#photos .photo .fade.set-featured i{top:0;left:0}#photos .photo .fade.user{background:none;font-size:13px;max-width:48%;cursor:pointer;text-decoration:none;border:none;line-height:35px;height:36px;margin:0}#photos .photo .fade.user:focus,#photos .photo .fade.user:hover{text-decoration:underline}#photos .photo .fade.user .user-wrap{position:relative;padding-left:35px;display:block;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#photos .photo .fade.user img{width:20px;max-width:20px;-webkit-border-radius:100%;border-radius:100%;position:absolute;left:8px;top:8px}#photos .photo .notice-msg{position:absolute;z-index:999;top:-40px;left:0;height:40px;line-height:40px;width:100%;background:rgba(0,0,0,.6);text-align:center;color:#e0e4f5;font-size:13px;margin:0;padding:0;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;opacity:0;z-index:9999}#photos .edit-screen{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;background:hsla(0,0%,100%,.9);opacity:0;visibility:hidden;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;padding:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #e1e1e1;-webkit-transform:scale(1.025);-ms-transform:scale(1.025);transform:scale(1.025)}#photos .edit-screen.editing{visibility:visible;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#photos .edit-screen--controls,#photos .edit-screen--title{display:block;background:#f7f7f7;border:1px solid #e1e1e1;padding:15px;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}#photos .edit-screen--controls .button-primary,#photos .edit-screen--title .button-primary{float:right}#photos .edit-screen--controls{-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}#photos .edit-screen--title{border-bottom:none}#photos .edit-screen--title p{font-size:12px;line-height:1.25;margin:0;color:#999}#photos .edit-screen--title p.heading{color:#222;margin:0 0 5px;font-weight:600;text-transform:uppercase}#photos .edit-screen label{margin:0;padding:15px;display:block;background:#fff;border:1px solid #e1e1e1;border-bottom:none;-webkit-border-radius:2px;border-radius:2px;position:relative}#photos .edit-screen span{display:block;font-size:11px;text-transform:uppercase;font-weight:600;margin:0 0 5px;color:#222;line-height:1}#photos .edit-screen textarea{resize:none}#photos .edit-screen input{font-size:12px;padding:0 5px;margin:0;height:30px;line-height:30px}#photos .edit-screen em{position:absolute;bottom:15px;right:15px;height:30px;line-height:30px;background:#777;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;color:#e1e1e1;font-style:normal;font-size:11px;padding:0 10px}.instant-images-settings{display:none;background-color:#efefef;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}.instant-images-settings .cnkt-sidebar{padding:20px 25px;overflow:hidden}.instant-images-settings .cnkt-sidebar .cta{float:left;width:50%}@media screen and (max-width:800px){.instant-images-settings .cnkt-sidebar .cta{float:none!important;width:100%!important}}.instant-images-settings .cnkt-sidebar .cta.ii-settings{width:31.333%}.instant-images-settings .cnkt-sidebar .cta.ii-plugins{width:68.666%;width:-webkit-calc(68.666% - 25px);width:calc(68.666% - 25px);float:right}.instant-images-settings .cnkt-sidebar .cta h2{border:none;padding:17px 20px 3px;font-size:16px}.instant-images-settings .cnkt-sidebar .cta h2.w-border{border-top:1px solid #e7e7e7}.instant-images-settings .cnkt-sidebar .cta h2+p{padding:0 20px 15px;margin:0!important;border-bottom:1px solid #e7e7e7}.instant-images-settings .cnkt-sidebar .cta h2,.instant-images-settings .cnkt-sidebar .cta h2+p{background:#f7f7f7;margin:0}.instant-images-settings .cnkt-sidebar .cta ul.whats-new{list-style:disc;padding:0 0 10px 20px}.instant-images-settings .cnkt-sidebar .cta ul.whats-new li{margin:10px 0 0}.instant-images-settings .cnkt-sidebar .cta ul.whats-new li pre{display:inline-block;margin:0;padding:3px;background:#f7f7f7;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 0 1px #efefef;box-shadow:0 0 0 1px #efefef}.instant-images-settings .cnkt-sidebar .cta{background:#fff;padding:0 0 20px;margin:0 0 20px;overflow:hidden;position:relative;border:1px solid #e7e7e7}.instant-images-settings .cnkt-sidebar .cta.padding-bottom{padding-bottom:66px}.instant-images-settings .cnkt-sidebar .cnkt-sidebar h3,.instant-images-settings .cnkt-sidebar .cnkt-sidebar h4{margin-top:0}.instant-images-settings .cnkt-sidebar .cta-wrap{display:block;padding:10px 20px}.instant-images-settings .cnkt-sidebar .cta-wrap h4{padding:10px 0 7px;margin:0}.instant-images-settings .cnkt-sidebar .cta-wrap h4 span{display:inline-block;line-height:1;padding:8px 10px;-webkit-border-radius:2px;border-radius:2px;background:#ffc;color:#666}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin{width:48%;margin:2% 1% 0}@media screen and (max-width:1170px){.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin{width:100%;margin:2% 0 0}}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2{border:none;padding:0;font-size:16px}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2+p{padding:0;margin:0!important;border-bottom:none}.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2,.instant-images-settings .cnkt-sidebar .cnkt-plugin-installer .plugin h2+p{background:none;margin:0}.instant-images-settings table{margin-top:5px}.instant-img-container[data-media-popup=true]{background:#fff}.instant-img-container[data-media-popup=true] .header-wrap{display:none}.instant-img-container[data-media-popup=true] .instant-images-wrapper{padding:0 16px}.instant-images-sidebar-icon,.instant-images-sidebar-icon svg{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.instant-images-sidebar-icon svg{height:20px;width:20px}.instant-images-sidebar-icon svg,.instant-images-sidebar-icon svg *{stroke:#5d72c3!important;fill:#5d72c3!important}.components-panel .instant-img-container .load-more-wrap{display:block}.components-panel .no-results{padding:40px}.components-panel .no-results h3{font-size:18px}.components-panel .no-results p{font-size:13px}.components-panel #photos{width:100%;margin:0;padding:5px}.components-panel #photos .photo{width:100%;display:block;opacity:1!important;margin:0 0 5px;padding:0}.components-panel .control-nav{padding:0 16px 8px;border-bottom:1px solid #e2e4e7}.components-panel .control-nav li{font-size:13px}.components-panel .control-nav li a{padding:16px 24px 16px 0;height:auto;line-height:1.2}.components-panel .control-nav li.search-field{float:none;width:100%;padding:0;clear:both}.components-panel .control-nav li.search-field form{height:auto;width:-webkit-calc(100% + 16px);width:calc(100% + 16px);margin-left:-8px}.components-panel .control-nav li.search-field:before{content:"";display:table;clear:both}.components-panel .control-nav li.search-field input{line-height:34px;height:34px;padding-right:30px;padding-left:8px;-webkit-border-radius:0;border-radius:0;border-color:#e2e4e7;font-size:13px}.components-panel .control-nav li.search-field button{position:absolute;right:-2px;top:0;width:34px;height:34px}.components-panel .control-nav li.search-field .searchResults{right:auto;left:-5px;top:85%}.components-panel .control-nav li.search-field .searchResults:after,.components-panel .control-nav li.search-field .searchResults:before,.no-results{display:none}.no-results{padding:150px 100px;text-align:center}.no-results.show{display:block}.no-results h3{font-size:24px;line-height:29px;margin:0 0 10px}.no-results p{font-size:16px;margin:0}@media screen and (max-width:800px){.no-results{padding:50px}}
dist/js/instant-images-block.js ADDED
@@ -0,0 +1,26995 @@