ShortPixel Image Optimizer - Version 5.1.3

Version Description

Release date November 9, 2022 * Fix: a typo related to Custom Media that caused an error when adding a new Custom Media folder; * Fix: some minor cosmetic fixes on the settings and bulk processing pages for new plans; * Fix: the notification about the ShortPixel column in List view is now displayed when you switch back to the Grid view in Media Library; * Language: 1 new string added, 0 updated, 0 fuzzed, and 0 deprecated.

Download this release

Release Info

Developer petredobrescu
Plugin Icon 128x128 ShortPixel Image Optimizer
Version 5.1.3
Comparing to
See all releases

Code changes from version 5.1.2 to 5.1.3

Files changed (25) hide show
  1. class/Model/AccessModel.php +1 -1
  2. class/Model/AdminNoticeModel.php +10 -1
  3. class/Model/AdminNotices/AvifNotice.php +9 -3
  4. class/Model/AdminNotices/ListviewNotice.php +31 -0
  5. class/Model/AdminNotices/SmartcropNotice.php +11 -1
  6. class/Model/Image/CustomImageModel.php +1 -1
  7. class/view/bulk/part-debug.php +0 -9
  8. class/view/bulk/part-selection.php +3 -1
  9. class/view/settings/part-advanced.php +6 -1
  10. class/view/view-bulk.php +0 -1
  11. class/view/view-settings.php +15 -3
  12. readme.txt +8 -1
  13. res/css/shortpixel-admin.css +319 -219
  14. res/css/shortpixel-bulk.css +995 -787
  15. res/css/shortpixel-bulk.css.map +1 -7
  16. res/css/shortpixel-notices.css +69 -46
  17. res/css/shortpixel-notices.css.map +1 -7
  18. res/css/shortpixel-settings.css +460 -333
  19. res/css/shortpixel-settings.css.map +1 -7
  20. res/js/shortpixel-settings.js +1 -2
  21. res/scss/shortpixel-bulk.scss +5 -0
  22. res/scss/shortpixel-notices.scss +2 -0
  23. res/scss/view/_inline-help.scss +1 -1
  24. res/scss/view/_settings-advanced.scss +9 -1
  25. wp-shortpixel.php +2 -2
class/Model/AccessModel.php CHANGED
@@ -47,7 +47,7 @@ class AccessModel
47
  }
48
 
49
  /** Check for allowing a notice
50
- * @param $notice Object of type notice. Currently unused, future provision.
51
  */
52
  public function noticeIsAllowed($notice)
53
  {
47
  }
48
 
49
  /** Check for allowing a notice
50
+ * @param $notice Object of type notice.
51
  */
52
  public function noticeIsAllowed($notice)
53
  {
class/Model/AdminNoticeModel.php CHANGED
@@ -38,13 +38,17 @@ abstract class AdminNoticeModel
38
 
39
  if (is_object($notice) && $notice->isDismissed())
40
  {
41
- return;
42
  }
43
 
44
  if (is_null($this->notice) && $this->checkTrigger() === true)
45
  {
46
  $this->add();
47
  }
 
 
 
 
48
  }
49
 
50
  public function getKey()
@@ -58,6 +62,11 @@ abstract class AdminNoticeModel
58
  Notices::removeNoticeByID($key);
59
  }
60
 
 
 
 
 
 
61
  // For when trigger condition is not applicable.
62
  public function addManual($args = array())
63
  {
38
 
39
  if (is_object($notice) && $notice->isDismissed())
40
  {
41
+ return false;
42
  }
43
 
44
  if (is_null($this->notice) && $this->checkTrigger() === true)
45
  {
46
  $this->add();
47
  }
48
+ elseif ( is_object($this->notice) && $this->checkReset() === true)
49
+ {
50
+ $this->reset();
51
+ }
52
  }
53
 
54
  public function getKey()
62
  Notices::removeNoticeByID($key);
63
  }
64
 
65
+ protected function checkReset()
66
+ {
67
+ return false;
68
+ }
69
+
70
  // For when trigger condition is not applicable.
71
  public function addManual($args = array())
