Version Description
- April 13, 2020 =
- FIX - Fixed issue with Instant Images causing Yoast SEO metabox to not show correctly in the classic WordPress editor. Not really sure why, but the Instant Images JS dependencies seemed to interfere with Yoast.
- FIX - Added user privileges checks to the new Media Modal functionality.
Download this release
Release Info
| Developer | dcooney |
| Plugin |  Instant Images – One Click Unsplash Uploads |
| Version | 4.3.1 |
| Comparing to | |
| See all releases | |
Code changes from version 4.2.0 to 4.3.1
- README.txt +17 -2
- admin/admin.php +55 -112
- admin/includes/settings.php +9 -7
- admin/includes/unsplash-settings.php +6 -3
- admin/views/unsplash.php +2 -9
- api/download.php +183 -0
- api/resize.php +0 -149
- api/upload.php +0 -160
- dist/css/instant-images.css +144 -85
- dist/css/instant-images.min.css +1 -1
- dist/img/ajax-loader-lg.gif +0 -0
- dist/img/ajax-loader.gif +0 -0
- dist/img/logo-48x48.png +0 -0
- dist/js/instant-images-block.js +2667 -289
- dist/js/instant-images-block.min.js +34 -11
- dist/js/instant-images-media.js +13680 -0
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.
|
| 7 |
-
Stable tag: 4.
|
| 8 |
License: GPLv2 or later
|
| 9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 10 |
|
|
@@ -29,6 +29,7 @@ The perfect tool for users who want to save time and frustration by uploading im
|
|
| 29 |
* **Time Saver** - Quickly upload amazing stock photos without leaving the comfort of your WordPress admin.
|
| 30 |
* **Theme/Plugin Developers** - A great tool for developers who want to prototype and develop using real world imagery.
|
| 31 |
* **Gutenberg** - Instant Images directly integrates with Gutenberg as a plugin sidebar.
|
|
|
|
| 32 |
* **Edit Image Metadata** - Easily edit image filename, alt text and caption prior to uploading to your media library.
|
| 33 |
* **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.
|
| 34 |
|
|
@@ -129,6 +130,20 @@ How to install Instant Images.
|
|
| 129 |
|
| 130 |
== Changelog ==
|
| 131 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 132 |
= 4.2.0 - December 14, 2019 =
|
| 133 |
* NEW - Added image orientation search filter
|
| 134 |
* FIX - Fixed issue with instant images being rendered in Gutenberg editor for users without permissions.
|
| 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.4.0
|
| 7 |
+
Stable tag: 4.3.1
|
| 8 |
License: GPLv2 or later
|
| 9 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 10 |
|
| 29 |
* **Time Saver** - Quickly upload amazing stock photos without leaving the comfort of your WordPress admin.
|
| 30 |
* **Theme/Plugin Developers** - A great tool for developers who want to prototype and develop using real world imagery.
|
| 31 |
* **Gutenberg** - Instant Images directly integrates with Gutenberg as a plugin sidebar.
|
| 32 |
+
* **Media Modal** - Instant Images is available as a tab in the WordPress media Modal.
|
| 33 |
* **Edit Image Metadata** - Easily edit image filename, alt text and caption prior to uploading to your media library.
|
| 34 |
* **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.
|
| 35 |
|
| 130 |
|
| 131 |
== Changelog ==
|
| 132 |
|
| 133 |
+
= 4.3.1 - April 13, 2020 =
|
| 134 |
+
* FIX - Fixed issue with Instant Images causing Yoast SEO metabox to not show correctly in the classic WordPress editor. Not really sure why, but the Instant Images JS dependencies seemed to interfere with Yoast.
|
| 135 |
+
* FIX - Added user privileges checks to the new Media Modal functionality.
|
| 136 |
+
|
| 137 |
+
|
| 138 |
+
= 4.3.0 - April 9, 2020 =
|
| 139 |
+
* NEW - Adding `Instant Images` tab to the WordPress Media Modal.
|
| 140 |
+
* NEW - When images are uploaded directly to a post the current Post ID is attached to the upload as the parent post.
|
| 141 |
+
* NEW - Adding default alt text directly from Unsplash API.
|
| 142 |
+
* UPDATE - Updated image uploader API to _hopefully_ improve stability of the upload and resize process. The new process uses core WordPress functions for the upload.
|
| 143 |
+
* UPDATE - Switching tab navigation from `<a/> to `<button/>` for better accessibility.
|
| 144 |
+
* FIX - Added a fix for JS error regarding `PluginSidebar` registration on non-gutenberg editor pages.
|
| 145 |
+
|
| 146 |
+
|
| 147 |
= 4.2.0 - December 14, 2019 =
|
| 148 |
* NEW - Added image orientation search filter
|
| 149 |
* FIX - Fixed issue with instant images being rendered in Gutenberg editor for users without permissions.
|
admin/admin.php
CHANGED
|
@@ -4,18 +4,18 @@ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
|
|
| 4 |
|
| 5 |
/**
|
| 6 |
* instant_img_admin_menu
|
| 7 |
-
* Create
|
| 8 |
*
|
| 9 |
* @since 2.0
|
| 10 |
*/
|
| 11 |
|
| 12 |
function instant_img_admin_menu() {
|
| 13 |
-
$usplash_settings_page = add_submenu_page(
|
| 14 |
-
'upload.php',
|
| 15 |
-
INSTANT_IMG_TITLE,
|
| 16 |
-
INSTANT_IMG_TITLE,
|
| 17 |
-
apply_filters('instant_images_user_role', 'upload_files'),
|
| 18 |
-
INSTANT_IMG_NAME,
|
| 19 |
'instant_img_settings_page'
|
| 20 |
);
|
| 21 |
add_action( 'load-' . $usplash_settings_page, 'instant_img_load_scripts' ); //Add our admin scripts
|
|
@@ -24,6 +24,43 @@ add_action( 'admin_menu', 'instant_img_admin_menu' );
|
|
| 24 |
|
| 25 |
|
| 26 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 27 |
|
| 28 |
/**
|
| 29 |
* instant_img_load_scripts
|
|
@@ -38,7 +75,6 @@ function instant_img_load_scripts(){
|
|
| 38 |
|
| 39 |
|
| 40 |
|
| 41 |
-
|
| 42 |
/**
|
| 43 |
* instant_img_enqueue_scripts
|
| 44 |
* Admin Enqueue Scripts
|
|
@@ -52,7 +88,6 @@ function instant_img_enqueue_scripts(){
|
|
| 52 |
|
| 53 |
|
| 54 |
|
| 55 |
-
|
| 56 |
/**
|
| 57 |
* instant_img_scripts
|
| 58 |
* Localize vars and scripts
|
|
@@ -61,116 +96,25 @@ function instant_img_enqueue_scripts(){
|
|
| 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', '',
|
| 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();
|
| 74 |
-
|
| 75 |
-
}
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
/**
|
| 80 |
-
* instant_img_show_tabs
|
| 81 |
-
* Show tab to upload image on post edit screens
|
| 82 |
-
*
|
| 83 |
-
* @return $show_tab boolean
|
| 84 |
-
* @since 3.2.1
|
| 85 |
-
*/
|
| 86 |
-
function instant_img_show_tabs() {
|
| 87 |
-
$options = get_option( 'instant_img_settings' );
|
| 88 |
-
$show_tab = true;
|
| 89 |
-
if(isset($options['instant_img_btn_display'])){
|
| 90 |
-
if($options['instant_img_btn_display'] == 1){
|
| 91 |
-
$show_tab = false; // Hide the tab
|
| 92 |
-
}
|
| 93 |
-
}
|
| 94 |
-
|
| 95 |
-
return $show_tab;
|
| 96 |
-
}
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
/**
|
| 102 |
-
* instant_img_media_upload_tabs_handler
|
| 103 |
-
* Add tab to media upload window
|
| 104 |
-
*
|
| 105 |
-
* @since 3.2.1
|
| 106 |
-
*/
|
| 107 |
-
function instant_img_media_upload_tabs_handler($tabs) {
|
| 108 |
-
$options = get_option( 'instant_img_settings' );
|
| 109 |
-
$show_tab = instant_img_show_tabs();
|
| 110 |
-
|
| 111 |
-
if($show_tab){
|
| 112 |
-
$newtab = array ( 'instant_img_tab' => __('Instant Images', 'instant-images') );
|
| 113 |
-
$tabs = array_merge( $tabs, $newtab );
|
| 114 |
-
return $tabs;
|
| 115 |
-
}
|
| 116 |
-
}
|
| 117 |
-
add_filter('media_upload_tabs', 'instant_img_media_upload_tabs_handler');
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
/**
|
| 122 |
-
* instant_img_media_buttons_context_handler
|
| 123 |
-
* Add pop up content to edit, new and post pages
|
| 124 |
-
*
|
| 125 |
-
* @since 3.2.1
|
| 126 |
-
*/
|
| 127 |
-
function instant_img_media_buttons_context_handler() {
|
| 128 |
-
$show_tab = instant_img_show_tabs();
|
| 129 |
-
if($show_tab){
|
| 130 |
-
return '<a href="'.add_query_arg('tab', 'instant_img_tab', esc_url(get_upload_iframe_src())).'" class="thickbox button" title="'.esc_attr__('Instant Images', 'instant-images').'"> '. __('Instant Images', 'instant-images') .' </a>';
|
| 131 |
-
}
|
| 132 |
-
}
|
| 133 |
-
add_filter('media_buttons_context', 'instant_img_media_buttons_context_handler');
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
/**
|
| 138 |
-
* media_upload_instant_images_handler
|
| 139 |
-
* Add instant images to the iframe
|
| 140 |
-
*
|
| 141 |
-
* @since 3.2.1
|
| 142 |
-
*/
|
| 143 |
-
function media_upload_instant_images_handler() {
|
| 144 |
-
wp_iframe('media_instant_img_tab');
|
| 145 |
-
}
|
| 146 |
-
add_action('media_upload_instant_img_tab', 'media_upload_instant_images_handler');
|
| 147 |
|
|
|
|
|
|
|
| 148 |
|
|
|
|
| 149 |
|
| 150 |
-
/**
|
| 151 |
-
* media_instant_img_popup_content
|
| 152 |
-
* Add pop up content to edit, new and post pages
|
| 153 |
-
*
|
| 154 |
-
* @since 2.0
|
| 155 |
-
*/
|
| 156 |
-
function media_instant_img_tab() {
|
| 157 |
-
//media_upload_header();
|
| 158 |
-
instant_img_scripts();
|
| 159 |
-
$show_settings = false;
|
| 160 |
-
?>
|
| 161 |
-
<div class="instant-img-container editor" data-media-popup="true">
|
| 162 |
-
<?php include( INSTANT_IMG_PATH . 'admin/views/unsplash.php'); ?>
|
| 163 |
-
</div>
|
| 164 |
-
<?php
|
| 165 |
}
|
| 166 |
|
| 167 |
|
| 168 |
|
| 169 |
/*
|
| 170 |
-
*
|
| 171 |
-
*
|
| 172 |
*
|
| 173 |
-
*
|
| 174 |
*/
|
| 175 |
|
| 176 |
function instant_img_settings_page(){
|
|
@@ -183,10 +127,10 @@ function instant_img_settings_page(){
|
|
| 183 |
|
| 184 |
|
| 185 |
/*
|
| 186 |
-
*
|
| 187 |
-
*
|
| 188 |
*
|
| 189 |
-
*
|
| 190 |
*/
|
| 191 |
|
| 192 |
function instant_img_filter_admin_footer_text( $text ) {
|
|
@@ -198,4 +142,3 @@ function instant_img_filter_admin_footer_text( $text ) {
|
|
| 198 |
}
|
| 199 |
add_filter( 'admin_footer_text', 'instant_img_filter_admin_footer_text'); // Admin menu text
|
| 200 |
|
| 201 |
-
|
| 4 |
|
| 5 |
/**
|
| 6 |
* instant_img_admin_menu
|
| 7 |
+
* Create admin menu item under 'Media'
|
| 8 |
*
|
| 9 |
* @since 2.0
|
| 10 |
*/
|
| 11 |
|
| 12 |
function instant_img_admin_menu() {
|
| 13 |
+
$usplash_settings_page = add_submenu_page(
|
| 14 |
+
'upload.php',
|
| 15 |
+
INSTANT_IMG_TITLE,
|
| 16 |
+
INSTANT_IMG_TITLE,
|
| 17 |
+
apply_filters('instant_images_user_role', 'upload_files'),
|
| 18 |
+
INSTANT_IMG_NAME,
|
| 19 |
'instant_img_settings_page'
|
| 20 |
);
|
| 21 |
add_action( 'load-' . $usplash_settings_page, 'instant_img_load_scripts' ); //Add our admin scripts
|
| 24 |
|
| 25 |
|
| 26 |
|
| 27 |
+
/**
|
| 28 |
+
* instant_img_post_enqueue_scripts
|
| 29 |
+
* Classic Editor Only - Add Instant Images scripts to post edit screens
|
| 30 |
+
*
|
| 31 |
+
* @since 4.3
|
| 32 |
+
*/
|
| 33 |
+
function instant_img_post_enqueue_scripts($hook) {
|
| 34 |
+
|
| 35 |
+
// Confirm User Privileges
|
| 36 |
+
if (!current_user_can( apply_filters('instant_images_user_role', 'upload_files') )){
|
| 37 |
+
return false;
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
// Exit if not post or edit screen
|
| 41 |
+
if ( $hook !== 'post-new.php' && $hook !== 'post.php' ) {
|
| 42 |
+
return false;
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
$suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';
|
| 46 |
+
|
| 47 |
+
// CSS
|
| 48 |
+
wp_enqueue_style( 'admin-instant-images', INSTANT_IMG_URL. 'dist/css/instant-images'. $suffix .'.css', '', INSTANT_IMAGES_VERSION );
|
| 49 |
+
|
| 50 |
+
// JS
|
| 51 |
+
wp_enqueue_script(
|
| 52 |
+
'instant-images-media-router',
|
| 53 |
+
INSTANT_IMG_URL. 'dist/js/instant-images-media'. $suffix .'.js',
|
| 54 |
+
array( 'jquery'),
|
| 55 |
+
INSTANT_IMAGES_VERSION,
|
| 56 |
+
true
|
| 57 |
+
);
|
| 58 |
+
InstantImages::instant_img_localize( 'instant-images-media-router' );
|
| 59 |
+
|
| 60 |
+
}
|
| 61 |
+
add_action( 'admin_enqueue_scripts', 'instant_img_post_enqueue_scripts' );
|
| 62 |
+
|
| 63 |
+
|
| 64 |
|
| 65 |
/**
|
| 66 |
* instant_img_load_scripts
|
| 75 |
|
| 76 |
|
| 77 |
|
|
|
|
| 78 |
/**
|
| 79 |
* instant_img_enqueue_scripts
|
| 80 |
* Admin Enqueue Scripts
|
| 88 |
|
| 89 |
|
| 90 |
|
|
|
|
| 91 |
/**
|
| 92 |
* instant_img_scripts
|
| 93 |
* Localize vars and scripts
|
| 96 |
*/
|
| 97 |
function instant_img_scripts(){
|
| 98 |
$suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min'; // Use minified libraries if SCRIPT_DEBUG is turned off
|
| 99 |
+
|
| 100 |
+
wp_enqueue_style('admin-instant-images', INSTANT_IMG_URL. 'dist/css/instant-images'. $suffix .'.css', '', INSTANT_IMAGES_VERSION);
|
| 101 |
wp_enqueue_script('jquery');
|
| 102 |
wp_enqueue_script('jquery-form', true);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 103 |
|
| 104 |
+
wp_enqueue_script('instant-images-react', INSTANT_IMG_URL. 'dist/js/instant-images'. $suffix .'.js', '', INSTANT_IMAGES_VERSION, true);
|
| 105 |
+
wp_enqueue_script('instant-images', INSTANT_IMG_ADMIN_URL. 'assets/js/admin.js', 'jquery', INSTANT_IMAGES_VERSION, true);
|
| 106 |
|
| 107 |
+
InstantImages::instant_img_localize();
|
| 108 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 109 |
}
|
| 110 |
|
| 111 |
|
| 112 |
|
| 113 |
/*
|
| 114 |
+
* instant_img_settings_page
|
| 115 |
+
* Settings page
|
| 116 |
*
|
| 117 |
+
* @since 2.0
|
| 118 |
*/
|
| 119 |
|
| 120 |
function instant_img_settings_page(){
|
| 127 |
|
| 128 |
|
| 129 |
/*
|
| 130 |
+
* instant_img_filter_admin_footer_text
|
| 131 |
+
* Filter the WP Admin footer text
|
| 132 |
*
|
| 133 |
+
* @since 2.0
|
| 134 |
*/
|
| 135 |
|
| 136 |
function instant_img_filter_admin_footer_text( $text ) {
|
| 142 |
}
|
| 143 |
add_filter( 'admin_footer_text', 'instant_img_filter_admin_footer_text'); // Admin menu text
|
| 144 |
|
|
|
admin/includes/settings.php
CHANGED
|
@@ -42,13 +42,15 @@ function instant_img_admin_init(){
|
|
| 42 |
);
|
| 43 |
|
| 44 |
// Button Display
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
|
|
|
|
|
|
| 52 |
}
|
| 53 |
|
| 54 |
|
| 42 |
);
|
| 43 |
|
| 44 |
// Button Display
|
| 45 |
+
/*
|
| 46 |
+
add_settings_field(
|
| 47 |
+
'instant_img_btn_display',
|
| 48 |
+
__('Button', 'instant-images' ),
|
| 49 |
+
'instant_images_button_display_callback',
|
| 50 |
+
'instant-images',
|
| 51 |
+
'unsplash_general_settings'
|
| 52 |
+
);
|
| 53 |
+
*/
|
| 54 |
}
|
| 55 |
|
| 56 |
|
admin/includes/unsplash-settings.php
CHANGED
|
@@ -23,10 +23,10 @@
|
|
| 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.
|
| 27 |
<ul class="whats-new">
|
| 28 |
-
<li>
|
| 29 |
-
<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>
|
|
@@ -42,6 +42,9 @@
|
|
| 42 |
array(
|
| 43 |
'slug' => 'easy-query'
|
| 44 |
),
|
|
|
|
|
|
|
|
|
|
| 45 |
array(
|
| 46 |
'slug' => 'velocity',
|
| 47 |
)
|
| 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.3</span></h4>
|
| 27 |
<ul class="whats-new">
|
| 28 |
+
<li>Instant Images tab added to the WordPress Media Modal.</li>
|
| 29 |
+
<li>Gutenberg Support - Instant Images directly integrates with Gutenberg as a plugin sidebar.</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>
|
| 42 |
array(
|
| 43 |
'slug' => 'easy-query'
|
| 44 |
),
|
| 45 |
+
array(
|
| 46 |
+
'slug' => 'block-manager',
|
| 47 |
+
),
|
| 48 |
array(
|
| 49 |
'slug' => 'velocity',
|
| 50 |
)
|
admin/views/unsplash.php
CHANGED
|
@@ -12,11 +12,6 @@ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
|
|
| 12 |
echo sprintf($tagline, '<a href="https://unsplash.com/" target="_blank">unsplash.com</a>');
|
| 13 |
?>
|
| 14 |
</h1>
|
| 15 |
-
<?php
|
| 16 |
-
$url = "//{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}";
|
| 17 |
-
$escaped_url = htmlspecialchars( $url, ENT_QUOTES, 'UTF-8' );
|
| 18 |
-
?>
|
| 19 |
-
<!-- <a href="https://unsplash.com/oauth/authorize?client_id=<?php echo INSTANT_IMG_DEFAULT_APP_ID; ?>&redirect_uri=https://connekthq.com/?unsplash&response_type=code&scope=public">Login</a> -->
|
| 20 |
<button type="button" class="button button-secondary button-large">
|
| 21 |
<i class="fa fa-cog" aria-hidden="true"></i> <?php _e('Settings', 'instant-images'); ?>
|
| 22 |
</button>
|
|
@@ -28,8 +23,6 @@ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
|
|
| 28 |
include( INSTANT_IMG_PATH . 'admin/includes/unsplash-settings.php');
|
| 29 |
}
|
| 30 |
?>
|
| 31 |
-
<section class="instant-images-wrapper">
|
| 32 |
-
|
| 33 |
-
<div id="app"></div>
|
| 34 |
-
</div>
|
| 35 |
</section>
|
| 12 |
echo sprintf($tagline, '<a href="https://unsplash.com/" target="_blank">unsplash.com</a>');
|
| 13 |
?>
|
| 14 |
</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 15 |
<button type="button" class="button button-secondary button-large">
|
| 16 |
<i class="fa fa-cog" aria-hidden="true"></i> <?php _e('Settings', 'instant-images'); ?>
|
| 17 |
</button>
|
| 23 |
include( INSTANT_IMG_PATH . 'admin/includes/unsplash-settings.php');
|
| 24 |
}
|
| 25 |
?>
|
| 26 |
+
<section class="instant-images-wrapper">
|
| 27 |
+
<div id="app"></div>
|
|
|
|
|
|
|
| 28 |
</section>
|
api/download.php
ADDED
|
@@ -0,0 +1,183 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
/*
|
| 4 |
+
* rest_api_init
|
| 5 |
+
* Custom /resize route
|
| 6 |
+
*
|
| 7 |
+
* @since 3.0
|
| 8 |
+
*/
|
| 9 |
+
|
| 10 |
+
add_action( 'rest_api_init', function () {
|
| 11 |
+
$my_namespace = 'instant-images';
|
| 12 |
+
$my_endpoint = '/download';
|
| 13 |
+
register_rest_route( $my_namespace, $my_endpoint,
|
| 14 |
+
array(
|
| 15 |
+
'methods' => 'PUT',
|
| 16 |
+
'callback' => 'instant_images_download',
|
| 17 |
+
)
|
| 18 |
+
);
|
| 19 |
+
});
|
| 20 |
+
|
| 21 |
+
|
| 22 |
+
|
| 23 |
+
/*
|
| 24 |
+
* resize_image
|
| 25 |
+
* Resize Image and run thru media uploader
|
| 26 |
+
*
|
| 27 |
+
* @param $request $_POST
|
| 28 |
+
* @return $response json
|
| 29 |
+
* @since 3.0
|
| 30 |
+
*/
|
| 31 |
+
|
| 32 |
+
function instant_images_download( WP_REST_Request $request ) {
|
| 33 |
+
|
| 34 |
+
if (is_user_logged_in() && current_user_can( apply_filters('instant_images_user_role', 'upload_files') )){
|
| 35 |
+
|
| 36 |
+
error_reporting(E_ALL|E_STRICT);
|
| 37 |
+
|
| 38 |
+
require_once( ABSPATH . 'wp-admin/includes/file.php' );
|
| 39 |
+
require_once( ABSPATH . 'wp-admin/includes/image.php' );
|
| 40 |
+
|
| 41 |
+
// Get JSON Data
|
| 42 |
+
$data = json_decode($request->get_body(), true); // Get contents of request body
|
| 43 |
+
|
| 44 |
+
if($data){
|
| 45 |
+
|
| 46 |
+
$id = $data['id']; // ID
|
| 47 |
+
$image_url = $data['image_url']; // Image URL
|
| 48 |
+
$filename = sanitize_text_field($data['filename']); // $filename
|
| 49 |
+
$title = sanitize_text_field($data['title']); // Title
|
| 50 |
+
$alt = sanitize_text_field($data['alt']); // Alt text
|
| 51 |
+
$caption = sanitize_text_field($data['caption']); // Caption text
|
| 52 |
+
$custom_filename = sanitize_title($data['custom_filename']); // Custom filename
|
| 53 |
+
$parent_id = ($data['parent_id']) ? sanitize_title($data['parent_id']) : 0; // Parent Post
|
| 54 |
+
|
| 55 |
+
// Actual filename
|
| 56 |
+
$name = (!empty($custom_filename)) ? $custom_filename .'.jpg' : $filename;
|
| 57 |
+
|
| 58 |
+
|
| 59 |
+
// Check if remote file exists
|
| 60 |
+
if( !instant_images_remote_file_exists( $image_url ) ){
|
| 61 |
+
// Error
|
| 62 |
+
$response = array(
|
| 63 |
+
'success' => false,
|
| 64 |
+
'msg' => __('Image does not exist or there was an error accessing the remote file.', 'instant-images'),
|
| 65 |
+
'id' => $id,
|
| 66 |
+
'attachment' => '',
|
| 67 |
+
'admin_url' => admin_url(),
|
| 68 |
+
);
|
| 69 |
+
wp_send_json($response);
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
|
| 73 |
+
// Send request to `wp_remote_get`
|
| 74 |
+
$response = wp_remote_get( $image_url );
|
| 75 |
+
if ( is_wp_error( $response ) ) {
|
| 76 |
+
return new WP_Error( 100, __( 'Image download failed, please try again. Errors:', 'instant-images' ) . PHP_EOL . $response->get_error_message() );
|
| 77 |
+
}
|
| 78 |
+
|
| 79 |
+
// Get Headers
|
| 80 |
+
$type = wp_remote_retrieve_header( $response, 'content-type' );
|
| 81 |
+
if (!$type) {
|
| 82 |
+
return new WP_Error( 100, __( 'Image type could not be determined', 'instant-images' ) );
|
| 83 |
+
}
|
| 84 |
+
|
| 85 |
+
// Upload remote file
|
| 86 |
+
$mirror = wp_upload_bits( $name, '', wp_remote_retrieve_body( $response ) );
|
| 87 |
+
|
| 88 |
+
|
| 89 |
+
// Build Attachment Data Array
|
| 90 |
+
$attachment = array(
|
| 91 |
+
'post_title' => $title,
|
| 92 |
+
'post_excerpt' => $caption,
|
| 93 |
+
'post_content' => '',
|
| 94 |
+
'post_status' => 'inherit',
|
| 95 |
+
'post_mime_type' => $type
|
| 96 |
+
);
|
| 97 |
+
|
| 98 |
+
|
| 99 |
+
// Insert as attachment
|
| 100 |
+
$image_id = wp_insert_attachment($attachment, $mirror['file'], $parent_id);
|
| 101 |
+
|
| 102 |
+
|
| 103 |
+
// Add Alt Text as Post Meta
|
| 104 |
+
update_post_meta( $image_id, '_wp_attachment_image_alt', $alt );
|
| 105 |
+
|
| 106 |
+
|
| 107 |
+
// Generate Metadata
|
| 108 |
+
$attach_data = wp_generate_attachment_metadata( $image_id, $mirror['file'] );
|
| 109 |
+
wp_update_attachment_metadata( $image_id, $attach_data );
|
| 110 |
+
|
| 111 |
+
|
| 112 |
+
// Resize original image to max size (set in Instant Images settings)
|
| 113 |
+
instant_images_resize_download($name);
|
| 114 |
+
|
| 115 |
+
// Success
|
| 116 |
+
$response = array(
|
| 117 |
+
'success' => true,
|
| 118 |
+
'msg' => __('Image successfully uploaded to the media library!', 'instant-images'),
|
| 119 |
+
'id' => $id,
|
| 120 |
+
'attachment' => array(
|
| 121 |
+
'id' => $image_id,
|
| 122 |
+
'url' => wp_get_attachment_url( $image_id ),
|
| 123 |
+
'alt' => $alt,
|
| 124 |
+
'caption' => $caption
|
| 125 |
+
),
|
| 126 |
+
'admin_url' => admin_url(),
|
| 127 |
+
);
|
| 128 |
+
|
| 129 |
+
wp_send_json($response);
|
| 130 |
+
|
| 131 |
+
} else {
|
| 132 |
+
|
| 133 |
+
$response = array(
|
| 134 |
+
'success' => false,
|
| 135 |
+
'msg' => __('There was an error getting image details from the request, please try again.', 'instant-images'),
|
| 136 |
+
'id' => '',
|
| 137 |
+
'attachment' => '',
|
| 138 |
+
'url' => ''
|
| 139 |
+
);
|
| 140 |
+
wp_send_json($response);
|
| 141 |
+
|
| 142 |
+
}
|
| 143 |
+
}
|
| 144 |
+
}
|
| 145 |
+
|
| 146 |
+
|
| 147 |
+
/**
|
| 148 |
+
* Check if a remote image file exists.
|
| 149 |
+
*
|
| 150 |
+
* @param string $url The url to the remote image.
|
| 151 |
+
* @return bool Whether the remote image exists.
|
| 152 |
+
*/
|
| 153 |
+
function instant_images_remote_file_exists( $url ) {
|
| 154 |
+
$response = wp_remote_head( $url );
|
| 155 |
+
return 200 === wp_remote_retrieve_response_code( $response );
|
| 156 |
+
}
|
| 157 |
+
|
| 158 |
+
|
| 159 |
+
|
| 160 |
+
/**
|
| 161 |
+
* instant_images_resize_download
|
| 162 |
+
* Resize original image to max size (set in Instant Images settings)
|
| 163 |
+
*
|
| 164 |
+
*/
|
| 165 |
+
|
| 166 |
+
function instant_images_resize_download($filename){
|
| 167 |
+
|
| 168 |
+
// WP Options
|
| 169 |
+
$options = get_option( 'instant_img_settings' );
|
| 170 |
+
$download_w = isset($options['unsplash_download_w']) ? $options['unsplash_download_w'] : 1600; // width
|
| 171 |
+
$download_h = isset($options['unsplash_download_h']) ? $options['unsplash_download_h'] : 1200; // height
|
| 172 |
+
|
| 173 |
+
require_once( ABSPATH . 'wp-admin/includes/file.php' );
|
| 174 |
+
require_once( ABSPATH . 'wp-admin/includes/image.php' );
|
| 175 |
+
|
| 176 |
+
$uploads_dir = wp_upload_dir();
|
| 177 |
+
$original_image = wp_get_image_editor( $uploads_dir['path']. '/'. $filename );
|
| 178 |
+
if ( !is_wp_error( $original_image ) ) {
|
| 179 |
+
$original_image->resize( $download_w, $download_h, false );
|
| 180 |
+
$original_image->save( $uploads_dir['path']. '/'. $filename );
|
| 181 |
+
}
|
| 182 |
+
|
| 183 |
+
}
|
api/resize.php
DELETED
|
@@ -1,149 +0,0 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
/*
|
| 4 |
-
* rest_api_init
|
| 5 |
-
* Custom /resize route
|
| 6 |
-
*
|
| 7 |
-
* @since 3.0
|
| 8 |
-
*/
|
| 9 |
-
|
| 10 |
-
add_action( 'rest_api_init', function () {
|
| 11 |
-
$my_namespace = 'instant-images';
|
| 12 |
-
$my_endpoint = '/resize';
|
| 13 |
-
register_rest_route( $my_namespace, $my_endpoint,
|
| 14 |
-
array(
|
| 15 |
-
'methods' => 'POST',
|
| 16 |
-
'callback' => 'instant_images_resize_image',
|
| 17 |
-
)
|
| 18 |
-
);
|
| 19 |
-
});
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
/*
|
| 24 |
-
* resize_image
|
| 25 |
-
* Resize Image and run thru media uploader
|
| 26 |
-
*
|
| 27 |
-
* @param $request $_POST
|
| 28 |
-
* @return $response json
|
| 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', 'upload_files') )){
|
| 35 |
-
|
| 36 |
-
error_reporting(E_ALL|E_STRICT);
|
| 37 |
-
|
| 38 |
-
require_once( ABSPATH . 'wp-admin/includes/file.php' ); // download_url()
|
| 39 |
-
require_once( ABSPATH . 'wp-admin/includes/image.php' ); // wp_read_image_metadata()
|
| 40 |
-
|
| 41 |
-
// WP Options
|
| 42 |
-
$options = get_option( 'instant_img_settings' );
|
| 43 |
-
$download_w = isset($options['unsplash_download_w']) ? $options['unsplash_download_w'] : 1600; // width
|
| 44 |
-
$download_h = isset($options['unsplash_download_h']) ? $options['unsplash_download_h'] : 1200; // height
|
| 45 |
-
|
| 46 |
-
// Get JSON Data
|
| 47 |
-
$body = json_decode($request->get_body(), true); // Get contents of request body
|
| 48 |
-
$data = json_decode($body['data']); // Get contents of data
|
| 49 |
-
|
| 50 |
-
if($body && $data){
|
| 51 |
-
|
| 52 |
-
$path = sanitize_text_field($data->path); // Path on server
|
| 53 |
-
$name = sanitize_text_field($data->filename); // name
|
| 54 |
-
$filename = $path . $name; // full filename
|
| 55 |
-
$filetype = wp_check_filetype( basename( $filename ), null );
|
| 56 |
-
$title = sanitize_text_field($data->title); // Title
|
| 57 |
-
$alt = sanitize_text_field($data->alt); // Alt text
|
| 58 |
-
$caption = sanitize_text_field($data->caption); // Caption text
|
| 59 |
-
$custom_filename = sanitize_title($data->custom_filename); // Custom filename
|
| 60 |
-
|
| 61 |
-
$name = (!empty($custom_filename)) ? $custom_filename .'.jpg' : $name;
|
| 62 |
-
|
| 63 |
-
// Resize image to max size (set in Settings)
|
| 64 |
-
$image = wp_get_image_editor( $filename );
|
| 65 |
-
if ( ! is_wp_error( $image ) ) {
|
| 66 |
-
$image->resize( $download_w, $download_h, false );
|
| 67 |
-
$image->save( $filename );
|
| 68 |
-
}
|
| 69 |
-
|
| 70 |
-
// Get upload directory
|
| 71 |
-
$wp_upload_dir = wp_upload_dir(); // ['path'] ['basedir']
|
| 72 |
-
|
| 73 |
-
// Copy file from uploads/instant-images to a media library directory.
|
| 74 |
-
$new_filename = $wp_upload_dir['path'] .'/'. $name;
|
| 75 |
-
$copy_file = @copy($filename , $new_filename);
|
| 76 |
-
|
| 77 |
-
if(!$copy_file){
|
| 78 |
-
|
| 79 |
-
// Error
|
| 80 |
-
$response = array(
|
| 81 |
-
'success' => false,
|
| 82 |
-
'msg' => __('Unable to copy image to the media library. Please check your server permissions.', 'instant-images')
|
| 83 |
-
);
|
| 84 |
-
|
| 85 |
-
} else {
|
| 86 |
-
|
| 87 |
-
// Build attachment array
|
| 88 |
-
$attachment = array(
|
| 89 |
-
'guid'=> $wp_upload_dir['url'] . basename( $new_filename ),
|
| 90 |
-
'post_mime_type' => $filetype['type'],
|
| 91 |
-
'post_title' => $title,
|
| 92 |
-
'post_excerpt' => $caption,
|
| 93 |
-
'post_content' => '',
|
| 94 |
-
'post_status' => 'inherit'
|
| 95 |
-
);
|
| 96 |
-
|
| 97 |
-
$image_id = wp_insert_attachment($attachment, $new_filename, 0); // Insert as attachment
|
| 98 |
-
|
| 99 |
-
update_post_meta( $image_id, '_wp_attachment_image_alt', $alt ); // Add alt text
|
| 100 |
-
|
| 101 |
-
$attach_data = wp_generate_attachment_metadata( $image_id, $new_filename ); // Generate metadata
|
| 102 |
-
wp_update_attachment_metadata( $image_id, $attach_data ); // Add metadata
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
// Response
|
| 106 |
-
if(file_exists($new_filename)){ // If image was uploaded temporary image
|
| 107 |
-
|
| 108 |
-
// Success
|
| 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 |
-
'admin_url' => admin_url(),
|
| 115 |
-
);
|
| 116 |
-
|
| 117 |
-
}else{
|
| 118 |
-
|
| 119 |
-
// Error
|
| 120 |
-
$response = array(
|
| 121 |
-
'success' => false,
|
| 122 |
-
'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'),
|
| 123 |
-
'id' => '',
|
| 124 |
-
'url' => ''
|
| 125 |
-
);
|
| 126 |
-
}
|
| 127 |
-
}
|
| 128 |
-
|
| 129 |
-
// Delete temporary image
|
| 130 |
-
if(file_exists($filename)){
|
| 131 |
-
unlink($filename);
|
| 132 |
-
}
|
| 133 |
-
|
| 134 |
-
wp_send_json($response); // Send response as JSON
|
| 135 |
-
|
| 136 |
-
} else {
|
| 137 |
-
|
| 138 |
-
$response = array(
|
| 139 |
-
'success' => false,
|
| 140 |
-
'msg' => __('There was an error resizing the image, please try again.', 'instant-images'),
|
| 141 |
-
'id' => '',
|
| 142 |
-
'url' => ''
|
| 143 |
-
);
|
| 144 |
-
wp_send_json($response); // Send response as JSON
|
| 145 |
-
|
| 146 |
-
}
|
| 147 |
-
|
| 148 |
-
}
|
| 149 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
api/upload.php
DELETED
|
@@ -1,160 +0,0 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
/*
|
| 4 |
-
* rest_api_init
|
| 5 |
-
* Custom /upload route
|
| 6 |
-
*
|
| 7 |
-
* @since 3.0
|
| 8 |
-
*/
|
| 9 |
-
|
| 10 |
-
add_action( 'rest_api_init', function () {
|
| 11 |
-
$my_namespace = 'instant-images';
|
| 12 |
-
$my_endpoint = '/upload';
|
| 13 |
-
register_rest_route( $my_namespace, $my_endpoint,
|
| 14 |
-
array(
|
| 15 |
-
'methods' => 'POST',
|
| 16 |
-
'callback' => 'instant_images_upload_image',
|
| 17 |
-
)
|
| 18 |
-
);
|
| 19 |
-
});
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
/*
|
| 24 |
-
* upload_image
|
| 25 |
-
* Upload Image to /uploads directory
|
| 26 |
-
*
|
| 27 |
-
* @param $request $_POST
|
| 28 |
-
* @return $response json
|
| 29 |
-
* @since 3.0
|
| 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', 'upload_files') )){
|
| 36 |
-
|
| 37 |
-
error_reporting(E_ALL|E_STRICT);
|
| 38 |
-
|
| 39 |
-
// Create /instant-images directory inside /uploads to temporarily store images
|
| 40 |
-
if(!is_dir(INSTANT_IMG_UPLOAD_PATH)){
|
| 41 |
-
wp_mkdir_p(INSTANT_IMG_UPLOAD_PATH);
|
| 42 |
-
}
|
| 43 |
-
|
| 44 |
-
// Is directory writeable, if not exit with an error
|
| 45 |
-
if (!is_writable(INSTANT_IMG_UPLOAD_PATH.'/')) {
|
| 46 |
-
$response = json_encode(
|
| 47 |
-
array(
|
| 48 |
-
'error' => true,
|
| 49 |
-
'msg' => __('Unable to save image, check your server permissions of `uploads/instant-instants`', 'instant-images')
|
| 50 |
-
)
|
| 51 |
-
);
|
| 52 |
-
wp_send_json($response);
|
| 53 |
-
}
|
| 54 |
-
|
| 55 |
-
$body = json_decode($request->get_body(), true); // Get contents of request
|
| 56 |
-
$data = json_decode($body['data']); // Info about image
|
| 57 |
-
$path = INSTANT_IMG_UPLOAD_PATH.'/'; // Temp Image Path
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
// Get data params from the $body
|
| 61 |
-
if($data){
|
| 62 |
-
$id = sanitize_key($data->id); // Image ID
|
| 63 |
-
$img = sanitize_text_field($data->image); // Image URL
|
| 64 |
-
}
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
// If ID and IMG not set, exit
|
| 68 |
-
if(!isset($id) || !isset($img)){
|
| 69 |
-
$response = array(
|
| 70 |
-
'error' => true,
|
| 71 |
-
'msg' => __('An issue occurred retrieving image info via the REST API.', 'instant-images'),
|
| 72 |
-
'path' => $path,
|
| 73 |
-
'filename' => $filename
|
| 74 |
-
);
|
| 75 |
-
wp_send_json($response);
|
| 76 |
-
}
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
// Create temp. image variables
|
| 80 |
-
$filename = $id.'.jpg';
|
| 81 |
-
$img_path = $path .''.$filename;
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
// Test allow_url_fopen
|
| 85 |
-
// Confirm the server has allow_url_fopen set to `on`
|
| 86 |
-
/*
|
| 87 |
-
if( !ini_get('allow_url_fopen') ) {
|
| 88 |
-
$response = array(
|
| 89 |
-
'error' => true,
|
| 90 |
-
'msg' => __('Instant Images requires `allow_url_fopen` to be on for downloading images from the remote server to yours. Please check your server php.ini file and confirm it is set to on and not off.', 'instant-images'),
|
| 91 |
-
'path' => $path,
|
| 92 |
-
'filename' => $filename
|
| 93 |
-
);
|
| 94 |
-
wp_send_json($response);
|
| 95 |
-
}
|
| 96 |
-
*/
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
// PHP Copy()
|
| 100 |
-
if(function_exists('copy')){
|
| 101 |
-
|
| 102 |
-
// Save file to server using copy() function
|
| 103 |
-
$saved_file = @copy($img.'jpg', $img_path);
|
| 104 |
-
|
| 105 |
-
// Was the temporary image saved?
|
| 106 |
-
if ($saved_file) {
|
| 107 |
-
|
| 108 |
-
if(file_exists($path.''.$filename)){
|
| 109 |
-
|
| 110 |
-
// SUCCESS - Image saved
|
| 111 |
-
$response = array(
|
| 112 |
-
'error' => false,
|
| 113 |
-
'msg' => __('Image successfully uploaded to server.', 'instant-images'),
|
| 114 |
-
'path' => $path,
|
| 115 |
-
'filename' => $filename
|
| 116 |
-
);
|
| 117 |
-
|
| 118 |
-
}else{
|
| 119 |
-
|
| 120 |
-
// ERROR - File does NOT exist
|
| 121 |
-
$response = array(
|
| 122 |
-
'error' => true,
|
| 123 |
-
'msg' => __('Uploaded image not found, please ensure you have proper permissions set on the uploads directory.', 'instant-images'),
|
| 124 |
-
'path' => '',
|
| 125 |
-
'filename' => ''
|
| 126 |
-
);
|
| 127 |
-
|
| 128 |
-
}
|
| 129 |
-
|
| 130 |
-
} else {
|
| 131 |
-
|
| 132 |
-
// ERROR - Error on save
|
| 133 |
-
$response = array(
|
| 134 |
-
'error' => true,
|
| 135 |
-
'msg' => __('Unable to download image to server, please check the server permissions of the instant-images folder in your WP uploads directory.', 'instant-images'),
|
| 136 |
-
'path' => '',
|
| 137 |
-
'filename' => ''
|
| 138 |
-
);
|
| 139 |
-
|
| 140 |
-
}
|
| 141 |
-
|
| 142 |
-
}
|
| 143 |
-
|
| 144 |
-
// copy() not enabled
|
| 145 |
-
else{
|
| 146 |
-
|
| 147 |
-
$response = array(
|
| 148 |
-
'error' => true,
|
| 149 |
-
'msg' => __('The core PHP copy() function is not available on your server. Please contact your server administrator to upgrade your PHP version.', 'instant-images'),
|
| 150 |
-
'path' => $path,
|
| 151 |
-
'filename' => $filename
|
| 152 |
-
);
|
| 153 |
-
|
| 154 |
-
}
|
| 155 |
-
|
| 156 |
-
wp_send_json($response);
|
| 157 |
-
|
| 158 |
-
}
|
| 159 |
-
|
| 160 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
dist/css/instant-images.css
CHANGED
|
@@ -471,31 +471,40 @@ input:-webkit-autofill {
|
|
| 471 |
position: relative;
|
| 472 |
}
|
| 473 |
|
| 474 |
-
.instant-img-container .control-nav li
|
| 475 |
padding: 0 24px 0 2px;
|
| 476 |
height: 48px;
|
| 477 |
line-height: 48px;
|
| 478 |
display: block;
|
| 479 |
color: #999;
|
| 480 |
text-decoration: none;
|
|
|
|
|
|
|
|
|
|
| 481 |
background-position: 96% center;
|
| 482 |
background-repeat: no-repeat;
|
|
|
|
|
|
|
| 483 |
}
|
| 484 |
|
| 485 |
-
.instant-img-container .control-nav li
|
| 486 |
-
color: #111;
|
| 487 |
-
cursor: default;
|
| 488 |
-
font-weight: 600;
|
| 489 |
-
}
|
| 490 |
-
|
| 491 |
-
.instant-img-container .control-nav li a:hover, .instant-img-container .control-nav li a:focus {
|
| 492 |
color: #111;
|
| 493 |
outline: none;
|
| 494 |
-webkit-box-shadow: none;
|
| 495 |
box-shadow: none;
|
| 496 |
}
|
| 497 |
|
| 498 |
-
.instant-img-container .control-nav li
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 499 |
background-image: url(../img/ajax-loader.gif);
|
| 500 |
}
|
| 501 |
|
|
@@ -504,7 +513,7 @@ input:-webkit-autofill {
|
|
| 504 |
font-size: 16px;
|
| 505 |
margin: 0;
|
| 506 |
}
|
| 507 |
-
.instant-img-container .control-nav li
|
| 508 |
padding-left: 3px;
|
| 509 |
}
|
| 510 |
}
|
|
@@ -543,7 +552,7 @@ input:-webkit-autofill {
|
|
| 543 |
width: auto;
|
| 544 |
height: 34px;
|
| 545 |
line-height: 34px;
|
| 546 |
-
padding: 0
|
| 547 |
background: #ffffbf;
|
| 548 |
border: 1px solid #ebebae;
|
| 549 |
-webkit-border-radius: 3px;
|
|
@@ -568,11 +577,13 @@ input:-webkit-autofill {
|
|
| 568 |
line-height: 34px;
|
| 569 |
}
|
| 570 |
|
| 571 |
-
.instant-img-container .control-nav li.search-field .searchResults
|
| 572 |
padding: 0 10px;
|
| 573 |
-
height:
|
| 574 |
-
line-height:
|
|
|
|
| 575 |
position: absolute;
|
|
|
|
| 576 |
right: 0;
|
| 577 |
top: 0;
|
| 578 |
}
|
|
@@ -627,8 +638,8 @@ input:-webkit-autofill {
|
|
| 627 |
background-color: #f7f7f7 !important;
|
| 628 |
height: 46px;
|
| 629 |
line-height: 46px;
|
| 630 |
-
-webkit-border-radius:
|
| 631 |
-
border-radius:
|
| 632 |
font-size: 16px;
|
| 633 |
-webkit-transition: padding 0.15s ease;
|
| 634 |
-o-transition: padding 0.15s ease;
|
|
@@ -637,6 +648,8 @@ input:-webkit-autofill {
|
|
| 637 |
|
| 638 |
.instant-img-container .control-nav li.search-field input:focus {
|
| 639 |
border-color: #999;
|
|
|
|
|
|
|
| 640 |
}
|
| 641 |
|
| 642 |
.instant-img-container .control-nav li.search-field input.searching {
|
|
@@ -664,6 +677,7 @@ input:-webkit-autofill {
|
|
| 664 |
transition: all 0.25s ease;
|
| 665 |
opacity: 0.5;
|
| 666 |
margin: 0;
|
|
|
|
| 667 |
}
|
| 668 |
|
| 669 |
.instant-img-container .control-nav li.search-field button:hover {
|
|
@@ -822,30 +836,32 @@ input:-webkit-autofill {
|
|
| 822 |
#photos .photo a.upload .status {
|
| 823 |
visibility: hidden;
|
| 824 |
opacity: 0;
|
| 825 |
-
-webkit-transition: all 0.
|
| 826 |
-
-o-transition: all 0.
|
| 827 |
-
transition: all 0.
|
| 828 |
width: 60px;
|
| 829 |
height: 60px;
|
| 830 |
line-height: 60px;
|
| 831 |
-
-webkit-border-radius:
|
| 832 |
-
border-radius:
|
| 833 |
position: absolute;
|
| 834 |
left: 50%;
|
| 835 |
top: 50%;
|
| 836 |
z-index: 5;
|
| 837 |
-
-webkit-transform: translate(-50%, -50%) scale(1.
|
| 838 |
-
-ms-transform: translate(-50%, -50%) scale(1.
|
| 839 |
-
transform: translate(-50%, -50%) scale(1.
|
| 840 |
-
-webkit-box-shadow: 0
|
| 841 |
-
box-shadow: 0
|
|
|
|
|
|
|
| 842 |
}
|
| 843 |
|
| 844 |
#photos .photo a.upload .status:before {
|
| 845 |
font-family: 'FontAwesome';
|
| 846 |
display: block;
|
| 847 |
color: #fff;
|
| 848 |
-
font-size:
|
| 849 |
opacity: 0.8;
|
| 850 |
}
|
| 851 |
|
|
@@ -854,7 +870,6 @@ input:-webkit-autofill {
|
|
| 854 |
}
|
| 855 |
|
| 856 |
#photos .photo a.upload.uploading .status,
|
| 857 |
-
#photos .photo a.upload.resizing .status,
|
| 858 |
#photos .photo a.upload.success .status,
|
| 859 |
#photos .photo a.upload.errors .status {
|
| 860 |
text-align: center;
|
|
@@ -872,26 +887,13 @@ input:-webkit-autofill {
|
|
| 872 |
#photos .photo a.upload.uploading .status {
|
| 873 |
visibility: visible;
|
| 874 |
opacity: 1;
|
| 875 |
-
background
|
|
|
|
|
|
|
| 876 |
}
|
| 877 |
|
| 878 |
#photos .photo a.upload.uploading .status:before {
|
| 879 |
-
|
| 880 |
-
}
|
| 881 |
-
|
| 882 |
-
#photos .photo a.upload.resizing {
|
| 883 |
-
cursor: default !important;
|
| 884 |
-
}
|
| 885 |
-
|
| 886 |
-
#photos .photo a.upload.resizing .status {
|
| 887 |
-
visibility: visible;
|
| 888 |
-
opacity: 1;
|
| 889 |
-
background-color: #e4c452;
|
| 890 |
-
}
|
| 891 |
-
|
| 892 |
-
#photos .photo a.upload.resizing .status:before {
|
| 893 |
-
color: #fff;
|
| 894 |
-
content: '\F065';
|
| 895 |
}
|
| 896 |
|
| 897 |
#photos .photo a.upload.success {
|
|
@@ -901,12 +903,7 @@ input:-webkit-autofill {
|
|
| 901 |
#photos .photo a.upload.success .status {
|
| 902 |
visibility: visible;
|
| 903 |
opacity: 1;
|
| 904 |
-
width: 70px;
|
| 905 |
-
height: 70px;
|
| 906 |
-
line-height: 70px;
|
| 907 |
background-color: #63d875;
|
| 908 |
-
-webkit-border-radius: 100%;
|
| 909 |
-
border-radius: 100%;
|
| 910 |
}
|
| 911 |
|
| 912 |
#photos .photo a.upload.success .status:before {
|
|
@@ -927,12 +924,7 @@ input:-webkit-autofill {
|
|
| 927 |
#photos .photo a.upload.errors .status {
|
| 928 |
visibility: visible;
|
| 929 |
opacity: 1;
|
| 930 |
-
width: 60px;
|
| 931 |
-
height: 60px;
|
| 932 |
-
line-height: 60px;
|
| 933 |
background-color: #df3333;
|
| 934 |
-
-webkit-border-radius: 100%;
|
| 935 |
-
border-radius: 100%;
|
| 936 |
}
|
| 937 |
|
| 938 |
#photos .photo a.upload.errors .status:before {
|
|
@@ -945,8 +937,12 @@ input:-webkit-autofill {
|
|
| 945 |
opacity: 0.25 !important;
|
| 946 |
}
|
| 947 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 948 |
#photos .photo:hover a.upload img, #photos .photo.in-progress a.upload img {
|
| 949 |
-
opacity: 0.
|
| 950 |
-webkit-transform: scale(1.075);
|
| 951 |
-ms-transform: scale(1.075);
|
| 952 |
transform: scale(1.075);
|
|
@@ -973,7 +969,11 @@ input:-webkit-autofill {
|
|
| 973 |
}
|
| 974 |
|
| 975 |
#photos .photo.in-progress .user-controls {
|
| 976 |
-
opacity: 0;
|
|
|
|
|
|
|
|
|
|
|
|
|
| 977 |
}
|
| 978 |
|
| 979 |
#photos .photo .options {
|
|
@@ -999,16 +999,14 @@ input:-webkit-autofill {
|
|
| 999 |
|
| 1000 |
#photos .photo .options i.heart-like {
|
| 1001 |
color: #d13714;
|
| 1002 |
-
margin-right: 1px;
|
| 1003 |
-webkit-transition: all 0.25s ease 0.05s;
|
| 1004 |
-o-transition: all 0.25s ease 0.05s;
|
| 1005 |
transition: all 0.25s ease 0.05s;
|
| 1006 |
-webkit-transform: scale(0.55);
|
| 1007 |
-ms-transform: scale(0.55);
|
| 1008 |
transform: scale(0.55);
|
| 1009 |
-
margin-right:
|
| 1010 |
position: relative;
|
| 1011 |
-
left: -1px;
|
| 1012 |
top: 0;
|
| 1013 |
font-size: 14px;
|
| 1014 |
opacity: 0.9;
|
|
@@ -1019,11 +1017,12 @@ input:-webkit-autofill {
|
|
| 1019 |
vertical-align: top;
|
| 1020 |
line-height: 30px;
|
| 1021 |
padding: 0 10px;
|
|
|
|
| 1022 |
padding-top: 1px;
|
| 1023 |
background: rgba(255, 255, 255, 0.5);
|
| 1024 |
margin: 0;
|
| 1025 |
-
-webkit-border-radius: 2px
|
| 1026 |
-
border-radius: 2px
|
| 1027 |
color: #23282d;
|
| 1028 |
-webkit-transition: all 0.3s ease;
|
| 1029 |
-o-transition: all 0.3s ease;
|
|
@@ -1039,9 +1038,7 @@ input:-webkit-autofill {
|
|
| 1039 |
}
|
| 1040 |
|
| 1041 |
#photos .photo .options a {
|
| 1042 |
-
margin-left:
|
| 1043 |
-
-webkit-border-radius: 0 2px 2px 0;
|
| 1044 |
-
border-radius: 0 2px 2px 0;
|
| 1045 |
}
|
| 1046 |
|
| 1047 |
#photos .photo .options a:hover, #photos .photo .options a:focus {
|
|
@@ -1061,9 +1058,9 @@ input:-webkit-autofill {
|
|
| 1061 |
bottom: 0;
|
| 1062 |
left: 0;
|
| 1063 |
width: 100%;
|
| 1064 |
-
background: rgba(0, 0, 0, 0.
|
| 1065 |
padding: 0;
|
| 1066 |
-
opacity: 0.
|
| 1067 |
-webkit-transition: all 0.3s ease;
|
| 1068 |
-o-transition: all 0.3s ease;
|
| 1069 |
transition: all 0.3s ease;
|
|
@@ -1082,8 +1079,8 @@ input:-webkit-autofill {
|
|
| 1082 |
color: #fff;
|
| 1083 |
background: rgba(255, 255, 255, 0.75);
|
| 1084 |
background: transparent;
|
| 1085 |
-
-webkit-border-radius:
|
| 1086 |
-
border-radius:
|
| 1087 |
height: 34px;
|
| 1088 |
line-height: 34px;
|
| 1089 |
font-size: 17px;
|
|
@@ -1092,20 +1089,27 @@ input:-webkit-autofill {
|
|
| 1092 |
margin: 1px 1px 1px 0;
|
| 1093 |
padding: 0;
|
| 1094 |
color: rgba(255, 255, 255, 0.75);
|
|
|
|
|
|
|
|
|
|
| 1095 |
}
|
| 1096 |
|
| 1097 |
#photos .photo .fade.edit-photo, #photos .photo .fade.edit-photo-admin, #photos .photo .fade.set-featured, #photos .photo .fade.insert {
|
| 1098 |
-
width:
|
| 1099 |
display: inline-block;
|
| 1100 |
width: 34px;
|
| 1101 |
text-align: center;
|
|
|
|
| 1102 |
}
|
| 1103 |
|
| 1104 |
#photos .photo .fade.edit-photo i, #photos .photo .fade.edit-photo-admin i, #photos .photo .fade.set-featured i, #photos .photo .fade.insert i {
|
| 1105 |
line-height: 27px;
|
| 1106 |
-
position:
|
| 1107 |
-
left:
|
| 1108 |
-
top:
|
|
|
|
|
|
|
|
|
|
| 1109 |
}
|
| 1110 |
|
| 1111 |
#photos .photo .fade.edit-photo:hover, #photos .photo .fade.edit-photo:focus, #photos .photo .fade.edit-photo-admin:hover, #photos .photo .fade.edit-photo-admin:focus, #photos .photo .fade.set-featured:hover, #photos .photo .fade.set-featured:focus, #photos .photo .fade.insert:hover, #photos .photo .fade.insert:focus {
|
|
@@ -1113,20 +1117,10 @@ input:-webkit-autofill {
|
|
| 1113 |
background: rgba(255, 255, 255, 0.95);
|
| 1114 |
}
|
| 1115 |
|
| 1116 |
-
#photos .photo .fade.set-featured i {
|
| 1117 |
-
top: 0;
|
| 1118 |
-
left: 0;
|
| 1119 |
-
}
|
| 1120 |
-
|
| 1121 |
#photos .photo .fade.edit-photo-admin {
|
| 1122 |
display: none;
|
| 1123 |
}
|
| 1124 |
|
| 1125 |
-
#photos .photo .fade.edit-photo i, #photos .photo .fade.edit-photo-admin i {
|
| 1126 |
-
left: 0;
|
| 1127 |
-
top: 0;
|
| 1128 |
-
}
|
| 1129 |
-
|
| 1130 |
#photos .photo .fade.user {
|
| 1131 |
background: none;
|
| 1132 |
text-decoration: none;
|
|
@@ -1175,8 +1169,8 @@ input:-webkit-autofill {
|
|
| 1175 |
width: 100%;
|
| 1176 |
background: rgba(0, 0, 0, 0.6);
|
| 1177 |
text-align: center;
|
| 1178 |
-
color:
|
| 1179 |
-
font-size:
|
| 1180 |
margin: 0;
|
| 1181 |
padding: 0;
|
| 1182 |
-webkit-transition: all 0.25s ease-in-out;
|
|
@@ -1186,6 +1180,11 @@ input:-webkit-autofill {
|
|
| 1186 |
z-index: 9999;
|
| 1187 |
}
|
| 1188 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1189 |
#photos .edit-screen {
|
| 1190 |
position: absolute;
|
| 1191 |
left: 0;
|
|
@@ -1574,6 +1573,7 @@ input:-webkit-autofill {
|
|
| 1574 |
top: 0;
|
| 1575 |
width: 40px;
|
| 1576 |
height: 36px;
|
|
|
|
| 1577 |
padding: 0;
|
| 1578 |
margin: 0;
|
| 1579 |
}
|
|
@@ -1588,6 +1588,65 @@ input:-webkit-autofill {
|
|
| 1588 |
display: none;
|
| 1589 |
}
|
| 1590 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1591 |
.no-results {
|
| 1592 |
display: none;
|
| 1593 |
padding: 150px 100px;
|
| 471 |
position: relative;
|
| 472 |
}
|
| 473 |
|
| 474 |
+
.instant-img-container .control-nav li button {
|
| 475 |
padding: 0 24px 0 2px;
|
| 476 |
height: 48px;
|
| 477 |
line-height: 48px;
|
| 478 |
display: block;
|
| 479 |
color: #999;
|
| 480 |
text-decoration: none;
|
| 481 |
+
-webkit-box-shadow: none;
|
| 482 |
+
box-shadow: none;
|
| 483 |
+
background-color: transparent;
|
| 484 |
background-position: 96% center;
|
| 485 |
background-repeat: no-repeat;
|
| 486 |
+
border: none;
|
| 487 |
+
cursor: pointer;
|
| 488 |
}
|
| 489 |
|
| 490 |
+
.instant-img-container .control-nav li button:hover, .instant-img-container .control-nav li button:focus {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 491 |
color: #111;
|
| 492 |
outline: none;
|
| 493 |
-webkit-box-shadow: none;
|
| 494 |
box-shadow: none;
|
| 495 |
}
|
| 496 |
|
| 497 |
+
.instant-img-container .control-nav li button:focus {
|
| 498 |
+
text-decoration: underline;
|
| 499 |
+
}
|
| 500 |
+
|
| 501 |
+
.instant-img-container .control-nav li button.active {
|
| 502 |
+
color: #333;
|
| 503 |
+
cursor: default;
|
| 504 |
+
font-weight: 600;
|
| 505 |
+
}
|
| 506 |
+
|
| 507 |
+
.instant-img-container .control-nav li button.loading {
|
| 508 |
background-image: url(../img/ajax-loader.gif);
|
| 509 |
}
|
| 510 |
|
| 513 |
font-size: 16px;
|
| 514 |
margin: 0;
|
| 515 |
}
|
| 516 |
+
.instant-img-container .control-nav li button {
|
| 517 |
padding-left: 3px;
|
| 518 |
}
|
| 519 |
}
|
| 552 |
width: auto;
|
| 553 |
height: 34px;
|
| 554 |
line-height: 34px;
|
| 555 |
+
padding: 0 30px 0 10px;
|
| 556 |
background: #ffffbf;
|
| 557 |
border: 1px solid #ebebae;
|
| 558 |
-webkit-border-radius: 3px;
|
| 577 |
line-height: 34px;
|
| 578 |
}
|
| 579 |
|
| 580 |
+
.instant-img-container .control-nav li.search-field .searchResults button {
|
| 581 |
padding: 0 10px;
|
| 582 |
+
height: 32px;
|
| 583 |
+
line-height: 32px;
|
| 584 |
+
width: 30px;
|
| 585 |
position: absolute;
|
| 586 |
+
left: auto;
|
| 587 |
right: 0;
|
| 588 |
top: 0;
|
| 589 |
}
|
| 638 |
background-color: #f7f7f7 !important;
|
| 639 |
height: 46px;
|
| 640 |
line-height: 46px;
|
| 641 |
+
-webkit-border-radius: 3px;
|
| 642 |
+
border-radius: 3px;
|
| 643 |
font-size: 16px;
|
| 644 |
-webkit-transition: padding 0.15s ease;
|
| 645 |
-o-transition: padding 0.15s ease;
|
| 648 |
|
| 649 |
.instant-img-container .control-nav li.search-field input:focus {
|
| 650 |
border-color: #999;
|
| 651 |
+
-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.075);
|
| 652 |
+
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.075);
|
| 653 |
}
|
| 654 |
|
| 655 |
.instant-img-container .control-nav li.search-field input.searching {
|
| 677 |
transition: all 0.25s ease;
|
| 678 |
opacity: 0.5;
|
| 679 |
margin: 0;
|
| 680 |
+
padding: 0;
|
| 681 |
}
|
| 682 |
|
| 683 |
.instant-img-container .control-nav li.search-field button:hover {
|
| 836 |
#photos .photo a.upload .status {
|
| 837 |
visibility: hidden;
|
| 838 |
opacity: 0;
|
| 839 |
+
-webkit-transition: all 0.25s ease-in-out;
|
| 840 |
+
-o-transition: all 0.25s ease-in-out;
|
| 841 |
+
transition: all 0.25s ease-in-out;
|
| 842 |
width: 60px;
|
| 843 |
height: 60px;
|
| 844 |
line-height: 60px;
|
| 845 |
+
-webkit-border-radius: 4px;
|
| 846 |
+
border-radius: 4px;
|
| 847 |
position: absolute;
|
| 848 |
left: 50%;
|
| 849 |
top: 50%;
|
| 850 |
z-index: 5;
|
| 851 |
+
-webkit-transform: translate(-50%, -50%) scale(1.2);
|
| 852 |
+
-ms-transform: translate(-50%, -50%) scale(1.2);
|
| 853 |
+
transform: translate(-50%, -50%) scale(1.2);
|
| 854 |
+
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
|
| 855 |
+
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
|
| 856 |
+
background-position: center center;
|
| 857 |
+
background-repeat: no-repeat;
|
| 858 |
}
|
| 859 |
|
| 860 |
#photos .photo a.upload .status:before {
|
| 861 |
font-family: 'FontAwesome';
|
| 862 |
display: block;
|
| 863 |
color: #fff;
|
| 864 |
+
font-size: 24px;
|
| 865 |
opacity: 0.8;
|
| 866 |
}
|
| 867 |
|
| 870 |
}
|
| 871 |
|
| 872 |
#photos .photo a.upload.uploading .status,
|
|
|
|
| 873 |
#photos .photo a.upload.success .status,
|
| 874 |
#photos .photo a.upload.errors .status {
|
| 875 |
text-align: center;
|
| 887 |
#photos .photo a.upload.uploading .status {
|
| 888 |
visibility: visible;
|
| 889 |
opacity: 1;
|
| 890 |
+
background: rgba(255, 255, 255, 0.95) url(../img/ajax-loader-lg.gif) no-repeat center center;
|
| 891 |
+
-webkit-background-size: 24px 24px;
|
| 892 |
+
background-size: 24px 24px;
|
| 893 |
}
|
| 894 |
|
| 895 |
#photos .photo a.upload.uploading .status:before {
|
| 896 |
+
display: none;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 897 |
}
|
| 898 |
|
| 899 |
#photos .photo a.upload.success {
|
| 903 |
#photos .photo a.upload.success .status {
|
| 904 |
visibility: visible;
|
| 905 |
opacity: 1;
|
|
|
|
|
|
|
|
|
|
| 906 |
background-color: #63d875;
|
|
|
|
|
|
|
| 907 |
}
|
| 908 |
|
| 909 |
#photos .photo a.upload.success .status:before {
|
| 924 |
#photos .photo a.upload.errors .status {
|
| 925 |
visibility: visible;
|
| 926 |
opacity: 1;
|
|
|
|
|
|
|
|
|
|
| 927 |
background-color: #df3333;
|
|
|
|
|
|
|
| 928 |
}
|
| 929 |
|
| 930 |
#photos .photo a.upload.errors .status:before {
|
| 937 |
opacity: 0.25 !important;
|
| 938 |
}
|
| 939 |
|
| 940 |
+
#photos .photo.uploaded .user-controls {
|
| 941 |
+
opacity: 0.5;
|
| 942 |
+
}
|
| 943 |
+
|
| 944 |
#photos .photo:hover a.upload img, #photos .photo.in-progress a.upload img {
|
| 945 |
+
opacity: 0.7;
|
| 946 |
-webkit-transform: scale(1.075);
|
| 947 |
-ms-transform: scale(1.075);
|
| 948 |
transform: scale(1.075);
|
| 969 |
}
|
| 970 |
|
| 971 |
#photos .photo.in-progress .user-controls {
|
| 972 |
+
opacity: 0 !important;
|
| 973 |
+
}
|
| 974 |
+
|
| 975 |
+
#photos .photo.in-progress .options {
|
| 976 |
+
opacity: 0 !important;
|
| 977 |
}
|
| 978 |
|
| 979 |
#photos .photo .options {
|
| 999 |
|
| 1000 |
#photos .photo .options i.heart-like {
|
| 1001 |
color: #d13714;
|
|
|
|
| 1002 |
-webkit-transition: all 0.25s ease 0.05s;
|
| 1003 |
-o-transition: all 0.25s ease 0.05s;
|
| 1004 |
transition: all 0.25s ease 0.05s;
|
| 1005 |
-webkit-transform: scale(0.55);
|
| 1006 |
-ms-transform: scale(0.55);
|
| 1007 |
transform: scale(0.55);
|
| 1008 |
+
margin-right: 2px;
|
| 1009 |
position: relative;
|
|
|
|
| 1010 |
top: 0;
|
| 1011 |
font-size: 14px;
|
| 1012 |
opacity: 0.9;
|
| 1017 |
vertical-align: top;
|
| 1018 |
line-height: 30px;
|
| 1019 |
padding: 0 10px;
|
| 1020 |
+
margin: 0;
|
| 1021 |
padding-top: 1px;
|
| 1022 |
background: rgba(255, 255, 255, 0.5);
|
| 1023 |
margin: 0;
|
| 1024 |
+
-webkit-border-radius: 2px;
|
| 1025 |
+
border-radius: 2px;
|
| 1026 |
color: #23282d;
|
| 1027 |
-webkit-transition: all 0.3s ease;
|
| 1028 |
-o-transition: all 0.3s ease;
|
| 1038 |
}
|
| 1039 |
|
| 1040 |
#photos .photo .options a {
|
| 1041 |
+
margin-left: 2px;
|
|
|
|
|
|
|
| 1042 |
}
|
| 1043 |
|
| 1044 |
#photos .photo .options a:hover, #photos .photo .options a:focus {
|
| 1058 |
bottom: 0;
|
| 1059 |
left: 0;
|
| 1060 |
width: 100%;
|
| 1061 |
+
background: rgba(0, 0, 0, 0.4);
|
| 1062 |
padding: 0;
|
| 1063 |
+
opacity: 0.35;
|
| 1064 |
-webkit-transition: all 0.3s ease;
|
| 1065 |
-o-transition: all 0.3s ease;
|
| 1066 |
transition: all 0.3s ease;
|
| 1079 |
color: #fff;
|
| 1080 |
background: rgba(255, 255, 255, 0.75);
|
| 1081 |
background: transparent;
|
| 1082 |
+
-webkit-border-radius: 2px;
|
| 1083 |
+
border-radius: 2px;
|
| 1084 |
height: 34px;
|
| 1085 |
line-height: 34px;
|
| 1086 |
font-size: 17px;
|
| 1089 |
margin: 1px 1px 1px 0;
|
| 1090 |
padding: 0;
|
| 1091 |
color: rgba(255, 255, 255, 0.75);
|
| 1092 |
+
border: none !important;
|
| 1093 |
+
outline: none;
|
| 1094 |
+
cursor: pointer;
|
| 1095 |
}
|
| 1096 |
|
| 1097 |
#photos .photo .fade.edit-photo, #photos .photo .fade.edit-photo-admin, #photos .photo .fade.set-featured, #photos .photo .fade.insert {
|
| 1098 |
+
width: 34px;
|
| 1099 |
display: inline-block;
|
| 1100 |
width: 34px;
|
| 1101 |
text-align: center;
|
| 1102 |
+
position: relative;
|
| 1103 |
}
|
| 1104 |
|
| 1105 |
#photos .photo .fade.edit-photo i, #photos .photo .fade.edit-photo-admin i, #photos .photo .fade.set-featured i, #photos .photo .fade.insert i {
|
| 1106 |
line-height: 27px;
|
| 1107 |
+
position: absolute;
|
| 1108 |
+
left: 50%;
|
| 1109 |
+
top: 50%;
|
| 1110 |
+
-webkit-transform: translate(-50%, -50%);
|
| 1111 |
+
-ms-transform: translate(-50%, -50%);
|
| 1112 |
+
transform: translate(-50%, -50%);
|
| 1113 |
}
|
| 1114 |
|
| 1115 |
#photos .photo .fade.edit-photo:hover, #photos .photo .fade.edit-photo:focus, #photos .photo .fade.edit-photo-admin:hover, #photos .photo .fade.edit-photo-admin:focus, #photos .photo .fade.set-featured:hover, #photos .photo .fade.set-featured:focus, #photos .photo .fade.insert:hover, #photos .photo .fade.insert:focus {
|
| 1117 |
background: rgba(255, 255, 255, 0.95);
|
| 1118 |
}
|
| 1119 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1120 |
#photos .photo .fade.edit-photo-admin {
|
| 1121 |
display: none;
|
| 1122 |
}
|
| 1123 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1124 |
#photos .photo .fade.user {
|
| 1125 |
background: none;
|
| 1126 |
text-decoration: none;
|
| 1169 |
width: 100%;
|
| 1170 |
background: rgba(0, 0, 0, 0.6);
|
| 1171 |
text-align: center;
|
| 1172 |
+
color: rgba(255, 255, 255, 0.9);
|
| 1173 |
+
font-size: 12px;
|
| 1174 |
margin: 0;
|
| 1175 |
padding: 0;
|
| 1176 |
-webkit-transition: all 0.25s ease-in-out;
|
| 1180 |
z-index: 9999;
|
| 1181 |
}
|
| 1182 |
|
| 1183 |
+
#photos .photo .notice-msg.has-error {
|
| 1184 |
+
top: -40px;
|
| 1185 |
+
opacity: 0;
|
| 1186 |
+
}
|
| 1187 |
+
|
| 1188 |
#photos .edit-screen {
|
| 1189 |
position: absolute;
|
| 1190 |
left: 0;
|
| 1573 |
top: 0;
|
| 1574 |
width: 40px;
|
| 1575 |
height: 36px;
|
| 1576 |
+
line-height: 36px;
|
| 1577 |
padding: 0;
|
| 1578 |
margin: 0;
|
| 1579 |
}
|
| 1588 |
display: none;
|
| 1589 |
}
|
| 1590 |
|
| 1591 |
+
.media-frame-content .instant-img-container .load-more-wrap {
|
| 1592 |
+
display: block;
|
| 1593 |
+
}
|
| 1594 |
+
|
| 1595 |
+
#tooltip {
|
| 1596 |
+
display: inline-block;
|
| 1597 |
+
padding: 8px 10px;
|
| 1598 |
+
background: #fff;
|
| 1599 |
+
position: fixed;
|
| 1600 |
+
left: auto;
|
| 1601 |
+
top: auto;
|
| 1602 |
+
z-index: 999;
|
| 1603 |
+
display: block;
|
| 1604 |
+
opacity: 0;
|
| 1605 |
+
visibility: hidden;
|
| 1606 |
+
margin-top: -37px;
|
| 1607 |
+
font-size: 12px;
|
| 1608 |
+
color: #999;
|
| 1609 |
+
text-align: center;
|
| 1610 |
+
line-height: 1;
|
| 1611 |
+
-webkit-border-radius: 2px;
|
| 1612 |
+
border-radius: 2px;
|
| 1613 |
+
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
|
| 1614 |
+
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
|
| 1615 |
+
-webkit-transition: all 0.15s ease;
|
| 1616 |
+
-o-transition: all 0.15s ease;
|
| 1617 |
+
transition: all 0.15s ease;
|
| 1618 |
+
}
|
| 1619 |
+
|
| 1620 |
+
#tooltip:after {
|
| 1621 |
+
top: 100%;
|
| 1622 |
+
right: 17px;
|
| 1623 |
+
border: solid transparent;
|
| 1624 |
+
content: " ";
|
| 1625 |
+
height: 0;
|
| 1626 |
+
width: 0;
|
| 1627 |
+
position: absolute;
|
| 1628 |
+
pointer-events: none;
|
| 1629 |
+
border-color: rgba(255, 255, 255, 0);
|
| 1630 |
+
border-top-color: #ffffff;
|
| 1631 |
+
border-width: 5px;
|
| 1632 |
+
margin-left: -5px;
|
| 1633 |
+
}
|
| 1634 |
+
|
| 1635 |
+
#tooltip.over {
|
| 1636 |
+
opacity: 0.9;
|
| 1637 |
+
visibility: visible;
|
| 1638 |
+
}
|
| 1639 |
+
|
| 1640 |
+
#tooltip.above {
|
| 1641 |
+
margin-top: 37px;
|
| 1642 |
+
}
|
| 1643 |
+
|
| 1644 |
+
#tooltip.above:after {
|
| 1645 |
+
top: -5px;
|
| 1646 |
+
border-top: none;
|
| 1647 |
+
border-bottom-color: #ffffff;
|
| 1648 |
+
}
|
| 1649 |
+
|
| 1650 |
.no-results {
|
| 1651 |
display: none;
|
| 1652 |
padding: 150px 100px;
|
dist/css/instant-images.min.css
CHANGED
|
@@ -1 +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 10px 0 42px;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:62px;background-image:url(../img/ajax-loader.gif);background-position:37px;background-repeat:no-repeat}.instant-img-container .control-nav li.search-field button{position:absolute;left:-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;margin:0}.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 .status a{color:#fff}#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.success img{-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important}#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.edit-photo-admin,#photos .photo .fade.insert,#photos .photo .fade.set-featured{width:auto;display:inline-block;width:34px;text-align:center}#photos .photo .fade.edit-photo-admin i,#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-admin:focus,#photos .photo .fade.edit-photo-admin:hover,#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.set-featured i{top:0;left:0}#photos .photo .fade.edit-photo-admin{display:none}#photos .photo .fade.edit-photo-admin i,#photos .photo .fade.edit-photo i{left:0;top: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:36px;height:36px;padding-right:8px;padding-left:30px;-webkit-border-radius:0;border-radius:0;border-color:#e2e4e7;font-size:13px;-webkit-border-radius:3px!important;border-radius:3px!important}.components-panel .control-nav li.search-field input.searching{padding-left:30px;background-position:95%}.components-panel .control-nav li.search-field button{position:absolute;right:auto;top:0;width:40px;height:36px;padding:0;margin:0}.components-panel .control-nav li.search-field .searchResults{right:1px;left:auto;top:1px}.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}}.orientation-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;padding:7px 0;margin:0 0 10px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;position:relative;top:-7px}.orientation-list span{opacity:.5;margin:0 10px 0 0;font-size:13px}.orientation-list ul{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.orientation-list ul li{margin:0 1px 0 0;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;padding:4px 6px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;border:1px solid transparent;color:#999;font-size:13px}.orientation-list ul li:hover{color:#111}.orientation-list ul li:focus{border-color:#5d72c3;color:#111;outline:none}.orientation-list ul li.active{background-color:#5d72c3;border-color:#5d72c3;color:#fff;outline:none}.components-panel .orientation-list{position:static;text-align:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-top:none;background:#f7f7f7;margin-bottom:10px}.components-panel .orientation-list span{display:none}.components-panel .orientation-list ul{padding:0;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
|
| 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 button{padding:0 24px 0 2px;height:48px;line-height:48px;display:block;color:#999;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;background-position:96%;background-repeat:no-repeat;border:none;cursor:pointer}.instant-img-container .control-nav li button:focus,.instant-img-container .control-nav li button:hover{color:#111;outline:none;-webkit-box-shadow:none;box-shadow:none}.instant-img-container .control-nav li button:focus{text-decoration:underline}.instant-img-container .control-nav li button.active{color:#333;cursor:default;font-weight:600}.instant-img-container .control-nav li button.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 button{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 30px 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 button{padding:0 10px;height:32px;line-height:32px;width:30px;position:absolute;left:auto;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 10px 0 42px;border:1px solid #e1e1e1;background-color:#f7f7f7!important;height:46px;line-height:46px;-webkit-border-radius:3px;border-radius:3px;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;-webkit-box-shadow:0 0 0 4px rgba(0,0,0,.075);box-shadow:0 0 0 4px rgba(0,0,0,.075)}.instant-img-container .control-nav li.search-field input.searching{padding-left:62px;background-image:url(../img/ajax-loader.gif);background-position:37px;background-repeat:no-repeat}.instant-img-container .control-nav li.search-field button{position:absolute;left:-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;margin:0;padding:0}.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 .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:60px;height:60px;line-height:60px;-webkit-border-radius:4px;border-radius:4px;position:absolute;left:50%;top:50%;z-index:5;-webkit-transform:translate(-50%,-50%) scale(1.2);-ms-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.25);box-shadow:0 2px 3px rgba(0,0,0,.25);background-position:50%;background-repeat:no-repeat}#photos .photo a.upload .status:before{font-family:FontAwesome;display:block;color:#fff;font-size:24px;opacity:.8}#photos .photo a.upload .status a{color:#fff}#photos .photo a.upload.errors .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:hsla(0,0%,100%,.95) url(../img/ajax-loader-lg.gif) no-repeat 50%;-webkit-background-size:24px 24px;background-size:24px 24px}#photos .photo a.upload.uploading .status:before{display:none}#photos .photo a.upload.success{cursor:default!important}#photos .photo a.upload.success .status{visibility:visible;opacity:1;background-color:#63d875}#photos .photo a.upload.success .status:before{content:"\F00C";color:#fff}#photos .photo a.upload.success img{-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important}#photos .photo a.upload.errors{cursor:help!important}#photos .photo a.upload.errors .status{visibility:visible;opacity:1;background-color:#df3333}#photos .photo a.upload.errors .status:before{content:"\F12A";color:#fff;opacity:.8}#photos .photo.uploaded a.upload img{opacity:.25!important}#photos .photo.uploaded .user-controls{opacity:.5}#photos .photo.in-progress a.upload img,#photos .photo:hover a.upload img{opacity:.7;-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 .options,#photos .photo.in-progress .user-controls{opacity:0!important}#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:2px;position:relative;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;border-radius: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:2px}#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,.4);padding:0;opacity:.35;-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:2px;border-radius:2px;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);border:none!important;outline:none;cursor:pointer}#photos .photo .fade.edit-photo,#photos .photo .fade.edit-photo-admin,#photos .photo .fade.insert,#photos .photo .fade.set-featured{display:inline-block;width:34px;text-align:center;position:relative}#photos .photo .fade.edit-photo-admin i,#photos .photo .fade.edit-photo i,#photos .photo .fade.insert i,#photos .photo .fade.set-featured i{line-height:27px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#photos .photo .fade.edit-photo-admin:focus,#photos .photo .fade.edit-photo-admin:hover,#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-admin{display:none}#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:hsla(0,0%,100%,.9);font-size:12px;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 .photo .notice-msg.has-error{top:-40px;opacity:0}#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:36px;height:36px;padding-right:8px;padding-left:30px;-webkit-border-radius:0;border-radius:0;border-color:#e2e4e7;font-size:13px;-webkit-border-radius:3px!important;border-radius:3px!important}.components-panel .control-nav li.search-field input.searching{padding-left:30px;background-position:95%}.components-panel .control-nav li.search-field button{position:absolute;right:auto;top:0;width:40px;height:36px;line-height:36px;padding:0;margin:0}.components-panel .control-nav li.search-field .searchResults{right:1px;left:auto;top:1px}.components-panel .control-nav li.search-field .searchResults:after,.components-panel .control-nav li.search-field .searchResults:before{display:none}.media-frame-content .instant-img-container .load-more-wrap{display:block}#tooltip{display:inline-block;padding:8px 10px;background:#fff;position:fixed;left:auto;top:auto;z-index:999;display:block;opacity:0;visibility:hidden;margin-top:-37px;font-size:12px;color:#999;text-align:center;line-height:1;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1);-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}#tooltip:after{top:100%;right:17px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:hsla(0,0%,100%,0);border-top-color:#fff;border-width:5px;margin-left:-5px}#tooltip.over{opacity:.9;visibility:visible}#tooltip.above{margin-top:37px}#tooltip.above:after{top:-5px;border-top:none;border-bottom-color:#fff}.no-results{display:none;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}}.orientation-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;padding:7px 0;margin:0 0 10px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;position:relative;top:-7px}.orientation-list span{opacity:.5;margin:0 10px 0 0;font-size:13px}.orientation-list ul{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.orientation-list ul li{margin:0 1px 0 0;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;padding:4px 6px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;border:1px solid transparent;color:#999;font-size:13px}.orientation-list ul li:hover{color:#111}.orientation-list ul li:focus{border-color:#5d72c3;color:#111;outline:none}.orientation-list ul li.active{background-color:#5d72c3;border-color:#5d72c3;color:#fff;outline:none}.components-panel .orientation-list{position:static;text-align:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-top:none;background:#f7f7f7;margin-bottom:10px}.components-panel .orientation-list span{display:none}.components-panel .orientation-list ul{padding:0;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
|
dist/img/ajax-loader-lg.gif
CHANGED
|
File without changes
|
dist/img/ajax-loader.gif
CHANGED
|
File without changes
|
dist/img/logo-48x48.png
CHANGED
|
File without changes
|
dist/js/instant-images-block.js
CHANGED
|
@@ -2694,6 +2694,68 @@ function factory(ReactComponent, isValidElement, ReactNoopUpdateQueue) {
|
|
| 2694 |
module.exports = factory;
|
| 2695 |
|
| 2696 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2697 |
/***/ }),
|
| 2698 |
|
| 2699 |
/***/ "./node_modules/ev-emitter/ev-emitter.js":
|
|
@@ -4092,6 +4154,463 @@ if (true) {
|
|
| 4092 |
|
| 4093 |
module.exports = warning;
|
| 4094 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|