Robin image optimizer — save money on image compression - Version 1.0.7

Version Description

  • Fixed: Images are saved in a size 0 bytes
  • Fixed: Trying to backup file with empty filename
  • Fixed: Curl replacement for file_get_contents
  • Fixed: Statistics
Download this release

Release Info

Developer webcraftic
Plugin Icon 128x128 Robin image optimizer — save money on image compression
Version 1.0.7
Comparing to
See all releases

Version 1.0.7

Files changed (151) hide show
  1. admin/activation.php +41 -0
  2. admin/assets/css/base-statistic.css +351 -0
  3. admin/assets/css/base-statistic.less +414 -0
  4. admin/assets/css/index.php +0 -0
  5. admin/assets/css/media.css +215 -0
  6. admin/assets/css/statistic.css +372 -0
  7. admin/assets/img/Spinner-1s-33px.gif +0 -0
  8. admin/assets/index.php +0 -0
  9. admin/assets/js/Chart.min.js +10 -0
  10. admin/assets/js/bulk-optimozation.js +117 -0
  11. admin/assets/js/index.php +0 -0
  12. admin/assets/js/restore-backup.js +47 -0
  13. admin/assets/js/single-optimization.js +56 -0
  14. admin/assets/js/statistic.js +36 -0
  15. admin/boot.php +33 -0
  16. admin/index.php +1 -0
  17. admin/pages/index.php +0 -0
  18. admin/pages/log.php +109 -0
  19. admin/pages/settings.php +415 -0
  20. admin/pages/statistic.php +357 -0
  21. includes/class.plugin.php +260 -0
  22. includes/classes/class.attachment.php +416 -0
  23. includes/classes/class.backup.php +266 -0
  24. includes/classes/class.cron.php +113 -0
  25. includes/classes/class.image-processor-abstract.php +71 -0
  26. includes/classes/class.image-processor-resmush.php +96 -0
  27. includes/classes/class.image-statistic.php +164 -0
  28. includes/classes/class.logger.php +88 -0
  29. includes/classes/class.media-library.php +504 -0
  30. includes/classes/index.php +0 -0
  31. includes/functions.php +48 -0
  32. includes/index.php +0 -0
  33. index.php +0 -0
  34. languages/index.php +0 -0
  35. languages/robin-image-optimizer-ru_RU.mo +0 -0
  36. languages/robin-image-optimizer-ru_RU.po +502 -0
  37. languages/robin-image-optimizer.pot +447 -0
  38. libs/factory/bootstrap/assets/css-min/bootstrap.accordion.min.css +11 -0
  39. libs/factory/bootstrap/assets/css-min/bootstrap.blue.min.css +11 -0
  40. libs/factory/bootstrap/assets/css-min/bootstrap.coffee.min.css +11 -0
  41. libs/factory/bootstrap/assets/css-min/bootstrap.core.min.css +25 -0
  42. libs/factory/bootstrap/assets/css-min/bootstrap.datepicker.min.css +17 -0
  43. libs/factory/bootstrap/assets/css-min/bootstrap.ectoplasm.min.css +11 -0
  44. libs/factory/bootstrap/assets/css-min/bootstrap.form-group.min.css +11 -0
  45. libs/factory/bootstrap/assets/css-min/bootstrap.light.min.css +11 -0
  46. libs/factory/bootstrap/assets/css-min/bootstrap.midnight.min.css +11 -0
  47. libs/factory/bootstrap/assets/css-min/bootstrap.ocean.min.css +11 -0
  48. libs/factory/bootstrap/assets/css-min/bootstrap.separator.min.css +11 -0
  49. libs/factory/bootstrap/assets/css-min/bootstrap.sunrise.min.css +11 -0
  50. libs/factory/bootstrap/assets/css-min/control.checkbox.min.css +11 -0
  51. libs/factory/bootstrap/assets/css-min/control.dropdown.min.css +11 -0
  52. libs/factory/bootstrap/assets/css-min/control.multiple-textbox.min.css +11 -0
  53. libs/factory/bootstrap/assets/css-min/holder.more-link.min.css +11 -0
  54. libs/factory/bootstrap/assets/images/loader-sm-f6f6f6.gif +0 -0
  55. libs/factory/bootstrap/assets/images/loader-sm-tr.gif +0 -0
  56. libs/factory/bootstrap/assets/js-min/bootstrap.dropdown.min.js +10 -0
  57. libs/factory/bootstrap/assets/js-min/bootstrap.tooltip.min.js +10 -0
  58. libs/factory/bootstrap/assets/js-min/control.checkbox.min.js +10 -0
  59. libs/factory/bootstrap/assets/js-min/control.dropdown.min.js +10 -0
  60. libs/factory/bootstrap/assets/js-min/control.list.min.js +10 -0
  61. libs/factory/bootstrap/assets/js-min/control.multiple-textbox.min.js +10 -0
  62. libs/factory/bootstrap/boot.php +37 -0
  63. libs/factory/bootstrap/includes/functions.php +292 -0
  64. libs/factory/clearfy/boot.php +37 -0
  65. libs/factory/clearfy/includes/class.configurate.php +67 -0
  66. libs/factory/clearfy/includes/class.helpers.php +180 -0
  67. libs/factory/clearfy/langs/wbcr_factory_clearfy_203-fr-FR.mo +0 -0
  68. libs/factory/clearfy/langs/wbcr_factory_clearfy_203-fr-FR.po +129 -0
  69. libs/factory/clearfy/langs/wbcr_factory_clearfy_203-ru_RU.mo +0 -0
  70. libs/factory/clearfy/langs/wbcr_factory_clearfy_203-ru_RU.po +124 -0
  71. libs/factory/clearfy/pages/more-features.php +148 -0
  72. libs/factory/core/boot.php +40 -0
  73. libs/factory/core/includes/activation/activator.class.php +187 -0
  74. libs/factory/core/includes/activation/update.class.php +38 -0
  75. libs/factory/core/includes/assets-managment/assets-list.class.php +173 -0
  76. libs/factory/core/includes/assets-managment/script-list.class.php +97 -0
  77. libs/factory/core/includes/assets-managment/style-list.class.php +51 -0
  78. libs/factory/core/includes/base.class.php +378 -0
  79. libs/factory/core/includes/functions.php +169 -0
  80. libs/factory/core/includes/plugin.class.php +913 -0
  81. libs/factory/core/includes/request.class.php +126 -0
  82. libs/factory/forms/assets/css/editor.css +12 -0
  83. libs/factory/forms/assets/standard-controls.js +146 -0
  84. libs/factory/forms/boot.php +271 -0
  85. libs/factory/forms/controls/checkbox.php +177 -0
  86. libs/factory/forms/controls/color-and-opacity.php +88 -0
  87. libs/factory/forms/controls/color.php +62 -0
  88. libs/factory/forms/controls/customs/html.php +45 -0
  89. libs/factory/forms/controls/customs/separator.php +35 -0
  90. libs/factory/forms/controls/datepicker-range.php +106 -0
  91. libs/factory/forms/controls/dropdown-and-colors.php +116 -0
  92. libs/factory/forms/controls/dropdown.php +388 -0
  93. libs/factory/forms/controls/font.php +270 -0
  94. libs/factory/forms/controls/google-font.php +152 -0
  95. libs/factory/forms/controls/gradient.php +103 -0
  96. libs/factory/forms/controls/hidden.php +50 -0
  97. libs/factory/forms/controls/holders/accordion-item.php +63 -0
  98. libs/factory/forms/controls/holders/accordion.php +58 -0
  99. libs/factory/forms/controls/holders/columns.php +99 -0
  100. libs/factory/forms/controls/holders/control-group-item.php +76 -0
  101. libs/factory/forms/controls/holders/control-group.php +97 -0
  102. libs/factory/forms/controls/holders/div.php +67 -0
  103. libs/factory/forms/controls/holders/form-group.php +71 -0
  104. libs/factory/forms/controls/holders/more-link.php +75 -0
  105. libs/factory/forms/controls/holders/tab-item.php +68 -0
  106. libs/factory/forms/controls/holders/tab.php +139 -0
  107. libs/factory/forms/controls/integer.php +160 -0
  108. libs/factory/forms/controls/list.php +230 -0
  109. libs/factory/forms/controls/multiple-textbox.php +120 -0
  110. libs/factory/forms/controls/paddings-editor.php +82 -0
  111. libs/factory/forms/controls/pattern.php +181 -0
  112. libs/factory/forms/controls/radio-colors.php +111 -0
  113. libs/factory/forms/controls/radio.php +85 -0
  114. libs/factory/forms/controls/textarea.php +85 -0
  115. libs/factory/forms/controls/textbox.php +83 -0
  116. libs/factory/forms/controls/url.php +43 -0
  117. libs/factory/forms/controls/wp-editor.php +95 -0
  118. libs/factory/forms/includes/complex-control.class.php +133 -0
  119. libs/factory/forms/includes/control-holder.class.php +173 -0
  120. libs/factory/forms/includes/control.class.php +422 -0
  121. libs/factory/forms/includes/custom-element.class.php +46 -0
  122. libs/factory/forms/includes/form-element.class.php +423 -0
  123. libs/factory/forms/includes/form-layout.class.php +123 -0
  124. libs/factory/forms/includes/form.class.php +694 -0
  125. libs/factory/forms/includes/holder.class.php +170 -0
  126. libs/factory/forms/includes/html-builder.class.php +137 -0
  127. libs/factory/forms/includes/providers/meta-value-provider.class.php +303 -0
  128. libs/factory/forms/includes/providers/options-value-provider.class.php +94 -0
  129. libs/factory/forms/includes/providers/value-provider.interface.php +62 -0
  130. libs/factory/forms/langs/wbcr_factory_forms_407-fr-FR.mo +0 -0
  131. libs/factory/forms/langs/wbcr_factory_forms_407-fr-FR.po +104 -0
  132. libs/factory/forms/langs/wbcr_factory_forms_407-ru_RU.mo +0 -0
  133. libs/factory/forms/langs/wbcr_factory_forms_407-ru_RU.po +95 -0
  134. libs/factory/forms/layouts/bootstrap-3/bootstrap-3.php +217 -0
  135. libs/factory/pages/boot.php +40 -0
  136. libs/factory/pages/includes/admin-page.class.php +459 -0
  137. libs/factory/pages/includes/page.class.php +140 -0
  138. libs/factory/pages/langs/wbcr_factory_pages_407-fr_FR.mo +0 -0
  139. libs/factory/pages/langs/wbcr_factory_pages_407-fr_FR.po +99 -0
  140. libs/factory/pages/langs/wbcr_factory_pages_407-ru_RU.mo +0 -0
  141. libs/factory/pages/langs/wbcr_factory_pages_407-ru_RU.po +99 -0
  142. libs/factory/pages/pages.php +87 -0
  143. libs/factory/pages/templates/assets/css/impressive.page.template.css +430 -0
  144. libs/factory/pages/templates/assets/css/impressive.page.template.less +510 -0
  145. libs/factory/pages/templates/assets/img/5-stars22.png +0 -0
  146. libs/factory/pages/templates/assets/img/paypal-donate.png +0 -0
  147. libs/factory/pages/templates/assets/img/webcraftic-plugin-icon.png +0 -0
  148. libs/factory/pages/templates/impressive-page.class.php +908 -0
  149. readme.txt +109 -0
  150. robin-image-optimizer.php +85 -0
  151. uninstall.php +17 -0