72
  {
class/Model/AdminNotices/AvifNotice.php CHANGED
@@ -2,6 +2,8 @@
2
  namespace ShortPixel\Model\AdminNotices;
3
 
4
  use \ShortPixel\Controller\CacheController as CacheController;
 
 
5
 
6
  class AvifNotice extends \ShortPixel\Model\AdminNoticeModel
7
  {
@@ -23,12 +25,15 @@ class AvifNotice extends \ShortPixel\Model\AdminNoticeModel
23
  if (apply_filters('shortpixel/avifcheck/override', false) === true)
24
  { return; }
25
 
 
 
26
  if ($cache->getItem('avif_server_check')->exists() === false)
27
  {
28
  $url = \WPSPIO()->plugin_url('res/img/test.avif');
29
  $headers = get_headers($url);
30
  $is_error = true;
31
 
 
32
  $this->addData('headers', $headers);
33
  // Defaults.
34
  $this->error_message = __('AVIF server test failed. Your server may not be configured to display AVIF files correctly. Serving AVIF might cause your images not to load. Check your images, disable the AVIF option, or update your web server configuration.', 'shortpixel-image-optimiser');
@@ -51,6 +56,8 @@ class AvifNotice extends \ShortPixel\Model\AdminNoticeModel
51
  }
52
  }
53
 
 
 
54
  // http not ok, redirect etc. Shouldn't happen.
55
  if (is_null($response) || strpos($response, '200') === false)
56
  {
@@ -59,7 +66,6 @@ class AvifNotice extends \ShortPixel\Model\AdminNoticeModel
59
  elseif(is_null($contentType) || strpos($contentType, 'avif') === false)
60
  {
61
  $this->error_detail = sprintf(__('The required Content-type header for AVIF files was not found. Please check this with your hosting and/or CDN provider. For more details on how to fix this issue, %s see this article %s', 'shortpixel_image_optimiser'), '<a href="https://shortpixel.com/blog/avif-mime-type-delivery-apache-nginx/" target="_blank"> ', '</a>');
62
-
63
  }
64
  else
65
  {
@@ -69,7 +75,7 @@ class AvifNotice extends \ShortPixel\Model\AdminNoticeModel
69
 
70
  if ($is_error)
71
  {
72
- if (! is_null($this->notice) && ! $this->notice->isDismissed() === true)
73
  {
74
  $this->addManual();
75
  }
@@ -78,7 +84,7 @@ class AvifNotice extends \ShortPixel\Model\AdminNoticeModel
78
  else
79
  {
80
  $this->reset();
81
-
82
  $item = $cache->getItem('avif_server_check');
83
  $item->setValue(time());
84
  $item->setExpires(MONTH_IN_SECONDS);
2
  namespace ShortPixel\Model\AdminNotices;
3
 
4
  use \ShortPixel\Controller\CacheController as CacheController;
5
+ use ShortPixel\ShortpixelLogger\ShortPixelLogger as Log;
6
+
7
 
8
  class AvifNotice extends \ShortPixel\Model\AdminNoticeModel
9
  {
25
  if (apply_filters('shortpixel/avifcheck/override', false) === true)
26
  { return; }
27
 
28
+ Log::addTemp('Checking Avif');
29
+
30
  if ($cache->getItem('avif_server_check')->exists() === false)
31
  {
32
  $url = \WPSPIO()->plugin_url('res/img/test.avif');
33
  $headers = get_headers($url);
34
  $is_error = true;
35
 
36
+ Log::addTemp('Avif check headers', $headers);
37
  $this->addData('headers', $headers);
38
  // Defaults.
39
  $this->error_message = __('AVIF server test failed. Your server may not be configured to display AVIF files correctly. Serving AVIF might cause your images not to load. Check your images, disable the AVIF option, or update your web server configuration.', 'shortpixel-image-optimiser');
56
  }
57
  }
58
 
59
+ Log::addTemp('ContentType', $contentType);
60
+
61
  // http not ok, redirect etc. Shouldn't happen.
62
  if (is_null($response) || strpos($response, '200') === false)
63
  {
66
  elseif(is_null($contentType) || strpos($contentType, 'avif') === false)
67
  {
68
  $this->error_detail = sprintf(__('The required Content-type header for AVIF files was not found. Please check this with your hosting and/or CDN provider. For more details on how to fix this issue, %s see this article %s', 'shortpixel_image_optimiser'), '<a href="https://shortpixel.com/blog/avif-mime-type-delivery-apache-nginx/" target="_blank"> ', '</a>');
 
69
  }
70
  else
71
  {
75
 
76
  if ($is_error)
77
  {
78
+ if (is_null($this->notice) || $this->notice->isDismissed() === false)
79
  {
80
  $this->addManual();
81
  }
84
  else
85
  {
86
  $this->reset();
87
+
88
  $item = $cache->getItem('avif_server_check');
89
  $item->setValue(time());
90
  $item->setExpires(MONTH_IN_SECONDS);
class/Model/AdminNotices/ListviewNotice.php CHANGED
@@ -11,6 +11,16 @@ class ListviewNotice extends \ShortPixel\Model\AdminNoticeModel
11
  parent::__construct();
12
  }
13
 
 
 
 
 
 
 
 
 
 
 
14
  protected function checkTrigger()
15
  {
16
  // Don't check for this, when not on this screen.
@@ -46,6 +56,27 @@ class ListviewNotice extends \ShortPixel\Model\AdminNoticeModel
46
  $this->reset();
47
  }
48
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
49
  }
50
 
51
 
11
  parent::__construct();
12
  }
13
 
14
+ /*public function load()
15
+ {
16
+ parent::load();
17
+ // Reset this notice even when dismissed when condition changed.
18
+ if ($this->isDismissed() && $this->checkReset() === true)
19
+ {
20
+ $this->reset();
21
+ }
22
+ } */
23
+
24
  protected function checkTrigger()
25
  {
26
  // Don't check for this, when not on this screen.
56
  $this->reset();
57
  }
58
 
59
+ return false;
60
+ }
61
+
62
+ protected function checkReset()
63
+ {
64
+ if (! function_exists('wp_get_current_user') )
65
+ {
66
+ return false;
67
+
68
+ }
69
+
70
+ $current_user = wp_get_current_user();
71
+ $currentUserID = $current_user->ID;
72
+ $viewMode = get_user_meta($currentUserID, "wp_media_library_mode", true);
73
+
74
+ if ($viewMode == 'list')
75
+ {
76
+ return true;
77
+ }
78
+
79
+ return false;
80
  }
81
 
82
 
class/Model/AdminNotices/SmartcropNotice.php CHANGED
@@ -21,7 +21,7 @@ class SmartcropNotice extends \ShortPixel\Model\AdminNoticeModel
21
  return false; // no key, no integrations.
22
  }
23
 
24
- if (\wpSPIO()->env()->has_nextgen && ! $settings->includeNextGen)
25
  {
26
  return true;
27
  }
@@ -29,6 +29,16 @@ class SmartcropNotice extends \ShortPixel\Model\AdminNoticeModel
29
  return false;
30
  }
31
 
 
 
 
 
 
 
 
 
 
 
32
  protected function getMessage()
33
  {
34
  $link = 'https://shortpixel.com/knowledge-base/article/182-what-is-smart-cropping';
21
  return false; // no key, no integrations.
22
  }
23
 
24
+ if (! $settings->useSmartcrop)
25
  {
26
  return true;
27
  }
29
  return false;
30
  }
31
 
32
+ protected function checkReset()
33
+ {
34
+ $settings = \wpSPIO()->settings();
35
+ if ($settings->useSmartcrop == true)
36
+ {
37
+ return true;
38
+ }
39
+ return false;
40
+ }
41
+
42
  protected function getMessage()
43
  {
44
  $link = 'https://shortpixel.com/knowledge-base/article/182-what-is-smart-cropping';
class/Model/Image/CustomImageModel.php CHANGED
@@ -490,7 +490,7 @@ class CustomImageModel extends \ShortPixel\Model\Image\ImageModel
490
  'status' => $metaObj->status,
491
  'retries' => 0, // this is unused / legacy
492
  'message' => $message, // this is used for improvement line.
493
- 'ts_added' => UtiHelper::timestampToDB($metaObj->tsAdded),
494
  'ts_optimized' => UtilHelper::timestampToDB($metaObj->tsOptimized),
495
  'path' => $this->getFullPath(),
496
  'name' => $this->getFileName(),
490
  'status' => $metaObj->status,
491
  'retries' => 0, // this is unused / legacy
492
  'message' => $message, // this is used for improvement line.
493
+ 'ts_added' => UtilHelper::timestampToDB($metaObj->tsAdded),
494
  'ts_optimized' => UtilHelper::timestampToDB($metaObj->tsOptimized),
495
  'path' => $this->getFullPath(),
496
  'name' => $this->getFileName(),
class/view/bulk/part-debug.php DELETED
@@ -1,9 +0,0 @@
1
- <?php
2
- namespace ShortPixel;
3
-
4
- ?>
5
-
6
- <section class="part-debug">
7
- <h1>Debug Window Hello </h1>
8
-
9
- </section>
 
 
 
 
 
 
 
 
 
class/view/bulk/part-selection.php CHANGED
@@ -141,7 +141,9 @@ $approx = $this->view->approx;
141
  <div class="option"><?php esc_html_e('The total number of AVIF images will be calculated in the next step.','shortpixel-image-optimiser'); ?></div>
142
  </div>
143
  <?php else : ?>
144
- <div class="option"><?php esc_html_e('The creation of AVIF files is not possible with this license type.','shortpixel-image-optimiser'); ?></div>
 
 
145
  </div>
146
  <?php endif; ?>
147
 
141
  <div class="option"><?php esc_html_e('The total number of AVIF images will be calculated in the next step.','shortpixel-image-optimiser'); ?></div>
142
  </div>
143
  <?php else : ?>
144
+ <div class="option warning"><?php esc_html_e('The creation of AVIF files is not possible with this license type.','shortpixel-image-optimiser'); ?>
145
+
146
+ </div>
147
  </div>
148
  <?php endif; ?>
149
 
class/view/settings/part-advanced.php CHANGED
@@ -67,9 +67,13 @@ use \ShortPixel\Helper\UiHelper as UiHelper;
67
  $avifEnabled = $this->access()->isFeatureAvailable('avif');
68
  $createAvifChecked = ($view->data->createAvif == 1 && $avifEnabled === true) ? true : false;
69
  $disabled = ($avifEnabled === false) ? 'disabled' : '';
 
70
  if ($avifEnabled == false)
71
  {
72
- $deliverAVIFLabel = __('The creation of AVIF files is not possible with this license type.', 'shortpixel-image-optimiser');
 
 
 
73
  }
74
  ?>
75
 
@@ -88,6 +92,7 @@ use \ShortPixel\Helper\UiHelper as UiHelper;
88
  <?php echo ( $deliverAVIFLabel );?>
89
  </p>
90
  <?php } ?>
 
91
 
92
  <p>&nbsp;</p>
93
 
67
  $avifEnabled = $this->access()->isFeatureAvailable('avif');
68
  $createAvifChecked = ($view->data->createAvif == 1 && $avifEnabled === true) ? true : false;
69
  $disabled = ($avifEnabled === false) ? 'disabled' : '';
70
+ $avifEnabledNotice = false;
71
  if ($avifEnabled == false)
72
  {
73
+ $avifEnabledNotice = '<div class="sp-notice sp-notice-warning avifNoticeDisabled">';
74
+ $avifEnabledNotice .= __('The creation of AVIF files is not possible with this license type.', 'shortpixel-image-optimiser') ;
75
+ $avifEnabledNotice .= '<div class="spio-inline-help"><span class="dashicons dashicons-editor-help" title="Click for more info" data-link="https://shortpixel.com/knowledge-base/article/555-how-does-the-unlimited-plan-work"></span></div>';
76
+ $avifEnabledNotice .= '</div>';
77
  }
78
  ?>
79
 
92
  <?php echo ( $deliverAVIFLabel );?>
93
  </p>
94
  <?php } ?>
95
+ <?php if ($avifEnabledNotice !== false) { echo $avifEnabledNotice; } ?>
96
 
97
  <p>&nbsp;</p>
98
 
class/view/view-bulk.php CHANGED
@@ -25,7 +25,6 @@ namespace ShortPixel;
25
 
26
  $this->loadView('bulk/part-bulk-special');
27
 
28
- if (\wpSPIO()->env()->is_debug)
29
  ?>
30
 
31
  </div>
25
 
26
  $this->loadView('bulk/part-bulk-special');
27
 
 
28
  ?>
29
 
30
  </div>
class/view/view-settings.php CHANGED
@@ -2,6 +2,8 @@
2
  namespace ShortPixel;
3
  use ShortPixel\ShortpixelLogger\ShortPixelLogger as Log;
4
 
 
 
5
 
6
  ?>
7
  <div class="wrap is-shortpixel-settings-page">
@@ -11,9 +13,11 @@ use ShortPixel\ShortpixelLogger\ShortPixelLogger as Log;
11
  <div class='top-menu'>
12
 
13
  <div class='links'>
 
14
  <a href="https://shortpixel.com/<?php
15
  echo esc_attr(($view->data->apiKey ? "login/". $view->data->apiKey : "pricing"));
16
  ?>" target="_blank"><?php esc_html_e( 'Buy credits', 'shortpixel-image-optimiser' );?></a> |
 
17
  <a href="https://shortpixel.com/knowledge-base/" target="_blank"><?php esc_html_e('Knowledge Base','shortpixel-image-optimiser');?></a> |
18
  <a href="https://shortpixel.com/contact" target="_blank"><?php esc_html_e('Contact Support','shortpixel-image-optimiser');?></a> |
19
  <a href="https://shortpixel.com/<?php
@@ -23,18 +27,26 @@ use ShortPixel\ShortpixelLogger\ShortPixelLogger as Log;
23
  </a>
24
  </div>
25
 
26
- <?php if ( round($view->averageCompression) > 20 || (!is_null($this->quotaData) && !$this->quotaData->unlimited)): ?>
27
  <div class="spio-status-box">
28
  <?php if ( round($view->averageCompression) > 20): ?>
29
  <div class='pie-wrapper'><?php $this->loadView('settings/part-optpie'); ?></div>
30
  <?php endif; ?>
31
 
32
- <?php if (!is_null($this->quotaData) && !$this->quotaData->unlimited): ?>
33
  <div class='quota-remaining'>
34
  <a href="https://shortpixel.com/<?php
35
  echo esc_attr(($view->data->apiKey ? "login/". $view->data->apiKey . "/dashboard" : "login"));
36
  ?>" target="_blank">
37
- <?php printf(esc_html__('%s Credits remaining', 'shortpixel-image-optimiser'), esc_html($this->formatNumber(max(0, $this->quotaData->total->remaining), 0))); ?>
 
 
 
 
 
 
 
 
38
  </a>
39
  </div>
40
  <?php endif; ?>
2
  namespace ShortPixel;
3
  use ShortPixel\ShortpixelLogger\ShortPixelLogger as Log;
4
 
5
+ // #Todo Move this to some env or more appropiate place.
6
+ $is_unlimited= (!is_null($this->quotaData) && $this->quotaData->unlimited) ? true : false;
7
 
8
  ?>
9
  <div class="wrap is-shortpixel-settings-page">
13
  <div class='top-menu'>
14
 
15
  <div class='links'>
16
+ <?php if (! $is_unlimited): ?>
17
  <a href="https://shortpixel.com/<?php
18
  echo esc_attr(($view->data->apiKey ? "login/". $view->data->apiKey : "pricing"));
19
  ?>" target="_blank"><?php esc_html_e( 'Buy credits', 'shortpixel-image-optimiser' );?></a> |
20
+ <?php endif; ?>
21
  <a href="https://shortpixel.com/knowledge-base/" target="_blank"><?php esc_html_e('Knowledge Base','shortpixel-image-optimiser');?></a> |
22
  <a href="https://shortpixel.com/contact" target="_blank"><?php esc_html_e('Contact Support','shortpixel-image-optimiser');?></a> |
23
  <a href="https://shortpixel.com/<?php
27
  </a>
28
  </div>
29
 
30
+ <?php if ( round($view->averageCompression) > 20 ): ?>
31
  <div class="spio-status-box">
32
  <?php if ( round($view->averageCompression) > 20): ?>
33
  <div class='pie-wrapper'><?php $this->loadView('settings/part-optpie'); ?></div>
34
  <?php endif; ?>
35
 
36
+ <?php if (!is_null($this->quotaData)): ?>
37
  <div class='quota-remaining'>
38
  <a href="https://shortpixel.com/<?php
39
  echo esc_attr(($view->data->apiKey ? "login/". $view->data->apiKey . "/dashboard" : "login"));
40
  ?>" target="_blank">
41
+ <?php if ($is_unlimited)
42
+ {
43
+ printf(esc_html__('Shortpixel Unlimited', 'shortpixel-image-optimiser'));
44
+ }
45
+ else
46
+ {
47
+ printf(esc_html__('%s Credits remaining', 'shortpixel-image-optimiser'), esc_html($this->formatNumber(max(0, $this->quotaData->total->remaining), 0)));
48
+ }
49
+ ?>
50
  </a>
51
  </div>
52
  <?php endif; ?>
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: convert webp, optimize images, image optimization, resize, compressor, ima
4
  Requires at least: 4.8.0
5
  Tested up to: 6.1
6
  Requires PHP: 5.6
7
- Stable tag: 5.1.2
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -348,6 +348,13 @@ Add HTTP basic authentication credentials by defining these constants in wp-conf
348
 
349
  == Changelog ==
350
 
 
 
 
 
 
 
 
351
  = 5.1.2 =
352
  Release date November 7, 2022
353
  * Fix: when converting PNG to JPG, the PNG path was saved in the post editor, which could result in broken images;
4
  Requires at least: 4.8.0
5
  Tested up to: 6.1
6
  Requires PHP: 5.6
7
+ Stable tag: 5.1.3
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
348
 
349
  == Changelog ==
350
 
351
+ = 5.1.3 =
352
+ Release date November 9, 2022
353
+ * Fix: a typo related to Custom Media that caused an error when adding a new Custom Media folder;
354
+ * Fix: some minor cosmetic fixes on the settings and bulk processing pages for new plans;
355
+ * Fix: the notification about the ShortPixel column in List view is now displayed when you switch back to the Grid view in Media Library;
356
+ * Language: 1 new string added, 0 updated, 0 fuzzed, and 0 deprecated.
357
+
358
  = 5.1.2 =
359
  Release date November 7, 2022
360
  * Fix: when converting PNG to JPG, the PNG path was saved in the post editor, which could result in broken images;
res/css/shortpixel-admin.css CHANGED
@@ -1,21 +1,27 @@
1
  .view-edit-media a.debugModal {
2
  margin: 20px 0;
3
- display: inline-block; }
 
4
  .view-edit-media .sp-column-stats {
5
- position: relative; }
6
- .view-edit-media .sp-column-stats .sp-column-actions {
7
- margin-right: 5px;
8
- margin-top: 16px; }
9
- .view-edit-media .sp-column-stats .edit-media-stats li {
10
- margin: 0;
11
- line-height: 20px; }
 
 
 
12
  .view-edit-media .main-actions {
13
  display: inline-block;
14
- width: 100%; }
15
- .view-edit-media .main-actions .button.button-smaller {
16
- padding: 6px 15px;
17
- height: auto;
18
- float: none; }
 
 
19
 
20
  .spio-message img {
21
  animation: cssload-spin 5000ms infinite linear;
@@ -23,164 +29,223 @@
23
  -ms-animation: cssload-spin 5000ms infinite linear;
24
  -webkit-animation: cssload-spin 5000ms infinite linear;
25
  -moz-animation: cssload-spin 5000ms infinite linear;
26
- vertical-align: top; }
 
27
  @keyframes loading-spin {
28
  100% {
29
  transform: rotate(360deg);
30
- transform: rotate(360deg); } }
 
 
31
  @-o-keyframes loading-spin {
32
  100% {
33
  -o-transform: rotate(360deg);
34
- transform: rotate(360deg); } }
 
 
35
  @-ms-keyframes loading-spin {
36
  100% {
37
  -ms-transform: rotate(360deg);
38
- transform: rotate(360deg); } }
 
 
39
  @-webkit-keyframes loading-spin {
40
  100% {
41
  -webkit-transform: rotate(360deg);
42
- transform: rotate(360deg); } }
 
 
43
  @-moz-keyframes loading-spin {
44
  100% {
45
  -moz-transform: rotate(360deg);
46
- transform: rotate(360deg); } }
 
 
 
47
  .shortpixel-modal-active .debug-modal.debugInfo ul li strong {
48
  display: inline-block;
49
- min-width: 200px; }
 
50
  .shortpixel-modal-active .debug-modal.debugInfo ul li img {
51
- max-height: 150px; }
 
52
  .shortpixel-modal-active .debug-modal.debugInfo .green {
53
- color: green; }
 
54
  .shortpixel-modal-active .debug-modal.debugInfo .red {
55
- color: red; }
 
56
 
57
  .shortpixel-other-media .sp-column-info .sp-column-actions {
58
  max-width: 140px;
59
  float: right;
60
- text-align: right; }
 
61
  .shortpixel-other-media .message {
62
  font-weight: 700;
63
- margin: 8px 0; }
64
- .shortpixel-other-media .message img {
65
- animation: cssload-spin 5000ms infinite linear;
66
- -o-animation: cssload-spin 5000ms infinite linear;
67
- -ms-animation: cssload-spin 5000ms infinite linear;
68
- -webkit-animation: cssload-spin 5000ms infinite linear;
69
- -moz-animation: cssload-spin 5000ms infinite linear;
70
- vertical-align: top; }
 
 
71
  @keyframes loading-spin {
72
  100% {
73
  transform: rotate(360deg);
74
- transform: rotate(360deg); } }
 
 
75
  @-o-keyframes loading-spin {
76
  100% {
77
  -o-transform: rotate(360deg);
78
- transform: rotate(360deg); } }
 
 
79
  @-ms-keyframes loading-spin {
80
  100% {
81
  -ms-transform: rotate(360deg);
82
- transform: rotate(360deg); } }
 
 
83
  @-webkit-keyframes loading-spin {
84
  100% {
85
  -webkit-transform: rotate(360deg);
86
- transform: rotate(360deg); } }
 
 
87
  @-moz-keyframes loading-spin {
88
  100% {
89
  -moz-transform: rotate(360deg);
90
- transform: rotate(360deg); } }
 
 
 
91
  .sp-column-info {
92
- position: relative; }
93
- .sp-column-info .thumbnails.optimized {
94
- position: relative; }
95
- .sp-column-info .thumbnails.optimized .thumb-wrapper {
96
- background: #fff;
97
- padding: 8px;
98
- border: 1px solid #ccc;
99
- max-width: 360px;
100
- position: absolute;
101
- display: none;
102
- z-index: 10;
103
- transition: all 1s;
104
- box-sizing: border-box; }
105
- .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb {
106
- position: relative;
107
- width: 100%; }
108
- .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .thumb-name {
109
- overflow: hidden;
110
- max-width: 200px;
111
- white-space: nowrap;
112
- display: inline-block; }
113
- .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar {
114
- float: right;
115
- margin-left: 8px;
116
- border-radius: 5px;
117
- overflow: hidden;
118
- height: 10px;
119
- margin-top: 4px; }
120
- .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar .point {
121
- width: 10px;
122
- height: 10px;
123
- display: inline-block;
124
- background: #d6d8d9; }
125
- .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar .point.checked {
126
- background: #1abdca; }
127
- .sp-column-info .thumbnails.optimized:hover .thumb-wrapper {
128
- display: block; }
129
- .sp-column-info .sp-column-actions {
130
- position: absolute;
131
- right: 10px;
132
- top: 0; }
133
- .sp-column-info .thumbs-todo {
134
- position: relative; }
135
- .sp-column-info .thumbs-todo span {
136
- display: none; }
137
- .sp-column-info .thumbs-todo h4:hover ~ span {
138
- display: block; }
139
- .sp-column-info h4 {
140
- margin: 0; }
141
- .sp-column-info .shortpixel-image-error {
142
- display: block;
143
- border: 1px solid #ff0000;
144
- padding: 12px;
145
- margin: 14px 0;
146
- font-size: 14px;
147
- font-weight: 700; }
148
- .sp-column-info .shortpixel-image-error .shortpixel-error-reset {
149
- font-weight: 500;
150
- font-size: 12px;
151
- display: block; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
152
 
153
  .column-wp-shortPixel .message {
154
  font-size: 14px;
155
  font-weight: 700;
156
- margin: 12px 0; }
157
- .column-wp-shortPixel .message img {
158
- animation: cssload-spin 5000ms infinite linear;
159
- -o-animation: cssload-spin 5000ms infinite linear;
160
- -ms-animation: cssload-spin 5000ms infinite linear;
161
- -webkit-animation: cssload-spin 5000ms infinite linear;
162
- -moz-animation: cssload-spin 5000ms infinite linear;
163
- vertical-align: top; }
 
 
164
  @keyframes loading-spin {
165
  100% {
166
  transform: rotate(360deg);
167
- transform: rotate(360deg); } }
 
 
168
  @-o-keyframes loading-spin {
169
  100% {
170
  -o-transform: rotate(360deg);
171
- transform: rotate(360deg); } }
 
 
172
  @-ms-keyframes loading-spin {
173
  100% {
174
  -ms-transform: rotate(360deg);
175
- transform: rotate(360deg); } }
 
 
176
  @-webkit-keyframes loading-spin {
177
  100% {
178
  -webkit-transform: rotate(360deg);
179
- transform: rotate(360deg); } }
 
 
180
  @-moz-keyframes loading-spin {
181
  100% {
182
  -moz-transform: rotate(360deg);
183
- transform: rotate(360deg); } }
 
 
 
184
  div.sp-modal-shade {
185
  display: none;
186
  /* Hidden by default */
@@ -200,7 +265,8 @@ div.sp-modal-shade {
200
  /* Fallback color */
201
  background: rgba(0, 0, 0, 0.4);
202
  /* Black w/ opacity */
203
- opacity: 0.4; }
 
204
 
205
  div.shortpixel-modal {
206
  background-color: #fefefe;
@@ -217,35 +283,44 @@ div.shortpixel-modal {
217
  top: 10%;
218
  left: 50%;
219
  max-height: 90%;
220
- overflow-y: auto; }
221
- div.shortpixel-modal .sp-close-button, div.shortpixel-modal button.sp-close-upgrade-button {
222
- float: right;
223
- margin-top: 0px;
224
- background: transparent !important;
225
- border: none;
226
- font-size: 22px;
227
- line-height: 10px;
228
- cursor: pointer; }
229
- div.shortpixel-modal .sptw-modal-spinner {
230
- background-image: url("../img/spinner2.gif");
231
- background-repeat: no-repeat;
232
- background-position: center; }
 
 
 
233
 
234
  div.sp-modal-title {
235
- font-size: 22px; }
 
236
 
237
  div.sp-modal-body {
238
- margin-top: 10px; }
 
239
 
240
  body.debug-model-active {
241
- overflow: hidden; }
 
242
 
243
  .debugInfo .content.wrapper {
244
- display: none; }
245
- .debugInfo .content.wrapper li strong {
246
- margin-right: 15px; }
247
- .debugInfo .content.wrapper ul {
248
- margin: 25px 0; }
 
 
 
249
 
250
  .debug-modal {
251
  display: none;
@@ -261,45 +336,55 @@ body.debug-model-active {
261
  top: 10%;
262
  z-index: 10020;
263
  display: none;
264
- background: #ffffff; }
265
- .debug-modal.success {
266
- border: 4px solid green; }
267
- .debug-modal.error {
268
- border: 4px solid red; }
269
- .debug-modal.error h3 {
270
- background-color: #ff0000; }
271
- .debug-modal .content-area {
272
- background-color: #fff; }
273
- .debug-modal .modal_header {
274
- text-align: center;
275
- font-size: 16px;
276
- font-weight: 700;
277
- background-color: #f3f3f3;
278
- border-bottom: 1px solid #ccc;
279
- padding: 8px 5px;
280
- cursor: move; }
281
- .debug-modal .modal_header h3 {
282
- margin: 0;
283
- color: #444;
284
- font-weight: 400;
285
- padding: 0;
286
- text-align: center;
287
- text-shadow: none;
288
- font-size: 16px; }
289
- .debug-modal .modal_header .modal_close {
290
- position: absolute;
291
- right: 5px;
292
- top: 8px;
293
- width: 20px;
294
- height: 20px;
295
- cursor: pointer;
296
- color: #444; }
297
- .debug-modal .modal_header .modal_close:hover {
298
- cursor: pointer;
299
- color: #111; }
300
- .debug-modal .content, .debug-modal .modal_content {
301
- padding: 5px 15px 10px;
302
- overflow-y: auto; }
 
 
 
 
 
 
 
 
 
 
303
 
304
  .debugModal_overlay {
305
  background: #000;
@@ -311,61 +396,76 @@ body.debug-model-active {
311
  position: fixed;
312
  opacity: 0.7;
313
  z-index: 10000;
314
- display: none; }
 
315
 
316
  .shortpixel-hide {
317
- display: none !important; }
 
318
 
319
  .button-primary.optimize {
320
- margin-bottom: 16px; }
 
321
 
322
  .switch_button {
323
  line-height: 12px;
324
  margin: 2px -5px 10px -5px;
325
- display: inline-block; }
326
- .switch_button label {
327
- padding: 8px 5px; }
328
- .switch_button label:focus {
329
- outline: none; }
330
- .switch_button input {
331
- display: none; }
332
- .switch_button input:checked ~ .the_switch {
333
- background: #7cdce4; }
334
- .switch_button input:checked ~ .the_switch:after {
335
- left: 20px;
336
- background: #1caecb; }
337
- .switch_button input:disabled ~ .the_switch {
338
- background: #d5d5d5;
339
- pointer-events: none; }
340
- .switch_button input:disabled ~ .the_switch:after {
341
- background: #bcbdbc; }
342
- .switch_button .the_switch {
343
- margin: 8px 15px 8px 0;
344
- position: relative;
345
- display: inline-block;
346
- height: 10px;
347
- width: 40px;
348
- background: #cccccc;
349
- border-radius: 100px;
350
- cursor: pointer;
351
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25) !important; }
352
- .switch_button .the_switch:after {
353
- position: absolute;
354
- left: -2px;
355
- top: -5px;
356
- display: block;
357
- width: 20px;
358
- height: 20px;
359
- border-radius: 100px;
360
- background: #aaa;
361
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.31);
362
- content: '';
363
- -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important;
364
- -o-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important;
365
- transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important; }
366
- .switch_button .the_switch:active:after {
367
- transform: scale(0.9, 0.85); }
368
- .switch_button .the_switch:focus {
369
- outline: none; }
 
 
 
 
 
 
 
 
 
 
 
 
370
 
371
  /*# sourceMappingURL=shortpixel-admin.css.map */
1
  .view-edit-media a.debugModal {
2
  margin: 20px 0;
3
+ display: inline-block;
4
+ }
5
  .view-edit-media .sp-column-stats {
6
+ position: relative;
7
+ }
8
+ .view-edit-media .sp-column-stats .sp-column-actions {
9
+ margin-right: 5px;
10
+ margin-top: 16px;
11
+ }
12
+ .view-edit-media .sp-column-stats .edit-media-stats li {
13
+ margin: 0;
14
+ line-height: 20px;
15
+ }
16
  .view-edit-media .main-actions {
17
  display: inline-block;
18
+ width: 100%;
19
+ }
20
+ .view-edit-media .main-actions .button.button-smaller {
21
+ padding: 6px 15px;
22
+ height: auto;
23
+ float: none;
24
+ }
25
 
26
  .spio-message img {
27
  animation: cssload-spin 5000ms infinite linear;
29
  -ms-animation: cssload-spin 5000ms infinite linear;
30
  -webkit-animation: cssload-spin 5000ms infinite linear;
31
  -moz-animation: cssload-spin 5000ms infinite linear;
32
+ vertical-align: top;
33
+ }
34
  @keyframes loading-spin {
35
  100% {
36
  transform: rotate(360deg);
37
+ transform: rotate(360deg);
38
+ }
39
+ }
40
  @-o-keyframes loading-spin {
41
  100% {
42
  -o-transform: rotate(360deg);
43
+ transform: rotate(360deg);
44
+ }
45
+ }
46
  @-ms-keyframes loading-spin {
47
  100% {
48
  -ms-transform: rotate(360deg);
49
+ transform: rotate(360deg);
50
+ }
51
+ }
52
  @-webkit-keyframes loading-spin {
53
  100% {
54
  -webkit-transform: rotate(360deg);
55
+ transform: rotate(360deg);
56
+ }
57
+ }
58
  @-moz-keyframes loading-spin {
59
  100% {
60
  -moz-transform: rotate(360deg);
61
+ transform: rotate(360deg);
62
+ }
63
+ }
64
+
65
  .shortpixel-modal-active .debug-modal.debugInfo ul li strong {
66
  display: inline-block;
67
+ min-width: 200px;
68
+ }
69
  .shortpixel-modal-active .debug-modal.debugInfo ul li img {
70
+ max-height: 150px;
71
+ }
72
  .shortpixel-modal-active .debug-modal.debugInfo .green {
73
+ color: green;
74
+ }
75
  .shortpixel-modal-active .debug-modal.debugInfo .red {
76
+ color: red;
77
+ }
78
 
79
  .shortpixel-other-media .sp-column-info .sp-column-actions {
80
  max-width: 140px;
81
  float: right;
82
+ text-align: right;
83
+ }
84
  .shortpixel-other-media .message {
85
  font-weight: 700;
86
+ margin: 8px 0;
87
+ }
88
+ .shortpixel-other-media .message img {
89
+ animation: cssload-spin 5000ms infinite linear;
90
+ -o-animation: cssload-spin 5000ms infinite linear;
91
+ -ms-animation: cssload-spin 5000ms infinite linear;
92
+ -webkit-animation: cssload-spin 5000ms infinite linear;
93
+ -moz-animation: cssload-spin 5000ms infinite linear;
94
+ vertical-align: top;
95
+ }
96
  @keyframes loading-spin {
97
  100% {
98
  transform: rotate(360deg);
99
+ transform: rotate(360deg);
100
+ }
101
+ }
102
  @-o-keyframes loading-spin {
103
  100% {
104
  -o-transform: rotate(360deg);
105
+ transform: rotate(360deg);
106
+ }
107
+ }
108
  @-ms-keyframes loading-spin {
109
  100% {
110
  -ms-transform: rotate(360deg);
111
+ transform: rotate(360deg);
112
+ }
113
+ }
114
  @-webkit-keyframes loading-spin {
115
  100% {
116
  -webkit-transform: rotate(360deg);
117
+ transform: rotate(360deg);
118
+ }
119
+ }
120
  @-moz-keyframes loading-spin {
121
  100% {
122
  -moz-transform: rotate(360deg);
123
+ transform: rotate(360deg);
124
+ }
125
+ }
126
+
127
  .sp-column-info {
128
+ position: relative;
129
+ }
130
+ .sp-column-info .thumbnails.optimized {
131
+ position: relative;
132
+ }
133
+ .sp-column-info .thumbnails.optimized .thumb-wrapper {
134
+ background: #fff;
135
+ padding: 8px;
136
+ border: 1px solid #ccc;
137
+ max-width: 360px;
138
+ position: absolute;
139
+ display: none;
140
+ z-index: 10;
141
+ transition: all 1s;
142
+ box-sizing: border-box;
143
+ }
144
+ .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb {
145
+ position: relative;
146
+ width: 100%;
147
+ }
148
+ .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .thumb-name {
149
+ overflow: hidden;
150
+ max-width: 200px;
151
+ white-space: nowrap;
152
+ display: inline-block;
153
+ }
154
+ .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar {
155
+ float: right;
156
+ margin-left: 8px;
157
+ border-radius: 5px;
158
+ overflow: hidden;
159
+ height: 10px;
160
+ margin-top: 4px;
161
+ }
162
+ .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar .point {
163
+ width: 10px;
164
+ height: 10px;
165
+ display: inline-block;
166
+ background: #d6d8d9;
167
+ }
168
+ .sp-column-info .thumbnails.optimized .thumb-wrapper .thumb .optimize-bar .point.checked {
169
+ background: #1abdca;
170
+ }
171
+ .sp-column-info .thumbnails.optimized:hover .thumb-wrapper {
172
+ display: block;
173
+ }
174
+ .sp-column-info .sp-column-actions {
175
+ position: absolute;
176
+ right: 10px;
177
+ top: 0;
178
+ }
179
+ .sp-column-info .thumbs-todo {
180
+ position: relative;
181
+ }
182
+ .sp-column-info .thumbs-todo span {
183
+ display: none;
184
+ }
185
+ .sp-column-info .thumbs-todo h4:hover ~ span {
186
+ display: block;
187
+ }
188
+ .sp-column-info h4 {
189
+ margin: 0;
190
+ }
191
+ .sp-column-info .shortpixel-image-error {
192
+ display: block;
193
+ border: 1px solid #ff0000;
194
+ padding: 12px;
195
+ margin: 14px 0;
196
+ font-size: 14px;
197
+ font-weight: 700;
198
+ }
199
+ .sp-column-info .shortpixel-image-error .shortpixel-error-reset {
200
+ font-weight: 500;
201
+ font-size: 12px;
202
+ display: block;
203
+ }
204
 
205
  .column-wp-shortPixel .message {
206
  font-size: 14px;
207
  font-weight: 700;
208
+ margin: 12px 0;
209
+ }
210
+ .column-wp-shortPixel .message img {
211
+ animation: cssload-spin 5000ms infinite linear;
212
+ -o-animation: cssload-spin 5000ms infinite linear;
213
+ -ms-animation: cssload-spin 5000ms infinite linear;
214
+ -webkit-animation: cssload-spin 5000ms infinite linear;
215
+ -moz-animation: cssload-spin 5000ms infinite linear;
216
+ vertical-align: top;
217
+ }
218
  @keyframes loading-spin {
219
  100% {
220
  transform: rotate(360deg);
221
+ transform: rotate(360deg);
222
+ }
223
+ }
224
  @-o-keyframes loading-spin {
225
  100% {
226
  -o-transform: rotate(360deg);
227
+ transform: rotate(360deg);
228
+ }
229
+ }
230
  @-ms-keyframes loading-spin {
231
  100% {
232
  -ms-transform: rotate(360deg);
233
+ transform: rotate(360deg);
234
+ }
235
+ }
236
  @-webkit-keyframes loading-spin {
237
  100% {
238
  -webkit-transform: rotate(360deg);
239
+ transform: rotate(360deg);
240
+ }
241
+ }
242
  @-moz-keyframes loading-spin {
243
  100% {
244
  -moz-transform: rotate(360deg);
245
+ transform: rotate(360deg);
246
+ }
247
+ }
248
+
249
  div.sp-modal-shade {
250
  display: none;
251
  /* Hidden by default */
265
  /* Fallback color */
266
  background: rgba(0, 0, 0, 0.4);
267
  /* Black w/ opacity */
268
+ opacity: 0.4;
269
+ }
270
 
271
  div.shortpixel-modal {
272
  background-color: #fefefe;
283
  top: 10%;
284
  left: 50%;
285
  max-height: 90%;
286
+ overflow-y: auto;
287
+ }
288
+ div.shortpixel-modal .sp-close-button, div.shortpixel-modal button.sp-close-upgrade-button {
289
+ float: right;
290
+ margin-top: 0px;
291
+ background: transparent !important;
292
+ border: none;
293
+ font-size: 22px;
294
+ line-height: 10px;
295
+ cursor: pointer;
296
+ }
297
+ div.shortpixel-modal .sptw-modal-spinner {
298
+ background-image: url("../img/spinner2.gif");
299
+ background-repeat: no-repeat;
300
+ background-position: center;
301
+ }
302
 
303
  div.sp-modal-title {
304
+ font-size: 22px;
305
+ }
306
 
307
  div.sp-modal-body {
308
+ margin-top: 10px;
309
+ }
310
 
311
  body.debug-model-active {
312
+ overflow: hidden;
313
+ }
314
 
315
  .debugInfo .content.wrapper {
316
+ display: none;
317
+ }
318
+ .debugInfo .content.wrapper li strong {
319
+ margin-right: 15px;
320
+ }
321
+ .debugInfo .content.wrapper ul {
322
+ margin: 25px 0;
323
+ }
324
 
325
  .debug-modal {
326
  display: none;
336
  top: 10%;
337
  z-index: 10020;
338
  display: none;
339
+ background: #ffffff;
340
+ }
341
+ .debug-modal.success {
342
+ border: 4px solid green;
343
+ }
344
+ .debug-modal.error {
345
+ border: 4px solid red;
346
+ }
347
+ .debug-modal.error h3 {
348
+ background-color: #ff0000;
349
+ }
350
+ .debug-modal .content-area {
351
+ background-color: #fff;
352
+ }
353
+ .debug-modal .modal_header {
354
+ text-align: center;
355
+ font-size: 16px;
356
+ font-weight: 700;
357
+ background-color: #f3f3f3;
358
+ border-bottom: 1px solid #ccc;
359
+ padding: 8px 5px;
360
+ cursor: move;
361
+ }
362
+ .debug-modal .modal_header h3 {
363
+ margin: 0;
364
+ color: #444;
365
+ font-weight: 400;
366
+ padding: 0;
367
+ text-align: center;
368
+ text-shadow: none;
369
+ font-size: 16px;
370
+ }
371
+ .debug-modal .modal_header .modal_close {
372
+ position: absolute;
373
+ right: 5px;
374
+ top: 8px;
375
+ width: 20px;
376
+ height: 20px;
377
+ cursor: pointer;
378
+ color: #444;
379
+ }
380
+ .debug-modal .modal_header .modal_close:hover {
381
+ cursor: pointer;
382
+ color: #111;
383
+ }
384
+ .debug-modal .content, .debug-modal .modal_content {
385
+ padding: 5px 15px 10px;
386
+ overflow-y: auto;
387
+ }
388
 
389
  .debugModal_overlay {
390
  background: #000;
396
  position: fixed;
397
  opacity: 0.7;
398
  z-index: 10000;
399
+ display: none;
400
+ }
401
 
402
  .shortpixel-hide {
403
+ display: none !important;
404
+ }
405
 
406
  .button-primary.optimize {
407
+ margin-bottom: 16px;
408
+ }
409
 
410
  .switch_button {
411
  line-height: 12px;
412
  margin: 2px -5px 10px -5px;
413
+ display: inline-block;
414
+ }
415
+ .switch_button label {
416
+ padding: 8px 5px;
417
+ }
418
+ .switch_button label:focus {
419
+ outline: none;
420
+ }
421
+ .switch_button input {
422
+ display: none;
423
+ }
424
+ .switch_button input:checked ~ .the_switch {
425
+ background: #7cdce4;
426
+ }
427
+ .switch_button input:checked ~ .the_switch:after {
428
+ left: 20px;
429
+ background: #1caecb;
430
+ }
431
+ .switch_button input:disabled ~ .the_switch {
432
+ background: #d5d5d5;
433
+ pointer-events: none;
434
+ }
435
+ .switch_button input:disabled ~ .the_switch:after {
436
+ background: #bcbdbc;
437
+ }
438
+ .switch_button .the_switch {
439
+ margin: 8px 15px 8px 0;
440
+ position: relative;
441
+ display: inline-block;
442
+ height: 10px;
443
+ width: 40px;
444
+ background: #cccccc;
445
+ border-radius: 100px;
446
+ cursor: pointer;
447
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25) !important;
448
+ }
449
+ .switch_button .the_switch:after {
450
+ position: absolute;
451
+ left: -2px;
452
+ top: -5px;
453
+ display: block;
454
+ width: 20px;
455
+ height: 20px;
456
+ border-radius: 100px;
457
+ background: #aaa;
458
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.31);
459
+ content: "";
460
+ -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important;
461
+ -o-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important;
462
+ transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.5s ease, margin 0.5s ease !important;
463
+ }
464
+ .switch_button .the_switch:active:after {
465
+ transform: scale(0.9, 0.85);
466
+ }
467
+ .switch_button .the_switch:focus {
468
+ outline: none;
469
+ }
470
 
471
  /*# sourceMappingURL=shortpixel-admin.css.map */
res/css/shortpixel-bulk.css CHANGED
@@ -2,810 +2,1018 @@
2
  /** GENERAL STYLES **/
3
  /**** DASHBOARD ***/
4
  /***************** SELECTION *************/
5
- /**************** SUMMARY ******/ }
6
- .shortpixel-bulk-wrapper h1 {
7
- font-size: 23px;
8
- font-weight: 400;
9
- line-height: 30px;
10
- margin: 30px 0; }
11
- .shortpixel-bulk-wrapper h3.heading {
12
- margin: 15px 0 15px 0px;
13
- padding-left: 10px;
14
- font-size: 20px;
15
- font-weight: 400;
16
- line-height: 42px;
17
- border-bottom: 1px solid #ccc;
18
- position: relative; }
19
- .shortpixel-bulk-wrapper h3.heading span {
20
- vertical-align: top;
21
- margin-right: 20px; }
22
- .shortpixel-bulk-wrapper i {
23
- font-style: normal; }
24
- .shortpixel-bulk-wrapper p.description {
25
- font-size: 14px;
26
- margin: 15px 0 15px 15px; }
27
- .shortpixel-bulk-wrapper .button {
28
- display: flex;
29
- align-items: center;
30
- justify-content: center;
31
- float: left;
32
- margin-right: 8px;
33
- padding: 8px 16px;
34
- background: #F5F5F5;
35
- color: #1cbecb;
36
- letter-spacing: 0.3px;
37
- font-weight: 700;
38
- font-size: 14px;
39
- transition: 300ms all linear;
40
- border: 1px solid #0f6a7d;
41
- min-height: 44px; }
42
- .shortpixel-bulk-wrapper .button:hover {
43
- background: #1cbecb;
44
- color: #fff;
45
- border: 1px solid #1cbecb; }
46
- .shortpixel-bulk-wrapper .button:focus {
47
- border-color: #1cbecb;
48
- background: #1cbecb; }
49
- .shortpixel-bulk-wrapper .button .dashicons {
50
- font-size: 26px;
51
- height: 26px;
52
- margin-right: 8px; }
53
- .shortpixel-bulk-wrapper .button p {
54
- margin: 0;
55
- display: inline;
56
- font-size: 14px;
57
- vertical-align: bottom; }
58
- .shortpixel-bulk-wrapper .button-primary {
59
- background: #0f6a7d;
60
- color: #fff;
61
- border: 1px solid #0f6a7d;
62
- border-radius: 3px;
63
- box-shadow: 0px 1px 1px rgba(171, 170, 170, 0.3); }
64
- .shortpixel-bulk-wrapper nav {
65
- margin: 45px auto;
66
- width: 80%;
67
- min-height: 50px; }
68
- .shortpixel-bulk-wrapper nav .button-primary {
69
- margin-left: 15px; }
70
- .shortpixel-bulk-wrapper .kbinfo a {
71
- text-decoration: none; }
72
- .shortpixel-bulk-wrapper .hidden {
73
- display: none !important; }
74
- .shortpixel-bulk-wrapper .dashicons.spin {
75
- animation: dashicons-spin 1s infinite;
76
- animation-timing-function: linear; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
77
  @keyframes dashicons-spin {
78
  0% {
79
- transform: rotate(0deg); }
 
80
  100% {
81
- transform: rotate(360deg); } }
82
- .shortpixel-bulk-wrapper .loading-icon {
83
- width: 50%;
84
- height: 50%; }
85
- .shortpixel-bulk-wrapper .bulk-modal {
86
- position: absolute;
87
- padding: 0;
88
- left: 0;
89
- right: 0;
90
- bottom: 0;
91
- top: 0;
92
- width: auto;
93
- box-sizing: border-box;
94
- box-shadow: rgba(0, 0, 0, 0.5) 4px 4px 20px; }
95
- .shortpixel-bulk-wrapper .bulk-modal .close {
96
- position: absolute;
97
- right: 10px;
98
- top: 10px;
99
- color: white;
100
- font-size: 26px;
101
- cursor: pointer; }
102
- .shortpixel-bulk-wrapper .bulk-modal .title {
103
- margin: 0;
104
- padding: 12px;
105
- background: #1FB5BF;
106
- background: linear-gradient(90deg, #0f6a7d 0%, #0f6a7d 0%, #1cbecb 100%);
107
- width: 100%;
108
- font-size: 16px;
109
- color: #ffffff;
110
- box-sizing: border-box;
111
- height: 40px; }
112
- .shortpixel-bulk-wrapper .bulk-modal .content {
113
- padding: 12px;
114
- box-sizing: border-box;
115
- height: 90%; }
116
- .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper {
117
- display: table; }
118
- .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper .heading {
119
- font-weight: 700; }
120
- .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper .heading > span {
121
- border-bottom: 1px solid #ccc;
122
- border-left: 1px solid #ddd; }
123
- .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper > div {
124
- display: table-row; }
125
- .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper > div > span {
126
- display: table-cell;
127
- padding: 4px 8px; }
128
- .shortpixel-bulk-wrapper .bulk-modal .content a {
129
- text-decoration: none;
130
- margin-left: 8px; }
131
- .shortpixel-bulk-wrapper .screen-wrapper {
132
- background: #fff;
133
- width: 90%;
134
- min-height: 80vh;
135
- position: relative; }
136
- .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader {
137
- left: 0;
138
- right: 0;
139
- top: 0;
140
- bottom: 0;
141
- background: #fff;
142
- transition: opacity 1s linear;
143
- z-index: -1;
144
- opacity: 0;
145
- visibility: hidden;
146
- padding: 25px 0 15px 0;
147
- width: 60%;
148
- border-radius: 10px;
149
- margin: 0 auto; }
150
- .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader[data-status="loading"] {
151
- z-index: 100;
152
- visibility: visible;
153
- opacity: 0.9;
154
- position: absolute;
155
- width: 100%; }
156
- .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader .loader {
157
- display: flex;
158
- flex-direction: column;
159
- align-items: center;
160
- width: 100%;
161
- height: 100%;
162
- justify-content: center; }
163
- .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader .loader span h2 {
164
- color: #555; }
165
- .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader .loader .svg-spinner .svg-loader {
166
- width: 200px;
167
- height: 50px; }
168
- .shortpixel-bulk-wrapper .panel {
169
- width: 100%;
170
- position: absolute;
171
- display: none;
172
- z-index: 0;
173
- visibility: hidden;
174
- opacity: 0;
175
- transition: opacity 500ms ease-in;
176
- margin: 15px 0;
177
- padding-bottom: 35px; }
178
- .shortpixel-bulk-wrapper .panel.active {
179
- visibility: visible;
180
- opacity: 1;
181
- z-index: 5;
182
- position: relative; }
183
- .shortpixel-bulk-wrapper .panel .panel-container {
184
- z-index: 5;
185
- display: inline-block;
186
- width: 100%; }
187
- .shortpixel-bulk-wrapper .panel .error h3 {
188
- margin-left: 12px; }
189
- .shortpixel-bulk-wrapper .panel .error p {
190
- margin-left: 12px;
191
- color: #ff0000; }
192
- .shortpixel-bulk-wrapper .panel .error p.text {
193
- color: #000; }
194
- .shortpixel-bulk-wrapper .panel .errorbox {
195
- display: block;
196
- transition: 1s all;
197
- opacity: 0;
198
- display: none;
199
- right: 10px;
200
- top: 4px;
201
- padding: 8px;
202
- height: 100%;
203
- border: 1px solid #000;
204
- width: 80%;
205
- margin: 30px auto;
206
- background: rgba(255, 255, 255, 0.9);
207
- line-height: 22px;
208
- max-height: 300px;
209
- overflow-y: scroll; }
210
- .shortpixel-bulk-wrapper .panel .errorbox .fatal {
211
- color: #ff0000; }
212
- .shortpixel-bulk-wrapper .processor-paused {
213
- display: none;
214
- margin: 25px 0;
215
- width: 90%;
216
- background: #1fbec9;
217
- border: 1px solid #ccc;
218
- font-size: 26px;
219
- line-height: 26px;
220
- padding: 26px 0;
221
- text-align: center;
222
- z-index: 10;
223
- border-radius: 3px;
224
- cursor: pointer;
225
- transition: all 900ms; }
226
- .shortpixel-bulk-wrapper .processor-paused:hover {
227
- background: #1ca9b3; }
228
- .shortpixel-bulk-wrapper .processor-paused .dashicons {
229
- margin-right: 6px; }
230
- .shortpixel-bulk-wrapper .processor-paused .dashicons::before {
231
- width: 26px;
232
- height: 26px;
233
- font-size: 26px; }
234
- .shortpixel-bulk-wrapper .processor-paused .dashicons:hover::before {
235
- content: '\F522'; }
236
- .shortpixel-bulk-wrapper .processor-overquota {
237
- display: none;
238
- background: #ff0000;
239
- line-height: 26px;
240
- padding: 20px 0;
241
- border-radius: 3px;
242
- margin: 25px 0;
243
- width: 90%;
244
- text-align: center; }
245
- .shortpixel-bulk-wrapper .processor-overquota h3 {
246
- font-size: 26px;
247
- color: #fff;
248
- margin: 10px 0; }
249
- .shortpixel-bulk-wrapper .processor-overquota p a {
250
- font-size: 16px;
251
- color: #fff;
252
- text-decoration: none; }
253
- .shortpixel-bulk-wrapper section.panel.dashboard h3.heading {
254
- border: 0; }
255
- .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper {
256
- background: url("../img/bulk/dashboard-background.svg") no-repeat;
257
- background-size: cover;
258
- background-position: center;
259
- background-color: #116C7D;
260
- text-align: center;
261
- height: 150px;
262
- position: relative;
263
- display: flex;
264
- align-items: center;
265
- justify-content: center; }
266
- .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper .dashboard-image {
267
- z-index: 1;
268
- position: absolute;
269
- left: 0;
270
- right: 0; }
271
- .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper button {
272
- color: #ffffff;
273
- border-radius: 3px;
274
- width: 250px;
275
- height: 65px;
276
- transition: all 0.5s linear;
277
- font-weight: 700;
278
- letter-spacing: 0.3px;
279
- border: 1px solid #ccc; }
280
- .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper button:hover {
281
- background: #0f6a7d;
282
- height: 80px;
283
- width: 300px;
284
- transition: all 1s linear; }
285
- .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper button:disabled {
286
- color: #ccc;
287
- background: #0e5358; }
288
- .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper button span {
289
- margin-right: 16px; }
290
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log {
291
- display: table;
292
- width: 80%;
293
- margin: 0 auto; }
294
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log h3 {
295
- display: table-caption;
296
- text-align: center; }
297
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log > div {
298
- display: table-row; }
299
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log > div > span {
300
- display: table-cell;
301
- padding: 8px 8px 8px 0; }
302
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .head span {
303
- font-weight: 700;
304
- padding-left: 15px; }
305
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .data span {
306
- border-bottom: 1px solid #EBF5FF;
307
- border-top: 1px solid #EBF5FF;
308
- font-size: 15px;
309
- padding-left: 10px; }
310
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .data span:first-child {
311
- border-left: 1px solid #EBF5FF; }
312
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .data span:last-child {
313
- border-right: 1px solid #EBF5FF; }
314
- .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .data span.date {
315
- color: #1FBEC9;
316
- background: url("../img/bulk/checkmark.svg") left center no-repeat;
317
- padding-left: 29px; }
318
- .shortpixel-bulk-wrapper section.spio-progressbar {
319
- margin: 30px 0; }
320
- .shortpixel-bulk-wrapper section.spio-progressbar .flex {
321
- display: flex;
322
- flex-direction: row;
323
- width: 90%;
324
- justify-content: space-around;
325
- margin: 0 auto; }
326
- .shortpixel-bulk-wrapper section.spio-progressbar .flex > div {
327
- display: flex;
328
- align-items: center;
329
- position: relative;
330
- flex-direction: column;
331
- flex-grow: 1; }
332
- .shortpixel-bulk-wrapper section.spio-progressbar .flex > div.result .line {
333
- background: linear-gradient(90deg, #cccccc 0%, #cccccc 49.9%, white 51%, white 100%); }
334
- .shortpixel-bulk-wrapper section.spio-progressbar .flex > div.select .line {
335
- width: 50%;
336
- left: 50%; }
337
- .shortpixel-bulk-wrapper section.spio-progressbar .flex .line {
338
- background: #ccc;
339
- height: 2px;
340
- width: 100%;
341
- box-sizing: border-box;
342
- display: inline-block;
343
- position: absolute;
344
- top: 22px;
345
- z-index: 1;
346
- transition: color 1s ease-in; }
347
- .shortpixel-bulk-wrapper section.spio-progressbar .flex .step {
348
- border: 2px solid #ccc;
349
- border-radius: 50%;
350
- height: 45px;
351
- font-size: 28px;
352
- font-weight: 700;
353
- color: #ccc;
354
- width: 45px;
355
- line-height: 35px;
356
- text-align: center;
357
- box-sizing: border-box;
358
- display: inline-block;
359
- z-index: 2;
360
- background: #fff;
361
- transition: color 1s ease-in;
362
- padding-top: 2px; }
363
- .shortpixel-bulk-wrapper section.spio-progressbar .flex .text {
364
- font-size: 12px;
365
- font-weight: 700;
366
- text-transform: uppercase;
367
- color: #ccc;
368
- margin-top: 8px; }
369
- .shortpixel-bulk-wrapper section.panel.selection .spio-progressbar .select .line {
370
- background: linear-gradient(90deg, #1fbec9 0%, #1fbec9 49.9%, #cccccc 50%, #cccccc 100%); }
371
- .shortpixel-bulk-wrapper section.panel.selection .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.selection .spio-progressbar .select .step {
372
- color: #EC2C25; }
373
- .shortpixel-bulk-wrapper section.panel.selection .spio-progressbar .select .step {
374
- border-color: #1FBEC9; }
375
- .shortpixel-bulk-wrapper section.panel.selection .load.wrapper, .shortpixel-bulk-wrapper section.panel.selection .interface.wrapper {
376
- opacity: 0;
377
- height: 0;
378
- transition: opacity 100ms ease-in; }
379
- .shortpixel-bulk-wrapper section.panel.selection[data-status="loading"] .load.wrapper {
380
- opacity: 1;
381
- height: auto;
382
- padding-bottom: 45px; }
383
- .shortpixel-bulk-wrapper section.panel.selection[data-status="loaded"] .interface.wrapper {
384
- opacity: 1;
385
- height: auto; }
386
- .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading {
387
- display: flex;
388
- color: #ccc;
389
- font-weight: 700;
390
- align-items: center;
391
- width: 90%;
392
- margin: auto; }
393
- .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading > span > {
394
- height: 65px; }
395
- .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading > span > p {
396
- margin: 0; }
397
- .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading span:first-child {
398
- margin-right: 20px; }
399
- .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading img {
400
- animation: cssload-spin 5000ms infinite linear;
401
- -o-animation: cssload-spin 5000ms infinite linear;
402
- -ms-animation: cssload-spin 5000ms infinite linear;
403
- -webkit-animation: cssload-spin 5000ms infinite linear;
404
- -moz-animation: cssload-spin 5000ms infinite linear; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
405
  @keyframes loading-spin {
406
  100% {
407
  transform: rotate(360deg);
408
- transform: rotate(360deg); } }
 
 
409
  @-o-keyframes loading-spin {
410
  100% {
411
  -o-transform: rotate(360deg);
412
- transform: rotate(360deg); } }
 
 
413
  @-ms-keyframes loading-spin {
414
  100% {
415
  -ms-transform: rotate(360deg);
416
- transform: rotate(360deg); } }
 
 
417
  @-webkit-keyframes loading-spin {
418
  100% {
419
  -webkit-transform: rotate(360deg);
420
- transform: rotate(360deg); } }
 
 
421
  @-moz-keyframes loading-spin {
422
  100% {
423
  -moz-transform: rotate(360deg);
424
- transform: rotate(360deg); } }
425
- .shortpixel-bulk-wrapper section.panel.selection .option-block {
426
- margin: 0 auto 35px;
427
- width: 80%; }
428
- .shortpixel-bulk-wrapper section.panel.selection .option-block h2 {
429
- font-size: 22px;
430
- color: #555; }
431
- .shortpixel-bulk-wrapper section.panel.selection .option-block p {
432
- margin-left: 0; }
433
- .shortpixel-bulk-wrapper section.panel.selection .optiongroup .switch_button {
434
- display: inline-block; }
435
- .shortpixel-bulk-wrapper section.panel.selection .optiongroup h4 {
436
- font-size: 14px;
437
- font-weight: 700;
438
- display: inline-block;
439
- margin-left: 25px; }
440
- .shortpixel-bulk-wrapper section.panel.selection .optiongroup .option {
441
- margin-left: 85px;
442
- line-height: 26px; }
443
- .shortpixel-bulk-wrapper section.panel.selection .optiongroup .option label {
444
- width: 200px;
445
- display: inline-block; }
446
- .shortpixel-bulk-wrapper section.panel.selection .optiongroup .option .number {
447
- font-weight: 700; }
448
- .shortpixel-bulk-wrapper section.panel.selection .count_limited {
449
- color: #ff0000; }
450
- .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .select .line {
451
- background: #1FBEC9; }
452
- .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .select .step {
453
- color: #ccc; }
454
- .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .select .step {
455
- border-color: #1FBEC9; }
456
- .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .summary .line {
457
- background: linear-gradient(90deg, #1fbec9 0%, #1fbec9 49.9%, #cccccc 50%, #cccccc 100%); }
458
- .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .summary .text, .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .summary .step {
459
- color: #EC2C25; }
460
- .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .summary .step {
461
- border-color: #1FBEC9; }
462
- .shortpixel-bulk-wrapper section.panel.summary .summary-list {
463
- background-color: #F6F9FF;
464
- width: 80%;
465
- margin: 0 auto; }
466
- .shortpixel-bulk-wrapper section.panel.summary .summary-list h3 {
467
- font-size: 18px;
468
- font-weight: 400;
469
- padding: 26px 0;
470
- color: #555D66;
471
- padding-left: 35px;
472
- border-bottom: 1px solid #DFEAFF; }
473
- .shortpixel-bulk-wrapper section.panel.summary .summary-list h3 span {
474
- float: right;
475
- margin-right: 35px;
476
- margin-top: -15px; }
477
- .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper h4 {
478
- font-size: 14px;
479
- font-weight: 700;
480
- padding-left: 80px; }
481
- .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper h4 .dashicons {
482
- color: #1FBEC9;
483
- margin-right: 10px; }
484
- .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table {
485
- display: table;
486
- width: 90%;
487
- margin: 0 auto; }
488
- .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table > div {
489
- display: table-row;
490
- background-color: #F0F5FF;
491
- font-size: 16px; }
492
- .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table > div.filetypes {
493
- background: #F5F9FF;
494
- color: #aaa;
495
- font-size: 12px; }
496
- .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table > div.filetypes > span {
497
- border: 0; }
498
- .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table > div > span {
499
- display: table-cell;
500
- border: 1px solid #DFEAFF;
501
- width: 50%;
502
- padding: 15px 0 15px 15px; }
503
- .shortpixel-bulk-wrapper section.panel.summary .totals {
504
- text-align: center;
505
- font-size: 25px;
506
- padding: 35px 0;
507
- background: #F6F9FF; }
508
- .shortpixel-bulk-wrapper section.panel.summary .totals .number {
509
- margin-left: 35px; }
510
- .shortpixel-bulk-wrapper section.panel.summary .credits {
511
- display: table;
512
- width: 80%;
513
- margin: 35px auto; }
514
- .shortpixel-bulk-wrapper section.panel.summary .credits > p {
515
- display: table-row; }
516
- .shortpixel-bulk-wrapper section.panel.summary .credits > p > span {
517
- display: table-cell;
518
- padding: 10px 0;
519
- font-size: 14px;
520
- vertical-align: middle; }
521
- .shortpixel-bulk-wrapper section.panel.summary .credits > p > span:first-child {
522
- font-weight: 700;
523
- width: 40%; }
524
- .shortpixel-bulk-wrapper section.panel.summary .credits > p > span:nth-child(2n) {
525
- width: 30%; }
526
- .shortpixel-bulk-wrapper section.panel.summary .credits > p > span:nth-child(3n) {
527
- text-align: right; }
528
- .shortpixel-bulk-wrapper section.panel.summary .credits > p > span .button {
529
- float: right;
530
- margin-right: 0; }
531
- .shortpixel-bulk-wrapper section.panel.summary .credits .heading span {
532
- font-size: 18px;
533
- font-weight: 700; }
534
- .shortpixel-bulk-wrapper section.panel.summary .over-quota, .shortpixel-bulk-wrapper section.panel.summary .no-images {
535
- border: 1px solid #ff0000;
536
- padding: 16px;
537
- width: 80%;
538
- margin: 30px auto;
539
- display: flex;
540
- align-items: center; }
541
- .shortpixel-bulk-wrapper section.panel.summary .over-quota > span, .shortpixel-bulk-wrapper section.panel.summary .no-images > span {
542
- margin-right: 20px; }
543
- .shortpixel-bulk-wrapper section.panel.summary .over-quota p, .shortpixel-bulk-wrapper section.panel.summary .no-images p {
544
- max-width: 550px;
545
- font-size: 14px;
546
- line-height: 21px; }
547
- .shortpixel-bulk-wrapper section.panel.summary .over-quota p .red, .shortpixel-bulk-wrapper section.panel.summary .no-images p .red {
548
- color: #ff0000; }
549
- .shortpixel-bulk-wrapper section.panel.summary .over-quota button, .shortpixel-bulk-wrapper section.panel.summary .no-images button {
550
- background: #F5F5F5;
551
- color: #1FBEC9;
552
- border: 1px solid #1FBEC9;
553
- border-radius: 3px;
554
- box-shadow: 0px 1px 1px rgba(171, 170, 170, 0.3);
555
- margin: 16px 0; }
556
- .shortpixel-bulk-wrapper section.panel.summary .no-images {
557
- font-size: 14px;
558
- padding: 16px;
559
- font-weight: 500; }
560
- .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .select .line, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .summary .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .line {
561
- background: #1FBEC9; }
562
- .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .summary .text, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .summary .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .step {
563
- color: #ccc; }
564
- .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .summary .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .step {
565
- border-color: #1FBEC9; }
566
- .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .process .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .line {
567
- background: linear-gradient(90deg, #1fbec9 0%, #1fbec9 49.9%, #cccccc 50%, #cccccc 100%); }
568
- .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .process .text, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .process .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .step {
569
- color: #EC2C25; }
570
- .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .process .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .step {
571
- border-color: #1FBEC9; }
572
- .shortpixel-bulk-wrapper section.panel.process .average-optimization, .shortpixel-bulk-wrapper section.panel.finished .average-optimization {
573
- position: absolute;
574
- top: 0px;
575
- right: 0;
576
- display: flex;
577
- justify-content: center;
578
- z-index: 2;
579
- background: rgba(255, 255, 255, 0.4); }
580
- .shortpixel-bulk-wrapper section.panel.process .average-optimization p, .shortpixel-bulk-wrapper section.panel.finished .average-optimization p {
581
- margin: 0;
582
- font-size: 13px;
583
- position: absolute;
584
- bottom: 45px;
585
- left: 0;
586
- padding: 6px 10px;
587
- color: #fff;
588
- background: rgba(15, 106, 125, 0.5);
589
- font-weight: 700;
590
- border-radius: 3px; }
591
- .shortpixel-bulk-wrapper section.panel.process .average-optimization .opt-circle-average, .shortpixel-bulk-wrapper section.panel.finished .average-optimization .opt-circle-average {
592
- width: 150px;
593
- height: 150px;
594
- float: right; }
595
- .shortpixel-bulk-wrapper section.panel.process .average-optimization .opt-circle-average .trail, .shortpixel-bulk-wrapper section.panel.finished .average-optimization .opt-circle-average .trail {
596
- stroke: #ddd; }
597
- .shortpixel-bulk-wrapper section.panel.process .average-optimization .opt-circle-average .path, .shortpixel-bulk-wrapper section.panel.finished .average-optimization .opt-circle-average .path {
598
- stroke: #1cbecb;
599
- stroke-linecap: round;
600
- transition: stroke-dashoffset 0.5s ease 0s; }
601
- .shortpixel-bulk-wrapper section.panel.process .average-optimization .opt-circle-average .text, .shortpixel-bulk-wrapper section.panel.finished .average-optimization .opt-circle-average .text {
602
- fill: #1FBEC9;
603
- font-size: 28px;
604
- font-weight: 700;
605
- dominant-baseline: middle;
606
- text-anchor: middle; }
607
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary {
608
- display: table;
609
- width: 80%;
610
- margin: 30px auto; }
611
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary > div, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary > div {
612
- display: table-row; }
613
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary > div > span, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary > div > span {
614
- display: table-cell;
615
- padding: 16px;
616
- width: 33%; }
617
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary .heading, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .heading {
618
- background: #F6F9FF;
619
- border: 1px solid #EBF5FF; }
620
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary .line-progressbar, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .line-progressbar {
621
- width: 100px;
622
- height: 20px;
623
- position: relative;
624
- background: #ccc;
625
- display: inline-block;
626
- vertical-align: middle; }
627
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary .line-progressbar .done-text, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .line-progressbar .done-text {
628
- position: absolute;
629
- color: #fff;
630
- font-size: 10px;
631
- font-weight: 500;
632
- top: 0;
633
- bottom: 0;
634
- padding: 5px 4px;
635
- line-height: 10px;
636
- z-index: 3; }
637
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary .line-progressbar .done, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .line-progressbar .done {
638
- position: absolute;
639
- z-index: 2;
640
- left: 0;
641
- width: 10%;
642
- top: 0;
643
- bottom: 0;
644
- background: #1FBEC9; }
645
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary .line-progressbar label input[type="checkbox"], .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .line-progressbar label input[type="checkbox"] {
646
- margin-right: 8px; }
647
- .shortpixel-bulk-wrapper section.panel.process .bulk-summary .display-error-box, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .display-error-box {
648
- float: right; }
649
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section {
650
- background: #F6F9FF;
651
- border: 1px solid #DFEAFF;
652
- width: 80%;
653
- margin: 15px auto;
654
- position: relative; }
655
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .title, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .title {
656
- position: absolute;
657
- top: 0;
658
- width: 300px;
659
- background: #0f6a7d50;
660
- background: linear-gradient(90deg, #0f6a7d 0%, #0f6a7d 0%, rgba(0, 212, 255, 0) 100%);
661
- color: #fff;
662
- font-size: 20px;
663
- padding: 15px; }
664
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line {
665
- display: flex;
666
- width: 100%;
667
- justify-content: space-between;
668
- align-items: center; }
669
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line [data-result="filename"], .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line [data-result="filename"] {
670
- overflow: hidden;
671
- font-weight: 700;
672
- margin-top: -12px; }
673
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line .opt-circle-image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line .opt-circle-image {
674
- width: 55px;
675
- height: 55px;
676
- float: right;
677
- margin-top: 12px;
678
- margin-right: 5%; }
679
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line .opt-circle-image .trail, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line .opt-circle-image .trail {
680
- stroke: #ddd; }
681
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line .opt-circle-image .path, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line .opt-circle-image .path {
682
- stroke: #1FBEC9;
683
- stroke-linecap: round;
684
- transition: stroke-dashoffset 0.5s ease 0s; }
685
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line .opt-circle-image .text, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line .opt-circle-image .text {
686
- fill: #1FBEC9;
687
- font-size: 28px;
688
- font-weight: 700;
689
- dominant-baseline: middle;
690
- text-anchor: middle; }
691
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper {
692
- width: 100%;
693
- overflow: hidden;
694
- margin: 25px 0 40px 0; }
695
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .slide-mask, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .slide-mask {
696
- flex-wrap: nowrap;
697
- display: flex;
698
- justify-content: flex-start; }
699
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .preview-image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .preview-image {
700
- transition: 0.5s all linear;
701
- display: flex;
702
- justify-content: center;
703
- align-items: center;
704
- flex-shrink: 0;
705
- flex-grow: 0;
706
- width: 100%; }
707
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .current.preview-image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .current.preview-image {
708
- opacity: 1; }
709
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .old.preview-image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .old.preview-image {
710
- display: none; }
711
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image {
712
- max-width: 45%;
713
- max-height: 600px;
714
- overflow: hidden;
715
- position: relative; }
716
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image img, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image img {
717
- width: 100%;
718
- height: auto;
719
- object-fit: cover;
720
- z-index: 10;
721
- position: relative; }
722
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image img[src*="placeholder.svg"], .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image img[src*="placeholder.svg"] {
723
- background-color: #ebedf1; }
724
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image img[src*="placeholder.svg"]:not(.notempty), .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image img[src*="placeholder.svg"]:not(.notempty) {
725
- z-index: 1; }
726
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image .svg-loader, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image .svg-loader {
727
- width: 100%;
728
- height: 70px;
729
- position: absolute;
730
- top: calc(50% - 35px);
731
- left: 0;
732
- z-index: 5; }
733
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image p, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image p {
734
- position: absolute;
735
- top: 0;
736
- z-index: 10;
737
- color: #fff;
738
- background: rgba(0, 0, 0, 0.5);
739
- padding: 4px; }
740
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image.source, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image.source {
741
- margin-right: 8px; }
742
- .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image.result, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image.result {
743
- margin-left: 8px; }
744
- .shortpixel-bulk-wrapper section.panel.process nav, .shortpixel-bulk-wrapper section.panel.finished nav {
745
- width: 80%;
746
- margin-top: 35px; }
747
- .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .line {
748
- background: #1FBEC9; }
749
- .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .step {
750
- color: #ccc; }
751
- .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .step {
752
- border-color: #1FBEC9; }
753
- .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .result .line {
754
- background: linear-gradient(90deg, #1fbec9 0%, #1fbec9 49.9%, #cccccc 50%, #cccccc 100%); }
755
- .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .result .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .result .step {
756
- color: #EC2C25; }
757
- .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .result .step {
758
- border-color: #1FBEC9; }
759
- .shortpixel-bulk-wrapper section.panel.finished nav {
760
- text-align: center; }
761
- .shortpixel-bulk-wrapper section.panel.finished nav button.finish {
762
- padding: 12px 60px;
763
- border-radius: 3px;
764
- background: #1FBEC9;
765
- font-size: 16px;
766
- color: #fff;
767
- transition: all 0.5s ease; }
768
- .shortpixel-bulk-wrapper section.panel.finished nav button.finish:hover {
769
- background: #24d1dd; }
770
- .shortpixel-bulk-wrapper .part-debug {
771
- background: #000;
772
- color: #fff;
773
- width: 100%;
774
- min-height: 150px;
775
- max-height: 550px; }
776
- .shortpixel-bulk-wrapper .bulk-special-wrapper {
777
- margin: 0 auto;
778
- max-width: 80%; }
779
- .shortpixel-bulk-wrapper .bulk-special-wrapper h4 {
780
- color: #ff0000;
781
- font-weight: 700;
782
- font-size: 20px; }
783
- .shortpixel-bulk-wrapper .bulk-special-wrapper h4.warning {
784
- float: left;
785
- margin: 25px; }
786
- .shortpixel-bulk-wrapper .bulk-special-wrapper .warning {
787
- color: #ff0000; }
788
- .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup {
789
- clear: both;
790
- margin-left: 130px; }
791
- .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup .switch_button {
792
- display: inline-block; }
793
- .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup h4 {
794
- font-size: 14px;
795
- font-weight: 400;
796
- display: inline-block;
797
- margin-left: 25px;
798
- color: #000; }
799
- .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup .option {
800
- margin-left: 85px;
801
- line-height: 26px; }
802
- .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup .option label {
803
- width: 200px;
804
- display: inline-block; }
805
- .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup .option .number {
806
- font-weight: 700; }
807
- .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup.warning {
808
- font-weight: 700;
809
- color: #ff0000; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
810
 
811
  /*# sourceMappingURL=shortpixel-bulk.css.map */
2
  /** GENERAL STYLES **/
3
  /**** DASHBOARD ***/
4
  /***************** SELECTION *************/
5
+ /**************** SUMMARY ******/
6
+ }
7
+ .shortpixel-bulk-wrapper h1 {
8
+ font-size: 23px;
9
+ font-weight: 400;
10
+ line-height: 30px;
11
+ margin: 30px 0;
12
+ }
13
+ .shortpixel-bulk-wrapper h3.heading {
14
+ margin: 15px 0 15px 0px;
15
+ padding-left: 10px;
16
+ font-size: 20px;
17
+ font-weight: 400;
18
+ line-height: 42px;
19
+ border-bottom: 1px solid #ccc;
20
+ position: relative;
21
+ }
22
+ .shortpixel-bulk-wrapper h3.heading span {
23
+ vertical-align: top;
24
+ margin-right: 20px;
25
+ }
26
+ .shortpixel-bulk-wrapper i {
27
+ font-style: normal;
28
+ }
29
+ .shortpixel-bulk-wrapper p.description {
30
+ font-size: 14px;
31
+ margin: 15px 0 15px 15px;
32
+ }
33
+ .shortpixel-bulk-wrapper .button {
34
+ display: flex;
35
+ align-items: center;
36
+ justify-content: center;
37
+ float: left;
38
+ margin-right: 8px;
39
+ padding: 8px 16px;
40
+ background: #F5F5F5;
41
+ color: #1cbecb;
42
+ letter-spacing: 0.3px;
43
+ font-weight: 700;
44
+ font-size: 14px;
45
+ transition: 300ms all linear;
46
+ border: 1px solid #0f6a7d;
47
+ min-height: 44px;
48
+ }
49
+ .shortpixel-bulk-wrapper .button:hover {
50
+ background: #1cbecb;
51
+ color: #fff;
52
+ border: 1px solid #1cbecb;
53
+ }
54
+ .shortpixel-bulk-wrapper .button:focus {
55
+ border-color: #1cbecb;
56
+ background: #1cbecb;
57
+ }
58
+ .shortpixel-bulk-wrapper .button .dashicons {
59
+ font-size: 26px;
60
+ height: 26px;
61
+ margin-right: 8px;
62
+ }
63
+ .shortpixel-bulk-wrapper .button p {
64
+ margin: 0;
65
+ display: inline;
66
+ font-size: 14px;
67
+ vertical-align: bottom;
68
+ }
69
+ .shortpixel-bulk-wrapper .button-primary {
70
+ background: #0f6a7d;
71
+ color: #fff;
72
+ border: 1px solid #0f6a7d;
73
+ border-radius: 3px;
74
+ box-shadow: 0px 1px 1px rgba(171, 170, 170, 0.3);
75
+ }
76
+ .shortpixel-bulk-wrapper nav {
77
+ margin: 45px auto;
78
+ width: 80%;
79
+ min-height: 50px;
80
+ }
81
+ .shortpixel-bulk-wrapper nav .button-primary {
82
+ margin-left: 15px;
83
+ }
84
+ .shortpixel-bulk-wrapper .kbinfo a {
85
+ text-decoration: none;
86
+ }
87
+ .shortpixel-bulk-wrapper .hidden {
88
+ display: none !important;
89
+ }
90
+ .shortpixel-bulk-wrapper .dashicons.spin {
91
+ animation: dashicons-spin 1s infinite;
92
+ animation-timing-function: linear;
93
+ }
94
  @keyframes dashicons-spin {
95
  0% {
96
+ transform: rotate(0deg);
97
+ }
98
  100% {
99
+ transform: rotate(360deg);
100
+ }
101
+ }
102
+ .shortpixel-bulk-wrapper .loading-icon {
103
+ width: 50%;
104
+ height: 50%;
105
+ }
106
+ .shortpixel-bulk-wrapper .bulk-modal {
107
+ position: absolute;
108
+ padding: 0;
109
+ left: 0;
110
+ right: 0;
111
+ bottom: 0;
112
+ top: 0;
113
+ width: auto;
114
+ box-sizing: border-box;
115
+ box-shadow: rgba(0, 0, 0, 0.5) 4px 4px 20px;
116
+ }
117
+ .shortpixel-bulk-wrapper .bulk-modal .close {
118
+ position: absolute;
119
+ right: 10px;
120
+ top: 10px;
121
+ color: white;
122
+ font-size: 26px;
123
+ cursor: pointer;
124
+ }
125
+ .shortpixel-bulk-wrapper .bulk-modal .title {
126
+ margin: 0;
127
+ padding: 12px;
128
+ background: #1FB5BF;
129
+ background: linear-gradient(90deg, #0f6a7d 0%, #0f6a7d 0%, #1cbecb 100%);
130
+ width: 100%;
131
+ font-size: 16px;
132
+ color: #ffffff;
133
+ box-sizing: border-box;
134
+ height: 40px;
135
+ }
136
+ .shortpixel-bulk-wrapper .bulk-modal .content {
137
+ padding: 12px;
138
+ box-sizing: border-box;
139
+ height: 90%;
140
+ }
141
+ .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper {
142
+ display: table;
143
+ }
144
+ .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper .heading {
145
+ font-weight: 700;
146
+ }
147
+ .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper .heading > span {
148
+ border-bottom: 1px solid #ccc;
149
+ border-left: 1px solid #ddd;
150
+ }
151
+ .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper > div {
152
+ display: table-row;
153
+ }
154
+ .shortpixel-bulk-wrapper .bulk-modal .content .table-wrapper > div > span {
155
+ display: table-cell;
156
+ padding: 4px 8px;
157
+ }
158
+ .shortpixel-bulk-wrapper .bulk-modal .content a {
159
+ text-decoration: none;
160
+ margin-left: 8px;
161
+ }
162
+ .shortpixel-bulk-wrapper .screen-wrapper {
163
+ background: #fff;
164
+ width: 90%;
165
+ min-height: 80vh;
166
+ position: relative;
167
+ }
168
+ .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader {
169
+ left: 0;
170
+ right: 0;
171
+ top: 0;
172
+ bottom: 0;
173
+ background: #fff;
174
+ transition: opacity 1s linear;
175
+ z-index: -1;
176
+ opacity: 0;
177
+ visibility: hidden;
178
+ padding: 25px 0 15px 0;
179
+ width: 60%;
180
+ border-radius: 10px;
181
+ margin: 0 auto;
182
+ }
183
+ .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader[data-status=loading] {
184
+ z-index: 100;
185
+ visibility: visible;
186
+ opacity: 0.9;
187
+ position: absolute;
188
+ width: 100%;
189
+ }
190
+ .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader .loader {
191
+ display: flex;
192
+ flex-direction: column;
193
+ align-items: center;
194
+ width: 100%;
195
+ height: 100%;
196
+ justify-content: center;
197
+ }
198
+ .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader .loader span h2 {
199
+ color: #555;
200
+ }
201
+ .shortpixel-bulk-wrapper .screen-wrapper .shortpixel-bulk-loader .loader .svg-spinner .svg-loader {
202
+ width: 200px;
203
+ height: 50px;
204
+ }
205
+ .shortpixel-bulk-wrapper .panel {
206
+ width: 100%;
207
+ position: absolute;
208
+ display: none;
209
+ z-index: 0;
210
+ visibility: hidden;
211
+ opacity: 0;
212
+ transition: opacity 500ms ease-in;
213
+ margin: 15px 0;
214
+ padding-bottom: 35px;
215
+ }
216
+ .shortpixel-bulk-wrapper .panel.active {
217
+ visibility: visible;
218
+ opacity: 1;
219
+ z-index: 5;
220
+ position: relative;
221
+ }
222
+ .shortpixel-bulk-wrapper .panel .panel-container {
223
+ z-index: 5;
224
+ display: inline-block;
225
+ width: 100%;
226
+ }
227
+ .shortpixel-bulk-wrapper .panel .error h3 {
228
+ margin-left: 12px;
229
+ }
230
+ .shortpixel-bulk-wrapper .panel .error p {
231
+ margin-left: 12px;
232
+ color: #ff0000;
233
+ }
234
+ .shortpixel-bulk-wrapper .panel .error p.text {
235
+ color: #000;
236
+ }
237
+ .shortpixel-bulk-wrapper .panel .errorbox {
238
+ display: block;
239
+ transition: 1s all;
240
+ opacity: 0;
241
+ display: none;
242
+ right: 10px;
243
+ top: 4px;
244
+ padding: 8px;
245
+ height: 100%;
246
+ border: 1px solid #000;
247
+ width: 80%;
248
+ margin: 30px auto;
249
+ background: rgba(255, 255, 255, 0.9);
250
+ line-height: 22px;
251
+ max-height: 300px;
252
+ overflow-y: scroll;
253
+ }
254
+ .shortpixel-bulk-wrapper .panel .errorbox .fatal {
255
+ color: #ff0000;
256
+ }
257
+ .shortpixel-bulk-wrapper .processor-paused {
258
+ display: none;
259
+ margin: 25px 0;
260
+ width: 90%;
261
+ background: #1fbec9;
262
+ border: 1px solid #ccc;
263
+ font-size: 26px;
264
+ line-height: 26px;
265
+ padding: 26px 0;
266
+ text-align: center;
267
+ z-index: 10;
268
+ border-radius: 3px;
269
+ cursor: pointer;
270
+ transition: all 900ms;
271
+ }
272
+ .shortpixel-bulk-wrapper .processor-paused:hover {
273
+ background: #1ca9b3;
274
+ }
275
+ .shortpixel-bulk-wrapper .processor-paused .dashicons {
276
+ margin-right: 6px;
277
+ }
278
+ .shortpixel-bulk-wrapper .processor-paused .dashicons::before {
279
+ width: 26px;
280
+ height: 26px;
281
+ font-size: 26px;
282
+ }
283
+ .shortpixel-bulk-wrapper .processor-paused .dashicons:hover::before {
284
+ content: "\f522";
285
+ }
286
+ .shortpixel-bulk-wrapper .processor-overquota {
287
+ display: none;
288
+ background: #ff0000;
289
+ line-height: 26px;
290
+ padding: 20px 0;
291
+ border-radius: 3px;
292
+ margin: 25px 0;
293
+ width: 90%;
294
+ text-align: center;
295
+ }
296
+ .shortpixel-bulk-wrapper .processor-overquota h3 {
297
+ font-size: 26px;
298
+ color: #fff;
299
+ margin: 10px 0;
300
+ }
301
+ .shortpixel-bulk-wrapper .processor-overquota p a {
302
+ font-size: 16px;
303
+ color: #fff;
304
+ text-decoration: none;
305
+ }
306
+ .shortpixel-bulk-wrapper section.panel.dashboard h3.heading {
307
+ border: 0;
308
+ }
309
+ .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper {
310
+ background: url("../img/bulk/dashboard-background.svg") no-repeat;
311
+ background-size: cover;
312
+ background-position: center;
313
+ background-color: #116C7D;
314
+ text-align: center;
315
+ height: 150px;
316
+ position: relative;
317
+ display: flex;
318
+ align-items: center;
319
+ justify-content: center;
320
+ }
321
+ .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper .dashboard-image {
322
+ z-index: 1;
323
+ position: absolute;
324
+ left: 0;
325
+ right: 0;
326
+ }
327
+ .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper button {
328
+ color: #ffffff;
329
+ border-radius: 3px;
330
+ width: 250px;
331
+ height: 65px;
332
+ transition: all 0.5s linear;
333
+ font-weight: 700;
334
+ letter-spacing: 0.3px;
335
+ border: 1px solid #ccc;
336
+ }
337
+ .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper button:hover {
338
+ background: #0f6a7d;
339
+ height: 80px;
340
+ width: 300px;
341
+ transition: all 1s linear;
342
+ }
343
+ .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper button:disabled {
344
+ color: #ccc;
345
+ background: #0e5358;
346
+ }
347
+ .shortpixel-bulk-wrapper section.panel.dashboard .bulk-wrapper button span {
348
+ margin-right: 16px;
349
+ }
350
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log {
351
+ display: table;
352
+ width: 80%;
353
+ margin: 0 auto;
354
+ }
355
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log h3 {
356
+ display: table-caption;
357
+ text-align: center;
358
+ }
359
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log > div {
360
+ display: table-row;
361
+ }
362
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log > div > span {
363
+ display: table-cell;
364
+ padding: 8px 8px 8px 0;
365
+ }
366
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .head span {
367
+ font-weight: 700;
368
+ padding-left: 15px;
369
+ }
370
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .data span {
371
+ border-bottom: 1px solid #EBF5FF;
372
+ border-top: 1px solid #EBF5FF;
373
+ font-size: 15px;
374
+ padding-left: 10px;
375
+ }
376
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .data span:first-child {
377
+ border-left: 1px solid #EBF5FF;
378
+ }
379
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .data span:last-child {
380
+ border-right: 1px solid #EBF5FF;
381
+ }
382
+ .shortpixel-bulk-wrapper section.panel.dashboard .dashboard-log .data span.date {
383
+ color: #1FBEC9;
384
+ background: url("../img/bulk/checkmark.svg") left center no-repeat;
385
+ padding-left: 29px;
386
+ }
387
+ .shortpixel-bulk-wrapper section.spio-progressbar {
388
+ margin: 30px 0;
389
+ }
390
+ .shortpixel-bulk-wrapper section.spio-progressbar .flex {
391
+ display: flex;
392
+ flex-direction: row;
393
+ width: 90%;
394
+ justify-content: space-around;
395
+ margin: 0 auto;
396
+ }
397
+ .shortpixel-bulk-wrapper section.spio-progressbar .flex > div {
398
+ display: flex;
399
+ align-items: center;
400
+ position: relative;
401
+ flex-direction: column;
402
+ flex-grow: 1;
403
+ }
404
+ .shortpixel-bulk-wrapper section.spio-progressbar .flex > div.result .line {
405
+ background: linear-gradient(90deg, #cccccc 0%, #cccccc 49.9%, white 51%, white 100%);
406
+ }
407
+ .shortpixel-bulk-wrapper section.spio-progressbar .flex > div.select .line {
408
+ width: 50%;
409
+ left: 50%;
410
+ }
411
+ .shortpixel-bulk-wrapper section.spio-progressbar .flex .line {
412
+ background: #ccc;
413
+ height: 2px;
414
+ width: 100%;
415
+ box-sizing: border-box;
416
+ display: inline-block;
417
+ position: absolute;
418
+ top: 22px;
419
+ z-index: 1;
420
+ transition: color 1s ease-in;
421
+ }
422
+ .shortpixel-bulk-wrapper section.spio-progressbar .flex .step {
423
+ border: 2px solid #ccc;
424
+ border-radius: 50%;
425
+ height: 45px;
426
+ font-size: 28px;
427
+ font-weight: 700;
428
+ color: #ccc;
429
+ width: 45px;
430
+ line-height: 35px;
431
+ text-align: center;
432
+ box-sizing: border-box;
433
+ display: inline-block;
434
+ z-index: 2;
435
+ background: #fff;
436
+ transition: color 1s ease-in;
437
+ padding-top: 2px;
438
+ }
439
+ .shortpixel-bulk-wrapper section.spio-progressbar .flex .text {
440
+ font-size: 12px;
441
+ font-weight: 700;
442
+ text-transform: uppercase;
443
+ color: #ccc;
444
+ margin-top: 8px;
445
+ }
446
+ .shortpixel-bulk-wrapper section.panel.selection .spio-progressbar .select .line {
447
+ background: linear-gradient(90deg, #1fbec9 0%, #1fbec9 49.9%, #cccccc 50%, #cccccc 100%);
448
+ }
449
+ .shortpixel-bulk-wrapper section.panel.selection .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.selection .spio-progressbar .select .step {
450
+ color: #EC2C25;
451
+ }
452
+ .shortpixel-bulk-wrapper section.panel.selection .spio-progressbar .select .step {
453
+ border-color: #1FBEC9;
454
+ }
455
+ .shortpixel-bulk-wrapper section.panel.selection .load.wrapper, .shortpixel-bulk-wrapper section.panel.selection .interface.wrapper {
456
+ opacity: 0;
457
+ height: 0;
458
+ transition: opacity 100ms ease-in;
459
+ }
460
+ .shortpixel-bulk-wrapper section.panel.selection[data-status=loading] .load.wrapper {
461
+ opacity: 1;
462
+ height: auto;
463
+ padding-bottom: 45px;
464
+ }
465
+ .shortpixel-bulk-wrapper section.panel.selection[data-status=loaded] .interface.wrapper {
466
+ opacity: 1;
467
+ height: auto;
468
+ }
469
+ .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading {
470
+ display: flex;
471
+ color: #ccc;
472
+ font-weight: 700;
473
+ align-items: center;
474
+ width: 90%;
475
+ margin: auto;
476
+ }
477
+ .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading > span > {
478
+ height: 65px;
479
+ }
480
+ .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading > span > p {
481
+ margin: 0;
482
+ }
483
+ .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading span:first-child {
484
+ margin-right: 20px;
485
+ }
486
+ .shortpixel-bulk-wrapper section.panel.selection .load.wrapper .loading img {
487
+ animation: cssload-spin 5000ms infinite linear;
488
+ -o-animation: cssload-spin 5000ms infinite linear;
489
+ -ms-animation: cssload-spin 5000ms infinite linear;
490
+ -webkit-animation: cssload-spin 5000ms infinite linear;
491
+ -moz-animation: cssload-spin 5000ms infinite linear;
492
+ }
493
  @keyframes loading-spin {
494
  100% {
495
  transform: rotate(360deg);
496
+ transform: rotate(360deg);
497
+ }
498
+ }
499
  @-o-keyframes loading-spin {
500
  100% {
501
  -o-transform: rotate(360deg);
502
+ transform: rotate(360deg);
503
+ }
504
+ }
505
  @-ms-keyframes loading-spin {
506
  100% {
507
  -ms-transform: rotate(360deg);
508
+ transform: rotate(360deg);
509
+ }
510
+ }
511
  @-webkit-keyframes loading-spin {
512
  100% {
513
  -webkit-transform: rotate(360deg);
514
+ transform: rotate(360deg);
515
+ }
516
+ }
517
  @-moz-keyframes loading-spin {
518
  100% {
519
  -moz-transform: rotate(360deg);
520
+ transform: rotate(360deg);
521
+ }
522
+ }
523
+ .shortpixel-bulk-wrapper section.panel.selection .option-block {
524
+ margin: 0 auto 35px;
525
+ width: 80%;
526
+ }
527
+ .shortpixel-bulk-wrapper section.panel.selection .option-block h2 {
528
+ font-size: 22px;
529
+ color: #555;
530
+ }
531
+ .shortpixel-bulk-wrapper section.panel.selection .option-block p {
532
+ margin-left: 0;
533
+ }
534
+ .shortpixel-bulk-wrapper section.panel.selection .optiongroup .switch_button {
535
+ display: inline-block;
536
+ }
537
+ .shortpixel-bulk-wrapper section.panel.selection .optiongroup h4 {
538
+ font-size: 14px;
539
+ font-weight: 700;
540
+ display: inline-block;
541
+ margin-left: 25px;
542
+ }
543
+ .shortpixel-bulk-wrapper section.panel.selection .optiongroup .option {
544
+ margin-left: 85px;
545
+ line-height: 26px;
546
+ }
547
+ .shortpixel-bulk-wrapper section.panel.selection .optiongroup .option label {
548
+ width: 200px;
549
+ display: inline-block;
550
+ }
551
+ .shortpixel-bulk-wrapper section.panel.selection .optiongroup .option .number {
552
+ font-weight: 700;
553
+ }
554
+ .shortpixel-bulk-wrapper section.panel.selection .optiongroup .option.warning {
555
+ border-left: 4px solid #dba617;
556
+ padding-left: 8px;
557
+ color: #000;
558
+ }
559
+ .shortpixel-bulk-wrapper section.panel.selection .count_limited {
560
+ color: #ff0000;
561
+ }
562
+ .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .select .line {
563
+ background: #1FBEC9;
564
+ }
565
+ .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .select .step {
566
+ color: #ccc;
567
+ }
568
+ .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .select .step {
569
+ border-color: #1FBEC9;
570
+ }
571
+ .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .summary .line {
572
+ background: linear-gradient(90deg, #1fbec9 0%, #1fbec9 49.9%, #cccccc 50%, #cccccc 100%);
573
+ }
574
+ .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .summary .text, .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .summary .step {
575
+ color: #EC2C25;
576
+ }
577
+ .shortpixel-bulk-wrapper section.panel.summary .spio-progressbar .summary .step {
578
+ border-color: #1FBEC9;
579
+ }
580
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list {
581
+ background-color: #F6F9FF;
582
+ width: 80%;
583
+ margin: 0 auto;
584
+ }
585
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list h3 {
586
+ font-size: 18px;
587
+ font-weight: 400;
588
+ padding: 26px 0;
589
+ color: #555D66;
590
+ padding-left: 35px;
591
+ border-bottom: 1px solid #DFEAFF;
592
+ }
593
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list h3 span {
594
+ float: right;
595
+ margin-right: 35px;
596
+ margin-top: -15px;
597
+ }
598
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper h4 {
599
+ font-size: 14px;
600
+ font-weight: 700;
601
+ padding-left: 80px;
602
+ }
603
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper h4 .dashicons {
604
+ color: #1FBEC9;
605
+ margin-right: 10px;
606
+ }
607
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table {
608
+ display: table;
609
+ width: 90%;
610
+ margin: 0 auto;
611
+ }
612
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table > div {
613
+ display: table-row;
614
+ background-color: #F0F5FF;
615
+ font-size: 16px;
616
+ }
617
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table > div.filetypes {
618
+ background: #F5F9FF;
619
+ color: #aaa;
620
+ font-size: 12px;
621
+ }
622
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table > div.filetypes > span {
623
+ border: 0;
624
+ }
625
+ .shortpixel-bulk-wrapper section.panel.summary .summary-list .section-wrapper .list-table > div > span {
626
+ display: table-cell;
627
+ border: 1px solid #DFEAFF;
628
+ width: 50%;
629
+ padding: 15px 0 15px 15px;
630
+ }
631
+ .shortpixel-bulk-wrapper section.panel.summary .totals {
632
+ text-align: center;
633
+ font-size: 25px;
634
+ padding: 35px 0;
635
+ background: #F6F9FF;
636
+ }
637
+ .shortpixel-bulk-wrapper section.panel.summary .totals .number {
638
+ margin-left: 35px;
639
+ }
640
+ .shortpixel-bulk-wrapper section.panel.summary .credits {
641
+ display: table;
642
+ width: 80%;
643
+ margin: 35px auto;
644
+ }
645
+ .shortpixel-bulk-wrapper section.panel.summary .credits > p {
646
+ display: table-row;
647
+ }
648
+ .shortpixel-bulk-wrapper section.panel.summary .credits > p > span {
649
+ display: table-cell;
650
+ padding: 10px 0;
651
+ font-size: 14px;
652
+ vertical-align: middle;
653
+ }
654
+ .shortpixel-bulk-wrapper section.panel.summary .credits > p > span:first-child {
655
+ font-weight: 700;
656
+ width: 40%;
657
+ }
658
+ .shortpixel-bulk-wrapper section.panel.summary .credits > p > span:nth-child(2n) {
659
+ width: 30%;
660
+ }
661
+ .shortpixel-bulk-wrapper section.panel.summary .credits > p > span:nth-child(3n) {
662
+ text-align: right;
663
+ }
664
+ .shortpixel-bulk-wrapper section.panel.summary .credits > p > span .button {
665
+ float: right;
666
+ margin-right: 0;
667
+ }
668
+ .shortpixel-bulk-wrapper section.panel.summary .credits .heading span {
669
+ font-size: 18px;
670
+ font-weight: 700;
671
+ }
672
+ .shortpixel-bulk-wrapper section.panel.summary .over-quota, .shortpixel-bulk-wrapper section.panel.summary .no-images {
673
+ border: 1px solid #ff0000;
674
+ padding: 16px;
675
+ width: 80%;
676
+ margin: 30px auto;
677
+ display: flex;
678
+ align-items: center;
679
+ }
680
+ .shortpixel-bulk-wrapper section.panel.summary .over-quota > span, .shortpixel-bulk-wrapper section.panel.summary .no-images > span {
681
+ margin-right: 20px;
682
+ }
683
+ .shortpixel-bulk-wrapper section.panel.summary .over-quota p, .shortpixel-bulk-wrapper section.panel.summary .no-images p {
684
+ max-width: 550px;
685
+ font-size: 14px;
686
+ line-height: 21px;
687
+ }
688
+ .shortpixel-bulk-wrapper section.panel.summary .over-quota p .red, .shortpixel-bulk-wrapper section.panel.summary .no-images p .red {
689
+ color: #ff0000;
690
+ }
691
+ .shortpixel-bulk-wrapper section.panel.summary .over-quota button, .shortpixel-bulk-wrapper section.panel.summary .no-images button {
692
+ background: #F5F5F5;
693
+ color: #1FBEC9;
694
+ border: 1px solid #1FBEC9;
695
+ border-radius: 3px;
696
+ box-shadow: 0px 1px 1px rgba(171, 170, 170, 0.3);
697
+ margin: 16px 0;
698
+ }
699
+ .shortpixel-bulk-wrapper section.panel.summary .no-images {
700
+ font-size: 14px;
701
+ padding: 16px;
702
+ font-weight: 500;
703
+ }
704
+ .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .select .line, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .summary .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .line {
705
+ background: #1FBEC9;
706
+ }
707
+ .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .summary .text, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .summary .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .step {
708
+ color: #ccc;
709
+ }
710
+ .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .summary .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .step {
711
+ border-color: #1FBEC9;
712
+ }
713
+ .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .process .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .line {
714
+ background: linear-gradient(90deg, #1fbec9 0%, #1fbec9 49.9%, #cccccc 50%, #cccccc 100%);
715
+ }
716
+ .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .process .text, .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .process .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .step {
717
+ color: #EC2C25;
718
+ }
719
+ .shortpixel-bulk-wrapper section.panel.process .spio-progressbar .process .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .step {
720
+ border-color: #1FBEC9;
721
+ }
722
+ .shortpixel-bulk-wrapper section.panel.process .average-optimization, .shortpixel-bulk-wrapper section.panel.finished .average-optimization {
723
+ position: absolute;
724
+ top: 0px;
725
+ right: 0;
726
+ display: flex;
727
+ justify-content: center;
728
+ z-index: 2;
729
+ background: rgba(255, 255, 255, 0.4);
730
+ }
731
+ .shortpixel-bulk-wrapper section.panel.process .average-optimization p, .shortpixel-bulk-wrapper section.panel.finished .average-optimization p {
732
+ margin: 0;
733
+ font-size: 13px;
734
+ position: absolute;
735
+ bottom: 45px;
736
+ left: 0;
737
+ padding: 6px 10px;
738
+ color: #fff;
739
+ background: rgba(15, 106, 125, 0.5);
740
+ font-weight: 700;
741
+ border-radius: 3px;
742
+ }
743
+ .shortpixel-bulk-wrapper section.panel.process .average-optimization .opt-circle-average, .shortpixel-bulk-wrapper section.panel.finished .average-optimization .opt-circle-average {
744
+ width: 150px;
745
+ height: 150px;
746
+ float: right;
747
+ }
748
+ .shortpixel-bulk-wrapper section.panel.process .average-optimization .opt-circle-average .trail, .shortpixel-bulk-wrapper section.panel.finished .average-optimization .opt-circle-average .trail {
749
+ stroke: #ddd;
750
+ }
751
+ .shortpixel-bulk-wrapper section.panel.process .average-optimization .opt-circle-average .path, .shortpixel-bulk-wrapper section.panel.finished .average-optimization .opt-circle-average .path {
752
+ stroke: #1cbecb;
753
+ stroke-linecap: round;
754
+ transition: stroke-dashoffset 0.5s ease 0s;
755
+ }
756
+ .shortpixel-bulk-wrapper section.panel.process .average-optimization .opt-circle-average .text, .shortpixel-bulk-wrapper section.panel.finished .average-optimization .opt-circle-average .text {
757
+ fill: #1FBEC9;
758
+ font-size: 28px;
759
+ font-weight: 700;
760
+ dominant-baseline: middle;
761
+ text-anchor: middle;
762
+ }
763
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary {
764
+ display: table;
765
+ width: 80%;
766
+ margin: 30px auto;
767
+ }
768
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary > div, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary > div {
769
+ display: table-row;
770
+ }
771
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary > div > span, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary > div > span {
772
+ display: table-cell;
773
+ padding: 16px;
774
+ width: 33%;
775
+ }
776
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary .heading, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .heading {
777
+ background: #F6F9FF;
778
+ border: 1px solid #EBF5FF;
779
+ }
780
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary .line-progressbar, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .line-progressbar {
781
+ width: 100px;
782
+ height: 20px;
783
+ position: relative;
784
+ background: #ccc;
785
+ display: inline-block;
786
+ vertical-align: middle;
787
+ }
788
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary .line-progressbar .done-text, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .line-progressbar .done-text {
789
+ position: absolute;
790
+ color: #fff;
791
+ font-size: 10px;
792
+ font-weight: 500;
793
+ top: 0;
794
+ bottom: 0;
795
+ padding: 5px 4px;
796
+ line-height: 10px;
797
+ z-index: 3;
798
+ }
799
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary .line-progressbar .done, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .line-progressbar .done {
800
+ position: absolute;
801
+ z-index: 2;
802
+ left: 0;
803
+ width: 10%;
804
+ top: 0;
805
+ bottom: 0;
806
+ background: #1FBEC9;
807
+ }
808
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary .line-progressbar label input[type=checkbox], .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .line-progressbar label input[type=checkbox] {
809
+ margin-right: 8px;
810
+ }
811
+ .shortpixel-bulk-wrapper section.panel.process .bulk-summary .display-error-box, .shortpixel-bulk-wrapper section.panel.finished .bulk-summary .display-error-box {
812
+ float: right;
813
+ }
814
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section {
815
+ background: #F6F9FF;
816
+ border: 1px solid #DFEAFF;
817
+ width: 80%;
818
+ margin: 15px auto;
819
+ position: relative;
820
+ }
821
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .title, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .title {
822
+ position: absolute;
823
+ top: 0;
824
+ width: 300px;
825
+ background: #0f6a7d50;
826
+ background: linear-gradient(90deg, #0f6a7d 0%, #0f6a7d 0%, rgba(0, 212, 255, 0) 100%);
827
+ color: #fff;
828
+ font-size: 20px;
829
+ padding: 15px;
830
+ }
831
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line {
832
+ display: flex;
833
+ width: 100%;
834
+ justify-content: space-between;
835
+ align-items: center;
836
+ }
837
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line [data-result=filename], .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line [data-result=filename] {
838
+ overflow: hidden;
839
+ font-weight: 700;
840
+ margin-top: -12px;
841
+ }
842
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line .opt-circle-image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line .opt-circle-image {
843
+ width: 55px;
844
+ height: 55px;
845
+ float: right;
846
+ margin-top: 12px;
847
+ margin-right: 5%;
848
+ }
849
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line .opt-circle-image .trail, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line .opt-circle-image .trail {
850
+ stroke: #ddd;
851
+ }
852
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line .opt-circle-image .path, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line .opt-circle-image .path {
853
+ stroke: #1FBEC9;
854
+ stroke-linecap: round;
855
+ transition: stroke-dashoffset 0.5s ease 0s;
856
+ }
857
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .image-preview-line .opt-circle-image .text, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .image-preview-line .opt-circle-image .text {
858
+ fill: #1FBEC9;
859
+ font-size: 28px;
860
+ font-weight: 700;
861
+ dominant-baseline: middle;
862
+ text-anchor: middle;
863
+ }
864
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper {
865
+ width: 100%;
866
+ overflow: hidden;
867
+ margin: 25px 0 40px 0;
868
+ }
869
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .slide-mask, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .slide-mask {
870
+ flex-wrap: nowrap;
871
+ display: flex;
872
+ justify-content: flex-start;
873
+ }
874
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .preview-image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .preview-image {
875
+ transition: 0.5s all linear;
876
+ display: flex;
877
+ justify-content: center;
878
+ align-items: center;
879
+ flex-shrink: 0;
880
+ flex-grow: 0;
881
+ width: 100%;
882
+ }
883
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .current.preview-image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .current.preview-image {
884
+ opacity: 1;
885
+ }
886
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .old.preview-image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .old.preview-image {
887
+ display: none;
888
+ }
889
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image {
890
+ max-width: 45%;
891
+ max-height: 600px;
892
+ overflow: hidden;
893
+ position: relative;
894
+ }
895
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image img, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image img {
896
+ width: 100%;
897
+ height: auto;
898
+ object-fit: cover;
899
+ z-index: 10;
900
+ position: relative;
901
+ }
902
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image img[src*="placeholder.svg"], .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image img[src*="placeholder.svg"] {
903
+ background-color: #ebedf1;
904
+ }
905
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image img[src*="placeholder.svg"]:not(.notempty), .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image img[src*="placeholder.svg"]:not(.notempty) {
906
+ z-index: 1;
907
+ }
908
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image .svg-loader, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image .svg-loader {
909
+ width: 100%;
910
+ height: 70px;
911
+ position: absolute;
912
+ top: calc(50% - 35px);
913
+ left: 0;
914
+ z-index: 5;
915
+ }
916
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image p, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image p {
917
+ position: absolute;
918
+ top: 0;
919
+ z-index: 10;
920
+ color: #fff;
921
+ background: rgba(0, 0, 0, 0.5);
922
+ padding: 4px;
923
+ }
924
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image.source, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image.source {
925
+ margin-right: 8px;
926
+ }
927
+ .shortpixel-bulk-wrapper section.panel.process .image-preview-section .preview-wrapper .image.result, .shortpixel-bulk-wrapper section.panel.finished .image-preview-section .preview-wrapper .image.result {
928
+ margin-left: 8px;
929
+ }
930
+ .shortpixel-bulk-wrapper section.panel.process nav, .shortpixel-bulk-wrapper section.panel.finished nav {
931
+ width: 80%;
932
+ margin-top: 35px;
933
+ }
934
+ .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .line, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .line {
935
+ background: #1FBEC9;
936
+ }
937
+ .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .step {
938
+ color: #ccc;
939
+ }
940
+ .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .select .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .summary .step, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .process .step {
941
+ border-color: #1FBEC9;
942
+ }
943
+ .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .result .line {
944
+ background: linear-gradient(90deg, #1fbec9 0%, #1fbec9 49.9%, #cccccc 50%, #cccccc 100%);
945
+ }
946
+ .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .result .text, .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .result .step {
947
+ color: #EC2C25;
948
+ }
949
+ .shortpixel-bulk-wrapper section.panel.finished .spio-progressbar .result .step {
950
+ border-color: #1FBEC9;
951
+ }
952
+ .shortpixel-bulk-wrapper section.panel.finished nav {
953
+ text-align: center;
954
+ }
955
+ .shortpixel-bulk-wrapper section.panel.finished nav button.finish {
956
+ padding: 12px 60px;
957
+ border-radius: 3px;
958
+ background: #1FBEC9;
959
+ font-size: 16px;
960
+ color: #fff;
961
+ transition: all 0.5s ease;
962
+ }
963
+ .shortpixel-bulk-wrapper section.panel.finished nav button.finish:hover {
964
+ background: #24d1dd;
965
+ }
966
+ .shortpixel-bulk-wrapper .part-debug {
967
+ background: #000;
968
+ color: #fff;
969
+ width: 100%;
970
+ min-height: 150px;
971
+ max-height: 550px;
972
+ }
973
+ .shortpixel-bulk-wrapper .bulk-special-wrapper {
974
+ margin: 0 auto;
975
+ max-width: 80%;
976
+ }
977
+ .shortpixel-bulk-wrapper .bulk-special-wrapper h4 {
978
+ color: #ff0000;
979
+ font-weight: 700;
980
+ font-size: 20px;
981
+ }
982
+ .shortpixel-bulk-wrapper .bulk-special-wrapper h4.warning {
983
+ float: left;
984
+ margin: 25px;
985
+ }
986
+ .shortpixel-bulk-wrapper .bulk-special-wrapper .warning {
987
+ color: #ff0000;
988
+ }
989
+ .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup {
990
+ clear: both;
991
+ margin-left: 130px;
992
+ }
993
+ .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup .switch_button {
994
+ display: inline-block;
995
+ }
996
+ .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup h4 {
997
+ font-size: 14px;
998
+ font-weight: 400;
999
+ display: inline-block;
1000
+ margin-left: 25px;
1001
+ color: #000;
1002
+ }
1003
+ .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup .option {
1004
+ margin-left: 85px;
1005
+ line-height: 26px;
1006
+ }
1007
+ .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup .option label {
1008
+ width: 200px;
1009
+ display: inline-block;
1010
+ }
1011
+ .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup .option .number {
1012
+ font-weight: 700;
1013
+ }
1014
+ .shortpixel-bulk-wrapper .bulk-special-wrapper .optiongroup.warning {
1015
+ font-weight: 700;
1016
+ color: #ff0000;
1017
+ }
1018
 
1019
  /*# sourceMappingURL=shortpixel-bulk.css.map */
res/css/shortpixel-bulk.css.map CHANGED
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "mappings": "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",
4
- "sources": ["../scss/shortpixel-bulk.scss","../scss/elements/_colors.scss","../scss/elements/_animation.scss"],
5
- "names": [],
6
- "file": "shortpixel-bulk.css"
7
- }
1
+ {"version":3,"sourceRoot":"","sources":["../scss/shortpixel-bulk.scss","../scss/elements/_colors.scss","../scss/elements/_animation.scss"],"names":[],"mappings":"AAAA;AAKE;AAqWF;AA0LI;AAgHF;;AA9oBE;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;;AAGN;EACE;;AAGF;EAEG;EAGA;;AAGL;EACC;EACA;EACA;EACA;EAEA;EACA;EACA,YC3CiB;ED4CjB,OC/CU;EDgDV;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEC,YCzDS;ED0DT;EACA;;AAGD;EACC,cC/DS;EDgET,YChES;;ADkEV;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAID;EAEE,YCpFU;EDqFV;EACA;EACA;EACA;;AAGJ;EACE;EAED;EACA;;AACA;EAEE;;AAIH;EACG;;AAGD;EACE;;AAGJ;EACG;EACA;;AAGJ;EACG;IACG;;EAEH;IACG;;;AAIN;EAEE;EACA;;AAID;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACC;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEH;EAEE;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EAEC;EACA;EACA;;AACA;EACC;;AACA;EAAW;;AACR;EAAS;EAA+B;;AAE3C;EAAQ;;AACR;EACE;EACD;;AAGF;EAAI;EAAuB;;AAK5B;EAEI;EACA;EACA;EACA;;AAGA;EAGG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EAEE;EACA;EACA;EACN;EACA;;AAGG;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EAAU;;AACV;EAEN;EACA;;AAMH;EAEG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEJ;;AAGI;EAEI;EACA;EACA;EACA;;AAGJ;EAEG;EAED;EACA;;AAKE;EAAK;;AACL;EACE;EACA;;AACA;EAAS;;AAGf;EACE;EACA;EAEA;EACL;EACK;EACA;EACA;EACA;EACA;EACL;EACA;EAEK;EACL;EACA;EACA;;AACA;EAAS;;AAMT;EAGE;EAGH;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EAEE;;AACA;EAEG;EACA;EACA;;AAGH;EAAiB;;AAIvB;EAEE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AACA;EACA;EACA;EACA;;AAEA;EAEC;EACA;EACC;;AASA;EAAa;;AAIb;EAEK;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;EAAS;;AAGX;EAEG;EAEA;EACA;EACA;EACA;EACP;EAEA;EACA;;AAEO;EAGP,YCnZQ;EDqZP;EACA;EAES;;AAKH;EACE;EACA;;AAEF;EAEN;;AAMF;EAEG;EACA;EACA;;AACA;EAAK;EAAwB;;AAC7B;EACE;;AACA;EAAS;EAAqB;;AAI9B;EACE;EACA;;AAKF;EACE;EACA;EAGA;EACA;;AAHA;EAAgB;;AAChB;EAAgB;;AAGhB;EACG;EACA;EACA;;AAYb;EAEI;;AACA;EAEE;EACA;EACA;EACA;EACE;;AAEF;EAEG;EACA;EACA;EACA;EACA;;AAGH;EAEE;;AAEF;EAEE;EACA;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACN;;AAEI;EAEE;EACA;EACA;EACA;EACN;;AAoBG;EATH;;AAUG;EAAe;;AACf;EAAQ;;AAEX;EAEG;EACJ;EACI;;AAKA;EACE;EACL;EACA;;AAKE;EAEG;EACL;;AAKG;EAEG;EACA;EACA;EACA;EACA;EACA;;AACN;EACC;;AACA;EAAI;;AAEC;EACE;;AAEF;EEplBV;EACI;EACA;EACA;EACA;;AAEL;EACC;IAAM;IAA2B;;;AAGlC;EACC;IAAM;IAA8B;;;AAGrC;EACC;IAAM;IAA+B;;;AAGtC;EACC;IAAM;IAAmC;;;AAG1C;EACC;IAAM;IAAgC;;;AFmkBrC;EAEE;EACA;;AACA;EACE;EACD;;AAED;EAAI;;AAWA;EACG;;AAEH;EACG;EACA;EACA;EACA;;AAEH;EACE;EAEA;;AACA;EACI;EACA;;AAEJ;EACI;;AAET;EACC;EACA;EACA;;AAMJ;EAEE;;AAYI;EAAQ;;AACR;EAAe;;AACf;EAAQ;;AAIR;EA/HH;;AAgIG;EAAe;;AACf;EAAQ;;AAEX;EAEI;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAKD;EACI;EACA;EACA;;AACA;EAEG;EACA;;AAIN;EAEG;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EAEG;EACA;EACA;;AACA;EAEG;;AAIR;EAEG;EACA;EACA;EAEA;;AAOd;EAEE;EACA;EACA;EACA;;AAEA;EAAU;;AAGZ;EACI;EAEA;EAEL;;AACK;EAAM;;AACN;EACG;EACA;EACA;EACN;;AACM;EAAgB;EAAkB;;AACxC;EAAkB;;AAClB;EAAkB;;AAClB;EAAU;EAAc;;AAGrB;EACE;EACA;;AAIN;EAEG;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EAAO;;AAET;EACE;EACA;EACA;EACA;EACA;EACA;;AAGL;EAEI;EACA;EACA;;AASD;EAAQ;;AACR;EAAe;;AACf;EAAQ;;AAIR;EApRH;;AAqRG;EAAe;;AACf;EAAQ;;AAGX;EAEE;EACA;EACA;EACA;EACA;EACJ;EACA;;AAEI;EACE;EACA;EACL;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGG;EACI;EACA;EACA;;AAEA;EACE;;AAEF;EACE,QC11BD;ED21BC;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;;AAKR;EAEE;EACA;EACA;;AACA;EAAQ;;AACR;EACI;EACA;EACN;;AAEE;EACG;EACA;;AAEH;EAEE;EACA;EACA;EACA;EACA;EACL;;AAGK;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EAEE;;AAMJ;EACC;;AAIC;EACG;EACA;EACA;EACA;EACJ;;AAEA;EACG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;;AAIC;EAEG;EACA;EACA;EACA;;AAIN;EAEC;EACA;EACA;;AAGK;EACI;EACA;EACA;EACP;EACA;;AAEO;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;EACA;;AAKR;EAIH;EACA;EAGK;;AAEL;EAIC;EACA;EACA;;AAID;EAEC;EACC;EACD;EACA;EACA;EACA;EACA;;AAED;EAEE;;AAIF;EAGC;;AASI;EAEG;EACA;EACA;EACA;;AAEA;EACE;EACR;EACA;EASA;EACA;;AATA;EAEC;;AAED;EAEC;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGK;EACE;EACA;EACA;EACA;EACA;EACA;;AAGL;EAEG;;AAEH;EAEE;;AAKP;EACI;EACA;;AAYD;EAAQ;;AACR;EAAe;;AACf;EAAQ;;AAIR;EA5jBH;;AA6jBG;EAAe;;AACf;EAAQ;;AAGX;EACI;;AAEF;EAEI;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAOV;EAEG;EACA;EACA;EACA;EACA;;AAKL;EAEE;EAEA;;AACA;EAAK;EACH;EACA;;AAEA;EAEE;EACA;;AAIJ;EAAW;;AAEX;EAEC;EACA;;AAEK;EACG;;AAEH;EACG;EACA;EACA;EACA;EACN;;AAEG;EACE;EAEA;;AACA;EACI;EACA;;AAEJ;EACI;;AAGX;EAEE;EACA","file":"shortpixel-bulk.css"}
 
 
 
 
 
 
res/css/shortpixel-notices.css CHANGED
@@ -10,61 +10,84 @@
10
  margin: 15px 0;
11
  border-left-width: 4px;
12
  border-left-color: #72aee6;
13
- position: relative; }
14
- .shortpixel.shortpixel-notice span {
15
- vertical-align: middle; }
16
- .shortpixel.shortpixel-notice span.icon {
17
- margin: 0 25px 0 0;
18
- width: 80px; }
19
- .shortpixel.shortpixel-notice span.content {
20
- padding: 8px 0; }
21
- .shortpixel.shortpixel-notice .details-wrapper {
22
- margin: 8px 0 4px 0; }
23
- .shortpixel.shortpixel-notice .details-wrapper .detail-content-wrapper {
24
- max-height: 0;
25
- overflow: hidden; }
26
- .shortpixel.shortpixel-notice .details-wrapper .detail-content-wrapper .detail-content {
27
- opacity: 0;
28
- transition: opacity 750ms linear; }
29
- .shortpixel.shortpixel-notice .details-wrapper label {
30
- opacity: 100;
31
- transition: opacity 250ms ease-in; }
32
- .shortpixel.shortpixel-notice .details-wrapper label span {
33
- cursor: pointer;
34
- font-size: 14px;
35
- color: #0085ba;
36
- font-weight: 500; }
37
- .shortpixel.shortpixel-notice .details-wrapper input[name="detailhider"] {
38
- display: none; }
39
- .shortpixel.shortpixel-notice .details-wrapper input[name="detailhider"]:checked ~ .detail-content-wrapper {
40
- max-height: none; }
41
- .shortpixel.shortpixel-notice .details-wrapper input[name="detailhider"]:checked ~ .detail-content-wrapper .detail-content {
42
- opacity: 100; }
43
- .shortpixel.shortpixel-notice .details-wrapper input[name="detailhider"]:checked ~ .show-details {
44
- opacity: 0;
45
- transition: opacity 50ms ease-out; }
46
- .shortpixel.shortpixel-notice .details-wrapper input[name='detailhider']:not(:checked) ~ .hide-details {
47
- opacity: 0;
48
- transition: opacity 50ms ease-out; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
49
 
50
  .shortpixel.shortpixel-notice .sp-conflict-plugins {
51
  display: table;
52
  border-spacing: 10px;
53
- border-collapse: separate; }
54
- .shortpixel.shortpixel-notice .sp-conflict-plugins li {
55
- display: table-row; }
56
- .shortpixel.shortpixel-notice .sp-conflict-plugins li > * {
57
- display: table-cell; }
 
 
 
58
  .shortpixel.shortpixel-notice .content .button-primary {
59
  background-color: #0f6a7d;
60
- border-color: #0f6a7d; }
61
- .shortpixel.shortpixel-notice .content .button-primary:hover {
62
- background-color: #1cbecb; }
 
 
63
  .shortpixel.shortpixel-notice li.sp-conflict-plugins-list {
64
  line-height: 28px;
65
  list-style: disc;
66
- margin-left: 80px; }
 
67
  .shortpixel.shortpixel-notice li.sp-conflict-plugins-list a.button {
68
- margin-left: 10px; }
 
69
 
70
  /*# sourceMappingURL=shortpixel-notices.css.map */
10
  margin: 15px 0;
11
  border-left-width: 4px;
12
  border-left-color: #72aee6;
13
+ position: relative;
14
+ }
15
+ .shortpixel.shortpixel-notice span {
16
+ vertical-align: middle;
17
+ }
18
+ .shortpixel.shortpixel-notice span.icon {
19
+ margin: 0 25px 0 0;
20
+ width: 80px;
21
+ }
22
+ .shortpixel.shortpixel-notice span.content {
23
+ padding: 8px 0;
24
+ word-wrap: break-word;
25
+ overflow: hidden;
26
+ }
27
+ .shortpixel.shortpixel-notice .details-wrapper {
28
+ margin: 8px 0 4px 0;
29
+ }
30
+ .shortpixel.shortpixel-notice .details-wrapper .detail-content-wrapper {
31
+ max-height: 0;
32
+ overflow: hidden;
33
+ }
34
+ .shortpixel.shortpixel-notice .details-wrapper .detail-content-wrapper .detail-content {
35
+ opacity: 0;
36
+ transition: opacity 750ms linear;
37
+ }
38
+ .shortpixel.shortpixel-notice .details-wrapper label {
39
+ opacity: 100;
40
+ transition: opacity 250ms ease-in;
41
+ }
42
+ .shortpixel.shortpixel-notice .details-wrapper label span {
43
+ cursor: pointer;
44
+ font-size: 14px;
45
+ color: #0085ba;
46
+ font-weight: 500;
47
+ }
48
+ .shortpixel.shortpixel-notice .details-wrapper input[name=detailhider] {
49
+ display: none;
50
+ }
51
+ .shortpixel.shortpixel-notice .details-wrapper input[name=detailhider]:checked ~ .detail-content-wrapper {
52
+ max-height: none;
53
+ }
54
+ .shortpixel.shortpixel-notice .details-wrapper input[name=detailhider]:checked ~ .detail-content-wrapper .detail-content {
55
+ opacity: 100;
56
+ }
57
+ .shortpixel.shortpixel-notice .details-wrapper input[name=detailhider]:checked ~ .show-details {
58
+ opacity: 0;
59
+ transition: opacity 50ms ease-out;
60
+ }
61
+ .shortpixel.shortpixel-notice .details-wrapper input[name=detailhider]:not(:checked) ~ .hide-details {
62
+ opacity: 0;
63
+ transition: opacity 50ms ease-out;
64
+ }
65
 
66
  .shortpixel.shortpixel-notice .sp-conflict-plugins {
67
  display: table;
68
  border-spacing: 10px;
69
+ border-collapse: separate;
70
+ }
71
+ .shortpixel.shortpixel-notice .sp-conflict-plugins li {
72
+ display: table-row;
73
+ }
74
+ .shortpixel.shortpixel-notice .sp-conflict-plugins li > * {
75
+ display: table-cell;
76
+ }
77
  .shortpixel.shortpixel-notice .content .button-primary {
78
  background-color: #0f6a7d;
79
+ border-color: #0f6a7d;
80
+ }
81
+ .shortpixel.shortpixel-notice .content .button-primary:hover {
82
+ background-color: #1cbecb;
83
+ }
84
  .shortpixel.shortpixel-notice li.sp-conflict-plugins-list {
85
  line-height: 28px;
86
  list-style: disc;
87
+ margin-left: 80px;
88
+ }
89
  .shortpixel.shortpixel-notice li.sp-conflict-plugins-list a.button {
90
+ margin-left: 10px;
91
+ }
92
 
93
  /*# sourceMappingURL=shortpixel-notices.css.map */
res/css/shortpixel-notices.css.map CHANGED
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "mappings": "AAGA,6BACA;EAGG,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,GAAG;EACZ,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,QAAQ;EACjB,UAAU,EAAE,6BAA0B;EACtC,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,MAAM;EACf,iBAAiB,EAAE,GAAG;EACrB,iBAAiB,EAAE,OAAO;EAC1B,QAAQ,EAAE,QAAQ;EAMlB,kCACA;IACE,cAAc,EAAE,MAAM;IACtB,uCAAO;MAEL,MAAM,EAAE,UAAU;MACrB,KAAK,EAAE,IAAI;IAGZ,0CACA;MAEC,OAAO,EAAE,KAAK;EAGf,8CACA;IACG,MAAM,EAAE,WAAW;IACnB,sEACA;MACE,UAAU,EAAE,CAAC;MACb,QAAQ,EAAE,MAAM;MAEhB,sFAAgB;QACd,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,oBAAoB;IAGpC,oDACA;MACE,OAAO,EAAE,GAAG;MACZ,UAAU,EAAE,qBAAqB;MACjC,yDACA;QACE,MAAM,EAAE,OAAO;QACf,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,GAAG;IAGpB,wEAA0B;MAAE,OAAO,EAAE,IAAI;IACzC,0GACA;MACI,UAAU,EAAE,IAAI;IAEpB,0HACA;MACI,OAAO,EAAE,GAAG;IAGhB,gGACA;MACG,OAAO,EAAE,CAAC;MACX,UAAU,EAAE,qBAAqB;IAEnC,sGACA;MACG,OAAO,EAAE,CAAC;MACV,UAAU,EAAE,qBAAqB;;AAQxC,kDAAqB;EACjB,OAAO,EAAE,KAAK;EACd,cAAc,EAAE,IAAI;EACpB,eAAe,EAAE,QAAQ;EACzB,qDAAG;IACC,OAAO,EAAE,SAAS;EAEtB,yDAAO;IACH,OAAO,EAAE,UAAU;AAK3B,sDACA;EACE,gBAAgB,ECxGJ,OAAO;EDyGrB,YAAY,ECzGE,OAAO;ED2GrB,4DAAQ;IAAE,gBAAgB,EC1Gf,OAAO;AD6GlB,yDAA4B;EACxB,WAAW,EAAE,IAAI;EACjB,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,IAAI;AAErB,kEAAqC;EACjC,WAAW,EAAE,IAAI",
4
- "sources": ["../scss/shortpixel-notices.scss","../scss/elements/_colors.scss"],
5
- "names": [],
6
- "file": "shortpixel-notices.css"
7
- }
1
+ {"version":3,"sourceRoot":"","sources":["../scss/shortpixel-notices.scss","../scss/elements/_colors.scss"],"names":[],"mappings":"AAGA;EAIG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;EACC;EACA;;AAMA;EAEE;;AACA;EAEE;EACH;;AAGD;EAGC;EACA;EACA;;AAGD;EAEG;;AACA;EAEE;EACA;;AAEA;EACE;EACA;;AAGJ;EAEE;EACA;;AACA;EAEE;EACA;EACA;EACA;;AAGJ;EAA4B;;AAC5B;EAEI;;AAEJ;EAEI;;AAGJ;EAEG;EACD;;AAEF;EAEG;EACA;;;AAQP;EACI;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAKR;EAEE,kBC1GY;ED2Gd,cC3Gc;;AD6Gd;EAAU,kBC5GC;;AD+GX;EACI;EACA;EACA;;AAEJ;EACI","file":"shortpixel-notices.css"}
 
 
 
 
 
 
res/css/shortpixel-settings.css CHANGED
@@ -1,358 +1,480 @@
1
  .settings_page_wp-shortpixel-settings {
2
- /* In-view notice ( not on top, between the options ) - styled after WP notice */ }
3
- .settings_page_wp-shortpixel-settings a {
4
- color: #0f6a7d; }
5
- .settings_page_wp-shortpixel-settings p {
6
- font-size: 14px; }
7
- .settings_page_wp-shortpixel-settings .button, .settings_page_wp-shortpixel-settings button:focus {
8
- color: #0f6a7d;
9
- border-color: #0f6a7d; }
10
- .settings_page_wp-shortpixel-settings .button-primary, .settings_page_wp-shortpixel-settings .button-primary:focus {
11
- background-color: #0f6a7d;
12
- border-color: #0f6a7d;
13
- color: #fff; }
14
- .settings_page_wp-shortpixel-settings .button-primary:hover, .settings_page_wp-shortpixel-settings .button-primary:focus:hover {
15
- background-color: #1cbecb;
16
- border-color: #0f6a7d; }
17
- .settings_page_wp-shortpixel-settings .submit .button {
18
- min-height: 44px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  .settings_page_wp-shortpixel-settings .top-menu {
20
- font-size: 18px;
21
- display: flex;
22
- width: 100%;
23
- min-height: 50px;
24
- align-items: center;
25
- margin: 15px 0;
26
- position: relative; }
27
- @media (max-width: 1200px) {
28
- .settings_page_wp-shortpixel-settings .top-menu {
29
- margin-bottom: 50px; } }
30
- .settings_page_wp-shortpixel-settings .top-menu .links {
31
- padding-right: 195px;
32
- flex: 12 4 auto; }
33
- .settings_page_wp-shortpixel-settings .top-menu .links a {
34
- font-size: 18px;
35
- margin-right: 8px;
36
- white-space: nowrap;
37
- line-height: 26px; }
38
- .settings_page_wp-shortpixel-settings .top-menu .quota-remaining {
39
- font-size: 13px; }
40
- .settings_page_wp-shortpixel-settings .top-menu .spio-status-box {
41
- text-align: center;
42
- position: absolute;
43
- top: -49px;
44
- right: 0;
45
- padding: 5px 10px;
46
- background: white;
47
- box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
48
- z-index: 1; }
49
- .settings_page_wp-shortpixel-settings .top-menu .pie-wrapper {
50
- flex: 4 2 auto;
51
- min-width: 100px;
52
- display: inline-block; }
53
- .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary {
54
- z-index: 10; }
55
- .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average {
56
- width: 100px;
57
- height: 100px; }
58
- .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .trail {
59
- stroke: #ddd; }
60
- .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .path {
61
- stroke: #1cbecb;
62
- stroke-linecap: round;
63
- transition: stroke-dashoffset 0.5s ease 0s; }
64
- .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .text {
65
- fill: #1FBEC9;
66
- font-size: 28px;
67
- font-weight: 700;
68
- dominant-baseline: middle;
69
- text-anchor: middle; }
70
- .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary span {
71
- margin: 0;
72
- font-size: 12px;
73
- padding: 4px 8px;
74
- font-weight: 700;
75
- border-radius: 3px;
76
- white-space: nowrap;
77
- color: #0f6a7d; }
78
- @media (max-width: 1500px) {
79
- .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average {
80
- width: 100px;
81
- height: 100px; } }
82
- .settings_page_wp-shortpixel-settings .wp-shortpixel-tab-content {
83
- transition: all 1000ms linear; }
84
- .settings_page_wp-shortpixel-settings .red {
85
- color: #ff0000; }
86
- .settings_page_wp-shortpixel-settings .option {
87
- padding: 8px;
88
- display: inline-block; }
89
- .settings_page_wp-shortpixel-settings .option p {
90
- margin: 14px 0; }
91
- .settings_page_wp-shortpixel-settings .shortpixel-help-link span.dashicons {
92
- text-decoration: none;
93
- margin-top: -1px; }
94
- .settings_page_wp-shortpixel-settings article.sp-tabs section p.settings-info {
95
- padding-top: 0px;
96
- color: #818181;
97
- font-size: 13px !important; }
98
- .settings_page_wp-shortpixel-settings article.sp-tabs section p.settings-info.shortpixel-settings-error {
99
- color: #c32525; }
100
- .settings_page_wp-shortpixel-settings article.sp-tabs section .wp-shortpixel-tab-content {
101
- opacity: 0; }
102
- .settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab .wp-shortpixel-tab-content {
103
- opacity: 1; }
104
- .settings_page_wp-shortpixel-settings article.sp-tabs section .option-content {
105
- display: inline-block; }
106
- .settings_page_wp-shortpixel-settings article.sp-tabs section .suboption {
107
- margin-left: 20px; }
108
- .settings_page_wp-shortpixel-settings article.sp-tabs section .toggleTarget {
109
- display: none;
110
- opacity: 0;
111
- height: 0;
112
- overflow: hidden;
113
- transition: height 350ms ease-in-out, opacity 750ms ease-in-out; }
114
- .settings_page_wp-shortpixel-settings article.sp-tabs section .modalTarget {
115
- display: none; }
116
- .settings_page_wp-shortpixel-settings article.sp-tabs section .toggleTarget.is-visible {
117
- display: block;
118
- opacity: 1;
119
- height: auto; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
120
  .settings_page_wp-shortpixel-settings article.sp-tabs section h2 {
121
- position: absolute;
122
- font-size: 1.3em;
123
- font-weight: normal;
124
- width: 180px;
125
- height: 1.8em;
126
- top: -1.8em;
127
- left: 10px;
128
- padding: 0;
129
- margin: 0;
130
- color: #999;
131
- background-color: #ddd;
132
- /* border-radius: 5px 5px 0 0; */ }
133
- @media (max-width: 991px) {
134
- .settings_page_wp-shortpixel-settings article.sp-tabs section h2 {
135
- width: 140px; } }
136
- .settings_page_wp-shortpixel-settings article.sp-tabs section h2 a {
137
- display: block;
138
- width: 100%;
139
- line-height: 1.8em;
140
- text-align: center;
141
- text-decoration: none;
142
- color: #23282d;
143
- outline: 0 none; }
144
- .settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab h2 {
145
- color: #333;
146
- background-color: #fff;
147
- z-index: 2; }
148
  .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(2) h2 {
149
- left: 192px; }
150
- @media (max-width: 991px) {
151
- .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(2) h2 {
152
- left: 152px; } }
 
 
 
153
  .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(3) h2 {
154
- left: 374px; }
155
- @media (max-width: 991px) {
156
- .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(3) h2 {
157
- left: 294px; } }
 
 
 
158
  .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(4) h2 {
159
- left: 556px; }
160
- @media (max-width: 991px) {
161
- .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(4) h2 {
162
- left: 436px; } }
 
 
 
163
  .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(5) h2 {
164
- left: 738px; }
165
- @media (max-width: 991px) {
166
- .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(5) h2 {
167
- left: 578px; } }
168
- .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(6) h2 {
169
- left: 920px; }
170
- .settings_page_wp-shortpixel-settings section#tab-debug h2 {
171
- left: 738px; }
172
- .settings_page_wp-shortpixel-settings section#tab-debug .flex {
173
- display: flex; }
174
- .settings_page_wp-shortpixel-settings section#tab-debug .env .flex {
175
- flex-wrap: wrap;
176
- max-width: 450px; }
177
- .settings_page_wp-shortpixel-settings section#tab-debug .env .flex span {
178
- width: 45%;
179
- padding: 4px; }
180
- .settings_page_wp-shortpixel-settings section#tab-debug .table {
181
- display: table; }
182
- .settings_page_wp-shortpixel-settings section#tab-debug .table > div {
183
- display: table-row; }
184
- .settings_page_wp-shortpixel-settings section#tab-debug .table > div > span {
185
- display: table-cell; }
186
- .settings_page_wp-shortpixel-settings section#tab-debug .table > div.head > span {
187
- font-weight: 700; }
188
- .settings_page_wp-shortpixel-settings section#tab-debug .table.notices > div > span {
189
- width: 18%;
190
- text-align: center; }
191
- .settings_page_wp-shortpixel-settings section.banner {
192
- width: 100%;
193
- background-color: #dcfdff;
194
- display: flex;
195
- align-items: center;
196
- border: 1px solid #ccc;
197
- margin-top: 35px;
198
- margin-bottom: 45px;
199
- position: relative;
200
- opacity: 0; }
201
- .settings_page_wp-shortpixel-settings section.banner span {
202
- text-align: center; }
203
- .settings_page_wp-shortpixel-settings section.banner .image {
204
- flex: 1; }
205
- .settings_page_wp-shortpixel-settings section.banner .line {
206
- flex: 3; }
207
- .settings_page_wp-shortpixel-settings section.banner .line h3 {
208
- color: #00d0e5; }
209
- .settings_page_wp-shortpixel-settings section.banner .button-wrap {
210
- flex: 2; }
211
- .settings_page_wp-shortpixel-settings section.banner .button-wrap .button {
212
- background: #ff0000;
213
- padding: 8px;
214
- font-weight: 700;
215
- font-size: 20px;
216
- margin: 8px;
217
- color: #fff;
218
- text-transform: uppercase; }
219
- .settings_page_wp-shortpixel-settings .view-notice, .settings_page_wp-shortpixel-settings .compression-notice {
220
- box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
221
- border: 4px solid #fff;
222
- padding: 1px 12px; }
223
- .settings_page_wp-shortpixel-settings .view-notice p, .settings_page_wp-shortpixel-settings .compression-notice p {
224
- margin: 1em 0 !important; }
225
- .settings_page_wp-shortpixel-settings .view-notice h4, .settings_page_wp-shortpixel-settings .compression-notice h4 {
226
- margin: 0;
227
- font-size: 16px; }
228
- .settings_page_wp-shortpixel-settings .view-notice.warning, .settings_page_wp-shortpixel-settings .compression-notice.warning {
229
- border-left-color: #ffb900; }
230
- .settings_page_wp-shortpixel-settings .compression-notice {
231
- margin-top: -20px; }
232
- .settings_page_wp-shortpixel-settings .view-notice-row {
233
- display: none; }
234
- .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression strong {
235
- line-height: 22px; }
236
- .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression .shortpixel-compression-options {
237
- display: inline-block; }
238
- .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label {
239
- width: 158px;
240
- margin: 0 -2px;
241
- background-color: #d1f5fd;
242
- font-weight: bold;
243
- display: inline-block; }
244
- .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label span {
245
- text-align: center;
246
- font-size: 16px;
247
- padding: 8px 0px;
248
- display: block; }
249
- .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label input {
250
- display: none; }
251
- .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label input:checked + span {
252
- background-color: #0f6a7d;
253
- color: #FFF; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
254
 
255
  /* Specific styles for advanced settings tab */
256
  #shortpixel-settings-tabs #tab-adv-settings .addCustomFolder {
257
- margin: 10px 0; }
258
- #shortpixel-settings-tabs #tab-adv-settings .addCustomFolder .add-folder-text {
259
- margin-left: 5px; }
260
- #shortpixel-settings-tabs #tab-adv-settings .addCustomFolder input[type="text"] {
261
- width: 50em;
262
- max-width: 70%; }
263
- #shortpixel-settings-tabs #tab-adv-settings .addCustomFolder input[name="saveAdv"] {
264
- margin-left: 8px; }
 
 
 
 
265
  #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list {
266
  display: table;
267
- border-collapse: separate; }
268
- #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div.heading {
269
- width: auto;
270
- display: table-header-group;
271
- padding: 12px 16px 12px 12px; }
272
- #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div.heading span {
273
- font-weight: 600;
274
- font-size: 14px; }
275
- #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div {
276
- display: table-row; }
277
- #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div > span {
278
- display: table-cell;
279
- padding: 5px 10px;
280
- vertical-align: middle;
281
- background-color: #eee; }
282
- #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div > span.action {
283
- background-color: unset; }
284
- #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list .refresh-folder {
285
- text-decoration: none; }
286
- #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list .info-icon {
287
- cursor: pointer; }
 
 
 
 
 
 
 
 
288
  #shortpixel-settings-tabs #tab-adv-settings .deliverWebpTypes, #shortpixel-settings-tabs #tab-adv-settings .deliverWebpAlteringTypes {
289
- margin: 16px 0 16px 16px; }
 
 
 
 
 
 
 
 
 
290
 
291
  .cf_switch label {
292
  width: 100%;
293
  margin: 0 -2px;
294
  background-color: #e2faff;
295
- display: inline-block; }
296
- .cf_switch label span {
297
- padding: 8px 0px 8px 15px;
298
- display: block; }
299
- .cf_switch label input {
300
- display: none; }
301
- .cf_switch label input:checked + span {
302
- background-color: #0085ba;
303
- color: #F7F7F7; }
 
 
 
 
304
  .cf_switch.global-hidden label {
305
- cursor: default; }
 
306
  .cf_switch.global-hidden input:checked + span {
307
  background-color: #fff;
308
  color: #000;
309
- padding-left: 0; }
 
310
 
311
  #tab-tools .button {
312
- min-height: 44px; }
 
313
  #tab-tools .option {
314
  clear: both;
315
  display: flex;
316
- margin: 25px 0; }
317
- #tab-tools .option div.name {
318
- width: 220px;
319
- font-weight: 700;
320
- display: inline-block;
321
- flex: 0 0 auto;
322
- font-size: 14px; }
323
- #tab-tools .option div.field {
324
- display: inline-block;
325
- vertical-align: middle; }
326
- #tab-tools .option div.field .button {
327
- min-width: 200px;
328
- font-weight: 700;
329
- text-align: center;
330
- padding: 6px 8px; }
331
- #tab-tools .option div.field .button.danger {
332
- color: #fff;
333
- background: #ff0000;
334
- border: 1px solid #ff0000; }
335
- #tab-tools .option div.field.queue-warning {
336
- border: 1px solid #ff0000;
337
- font-weight: 700;
338
- padding: 6px 8px; }
 
 
 
 
 
 
339
  #tab-tools .option-row {
340
  margin: 15px 0;
341
- display: block; }
 
342
  #tab-tools .danger-zone h3 {
343
  margin-left: 15px;
344
  text-transform: uppercase;
345
- font-weight: 700; }
 
346
  #tab-tools .danger-zone > p {
347
- margin-left: 15px; }
 
348
 
349
  div.spio-inline-help {
350
  float: right;
351
- margin-left: 15px; }
352
- div.spio-inline-help span {
353
- font-size: 1.8em;
354
- color: #1caecb;
355
- cursor: pointer; }
 
 
356
 
357
  div.spio-modal-shade {
358
  display: none;
@@ -372,7 +494,8 @@ div.spio-modal-shade {
372
  background-color: black;
373
  /* Fallback color */
374
  background-color: rgba(0, 0, 0, 0.4);
375
- /* Black w/ opacity */ }
 
376
 
377
  div.spio-modal {
378
  background-color: #fefefe;
@@ -392,22 +515,26 @@ div.spio-modal {
392
  top: 10%;
393
  left: 50%;
394
  max-height: 90%;
395
- overflow-y: auto; }
396
- div.spio-modal .spio-close-help-button {
397
- position: absolute;
398
- top: 5px;
399
- right: 0;
400
- margin-top: 0px;
401
- background: transparent;
402
- border: none;
403
- font-size: 22px;
404
- line-height: 10px;
405
- cursor: pointer; }
 
 
406
 
407
  div.spio-modal-title {
408
- font-size: 22px; }
 
409
 
410
  .spio-hide {
411
- display: none; }
 
412
 
413
  /*# sourceMappingURL=shortpixel-settings.css.map */
1
  .settings_page_wp-shortpixel-settings {
2
+ /* In-view notice ( not on top, between the options ) - styled after WP notice */
3
+ }
4
+ .settings_page_wp-shortpixel-settings a {
5
+ color: #0f6a7d;
6
+ }
7
+ .settings_page_wp-shortpixel-settings p {
8
+ font-size: 14px;
9
+ }
10
+ .settings_page_wp-shortpixel-settings .button, .settings_page_wp-shortpixel-settings button:focus {
11
+ color: #0f6a7d;
12
+ border-color: #0f6a7d;
13
+ }
14
+ .settings_page_wp-shortpixel-settings .button-primary, .settings_page_wp-shortpixel-settings .button-primary:focus {
15
+ background-color: #0f6a7d;
16
+ border-color: #0f6a7d;
17
+ color: #fff;
18
+ }
19
+ .settings_page_wp-shortpixel-settings .button-primary:hover, .settings_page_wp-shortpixel-settings .button-primary:focus:hover {
20
+ background-color: #1cbecb;
21
+ border-color: #0f6a7d;
22
+ }
23
+ .settings_page_wp-shortpixel-settings .submit .button {
24
+ min-height: 44px;
25
+ }
26
+ .settings_page_wp-shortpixel-settings .top-menu {
27
+ font-size: 18px;
28
+ display: flex;
29
+ width: 100%;
30
+ min-height: 50px;
31
+ align-items: center;
32
+ margin: 15px 0;
33
+ position: relative;
34
+ }
35
+ @media (max-width: 1200px) {
36
  .settings_page_wp-shortpixel-settings .top-menu {
37
+ margin-bottom: 50px;
38
+ }
39
+ }
40
+ .settings_page_wp-shortpixel-settings .top-menu .links {
41
+ padding-right: 195px;
42
+ flex: 12 4 auto;
43
+ }
44
+ .settings_page_wp-shortpixel-settings .top-menu .links a {
45
+ font-size: 18px;
46
+ margin-right: 8px;
47
+ white-space: nowrap;
48
+ line-height: 26px;
49
+ }
50
+ .settings_page_wp-shortpixel-settings .top-menu .quota-remaining {
51
+ font-size: 13px;
52
+ }
53
+ .settings_page_wp-shortpixel-settings .top-menu .spio-status-box {
54
+ text-align: center;
55
+ position: absolute;
56
+ top: -49px;
57
+ right: 0;
58
+ padding: 5px 10px;
59
+ background: white;
60
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
61
+ z-index: 1;
62
+ }
63
+ .settings_page_wp-shortpixel-settings .top-menu .pie-wrapper {
64
+ flex: 4 2 auto;
65
+ min-width: 100px;
66
+ display: inline-block;
67
+ }
68
+ .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary {
69
+ z-index: 10;
70
+ }
71
+ .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average {
72
+ width: 100px;
73
+ height: 100px;
74
+ }
75
+ .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .trail {
76
+ stroke: #ddd;
77
+ }
78
+ .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .path {
79
+ stroke: #1cbecb;
80
+ stroke-linecap: round;
81
+ transition: stroke-dashoffset 0.5s ease 0s;
82
+ }
83
+ .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average .text {
84
+ fill: #1FBEC9;
85
+ font-size: 28px;
86
+ font-weight: 700;
87
+ dominant-baseline: middle;
88
+ text-anchor: middle;
89
+ }
90
+ .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary span {
91
+ margin: 0;
92
+ font-size: 12px;
93
+ padding: 4px 8px;
94
+ font-weight: 700;
95
+ border-radius: 3px;
96
+ white-space: nowrap;
97
+ color: #0f6a7d;
98
+ }
99
+ @media (max-width: 1500px) {
100
+ .settings_page_wp-shortpixel-settings .top-menu div.sp-bulk-summary .opt-circle-average {
101
+ width: 100px;
102
+ height: 100px;
103
+ }
104
+ }
105
+ .settings_page_wp-shortpixel-settings .wp-shortpixel-tab-content {
106
+ transition: all 1000ms linear;
107
+ }
108
+ .settings_page_wp-shortpixel-settings .red {
109
+ color: #ff0000;
110
+ }
111
+ .settings_page_wp-shortpixel-settings .option {
112
+ padding: 8px;
113
+ display: inline-block;
114
+ }
115
+ .settings_page_wp-shortpixel-settings .option p {
116
+ margin: 14px 0;
117
+ }
118
+ .settings_page_wp-shortpixel-settings .shortpixel-help-link span.dashicons {
119
+ text-decoration: none;
120
+ margin-top: -1px;
121
+ }
122
+ .settings_page_wp-shortpixel-settings article.sp-tabs section p.settings-info {
123
+ padding-top: 0px;
124
+ color: #818181;
125
+ font-size: 13px !important;
126
+ }
127
+ .settings_page_wp-shortpixel-settings article.sp-tabs section p.settings-info.shortpixel-settings-error {
128
+ color: #c32525;
129
+ }
130
+ .settings_page_wp-shortpixel-settings article.sp-tabs section .wp-shortpixel-tab-content {
131
+ opacity: 0;
132
+ }
133
+ .settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab .wp-shortpixel-tab-content {
134
+ opacity: 1;
135
+ }
136
+ .settings_page_wp-shortpixel-settings article.sp-tabs section .option-content {
137
+ display: inline-block;
138
+ }
139
+ .settings_page_wp-shortpixel-settings article.sp-tabs section .suboption {
140
+ margin-left: 20px;
141
+ }
142
+ .settings_page_wp-shortpixel-settings article.sp-tabs section .toggleTarget {
143
+ display: none;
144
+ opacity: 0;
145
+ height: 0;
146
+ overflow: hidden;
147
+ transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
148
+ }
149
+ .settings_page_wp-shortpixel-settings article.sp-tabs section .modalTarget {
150
+ display: none;
151
+ }
152
+ .settings_page_wp-shortpixel-settings article.sp-tabs section .toggleTarget.is-visible {
153
+ display: block;
154
+ opacity: 1;
155
+ height: auto;
156
+ }
157
+ .settings_page_wp-shortpixel-settings article.sp-tabs section h2 {
158
+ position: absolute;
159
+ font-size: 1.3em;
160
+ font-weight: normal;
161
+ width: 180px;
162
+ height: 1.8em;
163
+ top: -1.8em;
164
+ left: 10px;
165
+ padding: 0;
166
+ margin: 0;
167
+ color: #999;
168
+ background-color: #ddd;
169
+ /* border-radius: 5px 5px 0 0; */
170
+ }
171
+ @media (max-width: 991px) {
172
  .settings_page_wp-shortpixel-settings article.sp-tabs section h2 {
173
+ width: 140px;
174
+ }
175
+ }
176
+ .settings_page_wp-shortpixel-settings article.sp-tabs section h2 a {
177
+ display: block;
178
+ width: 100%;
179
+ line-height: 1.8em;
180
+ text-align: center;
181
+ text-decoration: none;
182
+ color: #23282d;
183
+ outline: 0 none;
184
+ }
185
+ .settings_page_wp-shortpixel-settings article.sp-tabs section.sel-tab h2 {
186
+ color: #333;
187
+ background-color: #fff;
188
+ z-index: 2;
189
+ }
190
+ .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(2) h2 {
191
+ left: 192px;
192
+ }
193
+ @media (max-width: 991px) {
 
 
 
 
 
 
194
  .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(2) h2 {
195
+ left: 152px;
196
+ }
197
+ }
198
+ .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(3) h2 {
199
+ left: 374px;
200
+ }
201
+ @media (max-width: 991px) {
202
  .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(3) h2 {
203
+ left: 294px;
204
+ }
205
+ }
206
+ .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(4) h2 {
207
+ left: 556px;
208
+ }
209
+ @media (max-width: 991px) {
210
  .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(4) h2 {
211
+ left: 436px;
212
+ }
213
+ }
214
+ .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(5) h2 {
215
+ left: 738px;
216
+ }
217
+ @media (max-width: 991px) {
218
  .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(5) h2 {
219
+ left: 578px;
220
+ }
221
+ }
222
+ .settings_page_wp-shortpixel-settings article.sp-tabs section:nth-of-type(6) h2 {
223
+ left: 920px;
224
+ }
225
+ .settings_page_wp-shortpixel-settings section#tab-debug h2 {
226
+ left: 738px;
227
+ }
228
+ .settings_page_wp-shortpixel-settings section#tab-debug .flex {
229
+ display: flex;
230
+ }
231
+ .settings_page_wp-shortpixel-settings section#tab-debug .env .flex {
232
+ flex-wrap: wrap;
233
+ max-width: 450px;
234
+ }
235
+ .settings_page_wp-shortpixel-settings section#tab-debug .env .flex span {
236
+ width: 45%;
237
+ padding: 4px;
238
+ }
239
+ .settings_page_wp-shortpixel-settings section#tab-debug .table {
240
+ display: table;
241
+ }
242
+ .settings_page_wp-shortpixel-settings section#tab-debug .table > div {
243
+ display: table-row;
244
+ }
245
+ .settings_page_wp-shortpixel-settings section#tab-debug .table > div > span {
246
+ display: table-cell;
247
+ }
248
+ .settings_page_wp-shortpixel-settings section#tab-debug .table > div.head > span {
249
+ font-weight: 700;
250
+ }
251
+ .settings_page_wp-shortpixel-settings section#tab-debug .table.notices > div > span {
252
+ width: 18%;
253
+ text-align: center;
254
+ }
255
+ .settings_page_wp-shortpixel-settings section.banner {
256
+ width: 100%;
257
+ background-color: #dcfdff;
258
+ display: flex;
259
+ align-items: center;
260
+ border: 1px solid #ccc;
261
+ margin-top: 35px;
262
+ margin-bottom: 45px;
263
+ position: relative;
264
+ opacity: 0;
265
+ }
266
+ .settings_page_wp-shortpixel-settings section.banner span {
267
+ text-align: center;
268
+ }
269
+ .settings_page_wp-shortpixel-settings section.banner .image {
270
+ flex: 1;
271
+ }
272
+ .settings_page_wp-shortpixel-settings section.banner .line {
273
+ flex: 3;
274
+ }
275
+ .settings_page_wp-shortpixel-settings section.banner .line h3 {
276
+ color: #00d0e5;
277
+ }
278
+ .settings_page_wp-shortpixel-settings section.banner .button-wrap {
279
+ flex: 2;
280
+ }
281
+ .settings_page_wp-shortpixel-settings section.banner .button-wrap .button {
282
+ background: #ff0000;
283
+ padding: 8px;
284
+ font-weight: 700;
285
+ font-size: 20px;
286
+ margin: 8px;
287
+ color: #fff;
288
+ text-transform: uppercase;
289
+ }
290
+ .settings_page_wp-shortpixel-settings .view-notice, .settings_page_wp-shortpixel-settings .compression-notice {
291
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
292
+ border: 4px solid #fff;
293
+ padding: 1px 12px;
294
+ }
295
+ .settings_page_wp-shortpixel-settings .view-notice p, .settings_page_wp-shortpixel-settings .compression-notice p {
296
+ margin: 1em 0 !important;
297
+ }
298
+ .settings_page_wp-shortpixel-settings .view-notice h4, .settings_page_wp-shortpixel-settings .compression-notice h4 {
299
+ margin: 0;
300
+ font-size: 16px;
301
+ }
302
+ .settings_page_wp-shortpixel-settings .view-notice.warning, .settings_page_wp-shortpixel-settings .compression-notice.warning {
303
+ border-left-color: #ffb900;
304
+ }
305
+ .settings_page_wp-shortpixel-settings .compression-notice {
306
+ margin-top: -20px;
307
+ }
308
+ .settings_page_wp-shortpixel-settings .view-notice-row {
309
+ display: none;
310
+ }
311
+ .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression strong {
312
+ line-height: 22px;
313
+ }
314
+ .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression .shortpixel-compression-options {
315
+ display: inline-block;
316
+ }
317
+ .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label {
318
+ width: 158px;
319
+ margin: 0 -2px;
320
+ background-color: #d1f5fd;
321
+ font-weight: bold;
322
+ display: inline-block;
323
+ }
324
+ .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label span {
325
+ text-align: center;
326
+ font-size: 16px;
327
+ padding: 8px 0px;
328
+ display: block;
329
+ }
330
+ .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label input {
331
+ display: none;
332
+ }
333
+ .settings_page_wp-shortpixel-settings #tab-settings .shortpixel-compression label input:checked + span {
334
+ background-color: #0f6a7d;
335
+ color: #FFF;
336
+ }
337
 
338
  /* Specific styles for advanced settings tab */
339
  #shortpixel-settings-tabs #tab-adv-settings .addCustomFolder {
340
+ margin: 10px 0;
341
+ }
342
+ #shortpixel-settings-tabs #tab-adv-settings .addCustomFolder .add-folder-text {
343
+ margin-left: 5px;
344
+ }
345
+ #shortpixel-settings-tabs #tab-adv-settings .addCustomFolder input[type=text] {
346
+ width: 50em;
347
+ max-width: 70%;
348
+ }
349
+ #shortpixel-settings-tabs #tab-adv-settings .addCustomFolder input[name=saveAdv] {
350
+ margin-left: 8px;
351
+ }
352
  #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list {
353
  display: table;
354
+ border-collapse: separate;
355
+ }
356
+ #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div.heading {
357
+ width: auto;
358
+ display: table-header-group;
359
+ padding: 12px 16px 12px 12px;
360
+ }
361
+ #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div.heading span {
362
+ font-weight: 600;
363
+ font-size: 14px;
364
+ }
365
+ #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div {
366
+ display: table-row;
367
+ }
368
+ #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div > span {
369
+ display: table-cell;
370
+ padding: 5px 10px;
371
+ vertical-align: middle;
372
+ background-color: #eee;
373
+ }
374
+ #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list div > span.action {
375
+ background-color: unset;
376
+ }
377
+ #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list .refresh-folder {
378
+ text-decoration: none;
379
+ }
380
+ #shortpixel-settings-tabs #tab-adv-settings .shortpixel-folders-list .info-icon {
381
+ cursor: pointer;
382
+ }
383
  #shortpixel-settings-tabs #tab-adv-settings .deliverWebpTypes, #shortpixel-settings-tabs #tab-adv-settings .deliverWebpAlteringTypes {
384
+ margin: 16px 0 16px 16px;
385
+ }
386
+ #shortpixel-settings-tabs #tab-adv-settings .avifNoticeDisabled {
387
+ padding: 12px 12px;
388
+ line-height: 26px;
389
+ }
390
+ #shortpixel-settings-tabs #tab-adv-settings .avifNoticeDisabled > .spio-inline-help {
391
+ display: inline;
392
+ float: none;
393
+ }
394
 
395
  .cf_switch label {
396
  width: 100%;
397
  margin: 0 -2px;
398
  background-color: #e2faff;
399
+ display: inline-block;
400
+ }
401
+ .cf_switch label span {
402
+ padding: 8px 0px 8px 15px;
403
+ display: block;
404
+ }
405
+ .cf_switch label input {
406
+ display: none;
407
+ }
408
+ .cf_switch label input:checked + span {
409
+ background-color: #0085ba;
410
+ color: #F7F7F7;
411
+ }
412
  .cf_switch.global-hidden label {
413
+ cursor: default;
414
+ }
415
  .cf_switch.global-hidden input:checked + span {
416
  background-color: #fff;
417
  color: #000;
418
+ padding-left: 0;
419
+ }
420
 
421
  #tab-tools .button {
422
+ min-height: 44px;
423
+ }
424
  #tab-tools .option {
425
  clear: both;
426
  display: flex;
427
+ margin: 25px 0;
428
+ }
429
+ #tab-tools .option div.name {
430
+ width: 220px;
431
+ font-weight: 700;
432
+ display: inline-block;
433
+ flex: 0 0 auto;
434
+ font-size: 14px;
435
+ }
436
+ #tab-tools .option div.field {
437
+ display: inline-block;
438
+ vertical-align: middle;
439
+ }
440
+ #tab-tools .option div.field .button {
441
+ min-width: 200px;
442
+ font-weight: 700;
443
+ text-align: center;
444
+ padding: 6px 8px;
445
+ }
446
+ #tab-tools .option div.field .button.danger {
447
+ color: #fff;
448
+ background: #ff0000;
449
+ border: 1px solid #ff0000;
450
+ }
451
+ #tab-tools .option div.field.queue-warning {
452
+ border: 1px solid #ff0000;
453
+ font-weight: 700;
454
+ padding: 6px 8px;
455
+ }
456
  #tab-tools .option-row {
457
  margin: 15px 0;
458
+ display: block;
459
+ }
460
  #tab-tools .danger-zone h3 {
461
  margin-left: 15px;
462
  text-transform: uppercase;
463
+ font-weight: 700;
464
+ }
465
  #tab-tools .danger-zone > p {
466
+ margin-left: 15px;
467
+ }
468
 
469
  div.spio-inline-help {
470
  float: right;
471
+ margin-left: 15px;
472
+ }
473
+ div.spio-inline-help span {
474
+ font-size: 1.8em;
475
+ color: #1caecb;
476
+ cursor: pointer;
477
+ }
478
 
479
  div.spio-modal-shade {
480
  display: none;
494
  background-color: black;
495
  /* Fallback color */
496
  background-color: rgba(0, 0, 0, 0.4);
497
+ /* Black w/ opacity */
498
+ }
499
 
500
  div.spio-modal {
501
  background-color: #fefefe;
515
  top: 10%;
516
  left: 50%;
517
  max-height: 90%;
518
+ overflow-y: auto;
519
+ }
520
+ div.spio-modal .spio-close-help-button {
521
+ position: absolute;
522
+ top: 5px;
523
+ right: 0;
524
+ margin-top: 0px;
525
+ background: transparent;
526
+ border: none;
527
+ font-size: 22px;
528
+ line-height: 10px;
529
+ cursor: pointer;
530
+ }
531
 
532
  div.spio-modal-title {
533
+ font-size: 22px;
534
+ }
535
 
536
  .spio-hide {
537
+ display: none;
538
+ }
539
 
540
  /*# sourceMappingURL=shortpixel-settings.css.map */
res/css/shortpixel-settings.css.map CHANGED
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "mappings": "AAEA,qCACA;EAgWE,iFAAiF;EA5VlF,uCAAE;IACD,KAAK,ECPS,OAAO;EDUtB,uCAAE;IACD,SAAS,EAAE,IAAI;EAEhB,iGACA;IACC,KAAK,ECfS,OAAO;IDgBrB,YAAY,EChBE,OAAO;EDkBtB,kHAAuC;IACtC,gBAAgB,ECnBF,OAAO;IDoBrB,YAAY,ECpBE,OAAO;IDqBrB,KAAK,EAAE,IAAI;IAEX,8HACA;MACC,gBAAgB,ECxBN,OAAO;MDyBjB,YAAY,EC1BC,OAAO;ED+BrB,qDAAQ;IACP,UAAU,EAAE,IAAI;EAGjB,+CACA;IACI,SAAS,EAAE,IAAI;IAClB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,MAAM;IACnB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IEhCjB,0BAAyB;MFwB3B,+CACA;QAUE,aAAa,EAAE,IAAI;IAGrB,sDACA;MAGC,aAAa,EAAE,KAAK;MACpB,IAAI,EAAE,SAAS;MAFZ,wDAAE;QAAE,SAAS,EAAE,IAAI;QAAE,YAAY,EAAE,GAAG;QAAE,WAAW,EAAE,MAAM;QAAE,WAAW,EAAE,IAAI;IAIlF,gEACA;MAEC,SAAS,EAAE,IAAI;IAEb,gEAAiB;MACnB,UAAU,EAAE,MAAM;MAClB,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,KAAK;MACV,KAAK,EAAE,CAAC;MACR,OAAO,EAAE,QAAQ;MACjB,UAAU,EAAE,KAAK;MACjB,UAAU,EAAE,4BAAyB;MACrC,OAAO,EAAE,CAAC;IAEX,4DACA;MACC,IAAI,EAAE,QAAQ;MACd,SAAS,EAAE,KAAK;MAChB,OAAO,EAAE,YAAY;IAGtB,mEAAoB;MAElB,OAAO,EAAE,EAAE;MAEX,uFAAoB;QAClB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QAEb,8FAAO;UACN,MAAM,EAAE,IAAI;QAEb,6FAAM;UACL,MAAM,ECzFA,OAAO;UD0Fb,cAAc,EAAE,KAAK;UACrB,UAAU,EAAE,8BAA8B;QAE3C,6FAAM;UAEL,IAAI,EAAE,OAAO;UACb,SAAS,EAAE,IAAI;UACf,WAAW,EAAE,GAAG;UAChB,iBAAiB,EAAE,MAAM;UACzB,WAAW,EAAE,MAAM;MAItB,wEAAK;QACJ,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,GAAG;QAChB,aAAa,EAAE,GAAG;QAClB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,OAAO;MEpGf,0BAAyB;QFyGxB,uFAAoB;UAClB,KAAK,EAAE,KAAK;UACZ,MAAM,EAAE,KAAK;EAMlB,gEACA;IACE,UAAU,EAAE,iBAAiB;EAE/B,0CAAK;IACF,KAAK,EAAE,OAAO;EAGlB,6CACA;IACE,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,YAAY;IAKrB,+CAAE;MACD,MAAM,EAAE,MAAM;EAIjB,0EACA;IACI,eAAe,EAAE,IAAI;IACrB,UAAU,EAAE,IAAI;EAQlB,6EAAgB;IACZ,WAAW,EAAE,GAAG;IAChB,KAAK,EAAE,OAAO;IACd,SAAS,EAAC,eAAe;EAE7B,uGAA0C;IACtC,KAAK,EAAE,OAAO;EAGf,wFACA;IAAE,OAAO,EAAE,CAAC;EACZ,gGACA;IACE,OAAO,EAAE,CAAC;EAIf,6EACA;IACE,OAAO,EAAE,YAAY;EAEvB,wEACA;IACC,WAAW,EAAE,IAAI;EAIjB,2EACA;IACE,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,mDAAmD;EAGjE,0EACA;IACE,OAAO,EAAE,IAAI;EAGf,sFACA;IACC,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,IAAI;EAIb,gEAAW;IACT,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,IAAI;IACX,gBAAgB,EAAE,IAAI;IAKtB,iCAAiC;IElNnC,yBAAyB;MFkMzB,gEAAW;QAcZ,KAAK,EAAE,KAAK;IAGT,kEAAE;MACE,OAAO,EAAE,KAAK;MACd,KAAK,EAAE,IAAI;MACX,WAAW,EAAE,KAAK;MAClB,UAAU,EAAE,MAAM;MAClB,eAAe,EAAE,IAAI;MACrB,KAAK,EAAE,OAAO;MACd,OAAO,EAAE,MAAM;EAGvB,wEACA;IACC,KAAK,EAAE,IAAI;IACX,gBAAgB,EAAE,IAAI;IACtB,OAAO,EAAE,CAAC;EAIX,+EAA0C;IACtC,IAAI,EAAE,KAAK;IEtOb,yBAAyB;MFqO3B,+EAA0C;QAIxC,IAAI,EAAE,KAAK;EAGb,+EAA0C;IACtC,IAAI,EAAE,KAAK;IE7Ob,yBAAyB;MF4O3B,+EAA0C;QAIxC,IAAI,EAAE,KAAK;EAGb,+EAA0C;IACtC,IAAI,EAAE,KAAK;IEpPb,yBAAyB;MFmP3B,+EAA0C;QAIxC,IAAI,EAAE,KAAK;EAGb,+EAA0C;IACtC,IAAI,EAAE,KAAK;IE3Pb,yBAAyB;MF0P3B,+EAA0C;QAIxC,IAAI,EAAE,KAAK;EAGb,+EAA0C;IACtC,IAAI,EAAE,KAAK;EAWd,0DAAG;IAAE,IAAI,EAAE,KAAK;EACd,6DAAM;IACJ,OAAO,EAAE,IAAI;EAEf,kEAAW;IACR,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,KAAK;IAChB,uEAAK;MACD,KAAK,EAAE,GAAG;MACV,OAAO,EAAE,GAAG;EAGnB,8DACA;IACG,OAAO,EAAE,KAAK;IACd,oEAAK;MACD,OAAO,EAAE,SAAS;MAClB,2EAAM;QACJ,OAAO,EAAE,UAAU;MAErB,gFAAc;QAAE,WAAW,EAAE,GAAG;EAKpC,mFACA;IACG,KAAK,EAAE,GAAG;IACV,UAAU,EAAE,MAAM;EAK3B,oDACA;IACG,KAAK,EAAE,IAAI;IACX,gBAAgB,EAAE,OAAO;IACzB,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,MAAM;IACnB,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;IAEnB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;IAEV,yDAAK;MACH,UAAU,EAAE,MAAM;IAIpB,2DAAO;MAAE,IAAI,EAAE,CAAC;IAChB,0DAAM;MACH,IAAI,EAAE,CAAC;MACP,6DAAG;QAAE,KAAK,EAAE,OAAO;IAGtB,iEACA;MACE,IAAI,EAAE,CAAC;MACP,yEAAQ;QACL,UAAU,EAAE,OAAO;QACnB,OAAO,EAAE,GAAG;QACZ,WAAW,EAAE,GAAG;QAChB,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,IAAI;QACX,cAAc,EAAE,SAAS;EAQjC,6GACA;IAEE,UAAU,EAAE,8BAAgC;IAC5C,MAAM,EAAE,cAAc;IAEtB,OAAO,EAAE,QAAQ;IACjB,iHAAE;MACA,MAAM,EAAE,gBAAgB;IAI5B,mHAAG;MACF,MAAM,EAAE,CAAC;MACT,SAAS,EAAE,IAAI;IAEd,6HACA;MACE,iBAAiB,EAAE,OAAO;EAI/B,yDACA;IACC,UAAU,EAAE,KAAK;EAGjB,sDACA;IACE,OAAO,EAAE,IAAI;EAQX,kFACD;IACE,WAAW,EAAE,IAAI;EAEnB,2GAAgC;IAE/B,OAAO,EAAE,YAAY;EAEvB,iFAAM;IACF,KAAK,EAAC,KAAK;IACX,MAAM,EAAE,MAAM;IACd,gBAAgB,ECjZV,OAAO;IDkZb,WAAW,EAAE,IAAI;IACjB,OAAO,EAAE,YAAY;IACvB,sFAAK;MACD,UAAU,EAAC,MAAM;MACjB,SAAS,EAAE,IAAI;MACf,OAAO,EAAC,OAAO;MACf,OAAO,EAAC,KAAK;IAEjB,uFAAM;MACF,OAAO,EAAE,IAAI;MACf,sGAAiB;QACb,gBAAgB,EC/ZZ,OAAO;QDgaX,KAAK,EAAC,IAAI;;AGjatB,+CAA+C;AAK7C,4DACA;EACE,MAAM,EAAE,MAAM;EACd,6EACA;IACE,WAAW,EAAE,GAAG;EAElB,+EACA;IACE,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,GAAG;EAEhB,kFACA;IACE,WAAW,EAAE,GAAG;AAKpB,oEACA;EACI,OAAO,EAAE,KAAK;EACd,eAAe,EAAE,QAAQ;EAEzB,gFACC;IACC,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,mBAAmB;IAC5B,qFACA;MACE,WAAW,EAAE,GAAG;MAChB,SAAS,EAAE,IAAI;EAGnB,wEACA;IAEE,OAAO,EAAE,SAAS;IAClB,+EACA;MACE,OAAO,EAAE,UAAU;MACnB,OAAO,EAAE,QAAQ;MACjB,cAAc,EAAE,MAAM;MACtB,gBAAgB,EAAE,IAAI;MACtB,sFAAS;QAAE,gBAAgB,EAAE,KAAK;EAMtC,oFAAgB;IAAE,eAAe,EAAE,IAAI;EACvC,+EAAW;IAAE,MAAM,EAAE,OAAO;AAGjC,oIAA6C;EAC1C,MAAM,EAAE,gBAAgB;;ACxD1B,gBAAM;EACJ,KAAK,EAAE,IAAI;EACZ,MAAM,EAAE,MAAM;EACd,gBAAgB,EAAE,OAAO;EAEzB,OAAO,EAAE,YAAY;EAIpB,qBACA;IAGE,OAAO,EAAC,gBAAgB;IACxB,OAAO,EAAC,KAAK;EAIf,sBAAM;IACJ,OAAO,EAAE,IAAI;EAEf,qCACA;IACE,gBAAgB,EAAC,OAAO;IACxB,KAAK,EAAC,OAAO;AAMjB,8BAAM;EACJ,MAAM,EAAE,OAAO;AAEhB,6CACD;EACE,gBAAgB,EAAE,IAAI;EACtB,KAAK,EAAE,IAAI;EACX,YAAY,EAAE,CAAC;;ACvClB,kBAAQ;EAAE,UAAU,EAAE,IAAI;AAC1B,kBAAO;EACL,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,MAAM;EACd,2BAAS;IACP,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,GAAG;IAChB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAG,QAAQ;IACf,SAAS,EAAE,IAAI;EAEjB,4BAAU;IACR,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,MAAM;IAGtB,oCAAQ;MACN,SAAS,EAAE,KAAK;MAChB,WAAW,EAAE,GAAG;MAChB,UAAU,EAAE,MAAM;MAClB,OAAO,EAAE,OAAO;MAChB,2CACA;QACE,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE,iBAAiB;IAI7B,0CACA;MACC,MAAM,EAAE,iBAAiB;MACzB,WAAW,EAAE,GAAG;MAChB,OAAO,EAAE,OAAO;AAQlB,sBACA;EACC,MAAM,EAAE,MAAM;EACd,OAAO,EAAE,KAAK;AAKjB,0BAAG;EACF,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,SAAS;EACzB,WAAW,EAAE,GAAG;AAEjB,2BAAI;EAAE,WAAW,EAAE,IAAI;;ACzDzB,oBAAoB;EAChB,KAAK,EAAC,KAAK;EACb,WAAW,EAAE,IAAI;EACjB,yBAAI;IACA,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;;AAIrB,oBAAqB;EACjB,OAAO,EAAE,IAAI;EAAE,uBAAuB;EACtC,QAAQ,EAAE,KAAK;EAAE,mBAAmB;EACpC,OAAO,EAAE,EAAE;EAAE,gBAAgB;EAC7B,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EAAE,gBAAgB;EAC7B,MAAM,EAAE,IAAI;EAAE,iBAAiB;EAC/B,QAAQ,EAAE,IAAI;EAAE,6BAA6B;EAC7C,gBAAgB,EAAE,KAAU;EAAE,oBAAoB;EAClD,gBAAgB,EAAE,kBAAe;EAAE,sBAAsB;;AAE7D,cAAe;EACX,gBAAgB,EAAE,OAAO;EACzB,oDAAoD;EACtD,gBAAgB,EAAE,0BAA0B;EAC1C,iBAAiB,EAAE,SAAS;EAC5B,mBAAmB,EAAE,MAAM;EAE3B,OAAO,EAAE,cAAc;EACvB,MAAM,EAAE,cAAc;EACtB,KAAK,EAAE,GAAG;EAAE,qDAAqD;EACjE,SAAS,EAAE,KAAK;EAAE,qDAAqD;EACvE,OAAO,EAAE,GAAG;EAAE,oBAAoB;EAClC,QAAQ,EAAE,KAAK;EACf,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;EACT,UAAU,EAAE,GAAG;EACf,UAAU,EAAE,IAAI;EAClB,sCAAwB;IACtB,QAAQ,EAAC,QAAQ;IACjB,GAAG,EAAC,GAAG;IACP,KAAK,EAAC,CAAC;IACP,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,WAAW;IACvB,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,MAAM,EAAE,OAAO;;AAMnB,oBAAqB;EACjB,SAAS,EAAE,IAAI;;AAEnB,UAAW;EAAE,OAAO,EAAE,IAAI",
4
- "sources": ["../scss/view/_settings.scss","../scss/elements/_colors.scss","../scss/elements/_breakpoints.scss","../scss/view/_settings-advanced.scss","../scss/view/_settings-cloudflare.scss","../scss/view/_settings-tools.scss","../scss/view/_inline-help.scss"],
5
- "names": [],
6
- "file": "shortpixel-settings.css"
7
- }
1
+ {"version":3,"sourceRoot":"","sources":["../scss/view/_settings.scss","../scss/elements/_colors.scss","../scss/elements/_breakpoints.scss","../scss/view/_settings-advanced.scss","../scss/view/_settings-cloudflare.scss","../scss/view/_settings-tools.scss","../scss/view/_inline-help.scss"],"names":[],"mappings":"AAEA;AAiWE;;AA5VD;EACC,OCPc;;ADUf;EACC;;AAED;EAEC,OCfc;EDgBd,cChBc;;ADkBf;EACC,kBCnBc;EDoBd,cCpBc;EDqBd;;AAEA;EAEC,kBCxBU;EDyBV,cC1Ba;;AD+Bd;EACC;;AAGD;EAEI;EACH;EACA;EACA;EACA;EACA;EACA;;AEhCC;EFwBF;IAWE;;;AAGF;EAIC;EACA;;AAFG;EAAI;EAAiB;EAAmB;EAAqB;;AAIjE;EAGC;;AAEE;EACF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EAEC;EACA;EACA;;AAGD;EAEE;;AAEA;EACE;EACA;;AAEA;EACC;;AAED;EACC,QCzFM;ED0FN;EACA;;AAED;EAEC;EACA;EACA;EACA;EACA;;AAIH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AEpGD;EFyGC;IACE;IACA;;;AAML;EAEE;;AAEF;EACG;;AAGJ;EAEE;EACA;;AAKA;EACC;;AAIH;EAEI;EACA;;AAQF;EACI;EACA;EACA;;AAEJ;EACI;;AAGD;EACE;;AACF;EAEE;;AAIL;EAEE;;AAEF;EAEC;;AAIA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAGF;EAEC;EACA;EACA;;AAID;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAKA;;AElNF;EFkMA;IAcD;;;AAGG;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EAEC;EACA;EACA;;AAID;EACI;;AEtOF;EFqOF;IAIE;;;AAGF;EACI;;AE7OF;EF4OF;IAIE;;;AAGF;EACI;;AEpPF;EFmPF;IAIE;;;AAGF;EACI;;AE3PF;EF0PF;IAIE;;;AAGF;EACI;;AAWH;EAAK;;AACH;EACE;;AAEF;EACG;EACA;;AACA;EACI;EACA;;AAGP;EAEG;;AACA;EACI;;AACA;EACE;;AAEF;EAAgB;;AAKpB;EAEG;EACA;;AAKT;EAEG;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAIF;EAAS;;AACT;EACG;;AACA;EAAK;;AAGR;EAEE;;AACA;EACG;EACA;EACA;EACA;EACA;EACA;EACA;;AAQR;EAGE;EACA;EAEA;;AACA;EACE;;AAIJ;EACC;EACA;;AAEC;EAEE;;AAIL;EAEC;;AAGA;EAEE;;AAQE;EAEC;;AAEF;EAEC;;AAEF;EACI;EACA;EACA,kBCjZM;EDkZN;EACA;;AACF;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACF;EACI,kBC/ZI;EDgaJ;;;AGjaZ;AAKE;EAEE;;AACA;EAEE;;AAEF;EAEE;EACA;;AAEF;EAEE;;AAKJ;EAEI;EACA;;AAEA;EAEE;EACA;EACA;;AACA;EAEE;EACA;;AAGJ;EAGE;;AACA;EAEE;EACA;EACA;EACA;;AACA;EAAW;;AAKf;EAAkB;;AAClB;EAAa;;AAGlB;EACG;;AAGJ;EAEE;EACA;;AACA;EACE;EACD;;;AChED;EACE;EACD;EACA;EAEA;;AAIC;EAIE;EACA;;AAIF;EACE;;AAEF;EAEE;EACA;;AAMJ;EACE;;AAED;EAEC;EACA;EACA;;;ACvCH;EAAU;;AACV;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;;AAIJ;EAEC;EACA;EACA;;AAQF;EAEC;EACA;;AAKH;EACC;EACA;EACA;;AAED;EAAM;;;ACzDR;EACI;EACF;;AACA;EACI;EACA;EACA;;;AAIN;EACI;AAAe;EACf;AAAiB;EACjB;AAAa;EACb;EACA;EACA;AAAa;EACb;AAAc;EACd;AAAgB;EAChB;AAA8B;EAC9B;AAAmC;;;AAEvC;EACI;AACA;EACF;EACE;EACA;EAEA;EACA;EACA;AAAY;EACZ;AAAkB;EAClB;AAAc;EACd;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACI;;;AAEJ;EAAa","file":"shortpixel-settings.css"}
 
 
 
 
 
 
res/js/shortpixel-settings.js CHANGED
@@ -53,7 +53,7 @@ var ShortPixelSettings = function()
53
  if (target === null)
54
  {
55
  console.error('Target element ID not found', checkbox);
56
- return false;
57
  }
58
 
59
  if (checked)
@@ -124,7 +124,6 @@ this.OpenModal = function(elem)
124
  var body = modal.querySelector('.spio-modal-body');
125
  body.innerHTML = ('afterbegin', targetElem.innerHTML); //.cloneNode()
126
  body.style.background = '#fff';
127
-
128
  shade.addEventListener('click', this.CloseModal.bind(this), {'once': true} );
129
 
130
  modal.querySelector('.spio-close-help-button').addEventListener('click', this.CloseModal.bind(this), {'once': true});
53
  if (target === null)
54
  {
55
  console.error('Target element ID not found', checkbox);
56
+ return false;
57
  }
58
 
59
  if (checked)
124
  var body = modal.querySelector('.spio-modal-body');
125
  body.innerHTML = ('afterbegin', targetElem.innerHTML); //.cloneNode()
126
  body.style.background = '#fff';
 
127
  shade.addEventListener('click', this.CloseModal.bind(this), {'once': true} );
128
 
129
  modal.querySelector('.spio-close-help-button').addEventListener('click', this.CloseModal.bind(this), {'once': true});
res/scss/shortpixel-bulk.scss CHANGED
@@ -641,6 +641,11 @@
641
  .number {
642
  font-weight: 700;
643
  }
 
 
 
 
 
644
  }
645
 
646
  }
641
  .number {
642
  font-weight: 700;
643
  }
644
+ &.warning {
645
+ border-left: 4px solid #dba617;
646
+ padding-left: 8px;
647
+ color: #000;
648
+ }
649
  }
650
 
651
  }
res/scss/shortpixel-notices.scss CHANGED
@@ -35,6 +35,8 @@
35
  {
36
  // width: 50%;
37
  padding: 8px 0;
 
 
38
  }
39
  }
40
  .details-wrapper // open close mechanic.
35
  {
36
  // width: 50%;
37
  padding: 8px 0;
38
+ word-wrap: break-word;
39
+ overflow: hidden;
40
  }
41
  }
42
  .details-wrapper // open close mechanic.
res/scss/view/_inline-help.scss CHANGED
@@ -1,7 +1,7 @@
1
 
2
  div.spio-inline-help{
3
  float:right;
4
- margin-left: 15px;
5
  span{
6
  font-size: 1.8em;
7
  color: #1caecb;
1
 
2
  div.spio-inline-help{
3
  float:right;
4
+ margin-left: 15px;
5
  span{
6
  font-size: 1.8em;
7
  color: #1caecb;
res/scss/view/_settings-advanced.scss CHANGED
@@ -53,7 +53,6 @@
53
 
54
  }
55
 
56
-
57
  .refresh-folder { text-decoration: none; }
58
  .info-icon { cursor: pointer; }
59
  }
@@ -62,6 +61,15 @@
62
  margin: 16px 0 16px 16px;
63
  }
64
 
 
 
 
 
 
 
 
 
 
65
 
66
 
67
 
53
 
54
  }
55
 
 
56
  .refresh-folder { text-decoration: none; }
57
  .info-icon { cursor: pointer; }
58
  }
61
  margin: 16px 0 16px 16px;
62
  }
63
 
64
+ .avifNoticeDisabled
65
+ {
66
+ padding: 12px 12px;
67
+ line-height: 26px;
68
+ > .spio-inline-help {
69
+ display: inline;
70
+ float: none;
71
+ }
72
+ }
73
 
74
 
75
 
wp-shortpixel.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: ShortPixel Image Optimizer
4
  * Plugin URI: https://shortpixel.com/
5
  * Description: ShortPixel optimizes images automatically, while guarding the quality of your images. Check your <a href="/wp-admin/options-general.php?page=wp-shortpixel-settings" target="_blank">Settings &gt; ShortPixel</a> page on how to start optimizing your image library and make your website load faster.
6
- * Version: 5.1.2
7
  * Author: ShortPixel
8
  * Author URI: https://shortpixel.com
9
  * GitHub Plugin URI: https://github.com/short-pixel-optimizer/shortpixel-image-optimiser
@@ -31,7 +31,7 @@ if (! defined('SHORTPIXEL_RESET_ON_ACTIVATE'))
31
  define('SHORTPIXEL_PLUGIN_FILE', __FILE__);
32
  define('SHORTPIXEL_PLUGIN_DIR', __DIR__);
33
 
34
- define('SHORTPIXEL_IMAGE_OPTIMISER_VERSION', "5.1.2");
35
 
36
  define('SHORTPIXEL_BACKUP', 'ShortpixelBackups');
37
  define('SHORTPIXEL_MAX_FAIL_RETRIES', 3);
3
  * Plugin Name: ShortPixel Image Optimizer
4
  * Plugin URI: https://shortpixel.com/
5
  * Description: ShortPixel optimizes images automatically, while guarding the quality of your images. Check your <a href="/wp-admin/options-general.php?page=wp-shortpixel-settings" target="_blank">Settings &gt; ShortPixel</a> page on how to start optimizing your image library and make your website load faster.
6
+ * Version: 5.1.3
7
  * Author: ShortPixel
8
  * Author URI: https://shortpixel.com
9
  * GitHub Plugin URI: https://github.com/short-pixel-optimizer/shortpixel-image-optimiser
31
  define('SHORTPIXEL_PLUGIN_FILE', __FILE__);
32
  define('SHORTPIXEL_PLUGIN_DIR', __DIR__);
33
 
34
+ define('SHORTPIXEL_IMAGE_OPTIMISER_VERSION', "5.1.3");
35
 
36
  define('SHORTPIXEL_BACKUP', 'ShortpixelBackups');
37
  define('SHORTPIXEL_MAX_FAIL_RETRIES', 3);