admin/activation.php ADDED
@@ -0,0 +1,41 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /**
4
+ * Activator for the Robin image optimizer
5
+ *
6
+ * @author Webcraftic <wordpress.webraftic@gmail.com>
7
+ * @copyright (c) 09.09.2017, Webcraftic
8
+ * @see Factory406_Activator
9
+ * @version 1.0
10
+ */
11
+
12
+ // Exit if accessed directly
13
+ if( !defined('ABSPATH') ) {
14
+ exit;
15
+ }
16
+
17
+ class WIO_Activation extends Wbcr_Factory406_Activator {
18
+
19
+ /**
20
+ * Runs activation actions.
21
+ *
22
+ * @since 1.0.0
23
+ */
24
+ public function activate()
25
+ {
26
+ WIO_Plugin::app()->updateOption('backup_origin_images', 1);
27
+ WIO_Plugin::app()->updateOption('save_exif_data', 1);
28
+ }
29
+
30
+ /**
31
+ * Runs activation actions.
32
+ *
33
+ * @since 1.0.0
34
+ */
35
+ public function deactivate()
36
+ {
37
+ if( wp_next_scheduled('wio_optimize_images') ) {
38
+ wp_clear_scheduled_hook('wio_optimize_images');
39
+ }
40
+ }
41
+ }
admin/assets/css/base-statistic.css ADDED
@@ -0,0 +1,351 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * Styles for the Widget to be displayed in the Clearfy plugin
3
+
4
+ * @author Alex Kovalev <alex.kovalevv@gmail.com>
5
+ * @copyright Webcraftic 13.06.2018
6
+ */
7
+ #WBCR {
8
+ /* Number display */
9
+ /* Number and bars */
10
+ /* Doughnut */
11
+ /* Widget */
12
+ /*@media (max-width: 1380px) and (min-width: 1246px), (max-width: 380px) {
13
+ .wio-overview-chart-container {
14
+ float: none;
15
+ margin-right: 0;
16
+ }
17
+ }
18
+
19
+ @media (max-width: 1380px) and (min-width: 1246px), (max-width: 380px) {
20
+ .wio-overview-chart-container {
21
+ float: none;
22
+ margin-right: 0;
23
+ }
24
+
25
+ .wio-doughnut-legend {
26
+ margin-top: 18px;
27
+ }
28
+
29
+ .wio-global-optim-phrase {
30
+ padding-top: 0;
31
+ width: auto;
32
+ }
33
+ }*/
34
+ }
35
+ #WBCR .wio-clear {
36
+ clear: both;
37
+ }
38
+ #WBCR .wio-columns {
39
+ overflow: hidden;
40
+ padding: 15px 0;
41
+ counter-reset: cols;
42
+ }
43
+ #WBCR .wio-columns [class^="col-"] {
44
+ float: left;
45
+ -webkit-box-sizing: border-box;
46
+ -moz-box-sizing: border-box;
47
+ box-sizing: border-box;
48
+ }
49
+ #WBCR .wio-columns .col-1-3 {
50
+ width: 33.333%;
51
+ padding-left: 28px;
52
+ }
53
+ #WBCR .wio-columns .col-2-3 {
54
+ width: 66.666%;
55
+ padding-left: 28px;
56
+ }
57
+ #WBCR .wio-columns .col-1-2 {
58
+ width: 50%;
59
+ padding: 0 20px;
60
+ }
61
+ #WBCR .wio-columns .col-statistics.col-statistics {
62
+ width: 60%;
63
+ }
64
+ #WBCR .wio-columns .col-chart.col-chart {
65
+ width: 40%;
66
+ position: relative;
67
+ padding: 20px;
68
+ font-size: 12px;
69
+ text-transform: uppercase;
70
+ background: #f1f1f1b3;
71
+ color: #abacaf;
72
+ font-weight: bold;
73
+ border-radius: 5px;
74
+ margin-top: 10px;
75
+ text-align: left;
76
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
77
+ }
78
+ #WBCR .wio-col {
79
+ float: left;
80
+ width: 50%;
81
+ box-sizing: border-box;
82
+ -webkit-flex-basis: 50%;
83
+ -ms-flex-preferred-size: 50%;
84
+ flex-basis: 50%;
85
+ }
86
+ #WBCR .wio-col {
87
+ padding-right: 20px;
88
+ }
89
+ #WBCR .wio-col + .wio-col {
90
+ padding-right: 0;
91
+ padding-left: 50px;
92
+ }
93
+ #WBCR .wio-col:target {
94
+ animation: wiohello 1s 3 linear backwards;
95
+ }
96
+ #WBCR .wio-number-you-optimized {
97
+ margin-bottom: 1.35em;
98
+ overflow: hidden;
99
+ }
100
+ #WBCR .wio-number-you-optimized #wio-total-optimized-attachments-pct {
101
+ color: #828282;
102
+ }
103
+ #WBCR .wio-number-you-optimized .wio-number {
104
+ display: table-cell;
105
+ padding-right: 15px;
106
+ font-size: 48px;
107
+ font-weight: bold;
108
+ line-height: 1;
109
+ vertical-align: middle;
110
+ white-space: nowrap;
111
+ color: #828282;
112
+ }
113
+ #WBCR .wio-number-you-optimized .wio-text {
114
+ display: table-cell;
115
+ vertical-align: middle;
116
+ overflow: hidden;
117
+ font-size: 12px;
118
+ color: #828282;
119
+ }
120
+ #WBCR .wio-number-you-optimized > p {
121
+ display: table;
122
+ }
123
+ #WBCR .wio-bars {
124
+ padding-right: 15px;
125
+ }
126
+ #WBCR .wio-bars p {
127
+ font-size: 12px;
128
+ margin-bottom: 5px;
129
+ }
130
+ #WBCR .wio-bars + .wio-number-you-optimized {
131
+ border-bottom: 0;
132
+ padding-top: 0.85em;
133
+ }
134
+ #WBCR .wio-bars + .wio-number-you-optimized p {
135
+ color: #72a53b;
136
+ }
137
+ #WBCR .wio-bar-negative .wio-progress {
138
+ background: #D2D3D6;
139
+ }
140
+ #WBCR .wio-bar-negative .wio-barnb {
141
+ color: #9d9fa5;
142
+ }
143
+ #WBCR .wio-progress {
144
+ height: 8px;
145
+ transition: width .3s;
146
+ /*.wio-bar-negative {
147
+ width: 92% !important;
148
+ }*/
149
+ }
150
+ #WBCR .wio-bar-positive .wio-progress {
151
+ background: #8CC152;
152
+ }
153
+ #WBCR .wio-bar-positive .wio-barnb {
154
+ color: #72a53b;
155
+ }
156
+ #WBCR .wio-bar-primary .wio-progress {
157
+ background: #8CC152;
158
+ }
159
+ #WBCR .wio-bar-primary .wio-barnb {
160
+ color: #72a53b;
161
+ }
162
+ #WBCR .wio-right-outside-number .wio-barnb {
163
+ display: block;
164
+ margin-right: -5.25em;
165
+ text-align: right;
166
+ font-weight: bold;
167
+ line-height: .8;
168
+ }
169
+ #WBCR .wio-chart {
170
+ position: relative;
171
+ top: 1px;
172
+ display: inline-block;
173
+ vertical-align: middle;
174
+ }
175
+ #WBCR .wio-chart-container {
176
+ position: relative;
177
+ display: inline-block;
178
+ margin-right: 5px;
179
+ }
180
+ #WBCR .wio-chart-container canvas {
181
+ display: block;
182
+ }
183
+ #WBCR .wio-overview-chart-container {
184
+ float: left;
185
+ margin-right: 20px;
186
+ }
187
+ #WBCR .wio-chart-percent {
188
+ position: absolute;
189
+ left: 0;
190
+ right: 0;
191
+ top: 50%;
192
+ margin-top: -0.5em;
193
+ line-height: 0.8;
194
+ text-align: center;
195
+ font-size: 54px;
196
+ font-weight: bold;
197
+ color: #afafaf;
198
+ }
199
+ #WBCR .wio-chart-percent span {
200
+ font-size: 20px;
201
+ vertical-align: super;
202
+ }
203
+ #WBCR #wio-overview-chart-legend {
204
+ overflow: hidden;
205
+ }
206
+ #WBCR .wio-doughnut-legend li {
207
+ display: inline-block;
208
+ position: relative;
209
+ margin-bottom: 15px;
210
+ border-radius: 5px;
211
+ padding: 3px 8px 2px 31px;
212
+ font-size: 9px;
213
+ cursor: default;
214
+ -webkit-transition: background-color 200ms ease-in-out;
215
+ -moz-transition: background-color 200ms ease-in-out;
216
+ -o-transition: background-color 200ms ease-in-out;
217
+ transition: background-color 200ms ease-in-out;
218
+ }
219
+ #WBCR .wio-doughnut-legend li span {
220
+ display: block;
221
+ position: absolute;
222
+ left: 0;
223
+ top: 0;
224
+ width: 25px;
225
+ height: 25px;
226
+ border-radius: 50%;
227
+ }
228
+ #WBCR .wio-optimize-button {
229
+ width: 180px;
230
+ padding: 12px 30px;
231
+ background: #c9deb2;
232
+ color: #586549;
233
+ border: 0;
234
+ box-shadow: none;
235
+ font-size: 14px;
236
+ text-transform: uppercase !important;
237
+ font-weight: bold;
238
+ border-radius: 4px;
239
+ outline: none;
240
+ }
241
+ #WBCR .wio-optimize-button:active {
242
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
243
+ }
244
+ #WBCR .wio-optimize-button.wio-running {
245
+ color: #a57b3c;
246
+ background: #fdd599 url("../img/Spinner-1s-33px.gif") 10px center no-repeat;
247
+ }
248
+ #WBCR .wio-global-optim-phrase {
249
+ width: 180px;
250
+ padding-top: 20px;
251
+ font-size: 14px;
252
+ text-align: center;
253
+ }
254
+ #WBCR .wio-total-percent {
255
+ color: #587f2e;
256
+ }
257
+ #WBCR #wio-start-msg-top,
258
+ #WBCR #wio-start-msg-right,
259
+ #WBCR #wio-start-msg-complete {
260
+ display: none;
261
+ }
262
+ #WBCR .wio-text-left {
263
+ text-align: left;
264
+ }
265
+ #WBCR span.wio-num {
266
+ display: inline !important;
267
+ position: inherit !important;
268
+ }
269
+ #WBCR .wio-image-optimize-board {
270
+ padding-bottom: 0 !important;
271
+ }
272
+ #WBCR .wio-page-statistic {
273
+ padding-left: 40px;
274
+ }
275
+ #WBCR .wio-page-statistic .wio-chart-percent {
276
+ margin-top: -1.1em;
277
+ }
278
+ #WBCR .wio-widget {
279
+ padding: 0 !important;
280
+ }
281
+ #WBCR .wio-widget .wio-chart-percent {
282
+ font-size: 44px;
283
+ line-height: 1;
284
+ }
285
+ #WBCR .wio-widget .wio-bars {
286
+ width: 60%;
287
+ margin-left: 155px;
288
+ }
289
+ #WBCR .wio-widget .col-chart.col-chart {
290
+ width: 100%;
291
+ }
292
+ #WBCR .wio-widget .col-controls {
293
+ width: 45%;
294
+ padding-left: 5px;
295
+ padding-top: 110px;
296
+ }
297
+ #WBCR .wio-widget .wio-doughnut-legend {
298
+ /*padding-top:30px;*/
299
+ text-align: left;
300
+ }
301
+ #WBCR .wio-widget .wio-widget-bottom {
302
+ display: table;
303
+ padding-top: 20px !important;
304
+ width: 100%;
305
+ text-align: right;
306
+ }
307
+ #WBCR .wio-widget .wio-widget-bottom li {
308
+ display: table-cell;
309
+ }
310
+ #WBCR .wio-widget .wio-widget-bottom li:first-child {
311
+ text-align: left;
312
+ }
313
+ @media (max-width: 830px) {
314
+ #WBCR .wio [class^="col-"] {
315
+ float: none;
316
+ margin-bottom: 1.5em;
317
+ }
318
+ #WBCR .wio .col-1-3,
319
+ #WBCR .wio .col-1-2 {
320
+ width: auto;
321
+ padding: 0 28px;
322
+ clear: both;
323
+ padding-top: 1em;
324
+ }
325
+ }
326
+ @keyframes wiohello {
327
+ 0%,
328
+ 100% {
329
+ background: #FFF;
330
+ }
331
+ 50% {
332
+ background: #F4F7F9;
333
+ }
334
+ }
335
+ @media (max-width: 1520px) and (min-width: 1381px), (max-width: 1086px) {
336
+ #WBCR .wio-columns .col-statistics.col-statistics,
337
+ #WBCR .wio-columns .col-chart.col-chart {
338
+ width: 50%;
339
+ }
340
+ }
341
+ @media (max-width: 808px) {
342
+ #WBCR .wio-columns .col-statistics.col-statistics,
343
+ #WBCR .wio-columns .col-chart.col-chart {
344
+ width: auto;
345
+ float: none;
346
+ padding: 0;
347
+ }
348
+ #WBCR .wio-columns .col-chart.col-chart {
349
+ margin-top: 3em;
350
+ }
351
+ }
admin/assets/css/base-statistic.less ADDED
@@ -0,0 +1,414 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * Styles for the Widget to be displayed in the Clearfy plugin
3
+
4
+ * @author Alex Kovalev <alex.kovalevv@gmail.com>
5
+ * @copyright Webcraftic 13.06.2018
6
+ */
7
+
8
+ @positiveColor: #8CC152;
9
+ @negativeColor: #D2D3D6;
10
+ @neutralColor: #828282;
11
+
12
+ #WBCR {
13
+ .wio-clear {
14
+ clear: both;
15
+ }
16
+
17
+ .wio-columns {
18
+ overflow: hidden;
19
+ padding: 15px 0;
20
+ counter-reset: cols;
21
+
22
+ [class^="col-"] {
23
+ float: left;
24
+ -webkit-box-sizing: border-box;
25
+ -moz-box-sizing: border-box;
26
+ box-sizing: border-box;
27
+ }
28
+
29
+ .col-1-3 {
30
+ width: 33.333%;
31
+ padding-left: 28px;
32
+ }
33
+
34
+ .col-2-3 {
35
+ width: 66.666%;
36
+ padding-left: 28px
37
+ }
38
+
39
+ .col-1-2 {
40
+ width: 50%;
41
+ padding: 0 20px;
42
+ }
43
+
44
+ .col-statistics.col-statistics {
45
+ width: 60%;
46
+ }
47
+
48
+ .col-chart.col-chart {
49
+ width: 40%;
50
+ position: relative;
51
+ padding: 20px;
52
+ font-size: 12px;
53
+ text-transform: uppercase;
54
+ background: #f1f1f1b3;
55
+ color: #abacaf;
56
+ font-weight: bold;
57
+ border-radius: 5px;
58
+ margin-top: 10px;
59
+ text-align: left;
60
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
61
+ }
62
+ }
63
+
64
+ .wio-col {
65
+ float: left;
66
+ width: 50%;
67
+ box-sizing: border-box;
68
+ -webkit-flex-basis: 50%;
69
+ -ms-flex-preferred-size: 50%;
70
+ flex-basis: 50%;
71
+ }
72
+
73
+ .wio-col {
74
+ padding-right: 20px;
75
+ }
76
+
77
+ .wio-col + .wio-col {
78
+ padding-right: 0;
79
+ padding-left: 50px;
80
+ }
81
+
82
+ .wio-col:target {
83
+ animation: wiohello 1s 3 linear backwards;
84
+ }
85
+
86
+ /* Number display */
87
+ .wio-number-you-optimized {
88
+ margin-bottom: 1.35em;
89
+ overflow: hidden;
90
+
91
+ #wio-total-optimized-attachments-pct {
92
+ color: @neutralColor;
93
+ }
94
+
95
+ .wio-number {
96
+ display: table-cell;
97
+ padding-right: 15px;
98
+ font-size: 48px;
99
+ font-weight: bold;
100
+ line-height: 1;
101
+ vertical-align: middle;
102
+ white-space: nowrap;
103
+ color: @neutralColor;
104
+ }
105
+
106
+ .wio-text {
107
+ display: table-cell;
108
+ vertical-align: middle;
109
+ overflow: hidden;
110
+ font-size: 12px;
111
+ color: @neutralColor;
112
+ }
113
+
114
+ & > p {
115
+ display: table;
116
+ }
117
+ }
118
+
119
+ /* Number and bars */
120
+ .wio-bars {
121
+ padding-right: 15px;
122
+ }
123
+
124
+ .wio-bars p {
125
+ font-size: 12px;
126
+ margin-bottom: 5px;
127
+ }
128
+
129
+ .wio-bars + .wio-number-you-optimized {
130
+ border-bottom: 0;
131
+ padding-top: 0.85em;
132
+ }
133
+
134
+ .wio-bars + .wio-number-you-optimized p {
135
+ color: darken(@positiveColor, 10);
136
+ }
137
+
138
+ .wio-bar-negative {
139
+ .wio-progress {
140
+ background: @negativeColor;
141
+ }
142
+ .wio-barnb {
143
+ color: darken(@negativeColor, 20);
144
+ }
145
+ }
146
+
147
+ .wio-progress {
148
+ height: 8px;
149
+ transition: width .3s;
150
+
151
+ /*.wio-bar-negative {
152
+ width: 92% !important;
153
+ }*/
154
+ }
155
+
156
+ .wio-bar-positive {
157
+ .wio-progress {
158
+ background: @positiveColor;
159
+ }
160
+ .wio-barnb {
161
+ color: darken(@positiveColor, 10);
162
+ }
163
+ }
164
+
165
+ .wio-bar-primary {
166
+ .wio-progress {
167
+ background: @positiveColor;
168
+ }
169
+ .wio-barnb {
170
+ color: darken(@positiveColor, 10);
171
+ }
172
+ }
173
+
174
+ .wio-right-outside-number .wio-barnb {
175
+ display: block;
176
+ margin-right: -5.25em;
177
+ text-align: right;
178
+ font-weight: bold;
179
+ line-height: .8;
180
+ }
181
+
182
+ /* Doughnut */
183
+ .wio-chart {
184
+ position: relative;
185
+ top: 1px;
186
+ display: inline-block;
187
+ vertical-align: middle;
188
+ }
189
+
190
+ .wio-chart-container {
191
+ position: relative;
192
+ display: inline-block;
193
+ margin-right: 5px;
194
+ }
195
+
196
+ .wio-chart-container canvas {
197
+ display: block;
198
+ }
199
+
200
+ .wio-overview-chart-container {
201
+ float: left;
202
+ margin-right: 20px;
203
+ }
204
+
205
+ .wio-chart-percent {
206
+ position: absolute;
207
+ left: 0;
208
+ right: 0;
209
+ top: 50%;
210
+ margin-top: -.5em;
211
+ line-height: 0.8;
212
+ text-align: center;
213
+ font-size: 54px;
214
+ font-weight: bold;
215
+ color: #afafaf;
216
+ }
217
+
218
+ .wio-chart-percent span {
219
+ font-size: 20px;
220
+ vertical-align: super;
221
+ }
222
+
223
+ #wio-overview-chart-legend {
224
+ overflow: hidden;
225
+ }
226
+
227
+ .wio-doughnut-legend li {
228
+ display: inline-block;
229
+ position: relative;
230
+ margin-bottom: 15px;
231
+ border-radius: 5px;
232
+ padding: 3px 8px 2px 31px;
233
+ font-size: 9px;
234
+ cursor: default;
235
+ -webkit-transition: background-color 200ms ease-in-out;
236
+ -moz-transition: background-color 200ms ease-in-out;
237
+ -o-transition: background-color 200ms ease-in-out;
238
+ transition: background-color 200ms ease-in-out;
239
+ }
240
+
241
+ .wio-doughnut-legend li span {
242
+ display: block;
243
+ position: absolute;
244
+ left: 0;
245
+ top: 0;
246
+ width: 25px;
247
+ height: 25px;
248
+ border-radius: 50%;
249
+ }
250
+
251
+ .wio-optimize-button {
252
+ width: 180px;
253
+ padding: 12px 30px;
254
+ background: #c9deb2;
255
+ color: #586549;
256
+ border: 0;
257
+ box-shadow: none;
258
+ font-size: 14px;
259
+ text-transform: uppercase !important;
260
+ font-weight: bold;
261
+ border-radius: 4px;
262
+ outline: none;
263
+
264
+ &:active {
265
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
266
+ }
267
+ &.wio-running {
268
+ color: #a57b3c;
269
+ background: #fdd599 url("../img/Spinner-1s-33px.gif") 10px center no-repeat;
270
+ }
271
+ }
272
+
273
+ .wio-global-optim-phrase {
274
+ width: 180px;
275
+ padding-top: 20px;
276
+ font-size: 14px;
277
+ text-align: center;
278
+ }
279
+
280
+ .wio-total-percent {
281
+ color: darken(@positiveColor, 20);
282
+ }
283
+
284
+ #wio-start-msg-top, #wio-start-msg-right, #wio-start-msg-complete {
285
+ display: none;
286
+ }
287
+
288
+ .wio-text-left {
289
+ text-align: left;
290
+ }
291
+
292
+ span.wio-num {
293
+ display: inline !important;
294
+ position: inherit !important;
295
+ }
296
+
297
+ /* Widget */
298
+ .wio-image-optimize-board {
299
+ padding-bottom: 0 !important;
300
+ }
301
+
302
+ .wio-page-statistic {
303
+ padding-left: 40px;
304
+
305
+ .wio-chart-percent {
306
+ margin-top: -1.1em;
307
+ }
308
+ }
309
+
310
+ .wio-widget {
311
+ padding: 0 !important;
312
+
313
+ .wio-chart-percent {
314
+ font-size: 44px;
315
+ line-height: 1;
316
+ }
317
+ .wio-bars {
318
+ width: 60%;
319
+ margin-left: 155px;
320
+ }
321
+ .col-chart.col-chart {
322
+ width: 100%;
323
+ }
324
+ .col-controls {
325
+ width: 45%;
326
+ padding-left: 5px;
327
+ padding-top: 110px
328
+ }
329
+ .wio-doughnut-legend {
330
+ /*padding-top:30px;*/
331
+ text-align: left;
332
+ }
333
+ .wio-widget-bottom {
334
+ display: table;
335
+ padding-top: 20px !important;
336
+ width: 100%;
337
+ text-align: right;
338
+ }
339
+ .wio-widget-bottom li {
340
+ display: table-cell;
341
+ }
342
+ .wio-widget-bottom li:first-child {
343
+ text-align: left;
344
+ }
345
+ }
346
+
347
+ @media (max-width: 830px) {
348
+ .wio [class^="col-"] {
349
+ float: none;
350
+ margin-bottom: 1.5em;
351
+ }
352
+
353
+ .wio .col-1-3,
354
+ .wio .col-1-2 {
355
+ width: auto;
356
+ padding: 0 28px;
357
+ clear: both;
358
+ padding-top: 1em;
359
+ }
360
+ }
361
+
362
+ @keyframes wiohello {
363
+ 0%, 100% {
364
+ background: #FFF;
365
+ }
366
+ 50% {
367
+ background: #F4F7F9;
368
+ }
369
+ }
370
+
371
+ @media (max-width: 1520px) and (min-width: 1381px), (max-width: 1086px) {
372
+ .wio-columns {
373
+ .col-statistics.col-statistics, .col-chart.col-chart {
374
+ width: 50%;
375
+ }
376
+ }
377
+
378
+ }
379
+
380
+ @media (max-width: 808px) {
381
+ .wio-columns {
382
+ .col-statistics.col-statistics, .col-chart.col-chart {
383
+ width: auto;
384
+ float: none;
385
+ padding: 0;
386
+ }
387
+ .col-chart.col-chart {
388
+ margin-top: 3em;
389
+ }
390
+ }
391
+ }
392
+ /*@media (max-width: 1380px) and (min-width: 1246px), (max-width: 380px) {
393
+ .wio-overview-chart-container {
394
+ float: none;
395
+ margin-right: 0;
396
+ }
397
+ }
398
+
399
+ @media (max-width: 1380px) and (min-width: 1246px), (max-width: 380px) {
400
+ .wio-overview-chart-container {
401
+ float: none;
402
+ margin-right: 0;
403
+ }
404
+
405
+ .wio-doughnut-legend {
406
+ margin-top: 18px;
407
+ }
408
+
409
+ .wio-global-optim-phrase {
410
+ padding-top: 0;
411
+ width: auto;
412
+ }
413
+ }*/
414
+ }
admin/assets/css/index.php ADDED
File without changes
admin/assets/css/media.css ADDED
@@ -0,0 +1,215 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * == Custom column & Metabox
3
+ */
4
+ .column-wio_optimized_file.column-wio_optimized_file {
5
+ width: 300px;
6
+ text-align: center;
7
+ vertical-align: middle;
8
+ }
9
+ .column-wio_optimized_file > * {
10
+ max-width: 235px;
11
+ margin: 0 auto;
12
+ }
13
+ @media (min-width: 1151px) and (max-width: 1800px) {
14
+ .column-wio_optimized_file.column-wio_optimized_file {
15
+ width: 235px;
16
+ }
17
+ }
18
+ @media (min-width: 783px) and (max-width: 1150px) {
19
+ .column-wio_optimized_file.column-wio_optimized_file {
20
+ width: 13em;
21
+ }
22
+ table.media .column-title .has-media-icon ~ .row-actions.row-actions {
23
+ margin-left: 0;
24
+ }
25
+ }
26
+ @media (max-width: 782px) {
27
+ table.media .column-wio_optimized_file.column-wio_optimized_file {
28
+ text-align: left;
29
+ }
30
+ table.media .wio-datas-more-action,
31
+ table.media .wio-datas-actions-links {
32
+ text-align: center;
33
+ }
34
+ table.media .column-wio_optimized_file > *,
35
+ table.media .column-wio_optimized_file .wio-datas-actions-links a {
36
+ max-width: 100%;
37
+ margin-left: 0;
38
+ }
39
+ }
40
+ @media (min-width: 783px) and (max-width: 1150px), (max-width: 360px) {
41
+ table.media .wio-hide-if-small {
42
+ position: absolute;
43
+ margin: -1px;
44
+ padding: 0;
45
+ height: 1px;
46
+ width: 1px;
47
+ overflow: hidden;
48
+ clip: rect(0 0 0 0);
49
+ border: 0;
50
+ word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
51
+ }
52
+ }
53
+ .compat-field-wio .label {
54
+ vertical-align: top;
55
+ }
56
+ .compat-field-wio ul.wio-datas-list {
57
+ margin-top: 7px;
58
+ font-size: 11px;
59
+ }
60
+ ul.wio-datas-list.wio-datas-list {
61
+ margin: 0 auto;
62
+ color: #555;
63
+ font-size: 10px;
64
+ }
65
+ ul.wio-datas-list .big {
66
+ font-size: 12px;
67
+ color: #40B1D0;
68
+ }
69
+ .wio-data-item {
70
+ overflow: hidden;
71
+ }
72
+ li.wio-data-item {
73
+ clear: both;
74
+ margin-bottom: 2px;
75
+ }
76
+ ul.wio-datas-list .wio-data-item span.data,
77
+ ul.wio-datas-list .wio-data-item strong {
78
+ float: left;
79
+ width: 50%;
80
+ -webkit-box-sizing: border-box;
81
+ -moz-box-sizing: border-box;
82
+ box-sizing: border-box;
83
+ }
84
+ ul.wio-datas-list .wio-data-item span.data {
85
+ text-align: left;
86
+ padding-right: 5px;
87
+ }
88
+ .compat-field-wio .wio-datas-list .wio-data-item .data {
89
+ width: 130px;
90
+ text-align: left;
91
+ font-weight: bold;
92
+ }
93
+ ul.wio-datas-list .wio-data-item strong {
94
+ text-align: left;
95
+ padding-left: 5px;
96
+ }
97
+ .media-sidebar .wio-datas-list .wio-data-item .data {
98
+ width: auto;
99
+ float: none;
100
+ }
101
+ .media-sidebar .wio-datas-list .wio-data-item strong {
102
+ display: inline-block;
103
+ width: auto;
104
+ float: none;
105
+ }
106
+ .media-sidebar .wio-datas-list .wio-data-item .wio-chart {
107
+ float: left;
108
+ }
109
+ .wio-datas-more-action.wio-datas-more-action {
110
+ margin: .4em auto;
111
+ background: linear-gradient(to bottom, transparent, transparent 49%, rgba(0,0,0,.075) 50%, rgba(0,0,0,.075) 58%, transparent 58%, transparent);
112
+ }
113
+ .wio-datas-more-action a {
114
+ display: inline-block;
115
+ padding: 0 5px;
116
+ background: #40B1D0;
117
+ color: #FFF;
118
+ text-transform: uppercase;
119
+ font-size: 9px;
120
+ font-weight: bold;
121
+ line-height: 1.9;
122
+ text-decoration: none;
123
+ }
124
+ .wio-datas-more-action a.is-open {
125
+ background: #555;
126
+ }
127
+ .wio-datas-more-action a.is-open .dashicons {
128
+ transform: rotate(180deg);
129
+ }
130
+ .wio-datas-more-action a .dashicons {
131
+ font-size: 14px;
132
+ vertical-align: middle;
133
+ line-height: .8;
134
+ }
135
+ .wio-datas-more-action a .dashicons:before {
136
+ vertical-align: middle;
137
+ line-height: 20px;
138
+ }
139
+ .wio-datas-more-action .the-text {
140
+ display: inline-block;
141
+ vertical-align: middle;
142
+ height: auto;
143
+ line-height: inherit;
144
+ }
145
+
146
+ ul.wio-datas-details.wio-datas-details {
147
+ margin: .7em auto;
148
+ }
149
+ .wio-datas-details strong {
150
+ color: #40B1D0;
151
+ }
152
+ .wio-datas-details .original {
153
+ color: #555;
154
+ }
155
+
156
+ .wio-datas-actions-links {
157
+ overflow: hidden;
158
+ border-top: 2px solid transparent;
159
+ padding-top: 5px;
160
+ font-size: 8px;
161
+ }
162
+ .nggform .wio-datas-actions-links {
163
+ position: relative;
164
+ z-index: 2;
165
+ }
166
+ .nggform .row-actions {
167
+ z-index: 1;
168
+ }
169
+ .wio-datas-actions-links a {
170
+ position: relative;
171
+ display: inline-block;
172
+ padding-left: 17px;
173
+ text-decoration: none;
174
+ font-weight: 600;
175
+ }
176
+ .compat-field-wio .wio-datas-actions-links {
177
+ max-width: 300px;
178
+ }
179
+ .misc-pub-wio .wio-datas-actions-links {
180
+ border-top: 2px solid #f2f2f2;
181
+ padding-bottom: 5px;
182
+ }
183
+ /* Library */
184
+ .column-wio_optimized_file .wio-datas-actions-links a {
185
+ margin: 0 .7em;
186
+ padding-left: 15px;
187
+ }
188
+
189
+ /* Media edition */
190
+ .compat-field-wio .wio-datas-actions-links a,
191
+ .misc-pub-wio .wio-datas-actions-links a {
192
+ font-size: 10px;
193
+ float: left;
194
+ width: 50%;
195
+ }
196
+ .media-sidebar .compat-field-wio .wio-datas-actions-links a,
197
+ .submitbox .misc-pub-wio .wio-datas-actions-links a {
198
+ display: block;
199
+ width: auto;
200
+ float: none;
201
+ }
202
+ .wio-datas-actions-links a:only-child {
203
+ float: none;
204
+ width: auto;
205
+ }
206
+ .wio-datas-details.is-open + .wio-datas-actions-links {
207
+ border-top-color: rgba(0,0,0,.075);
208
+ }
209
+ .wio-datas-actions-links .dashicons {
210
+ position: absolute;
211
+ left: 0; top: 4px;
212
+ width: 12px;
213
+ margin-right: 2px;
214
+ font-size: 11px;
215
+ }
admin/assets/css/statistic.css ADDED
@@ -0,0 +1,372 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * == Columns
3
+ */
4
+ .wio-columns {
5
+ overflow: hidden;
6
+ padding: 15px 0;
7
+ counter-reset: cols;
8
+ }
9
+ .wio-columns [class^="col-"] {
10
+ float: left;
11
+ -webkit-box-sizing: border-box;
12
+ -moz-box-sizing: border-box;
13
+ box-sizing: border-box;
14
+ }
15
+ .wio-columns .col-1-3 {
16
+ width: 33.333%;
17
+ padding-left: 28px;
18
+ }
19
+ .wio .col-2-3 {
20
+ width: 66.666%;
21
+ padding-left: 28px
22
+ }
23
+ .wio .col-1-2 {
24
+ width: 50%;
25
+ padding: 0 20px;
26
+ }
27
+
28
+ @media (max-width: 830px) {
29
+ .wio [class^="col-"] {
30
+ float: none;
31
+ margin-bottom: 1.5em;
32
+ }
33
+ .wio .col-1-3,
34
+ .wio .col-1-2 {
35
+ width: auto;
36
+ padding: 0 28px;
37
+ clear: both;
38
+ padding-top: 1em;
39
+ }
40
+ }
41
+
42
+ /* Col, behavior depending on parent */
43
+ .wio-col {
44
+ float: left;
45
+ width: 50%;
46
+ box-sizing: border-box;
47
+ -webkit-flex-basis: 50%;
48
+ -ms-flex-preferred-size: 50%;
49
+ flex-basis: 50%;
50
+ }
51
+ .wio-col {
52
+ padding-right: 20px;
53
+ }
54
+ .wio-col + .wio-col {
55
+ padding-right: 0;
56
+ padding-left: 50px;
57
+ }
58
+
59
+ .wio-col:target {
60
+ animation: wiohello 1s 3 linear backwards;
61
+ }
62
+
63
+ @keyframes wiohello {
64
+ 0%, 100% {
65
+ background: #FFF;
66
+ }
67
+ 50% {
68
+ background: #F4F7F9;
69
+ }
70
+ }
71
+
72
+ .wio-columns .col-statistics.col-statistics {
73
+ width: 60%;
74
+ }
75
+ @media (max-width: 1520px) and (min-width: 1381px), (max-width: 1086px) {
76
+ .wio-columns .col-statistics.col-statistics,
77
+ .wio-columns .col-chart.col-chart {
78
+ width: 50%;
79
+ }
80
+ }
81
+ @media (max-width: 808px) {
82
+ .wio-columns .col-statistics.col-statistics,
83
+ .wio-columns .col-chart.col-chart {
84
+ width: auto;
85
+ float: none;
86
+ padding: 0;
87
+ }
88
+ .wio-columns .col-chart.col-chart {
89
+ margin-top: 3em;
90
+ }
91
+ }
92
+
93
+ /* Number display */
94
+ .wio-number-you-optimized {
95
+ margin-bottom: 1.35em;
96
+ overflow: hidden;
97
+ }
98
+ .wio-number-you-optimized .number {
99
+ display: table-cell;
100
+ padding-right: 15px;
101
+ font-size: 48px;
102
+ font-weight: bold;
103
+ line-height: 1;
104
+ vertical-align: middle;
105
+ white-space: nowrap;
106
+ color: #000;
107
+ }
108
+ .wio-number-you-optimized [id="wio-total-optimized-attachments-pct"] {
109
+ color: #40B1D0;
110
+ }
111
+ .wio-number-you-optimized .text {
112
+ display: table-cell;
113
+ vertical-align: middle;
114
+ overflow: hidden;
115
+ font-size: 12px;
116
+ color: #626E7B;
117
+ }
118
+