Headline
CVE-2022-33969: Changeset 2648808 – WordPress Plugin Repository
Authenticated WordPress Options Change vulnerability in Biplob Adhikari’s Flipbox plugin <= 2.6.0 at WordPress.
image-hover-effects-ultimate-visual-composer/trunk/Classes/Admin_Ajax.php
r2646976
r2648808
53
53
public function \_\_construct($type = '', $data = '', $styleid = '', $itemid = '') {
54
54
if (!empty($type) && !empty($data)):
55
56
$user\_permission = $this->check\_user\_permission();
57
if (!current\_user\_can($user\_permission)):
58
return wp\_die(\_\_('You do not have permission.'));
59
endif;
60
55
61
global $wpdb;
56
62
$this->wpdb = $wpdb;
…
…
62
68
}
63
69
70
public function check\_user\_permission() {
71
$user\_role = get\_option('oxi\_addons\_user\_permission');
72
$role\_object = get\_role($user\_role);
73
$first\_key = '';
74
if (isset($role\_object->capabilities) && is\_array($role\_object->capabilities)) {
75
reset($role\_object->capabilities);
76
$first\_key = key($role\_object->capabilities);
77
} else {
78
$first\_key = 'manage\_options';
79
}
80
return $first\_key;
81
}
82
64
83
public function active\_data() {
84
$user\_permission = $this->check\_user\_permission();
85
if (!current\_user\_can($user\_permission)):
86
return wp\_die(\_\_('You do not have permission.'));
87
endif;
88
65
89
global $wpdb;
66
90
$this->wpdb = $wpdb;
…
…
88
112
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child\_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect\_id, 'flip', $value\['files'\], $value\['css'\])));
89
113
}
90
echo admin\_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect\_id");
114
echo esc\_url(admin\_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect\_id"));
91
115
endif;
92
116
else:
…
…
102
126
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child\_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect\_id, 'flip', $value\['files'\], $value\['css'\])));
103
127
}
104
echo admin\_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect\_id");
128
echo esc\_url(admin\_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect\_id"));
105
129
endif;
106
130
endif;
…
…
131
155
$flip = 'flip';
132
156
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import\_table} (type, name) VALUES (%s, %d)", array($flip, $styleid)));
133
echo admin\_url("admin.php?page=oxi-flip-box-ultimate-new#Style" . $styleid);
157
echo esc\_url(admin\_url("admin.php?page=oxi-flip-box-ultimate-new#Style" . $styleid));
134
158
else:
135
159
echo 'Silence is Golden';
…
…
178
202
}
179
203
180
public function get\_shortcode\_export($data = '', $styleid = '', $itemid = '') {
181
echo $styleid;
182
if ($styleid):
183
$style = $this->wpdb->get\_row($this->wpdb->prepare("SELECT \* FROM $this->parent\_table WHERE id = %d", $styleid), ARRAY\_A);
184
$child = $this->wpdb->get\_results($this->wpdb->prepare("SELECT \* FROM $this->child\_table WHERE styleid = %d ORDER by id ASC", $styleid), ARRAY\_A);
185
$filename = 'oxilab-flipboxand' . $style\['id'\] . '.json';
186
$files = \[
187
'style' => $style,
188
'child' => $child,
189
\];
190
$finalfiles = json\_encode($files);
191
$this->send\_file\_headers($filename, strlen($finalfiles));
192
@ob\_end\_clean();
193
flush();
194
echo $finalfiles;
195
die;
196
else:
197
return 'Silence is Golden';
198
endif;
199
return;
200
}
201
202
public function post\_json\_import($folder, $filename) {
203
if (is\_file($folder . $filename)) {
204
$this->active\_data();
205
$params = json\_decode(file\_get\_contents($folder . $filename), true);
206
$style = $params\['style'\];
207
$child = $params\['child'\];
208
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->parent\_table} (name, type, style\_name, css) VALUES ( %s, %s, %s, %s)", array($style\['name'\], $style\['type'\], $style\['style\_name'\], $style\['css'\])));
209
$redirect\_id = $this->wpdb->insert\_id;
210
if ($redirect\_id > 0):
211
foreach ($child as $value) {
212
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child\_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect\_id, $value\['type'\], $value\['files'\], $value\['css'\])));
213
}
214
endif;
215
$check\_import = $this->wpdb->get\_row($this->wpdb->prepare("SELECT \* FROM $this->import\_table WHERE type = %s AND name = %s", 'flip', str\_replace('style', '', $style\['style\_name'\])), ARRAY\_A);
216
if (!is\_array($check\_import)):
217
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import\_table} (type, name) VALUES ( %s, %s)", array('flip', str\_replace('style', '', $style\['style\_name'\]))));
218
endif;
219
}
204
public function post\_json\_import($params) {
205
if (!is\_array($params) || $params\['style'\]\['type'\] != 'flip') {
206
return new \\WP\_Error('file\_error', 'Invalid Content In File');
207
}
208
$this->active\_data();
209
210
$style = $params\['style'\];
211
$child = $params\['child'\];
212
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->parent\_table} (name, type, style\_name, css) VALUES ( %s, %s, %s, %s)", array($style\['name'\], $style\['type'\], $style\['style\_name'\], $style\['css'\])));
213
$redirect\_id = $this->wpdb->insert\_id;
214
if ($redirect\_id > 0):
215
foreach ($child as $value) {
216
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child\_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect\_id, $value\['type'\], $value\['files'\], $value\['css'\])));
217
}
218
endif;
219
$check\_import = $this->wpdb->get\_row($this->wpdb->prepare("SELECT \* FROM $this->import\_table WHERE type = %s AND name = %s", 'flip', str\_replace('style', '', $style\['style\_name'\])), ARRAY\_A);
220
if (!is\_array($check\_import)):
221
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import\_table} (type, name) VALUES ( %s, %s)", array('flip', str\_replace('style', '', $style\['style\_name'\]))));
222
endif;
223
return admin\_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect\_id");
220
224
}
221
225
…
…
245
249
endif;
246
250
endif;
247
echo json\_encode($data);
251
248
252
return;
249
253
}
…
…
263
267
$message = $response->get\_error\_message();
264
268
} else {
265
$message = \_\_('An error occurred, please try again.');
269
$message = esc\_html('An error occurred, please try again.');
266
270
}
267
271
} else {
…
…
274
278
case 'expired' :
275
279
276
$message = sprintf(
277
\_\_('Your license key expired on %s.'), date\_i18n(get\_option('date\_format'), strtotime($license\_data->expires, current\_time('timestamp')))
278
);
280
$message = esc\_html('Your license key expired')
281
;
279
282
break;
280
283
281
284
case 'revoked' :
282
285
283
$message = \_\_('Your license key has been disabled.');
286
$message = esc\_html('Your license key has been disabled.');
284
287
break;
285
288
286
289
case 'missing' :
287
290
288
$message = \_\_('Invalid license.');
291
$message = esc\_html('Invalid license.');
289
292
break;
290
293
…
…
292
295
case 'site\_inactive' :
293
296
294
$message = \_\_('Your license is not active for this URL.');
297
$message = esc\_html('Your license is not active for this URL.');
295
298
break;
296
299
297
300
case 'item\_name\_mismatch' :
298
301
299
$message = sprintf(\_\_('This appears to be an invalid license key for %s.'), OXI\_FLIP\_BOX\_TEXTDOMAIN);
302
$message = esc\_html('This appears to be an invalid license key ');
300
303
break;
301
304
302
305
case 'no\_activations\_left':
303
306
304
$message = \_\_('Your license key has reached its activation limit.');
307
$message = esc\_html('Your license key has reached its activation limit.');
305
308
break;
306
309
307
310
default :
308
311
309
$message = \_\_('An error occurred, please try again.');
312
$message = esc\_html('An error occurred, please try again.');
310
313
break;
311
314
}
…
…
333
336
$message = $response->get\_error\_message();
334
337
} else {
335
$message = \_\_('An error occurred, please try again.');
338
$message = esc\_html('An error occurred, please try again.');
336
339
}
337
340
return $message;
…
…
349
352
\* @return void
350
353
\*/
351
public function oxi\_settings($data = '', $styleid = '', $itemid = '') {
354
public function oxi\_addons\_user\_permission($data = '', $styleid = '', $itemid = '') {
355
$user\_permission = $this->check\_user\_permission();
356
if (!current\_user\_can($user\_permission)):
357
return wp\_die(\_\_('You do not have permission.'));
358
endif;
352
359
$rawdata = json\_decode(stripslashes($data), true);
353
$name = sanitize\_text\_field($rawdata\['name'\]);
354
360
$value = sanitize\_text\_field($rawdata\['value'\]);
355
if ($name === 'oxi\_addons\_user\_permissions'):
356
update\_option('oxi\_addons\_user\_permission', $value);
357
echo '<span class="oxi-confirmation-success"></span>';
358
elseif ($name === 'oxi\_addons\_font\_awesome'):
359
update\_option('oxi\_addons\_font\_awesome', $value);
360
echo '<span class="oxi-confirmation-success"></span>';
361
elseif ($name === 'oxi\_addons\_google\_font'):
362
update\_option('oxi\_addons\_google\_font', $value);
363
echo '<span class="oxi-confirmation-success"></span>';
364
elseif ($name === 'oxi\_addons\_pre\_loader'):
365
update\_option('oxi\_addons\_pre\_loader', $value);
366
echo '<span class="oxi-confirmation-success"></span>';
367
endif;
361
update\_option('oxi\_addons\_user\_permission', $value);
362
echo '<span class="oxi-confirmation-success"></span>';
363
return;
364
}
365
366
/\*\*
367
\* Admin Settings
368
\* @return void
369
\*/
370
public function oxi\_addons\_font\_awesome($data = '', $styleid = '', $itemid = '') {
371
$user\_permission = $this->check\_user\_permission();
372
if (!current\_user\_can($user\_permission)):
373
return wp\_die(\_\_('You do not have permission.'));
374
endif;
375
$rawdata = json\_decode(stripslashes($data), true);
376
$value = sanitize\_text\_field($rawdata\['value'\]);
377
update\_option('oxi\_addons\_font\_awesome', $value);
378
echo '<span class="oxi-confirmation-success"></span>';
379
return;
380
}
381
382
/\*\*
383
\* Admin Settings
384
\* @return void
385
\*/
386
public function oxi\_addons\_google\_font($data = '', $styleid = '', $itemid = '') {
387
$user\_permission = $this->check\_user\_permission();
388
if (!current\_user\_can($user\_permission)):
389
return wp\_die(\_\_('You do not have permission.'));
390
endif;
391
$rawdata = json\_decode(stripslashes($data), true);
392
$value = sanitize\_text\_field($rawdata\['value'\]);
393
update\_option('oxi\_addons\_google\_font', $value);
394
echo '<span class="oxi-confirmation-success"></span>';
395
return;
396
}
397
398
/\*\*
399
\* Admin Settings
400
\* @return void
401
\*/
402
public function oxi\_addons\_pre\_loader($data = '', $styleid = '', $itemid = '') {
403
$user\_permission = $this->check\_user\_permission();
404
if (!current\_user\_can($user\_permission)):
405
return wp\_die(\_\_('You do not have permission.'));
406
endif;
407
$rawdata = json\_decode(stripslashes($data), true);
408
$value = sanitize\_text\_field($rawdata\['value'\]);
409
update\_option('oxi\_addons\_pre\_loader', $value);
410
echo '<span class="oxi-confirmation-success"></span>';
368
411
return;
369
412
}
image-hover-effects-ultimate-visual-composer/trunk/Classes/Bootstrap.php
r2497348
r2648808
117
117
118
118
public function Admin\_Filters() {
119
// echo $this->fixed\_data('6f78692d666c69702d626f782d737570706f72742d616e642d636f6d6d656e7473');
119
120
120
add\_filter($this->fixed\_data('6f78692d666c69702d626f782d737570706f72742d616e642d636f6d6d656e7473'), array($this, $this->fixed\_data('537570706f7274416e64436f6d6d656e7473')));
121
121
add\_filter($this->fixed\_data('6f78692d666c69702d626f782d706c7567696e2f70726f5f76657273696f6e'), array($this, $this->fixed\_data('636865636b5f63757272656e745f74616273')));
image-hover-effects-ultimate-visual-composer/trunk/Classes/Installation.php
r2629126
r2648808
97
97
public function plugin\_upgrade\_hook($upgrader\_object, $options) {
98
98
if ($options\['action'\] == 'update' && $options\['type'\] == 'plugin') {
99
if (isset($options\['plugins'\]\[OXI\_FLIP\_BOX\_TEXTDOMAIN\])) {
99
if (isset($options\['plugins'\]\['image-hover-effects-ultimate-visual-composer'\])) {
100
100
101
101
$this->Flip\_Datatase();
image-hover-effects-ultimate-visual-composer/trunk/Classes/Support_Recommended.php
r2646976
r2648808
35
35
}
36
36
$this->extension();
37
add\_action('admin\_notices', array($this, 'first\_install'));
37
38
38
add\_action('admin\_enqueue\_scripts', array($this, 'admin\_enqueue\_scripts'));
39
39
add\_action('admin\_notices', array($this, 'dismiss\_button\_scripts'));
…
…
73
73
74
74
/\*\*
75
\* First Installation Track
76
\* @return void
77
\*/
78
public function first\_install() {
79
$installed\_plugins = get\_plugins();
80
81
$plugin = \[\];
82
$i = 1;
83
84
foreach ($this->get\_plugins as $key => $value) {
85
if (!isset($installed\_plugins\[$value\['modules-path'\]\])) :
86
$plugin\[$i\] = $value;
87
$i++;
88
endif;
89
}
90
91
92
$recommend = \[\];
93
94
for ($p = 1; $p < 100; $p++) :
95
if (isset($plugin\[$p\]) && count($recommend) < 3) :
96
if (isset($plugin\[$p\]\['dependency'\]) && $plugin\[$p\]\['dependency'\] != '') :
97
if (isset($installed\_plugins\[$plugin\[$p\]\['dependency'\]\])) :
98
$recommend = $plugin\[$p\];
99
$p = 100;
100
endif;
101
elseif ($plugin\[$p\]\['modules-path'\] != $this->current\_plugins) :
102
103
$recommend = $plugin\[$p\];
104
$p = 100;
105
endif;
106
107
else :
108
$p = 100;
109
endif;
110
endfor;
111
112
if (count($recommend) > 2 && $recommend\['modules-path'\] != '') :
113
$plugin = explode('/', $recommend\['modules-path'\])\[0\];
114
$massage = '<p>Thank you for using my Flipbox - Awesomes Flip Boxes Image Overlay. ' . $recommend\['modules-massage'\] . '</p>';
115
116
$install\_url = wp\_nonce\_url(add\_query\_arg(array('action' => 'install-plugin', 'plugin' => $plugin), admin\_url('update.php')), 'install-plugin' . '\_' . $plugin);
117
echo '<div class="oxi-addons-admin-notifications" style=" width: auto;">
118
<h3>
119
<span class="dashicons dashicons-flag"></span>
120
Notifications
121
</h3>
122
<p></p>
123
<div class="oxi-addons-admin-notifications-holder">
124
<div class="oxi-addons-admin-notifications-alert">
125
' . $massage . '
126
<p>' . sprintf('<a href="%s" class="button button-large button-primary">%s</a>', $install\_url, \_\_('Install Now', OXI\_FLIP\_BOX\_TEXTDOMAIN)) . ' <a href="#" class="button button-large button-secondary oxi-flip-admin-recommended-dismiss">No, Thanks</a></p>
127
</div>
128
</div>
129
<p></p>
130
</div>';
131
endif;
132
}
133
134
/\*\*
135
75
\* Admin Notice CSS file loader
136
76
\* @return void
image-hover-effects-ultimate-visual-composer/trunk/Classes/Support_Reviews.php
r2646976
r2648808
15
15
\*/
16
16
public function \_\_construct() {
17
if (!current\_user\_can('install\_plugins')):
18
return;
19
endif;
17
20
add\_action('admin\_notices', array($this, 'first\_install'));
18
21
add\_action('admin\_enqueue\_scripts', array($this, 'admin\_enqueue\_scripts'));
…
…
51
54
}
52
55
$image = OXI\_FLIP\_BOX\_URL . 'image/logo.png';
53
echo \_(' <div class="notice notice-info put-dismiss-noticenotice-has-thumbnail shortcode-addons-review-notice oxilab-flipbox-review-notice">
54
<div class="shortcode-addons-notice-thumbnail">
55
<img src="' . $image . '" alt=""></div>
56
<div class="shortcode-addons--notice-message">
57
<p>Hey, You’ve using <strong>Flipbox - Awesomes Flip Boxes Image Overlay</strong> more than 1 week – that’s awesome! Could you please do me a BIG favor and give it a 5-star rating on WordPress? Just to help us spread the word and boost our motivation.!</p>
58
<ul class="shortcode-addons--notice-link">
59
<li>
60
<a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/reviews/" target="\_blank">
61
<span class="dashicons dashicons-external"></span>Ok, you deserve it!
62
</a>
63
</li>
64
<li>
65
<a class="oxi-flip-support-reviews" sup-data="success" href="#">
66
<span class="dashicons dashicons-smiley"></span>I already did
67
</a>
68
</li>
69
<li>
70
<a class="oxi-flip-support-reviews" sup-data="maybe" href="#">
71
<span class="dashicons dashicons-calendar-alt"></span>Maybe Later
72
</a>
73
</li>
74
<li>
75
<a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">
76
<span class="dashicons dashicons-sos"></span>I need help
77
</a>
78
</li>
79
<li>
80
<a class="oxi-flip-support-reviews" sup-data="never" href="#">
81
<span class="dashicons dashicons-dismiss"></span>Never show again
82
</a>
83
</li>
84
</ul>
85
</div>
86
</div>');
56
?>
57
<div class="notice notice-info put-dismiss-noticenotice-has-thumbnail shortcode-addons-review-notice oxilab-flipbox-review-notice">
58
<div class="shortcode-addons-notice-thumbnail">
59
<img src="<?php echo esc\_url($image); ?>" alt=""></div>
60
<div class="shortcode-addons--notice-message">
61
<p>Hey, You’ve using <strong>Flipbox - Awesomes Flip Boxes Image Overlay</strong> more than 1 week – that’s awesome! Could you please do me a BIG favor and give it a 5-star rating on WordPress? Just to help us spread the word and boost our motivation.!</p>
62
<ul class="shortcode-addons--notice-link">
63
<li>
64
<a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/reviews/" target="\_blank">
65
<span class="dashicons dashicons-external"></span>Ok, you deserve it!
66
</a>
67
</li>
68
<li>
69
<a class="oxi-flip-support-reviews" sup-data="success" href="#">
70
<span class="dashicons dashicons-smiley"></span>I already did
71
</a>
72
</li>
73
<li>
74
<a class="oxi-flip-support-reviews" sup-data="maybe" href="#">
75
<span class="dashicons dashicons-calendar-alt"></span>Maybe Later
76
</a>
77
</li>
78
<li>
79
<a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">
80
<span class="dashicons dashicons-sos"></span>I need help
81
</a>
82
</li>
83
<li>
84
<a class="oxi-flip-support-reviews" sup-data="never" href="#">
85
<span class="dashicons dashicons-dismiss"></span>Never show again
86
</a>
87
</li>
88
</ul>
89
</div>
90
</div>
91
<?php
87
92
}
88
93
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style1.php
r2590546
r2648808
113
113
<div class="modal-body row">
114
114
<?php
115
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
116
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
117
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
115
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
116
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
117
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
118
118
?>
119
119
</div>
…
…
126
126
<div class="modal-body row">
127
127
<?Php
128
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
129
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
130
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
131
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
128
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
129
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
130
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
131
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
132
132
?>
133
133
</div>
…
…
144
144
</div>
145
145
<?php
146
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
147
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
148
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
149
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
146
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
147
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
148
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
149
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
150
150
?>
151
151
</div>
…
…
155
155
</div>
156
156
<?php
157
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
158
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
157
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
158
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
159
159
?>
160
160
</div>
…
…
166
166
</div>
167
167
<?php
168
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
169
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
168
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
169
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
170
170
?>
171
171
</div>
…
…
175
175
</div>
176
176
<?php
177
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
178
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
179
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
177
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
178
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
179
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
180
180
?>
181
181
</div>
…
…
190
190
<?php ?>
191
191
<?php
192
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-data');
193
echo $this->oxilab\_flip\_box\_admin\_number('front-image-height', $this->style\[69\], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
194
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
195
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
196
echo $this->oxilab\_flip\_box\_admin\_number('front-border-size', $this->style\[75\], '1', 'Border Size', 'Give your Border Size around the Flip');
192
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-data');
193
$this->oxilab\_flip\_box\_admin\_number('front-image-height', $this->style\[69\], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
194
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
195
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
196
$this->oxilab\_flip\_box\_admin\_number('front-border-size', $this->style\[75\], '1', 'Border Size', 'Give your Border Size around the Flip');
197
197
?>
198
198
</div>
…
…
202
202
</div>
203
203
<?php
204
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
205
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-image-icon \[class^=\\'fa\\'\]');
206
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[11\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-image-icon');
207
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
208
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
204
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
205
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-image-icon \[class^=\\'fa\\'\]');
206
$this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[11\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-image-icon');
207
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
208
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
209
209
?>
210
210
</div>
…
…
216
216
</div>
217
217
<?php
218
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
219
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-heading-data');
220
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
221
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
222
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
223
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
224
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
225
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
218
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
219
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-heading-data');
220
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
221
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
222
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
223
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
224
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
225
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
226
226
?>
227
227
</div>
…
…
235
235
</div>
236
236
<?php
237
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
238
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
239
echo $this->oxilab\_flip\_box\_admin\_number('backend-border-size', $this->style\[105\], '1', 'Border Size', 'Give your Border Size around the Flip');
240
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
237
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
238
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
239
$this->oxilab\_flip\_box\_admin\_number('backend-border-size', $this->style\[105\], '1', 'Border Size', 'Give your Border Size around the Flip');
240
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
241
241
?>
242
242
</div>
…
…
246
246
</div>
247
247
<?php
248
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
249
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
250
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
251
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
252
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
253
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
254
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
255
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
248
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
249
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
250
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
251
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
252
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
253
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
254
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
255
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
256
256
?>
257
257
</div>
…
…
263
263
</div>
264
264
<?php
265
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
266
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
267
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
268
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
269
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
270
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
271
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
272
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
273
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-padding-top', $this->style\[133\], 'backend-button-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
274
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
275
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
276
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
277
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
265
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
266
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
267
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
268
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
269
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
270
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
271
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
272
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
273
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-padding-top', $this->style\[133\], 'backend-button-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
274
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
275
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
276
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
277
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
278
278
?>
279
279
</div>
…
…
284
284
<div class="form-group">
285
285
<label for="custom-css" class="custom-css">Custom CSS:</label>
286
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[149\]; ?></textarea>
286
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[149\]); ?></textarea>
287
287
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
288
288
</div>
…
…
292
292
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
293
293
<?php
294
echo $this->oxilab\_flip\_box\_admin\_support();
294
$this->oxilab\_flip\_box\_admin\_support();
295
295
?>
296
296
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style10.php
r2590546
r2648808
96
96
<div class="modal-body row">
97
97
<?php
98
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
99
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
100
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
101
?>
98
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
99
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
100
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
101
?>
102
102
</div>
103
103
<div class="modal-header">
…
…
109
109
<div class="modal-body row">
110
110
<?Php
111
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[9\], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook-f');
112
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
113
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
114
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
115
?>
111
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[9\], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook-f');
112
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
113
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
114
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
115
?>
116
116
</div>
117
117
<?php
…
…
125
125
<div class="oxi-head">
126
126
General Settings
127
</div>
128
<?php
129
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
130
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
131
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
132
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
133
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[69\], '1', 'Border Radius', 'Set your flip Border Radius');
134
?>
135
</div>
127
</div>
128
<?php
129
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
130
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
131
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
132
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
133
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[69\], '1', 'Border Radius', 'Set your flip Border Radius');
134
?>
135
</div>
136
136
<div class="oxi-addons-content-div">
137
137
<div class="oxi-head">
138
138
Optional Settings
139
</div>
140
<?php
141
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
142
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
143
?>
139
</div>
140
<?php
141
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
142
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
143
?>
144
144
</div>
145
145
</div>
…
…
150
150
</div>
151
151
<?php
152
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
153
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
154
?>
155
</div>
152
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
153
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
154
?>
155
</div>
156
156
<div class="oxi-addons-content-div">
157
157
<div class="oxi-head">
…
…
159
159
</div>
160
160
<?php
161
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
162
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
163
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
164
?>
165
</div>
161
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
162
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
163
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
164
?>
165
</div>
166
166
</div>
167
167
</div>
…
…
171
171
<div class="oxi-head">
172
172
General Settings
173
</div>
174
<?php
175
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', ' background-color', '.oxilab-flip-box-' . $this->oxiid . '');
176
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
177
?>
178
</div>
173
</div>
174
<?php
175
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', ' background-color', '.oxilab-flip-box-' . $this->oxiid . '');
176
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
177
?>
178
</div>
179
179
<div class="oxi-addons-content-div">
180
180
<div class="oxi-head">
181
181
Icon Settings
182
</div>
183
<?php
184
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
185
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
186
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[9\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
187
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
188
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
189
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[133\], 'front-icon-padding-left-right', $this->style\[135\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
190
?>
182
</div>
183
<?php
184
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
185
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
186
$this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[9\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
187
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
188
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
189
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[133\], 'front-icon-padding-left-right', $this->style\[135\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
190
?>
191
191
</div>
192
192
</div>
…
…
197
197
</div>
198
198
<?php
199
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
200
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
201
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
202
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
203
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
204
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
205
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
206
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
207
?>
208
</div>
199
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
200
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
201
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
202
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
203
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
204
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
205
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
206
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
207
?>
208
</div>
209
209
</div>
210
210
</div>
…
…
214
214
<div class="oxi-head">
215
215
General Settings
216
</div>
217
<?php
218
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
219
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
220
?>
221
</div>
216
</div>
217
<?php
218
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
219
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
220
?>
221
</div>
222
222
<div class="oxi-addons-content-div">
223
223
<div class="oxi-head">
224
224
Icon Settings
225
</div>
226
<?php
227
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
228
echo $this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[15\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
229
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
230
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[129\], 'backend-icon-padding-left-right', $this->style\[131\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
231
?>
225
</div>
226
<?php
227
$this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
228
$this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[15\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
229
$this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
230
$this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[129\], 'backend-icon-padding-left-right', $this->style\[131\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
231
?>
232
232
</div>
233
233
</div>
…
…
236
236
<div class="oxi-head">
237
237
Backend Info
238
</div>
239
<?php
240
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
241
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[17\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
242
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
243
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
244
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
245
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
246
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
247
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
248
?>
249
</div>
238
</div>
239
<?php
240
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
241
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[17\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
242
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
243
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
244
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
245
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
246
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
247
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
248
?>
249
</div>
250
250
</div>
251
251
</div>
…
…
254
254
<div class="form-group">
255
255
<label for="custom-css" class="custom-css">Custom CSS:</label>
256
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[137\]; ?></textarea>
256
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[137\]); ?></textarea>
257
257
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
258
258
</div>
…
…
261
261
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
262
262
<?php
263
echo $this->oxilab\_flip\_box\_admin\_support();
263
$this->oxilab\_flip\_box\_admin\_support();
264
264
?>
265
265
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style11.php
r2590546
r2648808
130
130
<div class="modal-body row">
131
131
<?php
132
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
133
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
134
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
135
?>
132
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
133
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
134
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
135
?>
136
136
</div>
137
137
<div class="modal-header">
…
…
143
143
<div class="modal-body row">
144
144
<?Php
145
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[7\], 'Backend Title', 'Add your flip backend title.');
146
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[9\], 'Backend Info:', 'Add backend Info text unless make it blank.');
147
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[11\], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
148
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[13\], 'Backend Button Text', 'Add your backend button text.');
149
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[15\], 'Link', 'Add your desire link or url unless make it blank');
150
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[17\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
151
?>
145
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[7\], 'Backend Title', 'Add your flip backend title.');
146
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[9\], 'Backend Info:', 'Add backend Info text unless make it blank.');
147
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[11\], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
148
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[13\], 'Backend Button Text', 'Add your backend button text.');
149
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[15\], 'Link', 'Add your desire link or url unless make it blank');
150
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[17\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
151
?>
152
152
</div>
153
153
<?php
…
…
161
161
<div class="oxi-head">
162
162
General Settings
163
</div>
164
<?php
165
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
166
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
167
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
168
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
169
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
170
?>
171
</div>
163
</div>
164
<?php
165
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
166
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
167
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
168
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
169
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
170
?>
171
</div>
172
172
<div class="oxi-addons-content-div">
173
173
<div class="oxi-head">
174
174
Optional Settings
175
</div>
176
<?php
177
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
178
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
179
?>
175
</div>
176
<?php
177
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
178
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
179
?>
180
180
</div>
181
181
</div>
…
…
186
186
</div>
187
187
<?php
188
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
189
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
190
?>
191
</div>
188
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
189
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
190
?>
191
</div>
192
192
<div class="oxi-addons-content-div">
193
193
<div class="oxi-head">
…
…
195
195
</div>
196
196
<?php
197
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
198
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
199
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
200
?>
201
</div>
197
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
198
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
199
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
200
?>
201
</div>
202
202
</div>
203
203
</div>
…
…
207
207
<div class="oxi-head">
208
208
General Settings
209
</div>
210
<?php
211
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
212
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
213
?>
214
</div>
209
</div>
210
<?php
211
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
212
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
213
?>
214
</div>
215
215
<div class="oxi-addons-content-div">
216
216
<div class="oxi-head">
217
217
Icon Settings
218
</div>
219
<?php
220
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
221
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
222
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[9\], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
223
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
224
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
225
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[133\], 'front-icon-padding-left-right', $this->style\[135\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
226
?>
218
</div>
219
<?php
220
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
221
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
222
$this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[9\], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
223
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
224
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
225
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[133\], 'front-icon-padding-left-right', $this->style\[135\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
226
?>
227
227
</div>
228
228
</div>
…
…
233
233
</div>
234
234
<?php
235
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
236
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
237
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
238
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
239
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
240
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
241
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
242
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
243
?>
244
</div>
235
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
236
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
237
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
238
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
239
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
240
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
241
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
242
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
243
?>
244
</div>
245
245
</div>
246
246
</div>
…
…
250
250
<div class="oxi-head">
251
251
General Settings
252
</div>
253
<?php
254
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
255
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
256
?>
257
</div>
252
</div>
253
<?php
254
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
255
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
256
?>
257
</div>
258
258
<div class="oxi-addons-content-div">
259
259
<div class="oxi-head">
260
260
Icon Settings
261
</div>
262
<?php
263
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
264
echo $this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[17\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
265
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
266
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-border-bottom', $this->style\[105\], '1', 'Icon Border Bottom', 'Set your Icon Border Bottom Size.');
267
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[129\], 'backend-icon-padding-left-right', $this->style\[131\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
268
?>
261
</div>
262
<?php
263
$this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
264
$this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[17\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
265
$this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
266
$this->oxilab\_flip\_box\_admin\_number('backend-icon-border-bottom', $this->style\[105\], '1', 'Icon Border Bottom', 'Set your Icon Border Bottom Size.');
267
$this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[129\], 'backend-icon-padding-left-right', $this->style\[131\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
268
?>
269
269
</div>
270
270
<div class="oxi-addons-content-div">
…
…
273
273
</div>
274
274
<?php
275
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[137\], '1', 'Font Size', 'Set your backend Heading Font Size');
276
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[15\], '', ' Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
277
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[139\], 'Font Family', 'Give your Prepared Font from our Google Font List');
278
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[141\], 'Font Style', 'Set your Heading Font Style');
279
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[143\], 'Font Weight', 'Give your backend Heading Font Weight');
280
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[145\], 'Text Align', 'Give your Heading Text Align');
281
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[147\], 'backend-heading-padding-bottom', $this->style\[149\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
282
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[151\], 'backend-heading-padding-right', $this->style\[153\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
283
?>
275
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[137\], '1', 'Font Size', 'Set your backend Heading Font Size');
276
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[15\], '', ' Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
277
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[139\], 'Font Family', 'Give your Prepared Font from our Google Font List');
278
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[141\], 'Font Style', 'Set your Heading Font Style');
279
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[143\], 'Font Weight', 'Give your backend Heading Font Weight');
280
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[145\], 'Text Align', 'Give your Heading Text Align');
281
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[147\], 'backend-heading-padding-bottom', $this->style\[149\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
282
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[151\], 'backend-heading-padding-right', $this->style\[153\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
283
?>
284
284
</div>
285
285
</div>
…
…
288
288
<div class="oxi-head">
289
289
Backend Info
290
</div>
291
<?php
292
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
293
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
294
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
295
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
296
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
297
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
298
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
299
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
300
?>
290
</div>
291
<?php
292
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
293
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
294
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
295
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
296
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
297
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
298
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
299
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
300
?>
301
301
</div>
302
302
<div class="oxi-addons-content-div">
…
…
305
305
</div>
306
306
<?php
307
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[155\], '1', 'Font Size', 'Set your Backend Button Font Size');
308
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
309
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
310
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
311
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
312
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[157\], 'Font Family', 'Give your Prepared Font from our Google Font List');
313
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[159\], 'Font Style', 'Set your Backend Button Font Style');
314
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[161\], 'Font Weight', 'Give your Backend Button Font Weight');
315
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[163\], 'backend-button-info-padding-left', $this->style\[165\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
316
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[167\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
317
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[169\], 'Text Align', 'Give your Backend Button Text Align');
318
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[171\], 'backend-info-margin-bottom', $this->style\[173\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
319
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[175\], 'backend-info-margin-right', $this->style\[177\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
320
?>
321
</div>
322
</div>
323
</div>
307
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[155\], '1', 'Font Size', 'Set your Backend Button Font Size');
308
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
309
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
310
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
311
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
312
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[157\], 'Font Family', 'Give your Prepared Font from our Google Font List');
313
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[159\], 'Font Style', 'Set your Backend Button Font Style');
314
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[161\], 'Font Weight', 'Give your Backend Button Font Weight');
315
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[163\], 'backend-button-info-padding-left', $this->style\[165\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
316
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[167\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
317
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[169\], 'Text Align', 'Give your Backend Button Text Align');
318
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[171\], 'backend-info-margin-bottom', $this->style\[173\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
319
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[175\], 'backend-info-margin-right', $this->style\[177\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
320
?>
321
</div>
322
</div>
323
</div>
324
324
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
325
325
<div class="col-xs-12 p-2">
326
326
<div class="form-group">
327
327
<label for="custom-css" class="custom-css">Custom CSS:</label>
328
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[179\]; ?></textarea>
328
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[179\]); ?></textarea>
329
329
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
330
330
</div>
…
…
333
333
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
334
334
<?php
335
echo $this->oxilab\_flip\_box\_admin\_support();
335
$this->oxilab\_flip\_box\_admin\_support();
336
336
?>
337
337
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style12.php
r2590546
r2648808
131
131
<div class="modal-body row">
132
132
<?php
133
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
134
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
135
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
136
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
133
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
134
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
135
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
136
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
137
137
?>
138
138
</div>
…
…
145
145
<div class="modal-body row">
146
146
<?php
147
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
148
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
149
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
150
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
147
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
148
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
149
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
150
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
151
151
?>
152
152
</div>
…
…
163
163
</div>
164
164
<?php
165
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
166
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
167
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
168
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
169
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[129\], '1', 'Border Radius', 'Set your flip Border Radius');
165
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
166
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
167
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
168
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
169
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[129\], '1', 'Border Radius', 'Set your flip Border Radius');
170
170
?>
171
171
</div>
…
…
175
175
</div>
176
176
<?php
177
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
178
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
177
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
178
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
179
179
?>
180
180
</div>
…
…
186
186
</div>
187
187
<?php
188
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
189
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
188
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
189
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
190
190
?>
191
191
</div>
…
…
195
195
</div>
196
196
<?php
197
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
198
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
199
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
197
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
198
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
199
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
200
200
?>
201
201
</div>
…
…
209
209
</div>
210
210
<?php
211
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
212
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
213
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[125\], 'flip-col-border-style', $this->style\[127\], 'Border Size', 'Set your front border size with different style');
214
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
211
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
212
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
213
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[125\], 'flip-col-border-style', $this->style\[127\], 'Border Size', 'Set your front border size with different style');
214
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
215
215
?>
216
216
</div>
…
…
220
220
</div>
221
221
<?php
222
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
223
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data \[class^=\\'fa\\'\]');
224
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[11\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');
225
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
226
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-height', $this->style\[75\], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');
227
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
222
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
223
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data \[class^=\\'fa\\'\]');
224
$this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[11\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');
225
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
226
$this->oxilab\_flip\_box\_admin\_number('front-icon-height', $this->style\[75\], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');
227
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
228
228
?>
229
229
</div>
…
…
235
235
</div>
236
236
<?php
237
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
238
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
239
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
240
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
241
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
242
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
243
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
244
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
237
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
238
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
239
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
240
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
241
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
242
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
243
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
244
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
245
245
?>
246
246
</div>
…
…
250
250
</div>
251
251
<?php
252
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[139\], '1', 'Font Size', 'Set your front Info Font Size');
253
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[15\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
254
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[141\], 'Font Family', 'Give your Prepared Font from our Google Font List');
255
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[143\], 'Font Style', 'Set your Info Font Style');
256
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[145\], 'Font Weight', 'Give your Front Info Font Weight');
257
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[147\], 'Text Align', 'Give your Info Text Align');
258
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[149\], 'front-info-padding-bottom', $this->style\[151\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
259
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[153\], 'front-info-padding-right', $this->style\[155\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
252
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[139\], '1', 'Font Size', 'Set your front Info Font Size');
253
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[15\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
254
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[141\], 'Font Family', 'Give your Prepared Font from our Google Font List');
255
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[143\], 'Font Style', 'Set your Info Font Style');
256
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[145\], 'Font Weight', 'Give your Front Info Font Weight');
257
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[147\], 'Text Align', 'Give your Info Text Align');
258
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[149\], 'front-info-padding-bottom', $this->style\[151\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
259
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[153\], 'front-info-padding-right', $this->style\[155\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
260
260
?>
261
261
</div>
…
…
269
269
</div>
270
270
<?php
271
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[17\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
272
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[19\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
273
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[131\], 'flip-backend-border-style', $this->style\[133\], 'Border Size', 'Set your backend border size with different style');
274
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
271
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[17\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
272
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[19\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
273
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[131\], 'flip-backend-border-style', $this->style\[133\], 'Border Size', 'Set your backend border size with different style');
274
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
275
275
?>
276
276
</div>
…
…
280
280
</div>
281
281
<?php
282
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[157\], '1', 'Font Size', 'Set your backend Heading Font Size');
283
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[21\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
284
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[159\], 'Font Family', 'Give your Prepared Font from our Google Font List');
285
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[161\], 'Font Style', 'Set your Heading Font Style');
286
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[163\], 'Font Weight', 'Give your backend Heading Font Weight');
287
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[165\], 'Text Align', 'Give your Heading Text Align');
288
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[167\], 'backend-heading-padding-bottom', $this->style\[169\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
289
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[171\], 'backend-heading-padding-right', $this->style\[173\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
282
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[157\], '1', 'Font Size', 'Set your backend Heading Font Size');
283
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[21\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
284
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[159\], 'Font Family', 'Give your Prepared Font from our Google Font List');
285
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[161\], 'Font Style', 'Set your Heading Font Style');
286
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[163\], 'Font Weight', 'Give your backend Heading Font Weight');
287
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[165\], 'Text Align', 'Give your Heading Text Align');
288
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[167\], 'backend-heading-padding-bottom', $this->style\[169\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
289
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[171\], 'backend-heading-padding-right', $this->style\[173\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
290
290
?>
291
291
</div>
…
…
297
297
</div>
298
298
<?php
299
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[175\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
300
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[177\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
301
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[23\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
299
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[175\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
300
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[177\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
301
$this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[23\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
302
302
?>
303
303
</div>
…
…
307
307
</div>
308
308
<?php
309
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
310
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[25\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
311
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
312
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
313
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
314
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
315
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
316
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
309
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
310
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[25\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
311
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
312
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
313
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
314
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
315
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
316
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
317
317
?>
318
318
</div>
…
…
323
323
<div class="form-group">
324
324
<label for="custom-css" class="custom-css">Custom CSS:</label>
325
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[179\]; ?></textarea>
325
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[179\]); ?></textarea>
326
326
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
327
327
</div>
…
…
330
330
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
331
331
<?php
332
echo $this->oxilab\_flip\_box\_admin\_support();
332
$this->oxilab\_flip\_box\_admin\_support();
333
333
?>
334
334
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style13.php
r2590546
r2648808
140
140
<div class="modal-body row">
141
141
<?php
142
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
143
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
144
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
145
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
146
?>
142
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
143
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
144
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
145
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
146
?>
147
147
</div>
148
148
<div class="modal-header">
…
…
154
154
<div class="modal-body row">
155
155
<?Php
156
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
157
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
158
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
159
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
160
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
161
?>
156
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
157
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
158
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
159
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
160
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
161
?>
162
162
</div>
163
163
<?php
…
…
171
171
<div class="oxi-head">
172
172
General Settings
173
</div>
174
<?php
175
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
176
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
177
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
178
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
179
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
180
?>
181
</div>
173
</div>
174
<?php
175
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
176
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
177
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
178
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
179
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
180
?>
181
</div>
182
182
<div class="oxi-addons-content-div">
183
183
<div class="oxi-head">
184
184
Optional Settings
185
</div>
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
188
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
189
?>
185
</div>
186
<?php
187
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
188
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
189
?>
190
190
</div>
191
191
</div>
…
…
196
196
</div>
197
197
<?php
198
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
199
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
200
?>
201
</div>
198
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
199
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
200
?>
201
</div>
202
202
<div class="oxi-addons-content-div">
203
203
<div class="oxi-head">
…
…
205
205
</div>
206
206
<?php
207
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
208
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
209
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
210
?>
211
</div>
207
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
208
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
209
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
210
?>
211
</div>
212
212
</div>
213
213
</div>
…
…
217
217
<div class="oxi-head">
218
218
General Settings
219
</div>
220
<?php
221
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
222
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
223
?>
224
</div>
219
</div>
220
<?php
221
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
222
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
223
?>
224
</div>
225
225
<div class="oxi-addons-content-div">
226
226
<div class="oxi-head">
227
227
Icon Settings
228
</div>
229
<?php
230
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
231
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
232
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[11\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
233
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-border-color', $this->style\[7\], '', 'Border Color', 'Set your Icon Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
234
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
235
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
236
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
237
?>
228
</div>
229
<?php
230
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
231
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
232
$this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[11\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
233
$this->oxilab\_flip\_box\_admin\_color('front-icon-border-color', $this->style\[7\], '', 'Border Color', 'Set your Icon Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
234
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
235
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
236
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
237
?>
238
238
</div>
239
239
</div>
…
…
244
244
</div>
245
245
<?php
246
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
247
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
248
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
249
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
250
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
251
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
252
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
253
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
254
?>
255
</div>
246
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
247
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
248
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
249
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
250
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
251
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
252
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
253
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
254
?>
255
</div>
256
256
<div class="oxi-addons-content-div">
257
257
<div class="oxi-head">
…
…
259
259
</div>
260
260
<?php
261
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
262
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[29\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
263
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
264
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
265
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
266
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
267
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
268
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
269
?>
270
</div>
261
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
262
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[29\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
263
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
264
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
265
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
266
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
267
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
268
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
269
?>
270
</div>
271
271
</div>
272
272
</div>
…
…
276
276
<div class="oxi-head">
277
277
General Settings
278
</div>
279
<?php
280
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
281
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
282
?>
283
</div>
278
</div>
279
<?php
280
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
281
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
282
?>
283
</div>
284
284
<div class="oxi-addons-content-div">
285
285
<div class="oxi-head">
…
…
287
287
</div>
288
288
<?php
289
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
290
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
291
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
292
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
293
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
294
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
295
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
296
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
297
?>
289
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
290
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
291
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
292
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
293
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
294
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
295
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
296
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
297
?>
298
298
</div>
299
299
</div>
…
…
302
302
<div class="oxi-head">
303
303
Backend Info
304
</div>
305
<?php
306
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
307
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
308
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
309
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
310
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
311
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
312
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
313
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
314
?>
304
</div>
305
<?php
306
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
307
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
308
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
309
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
310
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
311
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
312
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
313
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
314
?>
315
315
</div>
316
316
<div class="oxi-addons-content-div">
…
…
319
319
</div>
320
320
<?php
321
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
322
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
323
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
324
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
325
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
326
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
327
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
328
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
329
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
330
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
331
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
332
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
333
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
334
?>
335
</div>
336
</div>
337
</div>
321
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
322
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
323
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
324
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
325
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
326
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
327
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
328
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
329
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
330
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
331
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
332
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
333
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
334
?>
335
</div>
336
</div>
337
</div>
338
338
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
339
339
<div class="col-xs-12 p-2">
340
340
<div class="form-group">
341
341
<label for="custom-css" class="custom-css">Custom CSS:</label>
342
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
342
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
343
343
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
344
344
</div>
…
…
347
347
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
348
348
<?php
349
echo $this->oxilab\_flip\_box\_admin\_support();
349
$this->oxilab\_flip\_box\_admin\_support();
350
350
?>
351
351
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style14.php
r2590546
r2648808
157
157
</div>
158
158
<div class="modal-body row">
159
<?php
160
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
161
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
162
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-icons', $this->child\_editable\[3\], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');
163
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
164
?>
159
<?php
160
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
161
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
162
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-icons', $this->child\_editable\[3\], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');
163
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
164
?>
165
165
</div>
166
166
<div class="modal-header">
…
…
171
171
</div>
172
172
<div class="modal-body row">
173
<?Php
174
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
175
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
176
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[19\], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook');
177
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
178
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
179
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
180
?>
181
</div>
182
<?php
183
}
184
185
public function register\_controls() {
173
<?Php
174
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
175
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
176
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[19\], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook');
177
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
178
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
179
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
186
180
?>
181
</div>
182
<?php
183
}
184
185
public function register\_controls() {
186
?>
187
187
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-5">
188
188
<div class="oxi-addons-col-6">
…
…
190
190
<div class="oxi-head">
191
191
General Settings
192
</div>
193
<?php
194
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
195
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
196
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
197
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
198
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[129\], '1', 'Border Radius', 'Set your flip Border Radius');
199
?>
200
</div>
192
</div>
193
<?php
194
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
195
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
196
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
197
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
198
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[129\], '1', 'Border Radius', 'Set your flip Border Radius');
199
?>
200
</div>
201
201
<div class="oxi-addons-content-div">
202
202
<div class="oxi-head">
203
203
Optional Settings
204
</div>
205
<?php
206
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
207
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
208
?>
204
</div>
205
<?php
206
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
207
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
208
?>
209
209
</div>
210
210
</div>
…
…
215
215
</div>
216
216
<?php
217
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
218
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
219
?>
220
</div>
217
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
218
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
219
?>
220
</div>
221
221
<div class="oxi-addons-content-div">
222
222
<div class="oxi-head">
…
…
224
224
</div>
225
225
<?php
226
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
227
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
228
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
229
?>
230
</div>
226
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
227
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
228
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
229
?>
230
</div>
231
231
</div>
232
232
</div>
…
…
236
236
<div class="oxi-head">
237
237
General Settings
238
</div>
239
<?php
240
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
241
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
242
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-inner-padding-top', $this->style\[185\], 'front-inner-padding-left', $this->style\[187\], 'Inner Padding', 'Set your Front Inner Padding as Top Bottom and Left Right');
243
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
244
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[125\], 'flip-col-border-style', $this->style\[127\], 'Border Size', 'Set your front border size with different style');
245
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-inner-border-size', $this->style\[179\], 'flip-col-inner-border-style', $this->style\[181\], 'Inner Border Size', 'Set your front border size with different style');
246
echo $this->oxilab\_flip\_box\_admin\_color('front-inner-border-color', $this->style\[27\], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
247
echo $this->oxilab\_flip\_box\_admin\_number('flip-inner-border-radius', $this->style\[183\], '1', 'Inner Border Radius', 'Set your flip Inner Border Radius');
248
?>
249
</div>
238
</div>
239
<?php
240
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
241
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
242
$this->oxilab\_flip\_box\_admin\_number\_double('front-inner-padding-top', $this->style\[185\], 'front-inner-padding-left', $this->style\[187\], 'Inner Padding', 'Set your Front Inner Padding as Top Bottom and Left Right');
243
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
244
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[125\], 'flip-col-border-style', $this->style\[127\], 'Border Size', 'Set your front border size with different style');
245
$this->oxilab\_flip\_box\_admin\_border('flip-col-inner-border-size', $this->style\[179\], 'flip-col-inner-border-style', $this->style\[181\], 'Inner Border Size', 'Set your front border size with different style');
246
$this->oxilab\_flip\_box\_admin\_color('front-inner-border-color', $this->style\[27\], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
247
$this->oxilab\_flip\_box\_admin\_number('flip-inner-border-radius', $this->style\[183\], '1', 'Inner Border Radius', 'Set your flip Inner Border Radius');
248
?>
249
</div>
250
250
<div class="oxi-addons-content-div">
251
251
<div class="oxi-head">
252
252
Number Settings
253
</div>
254
<?php
255
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Number Size', 'Set your Number Font Size');
256
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data .oxilab-span');
257
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[11\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');
258
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Number width', 'Set your Number Width and Height Size.');
259
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-height', $this->style\[75\], '1', 'Number Box Hight', 'Set your Number Box height, start with the top.');
260
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[135\], 'front-icon-padding-left-right', $this->style\[137\], 'Icon Padding', 'Set your Number Padding as Top Bottom and Left Right');
261
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Number Border Radius');
262
?>
253
</div>
254
<?php
255
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Number Size', 'Set your Number Font Size');
256
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data .oxilab-span');
257
$this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[11\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');
258
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Number width', 'Set your Number Width and Height Size.');
259
$this->oxilab\_flip\_box\_admin\_number('front-icon-height', $this->style\[75\], '1', 'Number Box Hight', 'Set your Number Box height, start with the top.');
260
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[135\], 'front-icon-padding-left-right', $this->style\[137\], 'Icon Padding', 'Set your Number Padding as Top Bottom and Left Right');
261
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Number Border Radius');
262
?>
263
263
</div>
264
264
</div>
…
…
269
269
</div>
270
270
<?php
271
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
272
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
273
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
274
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
275
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
276
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
277
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
278
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
279
?>
280
</div>
271
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
272
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
273
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
274
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
275
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
276
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
277
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
278
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
279
?>
280
</div>
281
281
<div class="oxi-addons-content-div">
282
282
<div class="oxi-head">
…
…
284
284
</div>
285
285
<?php
286
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[139\], '1', 'Font Size', 'Set your front Info Font Size');
287
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[15\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
288
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[141\], 'Font Family', 'Give your Prepared Font from our Google Font List');
289
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[143\], 'Font Style', 'Set your Info Font Style');
290
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[145\], 'Font Weight', 'Give your Front Info Font Weight');
291
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[147\], 'Text Align', 'Give your Info Text Align');
292
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[149\], 'front-info-padding-bottom', $this->style\[151\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
293
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[153\], 'front-info-padding-right', $this->style\[155\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
294
?>
295
</div>
286
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[139\], '1', 'Font Size', 'Set your front Info Font Size');
287
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[15\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
288
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[141\], 'Font Family', 'Give your Prepared Font from our Google Font List');
289
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[143\], 'Font Style', 'Set your Info Font Style');
290
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[145\], 'Font Weight', 'Give your Front Info Font Weight');
291
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[147\], 'Text Align', 'Give your Info Text Align');
292
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[149\], 'front-info-padding-bottom', $this->style\[151\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
293
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[153\], 'front-info-padding-right', $this->style\[155\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
294
?>
295
</div>
296
296
</div>
297
297
</div>
…
…
301
301
<div class="oxi-head">
302
302
General Settings
303
</div>
304
<?php
305
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[17\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
306
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
307
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-backend-inner-padding-top', $this->style\[195\], 'front-backend-inner-padding-left', $this->style\[197\], 'Inner Padding', 'Set your backend Inner Padding as Top Bottom and Left Right');
308
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[131\], 'flip-backend-border-style', $this->style\[133\], 'Border Size', 'Set your backend border size with different style');
309
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[19\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
310
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-inner-border-size', $this->style\[189\], 'flip-backend-inner-border-style', $this->style\[191\], 'Inner Border Size', 'Set your Backend border size with different style');
311
echo $this->oxilab\_flip\_box\_admin\_color('backend-inner-border-color', $this->style\[29\], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
312
echo $this->oxilab\_flip\_box\_admin\_number('flip-backend-inner-border-radius', $this->style\[193\], '1', 'Inner Border Radius', 'Set your Backend flip Inner Border Radius');
313
?>
314
</div>
303
</div>
304
<?php
305
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[17\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
306
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
307
$this->oxilab\_flip\_box\_admin\_number\_double('front-backend-inner-padding-top', $this->style\[195\], 'front-backend-inner-padding-left', $this->style\[197\], 'Inner Padding', 'Set your backend Inner Padding as Top Bottom and Left Right');
308
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[131\], 'flip-backend-border-style', $this->style\[133\], 'Border Size', 'Set your backend border size with different style');
309
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[19\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
310
$this->oxilab\_flip\_box\_admin\_border('flip-backend-inner-border-size', $this->style\[189\], 'flip-backend-inner-border-style', $this->style\[191\], 'Inner Border Size', 'Set your Backend border size with different style');
311
$this->oxilab\_flip\_box\_admin\_color('backend-inner-border-color', $this->style\[29\], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
312
$this->oxilab\_flip\_box\_admin\_number('flip-backend-inner-border-radius', $this->style\[193\], '1', 'Inner Border Radius', 'Set your Backend flip Inner Border Radius');
313
?>
314
</div>
315
315
<div class="oxi-addons-content-div">
316
316
<div class="oxi-head">
317
317
Icon Settings
318
</div>
319
<?php
320
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[199\], '1', 'Icon Size', 'Set your Icon Font Size');
321
echo $this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[39\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2 .oxilab-icon-data \[class^=\\'fa\\'\]');
322
echo $this->oxilab\_flip\_box\_admin\_color('backend-icon-background', $this->style\[41\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2');
323
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[201\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
324
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-height', $this->style\[203\], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');
325
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[205\], 'backend-icon-padding-left-right', $this->style\[207\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
326
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-border-radius', $this->style\[209\], '1', 'Border Radius', 'Set Your Icon Border Radius');
327
?>
318
</div>
319
<?php
320
$this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[199\], '1', 'Icon Size', 'Set your Icon Font Size');
321
$this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[39\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2 .oxilab-icon-data \[class^=\\'fa\\'\]');
322
$this->oxilab\_flip\_box\_admin\_color('backend-icon-background', $this->style\[41\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2');
323
$this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[201\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
324
$this->oxilab\_flip\_box\_admin\_number('backend-icon-height', $this->style\[203\], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');
325
$this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[205\], 'backend-icon-padding-left-right', $this->style\[207\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
326
$this->oxilab\_flip\_box\_admin\_number('backend-icon-border-radius', $this->style\[209\], '1', 'Border Radius', 'Set Your Icon Border Radius');
327
?>
328
328
</div>
329
329
<div class="oxi-addons-content-div">
…
…
332
332
</div>
333
333
<?php
334
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[157\], '1', 'Font Size', 'Set your backend Heading Font Size');
335
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[21\], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
336
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[159\], 'Font Family', 'Give your Prepared Font from our Google Font List');
337
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[161\], 'Font Style', 'Set your Heading Font Style');
338
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[163\], 'Font Weight', 'Give your backend Heading Font Weight');
339
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[165\], 'Text Align', 'Give your Heading Text Align');
340
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[167\], 'backend-heading-padding-bottom', $this->style\[169\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
341
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[171\], 'backend-heading-padding-right', $this->style\[173\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
342
?>
334
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[157\], '1', 'Font Size', 'Set your backend Heading Font Size');
335
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[21\], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
336
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[159\], 'Font Family', 'Give your Prepared Font from our Google Font List');
337
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[161\], 'Font Style', 'Set your Heading Font Style');
338
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[163\], 'Font Weight', 'Give your backend Heading Font Weight');
339
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[165\], 'Text Align', 'Give your Heading Text Align');
340
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[167\], 'backend-heading-padding-bottom', $this->style\[169\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
341
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[171\], 'backend-heading-padding-right', $this->style\[173\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
342
?>
343
343
</div>
344
344
</div>
…
…
347
347
<div class="oxi-head">
348
348
Backend Info
349
</div>
350
<?php
351
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
352
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[25\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
353
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
354
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
355
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
356
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
357
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
358
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
359
?>
360
</div>
349
</div>
350
<?php
351
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
352
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[25\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
353
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
354
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
355
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
356
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
357
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
358
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
359
?>
360
</div>
361
361
<div class="oxi-addons-content-div">
362
362
<div class="oxi-head">
…
…
364
364
</div>
365
365
<?php
366
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[211\], '1', 'Font Size', 'Set your Backend Button Font Size');
367
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[31\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
368
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[33\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
369
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[35\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
370
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[37\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
371
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[213\], 'Font Family', 'Give your Prepared Font from our Google Font List');
372
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[215\], 'Font Style', 'Set your Backend Button Font Style');
373
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[117\], 'Font Weight', 'Give your Backend Button Font Weight');
374
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[219\], 'backend-button-info-padding-left', $this->style\[221\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
375
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[223\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
376
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[225\], 'Text Align', 'Give your Backend Button Text Align');
377
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[227\], 'backend-info-margin-bottom', $this->style\[229\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
378
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[231\], 'backend-info-margin-right', $this->style\[233\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
379
?>
380
</div>
381
</div>
382
</div>
366
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[211\], '1', 'Font Size', 'Set your Backend Button Font Size');
367
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[31\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
368
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[33\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
369
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[35\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
370
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[37\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
371
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[213\], 'Font Family', 'Give your Prepared Font from our Google Font List');
372
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[215\], 'Font Style', 'Set your Backend Button Font Style');
373
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[117\], 'Font Weight', 'Give your Backend Button Font Weight');
374
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[219\], 'backend-button-info-padding-left', $this->style\[221\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
375
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[223\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
376
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[225\], 'Text Align', 'Give your Backend Button Text Align');
377
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[227\], 'backend-info-margin-bottom', $this->style\[229\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
378
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[231\], 'backend-info-margin-right', $this->style\[233\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
379
?>
380
</div>
381
</div>
382
</div>
383
383
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
384
384
<div class="col-xs-12 p-2">
385
385
<div class="form-group">
386
386
<label for="custom-css" class="custom-css">Custom CSS:</label>
387
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[235\]; ?></textarea>
387
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[235\]); ?></textarea>
388
388
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
389
389
</div>
…
…
393
393
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
394
394
<?php
395
echo $this->oxilab\_flip\_box\_admin\_support();
395
$this->oxilab\_flip\_box\_admin\_support();
396
396
?>
397
397
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style15.php
r2590546
r2648808
132
132
</div>
133
133
<div class="modal-body row">
134
<?php
135
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
136
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
137
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
138
?>
134
<?php
135
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
136
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
137
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
138
?>
139
139
</div>
140
140
<div class="modal-header">
…
…
145
145
</div>
146
146
<div class="modal-body row">
147
<?Php
148
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[3\], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook');
149
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
150
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
151
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
147
<?Php
148
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[3\], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook');
149
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
150
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
151
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
152
?>
153
</div>
154
<?php
155
}
156
157
public function register\_controls() {
152
158
?>
153
</div>
154
<?php
155
}
156
157
public function register\_controls() {
158
?>
159
159
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-5">
160
160
<div class="oxi-addons-col-6">
…
…
164
164
</div>
165
165
<?php
166
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
167
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
168
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
169
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
170
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[129\], '1', 'Border Radius', 'Set your flip Border Radius');
166
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
167
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
168
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
169
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
170
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[129\], '1', 'Border Radius', 'Set your flip Border Radius');
171
171
?>
172
172
</div>
…
…
176
176
</div>
177
177
<?php
178
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
179
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
178
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
179
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
180
180
?>
181
181
</div>
…
…
187
187
</div>
188
188
<?php
189
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
190
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
189
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
190
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
191
191
?>
192
192
</div>
…
…
196
196
</div>
197
197
<?php
198
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
199
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
200
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
198
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
199
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
200
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
201
201
?>
202
202
</div>
…
…
210
210
</div>
211
211
<?php
212
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
213
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
214
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[125\], 'flip-col-border-style', $this->style\[127\], 'Border Size', 'Set your front border size with different style');
215
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
212
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
213
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
214
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[125\], 'flip-col-border-style', $this->style\[127\], 'Border Size', 'Set your front border size with different style');
215
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
216
216
?>
217
217
</div>
…
…
221
221
</div>
222
222
<?php
223
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
224
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[9\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
225
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
226
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
227
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
228
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
229
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
230
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
223
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
224
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[9\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
225
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
226
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
227
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
228
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
229
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
230
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
231
231
?>
232
232
</div>
…
…
238
238
</div>
239
239
<?php
240
echo $this->oxilab\_flip\_box\_admin\_number('front-title-border-width', $this->style\[157\], '1', 'Border Width', 'Set your Front Title Bottom Border Width');
241
echo $this->oxilab\_flip\_box\_admin\_number('front-title-border-height', $this->style\[159\], '1', 'Border Height', 'Set your Front Title Bottom Border Height');
242
echo $this->oxilab\_flip\_box\_admin\_color('front-title-bottom-border-color', $this->style\[17\], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
240
$this->oxilab\_flip\_box\_admin\_number('front-title-border-width', $this->style\[157\], '1', 'Border Width', 'Set your Front Title Bottom Border Width');
241
$this->oxilab\_flip\_box\_admin\_number('front-title-border-height', $this->style\[159\], '1', 'Border Height', 'Set your Front Title Bottom Border Height');
242
$this->oxilab\_flip\_box\_admin\_color('front-title-bottom-border-color', $this->style\[17\], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
243
243
?>
244
244
</div>
…
…
248
248
</div>
249
249
<?php
250
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[139\], '1', 'Font Size', 'Set your front Info Font Size');
251
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[11\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
252
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[141\], 'Font Family', 'Give your Prepared Font from our Google Font List');
253
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[143\], 'Font Style', 'Set your Info Font Style');
254
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[145\], 'Font Weight', 'Give your Front Info Font Weight');
255
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[147\], 'Text Align', 'Give your Info Text Align');
256
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[149\], 'front-info-padding-bottom', $this->style\[151\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
257
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[153\], 'front-info-padding-right', $this->style\[155\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
250
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[139\], '1', 'Font Size', 'Set your front Info Font Size');
251
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[11\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
252
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[141\], 'Font Family', 'Give your Prepared Font from our Google Font List');
253
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[143\], 'Font Style', 'Set your Info Font Style');
254
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[145\], 'Font Weight', 'Give your Front Info Font Weight');
255
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[147\], 'Text Align', 'Give your Info Text Align');
256
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[149\], 'front-info-padding-bottom', $this->style\[151\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
257
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[153\], 'front-info-padding-right', $this->style\[155\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
258
258
?>
259
259
</div>
…
…
267
267
</div>
268
268
<?php
269
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
270
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
271
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[131\], 'flip-backend-border-style', $this->style\[133\], 'Border Size', 'Set your backend border size with different style');
272
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[15\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
269
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
270
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
271
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[131\], 'flip-backend-border-style', $this->style\[133\], 'Border Size', 'Set your backend border size with different style');
272
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[15\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
273
273
?>
274
274
</div>
…
…
278
278
</div>
279
279
<?php
280
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[105\], '1', 'Icon Size', 'Set your Icon Font Size');
281
echo $this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[27\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
282
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[107\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
283
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[109\], 'backend-icon-padding-left-right', $this->style\[111\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
280
$this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[105\], '1', 'Icon Size', 'Set your Icon Font Size');
281
$this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[27\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
282
$this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[107\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
283
$this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[109\], 'backend-icon-padding-left-right', $this->style\[111\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
284
284
?>
285
285
</div>
…
…
291
291
</div>
292
292
<?php
293
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[161\], '1', 'Font Size', 'Set your Backend Button Font Size');
294
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[19\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
295
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[21\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
296
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[23\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
297
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[25\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
298
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[163\], 'Font Family', 'Give your Prepared Font from our Google Font List');
299
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[165\], 'Font Style', 'Set your Backend Button Font Style');
300
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[167\], 'Font Weight', 'Give your Backend Button Font Weight');
301
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[169\], 'backend-button-info-padding-left', $this->style\[171\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
302
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[173\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
303
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[175\], 'Text Align', 'Give your Backend Button Text Align');
304
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[177\], 'backend-info-margin-bottom', $this->style\[179\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
305
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[181\], 'backend-info-margin-right', $this->style\[183\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
293
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[161\], '1', 'Font Size', 'Set your Backend Button Font Size');
294
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[19\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
295
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[21\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
296
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[23\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
297
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[25\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
298
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[163\], 'Font Family', 'Give your Prepared Font from our Google Font List');
299
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[165\], 'Font Style', 'Set your Backend Button Font Style');
300
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[167\], 'Font Weight', 'Give your Backend Button Font Weight');
301
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[169\], 'backend-button-info-padding-left', $this->style\[171\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
302
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[173\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
303
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[175\], 'Text Align', 'Give your Backend Button Text Align');
304
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[177\], 'backend-info-margin-bottom', $this->style\[179\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
305
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[181\], 'backend-info-margin-right', $this->style\[183\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
306
306
?>
307
307
</div>
…
…
312
312
<div class="form-group">
313
313
<label for="custom-css" class="custom-css">Custom CSS:</label>
314
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[185\]; ?></textarea>
314
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[185\]); ?></textarea>
315
315
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
316
316
</div>
…
…
320
320
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
321
321
<?php
322
echo $this->oxilab\_flip\_box\_admin\_support();
322
$this->oxilab\_flip\_box\_admin\_support();
323
323
?>
324
324
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style16.php
r2590546
r2648808
11
11
12
12
class Style16 extends Admin\_Render {
13
14
13
15
14
public function register\_style() {
…
…
99
98
return $data;
100
99
}
100
101
101
public function register\_controls() {
102
102
?>
…
…
106
106
<div class="oxi-head">
107
107
General Settings
108
</div>
109
<?php
110
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
111
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
112
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
113
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
114
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[141\], '1', 'Border Radius', 'Set your flip Border Radius');
115
?>
116
</div>
108
</div>
109
<?php
110
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
111
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
112
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
113
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
114
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[141\], '1', 'Border Radius', 'Set your flip Border Radius');
115
?>
116
</div>
117
117
<div class="oxi-addons-content-div">
118
118
<div class="oxi-head">
119
119
Optional Settings
120
</div>
121
<?php
122
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
123
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
124
?>
120
</div>
121
<?php
122
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
123
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
124
?>
125
125
</div>
126
126
</div>
…
…
131
131
</div>
132
132
<?php
133
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
134
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
135
?>
136
</div>
133
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
134
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
135
?>
136
</div>
137
137
<div class="oxi-addons-content-div">
138
138
<div class="oxi-head">
…
…
140
140
</div>
141
141
<?php
142
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
143
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
144
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
145
?>
146
</div>
142
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
143
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
144
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
145
?>
146
</div>
147
147
</div>
148
148
</div>
149
149
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4">
150
<div class="oxi-addons-col-6">
150
<div class="oxi-addons-col-6">
151
151
<div class="oxi-addons-content-div">
152
152
<div class="oxi-head">
153
153
General Settings
154
</div>
155
<?php
156
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
157
?>
154
</div>
155
<?php
156
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
157
?>
158
158
</div>
159
159
<div class="oxi-addons-content-div">
160
160
<div class="oxi-head">
161
161
Icon Settings
162
</div>
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[73\], '1', 'Icon Size', 'Set your Icon Font Size');
165
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
166
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[9\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
167
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[77\], 'front-icon-padding-left-right', $this->style\[79\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
168
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-icon-text-align', $this->style\[81\], 'Text Align', 'Give your Icon Text Align');
169
?>
162
</div>
163
<?php
164
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[73\], '1', 'Icon Size', 'Set your Icon Font Size');
165
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
166
$this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[9\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
167
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[77\], 'front-icon-padding-left-right', $this->style\[79\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
168
$this->oxilab\_flip\_box\_admin\_text\_align('front-icon-text-align', $this->style\[81\], 'Text Align', 'Give your Icon Text Align');
169
?>
170
170
</div>
171
171
</div>
…
…
176
176
</div>
177
177
<?php
178
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
179
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
180
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
181
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
182
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
183
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
184
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
185
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
186
?>
187
</div>
178
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
179
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
180
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
181
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
182
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
183
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
184
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
185
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
186
?>
187
</div>
188
188
</div>
189
189
</div>
…
…
193
193
<div class="oxi-head">
194
194
General Settings
195
</div>
196
<?php
197
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
198
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[119\], 'backend-padding-left', $this->style\[121\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
199
?>
200
</div>
195
</div>
196
<?php
197
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
198
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[119\], 'backend-padding-left', $this->style\[121\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
199
?>
200
</div>
201
201
</div>
202
202
<div class="oxi-addons-col-6">
…
…
204
204
<div class="oxi-head">
205
205
Backend Info
206
</div>
207
<?php
208
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[123\], '1', 'Font Size', 'Set your Backend Info Font Size');
209
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[15\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
210
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[125\], 'Font Family', 'Give your Prepared Font from our Google Font List');
211
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[127\], 'Font Style', 'Set your Backend Info Font Style');
212
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[129\], 'Font Weight', 'Give your Backend Info Font Weight');
213
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[131\], 'Text Align', 'Give your Backend Info Text Align');
214
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[133\], 'backend-info-padding-bottom', $this->style\[135\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
215
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[137\], 'backend-info-padding-right', $this->style\[139\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
216
?>
217
</div>
206
</div>
207
<?php
208
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[123\], '1', 'Font Size', 'Set your Backend Info Font Size');
209
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[15\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
210
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[125\], 'Font Family', 'Give your Prepared Font from our Google Font List');
211
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[127\], 'Font Style', 'Set your Backend Info Font Style');
212
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[129\], 'Font Weight', 'Give your Backend Info Font Weight');
213
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[131\], 'Text Align', 'Give your Backend Info Text Align');
214
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[133\], 'backend-info-padding-bottom', $this->style\[135\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
215
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[137\], 'backend-info-padding-right', $this->style\[139\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
216
?>
217
</div>
218
218
</div>
219
219
</div>
…
…
222
222
<div class="form-group">
223
223
<label for="custom-css" class="custom-css">Custom CSS:</label>
224
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[143\]; ?></textarea>
224
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_textarea($this->style\[143\]); ?></textarea>
225
225
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
226
226
</div>
…
…
230
230
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
231
231
<?php
232
echo $this->oxilab\_flip\_box\_admin\_support();
232
$this->oxilab\_flip\_box\_admin\_support();
233
233
?>
234
234
</div>
…
…
246
246
<div class="modal-body row">
247
247
<?php
248
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
249
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
250
251
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
252
?>
248
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
249
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
250
251
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
252
?>
253
253
</div>
254
254
<div class="modal-header">
…
…
260
260
<div class="modal-body row">
261
261
<?Php
262
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
263
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[9\], 'Link', 'Add your desire link or url unless make it blank');
264
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[11\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
265
?>
262
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
263
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[9\], 'Link', 'Add your desire link or url unless make it blank');
264
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[11\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
265
?>
266
266
</div>
267
267
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style17.php
r2590546
r2648808
11
11
12
12
class Style17 extends Admin\_Render {
13
14
15
13
16
14
public function register\_style() {
…
…
101
99
return $data;
102
100
}
101
103
102
public function register\_child() {
104
103
$data = ' flip-box-front-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-front-title'\]) . '{#}|{#}'
…
…
111
110
return $data;
112
111
}
112
113
113
public function register\_controls() {
114
114
?>
…
…
118
118
<div class="oxi-head">
119
119
General Settings
120
</div>
121
<?php
122
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
123
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
124
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
125
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
126
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[141\], '1', 'Border Radius', 'Set your flip Border Radius');
127
?>
128
</div>
120
</div>
121
<?php
122
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
123
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
124
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
125
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
126
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[141\], '1', 'Border Radius', 'Set your flip Border Radius');
127
?>
128
</div>
129
129
<div class="oxi-addons-content-div">
130
130
<div class="oxi-head">
131
131
Optional Settings
132
</div>
133
<?php
134
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
135
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
136
?>
132
</div>
133
<?php
134
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
135
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
136
?>
137
137
</div>
138
138
</div>
…
…
143
143
</div>
144
144
<?php
145
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
146
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
147
?>
148
</div>
145
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
146
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
147
?>
148
</div>
149
149
<div class="oxi-addons-content-div">
150
150
<div class="oxi-head">
…
…
152
152
</div>
153
153
<?php
154
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
155
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
156
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
157
?>
158
</div>
159
</div>
160
</div>
161
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4">
154
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
155
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
156
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
157
?>
158
</div>
159
</div>
160
</div>
161
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4">
162
162
<div class="oxi-addons-col-6">
163
163
<div class="oxi-addons-content-div">
164
164
<div class="oxi-head">
165
165
General Settings
166
</div>
167
<?php
168
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
169
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[69\], 'front-padding-left', $this->style\[71\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
170
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[101\], 'flip-col-border-style', $this->style\[103\], 'Border Size', 'Set your front border size with different style');
171
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[21\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
172
?>
166
</div>
167
<?php
168
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
169
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[69\], 'front-padding-left', $this->style\[71\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
170
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[101\], 'flip-col-border-style', $this->style\[103\], 'Border Size', 'Set your front border size with different style');
171
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[21\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
172
?>
173
173
</div>
174
174
<div class="oxi-addons-content-div">
175
175
<div class="oxi-head">
176
176
Icon Settings
177
</div>
178
<?php
179
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[73\], '1', 'Icon Size', 'Set your Icon Font Size');
180
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
181
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[77\], 'front-icon-padding-left-right', $this->style\[79\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
182
?>
177
</div>
178
<?php
179
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[73\], '1', 'Icon Size', 'Set your Icon Font Size');
180
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
181
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[77\], 'front-icon-padding-left-right', $this->style\[79\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
182
?>
183
183
</div>
184
184
</div>
…
…
189
189
</div>
190
190
<?php
191
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
192
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
193
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
194
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
195
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
196
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
197
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
198
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
199
?>
200
</div>
191
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
192
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
193
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
194
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
195
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
196
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
197
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
198
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
199
?>
200
</div>
201
201
</div>
202
202
</div>
…
…
206
206
<div class="oxi-head">
207
207
General Settings
208
</div>
209
<?php
210
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
211
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[119\], 'backend-padding-left', $this->style\[121\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
212
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[105\], 'flip-backend-border-style', $this->style\[107\], 'Border Size', 'Set your backend border size with different style');
213
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[23\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
214
?>
215
</div>
208
</div>
209
<?php
210
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
211
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[119\], 'backend-padding-left', $this->style\[121\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
212
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[105\], 'flip-backend-border-style', $this->style\[107\], 'Border Size', 'Set your backend border size with different style');
213
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[23\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
214
?>
215
</div>
216
216
<div class="oxi-addons-content-div">
217
217
<div class="oxi-head">
218
218
Backend Info
219
</div>
220
<?php
221
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[123\], '1', 'Font Size', 'Set your Backend Info Font Size');
222
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[15\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
223
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[125\], 'Font Family', 'Give your Prepared Font from our Google Font List');
224
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[127\], 'Font Style', 'Set your Backend Info Font Style');
225
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[129\], 'Font Weight', 'Give your Backend Info Font Weight');
226
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[131\], 'Text Align', 'Give your Backend Info Text Align');
227
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[133\], 'backend-info-padding-bottom', $this->style\[135\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
228
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[137\], 'backend-info-padding-right', $this->style\[139\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
229
?>
230
</div>
219
</div>
220
<?php
221
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[123\], '1', 'Font Size', 'Set your Backend Info Font Size');
222
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[15\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
223
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[125\], 'Font Family', 'Give your Prepared Font from our Google Font List');
224
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[127\], 'Font Style', 'Set your Backend Info Font Style');
225
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[129\], 'Font Weight', 'Give your Backend Info Font Weight');
226
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[131\], 'Text Align', 'Give your Backend Info Text Align');
227
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[133\], 'backend-info-padding-bottom', $this->style\[135\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
228
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[137\], 'backend-info-padding-right', $this->style\[139\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
229
?>
230
</div>
231
231
</div>
232
232
…
…
237
237
</div>
238
238
<?php
239
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[143\], '1', 'Font Size', 'Set your Backend Button Font Size');
240
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[17\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
241
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[19\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
242
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[145\], 'Font Family', 'Give your Prepared Font from our Google Font List');
243
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[147\], 'Font Style', 'Set your Backend Button Font Style');
244
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[149\], 'Font Weight', 'Give your Backend Button Font Weight');
245
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[151\], 'backend-button-info-padding-left', $this->style\[153\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
246
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[155\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
247
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[157\], 'Text Align', 'Give your Backend Button Text Align');
248
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[159\], 'backend-info-margin-bottom', $this->style\[161\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
249
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[163\], 'backend-info-margin-right', $this->style\[165\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
250
?>
251
</div>
239
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[143\], '1', 'Font Size', 'Set your Backend Button Font Size');
240
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[17\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
241
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[19\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
242
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[145\], 'Font Family', 'Give your Prepared Font from our Google Font List');
243
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[147\], 'Font Style', 'Set your Backend Button Font Style');
244
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[149\], 'Font Weight', 'Give your Backend Button Font Weight');
245
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[151\], 'backend-button-info-padding-left', $this->style\[153\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
246
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[155\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
247
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[157\], 'Text Align', 'Give your Backend Button Text Align');
248
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[159\], 'backend-info-margin-bottom', $this->style\[161\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
249
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[163\], 'backend-info-margin-right', $this->style\[165\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
250
?>
251
</div>
252
252
</div>
253
253
</div>
…
…
256
256
<div class="form-group">
257
257
<label for="custom-css" class="custom-css">Custom CSS:</label>
258
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[167\]; ?></textarea>
258
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_textarea($this->style\[167\]); ?></textarea>
259
259
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
260
260
</div>
…
…
264
264
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
265
265
<?php
266
echo $this->oxilab\_flip\_box\_admin\_support();
266
$this->oxilab\_flip\_box\_admin\_support();
267
267
?>
268
268
</div>
…
…
280
280
<div class="modal-body row">
281
281
<?php
282
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
283
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
284
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
285
?>
282
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
283
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
284
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
285
?>
286
286
</div>
287
287
<div class="modal-header">
…
…
293
293
<div class="modal-body row">
294
294
<?Php
295
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
296
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[13\], 'Backend Button Text', 'Add your backend button text.');
297
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[9\], 'Link', 'Add your desire link or url unless make it blank');
298
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[11\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
299
?>
295
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
296
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[13\], 'Backend Button Text', 'Add your backend button text.');
297
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[9\], 'Link', 'Add your desire link or url unless make it blank');
298
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[11\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
299
?>
300
300
</div>
301
301
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style18.php
r2590546
r2648808
11
11
12
12
class Style18 extends Admin\_Render {
13
14
15
13
16
14
public function register\_style() {
…
…
118
116
return $data;
119
117
}
118
120
119
public function register\_child() {
121
120
$data = ' flip-box-front-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-front-title'\]) . '{#}|{#}'
…
…
131
130
return $data;
132
131
}
132
133
133
public function register\_controls() {
134
134
?>
…
…
138
138
<div class="oxi-head">
139
139
General Settings
140
</div>
141
<?php
142
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
143
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
146
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
147
?>
148
</div>
140
</div>
141
<?php
142
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
143
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
144
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
145
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
146
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
147
?>
148
</div>
149
149
<div class="oxi-addons-content-div">
150
150
<div class="oxi-head">
151
151
Optional Settings
152
</div>
153
<?php
154
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
155
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
156
?>
152
</div>
153
<?php
154
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
155
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
156
?>
157
157
</div>
158
158
</div>
…
…
163
163
</div>
164
164
<?php
165
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
166
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
167
?>
168
</div>
165
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
166
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
167
?>
168
</div>
169
169
<div class="oxi-addons-content-div">
170
170
<div class="oxi-head">
…
…
172
172
</div>
173
173
<?php
174
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
176
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
177
?>
178
</div>
174
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
176
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
177
?>
178
</div>
179
179
</div>
180
180
</div>
…
…
184
184
<div class="oxi-head">
185
185
General Settings
186
</div>
187
<?php
188
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
echo $this->oxilab\_flip\_box\_admin\_number('front-image-height', $this->style\[69\], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
190
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[163\], 'flip-col-border-style', $this->style\[165\], 'Border Size', 'Set your front border size with different style');
192
?>
193
</div>
186
</div>
187
<?php
188
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
$this->oxilab\_flip\_box\_admin\_number('front-image-height', $this->style\[69\], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
190
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[163\], 'flip-col-border-style', $this->style\[165\], 'Border Size', 'Set your front border size with different style');
192
?>
193
</div>
194
194
</div>
195
195
<div class="oxi-addons-col-6">
…
…
199
199
</div>
200
200
<?php
201
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
202
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
203
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
204
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
205
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
206
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
207
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
208
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
209
?>
210
</div>
201
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
202
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
203
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
204
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
205
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
206
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
207
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
208
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
209
?>
210
</div>
211
211
</div>
212
212
</div>
…
…
216
216
<div class="oxi-head">
217
217
General Settings
218
</div>
219
<?php
220
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
221
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
222
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
223
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[167\], 'flip-backend-border-style', $this->style\[169\], 'Border Size', 'Set your backend border size with different style');
224
?>
225
</div>
218
</div>
219
<?php
220
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
221
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
222
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
223
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[167\], 'flip-backend-border-style', $this->style\[169\], 'Border Size', 'Set your backend border size with different style');
224
?>
225
</div>
226
226
<div class="oxi-addons-content-div">
227
227
<div class="oxi-head">
…
…
229
229
</div>
230
230
<?php
231
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
232
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
233
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
234
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
235
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
236
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
237
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
238
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
239
?>
231
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
232
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
233
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
234
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
235
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
236
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
237
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
238
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
239
?>
240
240
</div>
241
241
</div>
…
…
244
244
<div class="oxi-head">
245
245
Backend Info
246
</div>
247
<?php
248
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
249
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
250
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
251
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
252
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
253
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
254
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
255
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
256
?>
246
</div>
247
<?php
248
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
249
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
250
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
251
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
252
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
253
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
254
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
255
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
256
?>
257
257
</div>
258
258
<div class="oxi-addons-content-div">
…
…
261
261
</div>
262
262
<?php
263
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
264
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
265
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
266
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
267
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
268
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
269
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
270
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
271
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
272
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
273
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
274
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
275
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
276
?>
277
</div>
278
</div>
279
</div>
263
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
264
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
265
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
266
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
267
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
268
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
269
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
270
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
271
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
272
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
273
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
274
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
275
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
276
?>
277
</div>
278
</div>
279
</div>
280
280
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
281
281
<div class="col-xs-12 p-2">
282
282
<div class="form-group">
283
283
<label for="custom-css" class="custom-css">Custom CSS:</label>
284
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
284
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_textarea($this->style\[199\]); ?></textarea>
285
285
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
286
286
</div>
…
…
290
290
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
291
291
<?php
292
echo $this->oxilab\_flip\_box\_admin\_support();
292
$this->oxilab\_flip\_box\_admin\_support();
293
293
?>
294
294
</div>
…
…
306
306
<div class="modal-body row">
307
307
<?php
308
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
309
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
310
?>
308
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
309
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
310
?>
311
311
</div>
312
312
<div class="modal-header">
…
…
318
318
<div class="modal-body row">
319
319
<?Php
320
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
321
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
322
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
323
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
324
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
325
?>
320
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
321
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
322
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
323
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
324
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
325
?>
326
326
</div>
327
327
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style19.php
r2497348
r2648808
139
139
</div>
140
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
146
?>
147
147
</div>
…
…
151
151
</div>
152
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
155
?>
156
156
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
166
?>
167
167
</div>
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
176
?>
177
177
</div>
…
…
185
185
</div>
186
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '');
188
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
187
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '');
188
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
189
189
?>
190
190
</div>
…
…
194
194
</div>
195
195
<?php
196
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
197
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[13\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
198
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
199
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
200
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
201
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
202
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
203
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
196
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
197
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[13\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
198
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
199
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
200
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
201
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
202
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
203
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
204
204
?>
205
205
</div>
…
…
211
211
</div>
212
212
<?php
213
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
214
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[7\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
215
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
216
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
217
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
218
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
219
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
220
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
213
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
214
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[7\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
215
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
216
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
217
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
218
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
219
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
220
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
221
221
?>
222
222
</div>
…
…
226
226
</div>
227
227
<?php
228
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
229
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[9\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button \[class^=\\'fa\\'\]');
230
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[11\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button \[class^=\\'fa\\'\]:hover');
231
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
232
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
233
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
228
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
229
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[9\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button \[class^=\\'fa\\'\]');
230
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[11\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button \[class^=\\'fa\\'\]:hover');
231
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
232
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
233
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
234
234
?>
235
235
</div>
…
…
240
240
<div class="form-group">
241
241
<label for="custom-css" class="custom-css">Custom CSS:</label>
242
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
242
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
243
243
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
244
244
</div>
…
…
248
248
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
249
249
<?php
250
echo $this->oxilab\_flip\_box\_admin\_support();
250
$this->oxilab\_flip\_box\_admin\_support();
251
251
?>
252
252
</div>
…
…
264
264
<div class="modal-body row">
265
265
<?php
266
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
266
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
267
267
?>
268
268
</div>
…
…
275
275
<div class="modal-body row">
276
276
<?Php
277
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
278
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
279
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Button Icon', 'Add your Button icon, Use Font-Awesome class name. As example fab fa-facebook');
280
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
281
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
277
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
278
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
279
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Button Icon', 'Add your Button icon, Use Font-Awesome class name. As example fab fa-facebook');
280
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
281
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
282
282
?>
283
283
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style2.php
r2590546
r2648808
11
11
12
12
class Style2 extends Admin\_Render {
13
14
15
13
16
14
public function register\_style() {
…
…
118
116
return $data;
119
117
}
120
public function register\_child() {
118
119
public function register\_child() {
121
120
$data = ' flip-box-front-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-front-title'\]) . '{#}|{#}'
122
121
. ' flip-box-front-icons {#}|{#}' . sanitize\_text\_field($\_POST\['flip-box-front-icons'\]) . '{#}|{#}'
…
…
131
130
return $data;
132
131
}
132
133
133
public function register\_controls() {
134
134
?>
…
…
138
138
<div class="oxi-head">
139
139
General Settings
140
</div>
141
<?php
142
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
143
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
146
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
147
?>
148
</div>
140
</div>
141
<?php
142
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
143
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
144
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
145
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
146
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
147
?>
148
</div>
149
149
<div class="oxi-addons-content-div">
150
150
<div class="oxi-head">
151
151
Optional Settings
152
</div>
153
<?php
154
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
155
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
156
?>
152
</div>
153
<?php
154
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
155
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
156
?>
157
157
</div>
158
158
</div>
…
…
163
163
</div>
164
164
<?php
165
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
166
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
167
?>
168
</div>
165
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
166
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
167
?>
168
</div>
169
169
<div class="oxi-addons-content-div">
170
170
<div class="oxi-head">
…
…
172
172
</div>
173
173
<?php
174
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
176
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
177
?>
178
</div>
174
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
176
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
177
?>
178
</div>
179
179
</div>
180
180
</div>
…
…
184
184
<div class="oxi-head">
185
185
General Settings
186
</div>
187
<?php
188
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
190
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
191
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
192
?>
193
</div>
186
</div>
187
<?php
188
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
190
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
191
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
192
?>
193
</div>
194
194
<div class="oxi-addons-content-div">
195
195
<div class="oxi-head">
196
196
Icon Settings
197
</div>
198
<?php
199
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
200
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
201
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[11\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
202
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
203
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
204
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
205
?>
197
</div>
198
<?php
199
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
200
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
201
$this->oxilab\_flip\_box\_admin\_color('front-icon-background', $this->style\[11\], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
202
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
203
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
204
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
205
?>
206
206
</div>
207
207
</div>
…
…
212
212
</div>
213
213
<?php
214
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
215
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
216
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
217
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
218
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
219
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
220
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
221
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
222
?>
223
</div>
214
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
215
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
216
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
217
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
218
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
219
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
220
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
221
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
222
?>
223
</div>
224
224
<div class="oxi-addons-content-div">
225
225
<div class="oxi-head">
…
…
227
227
</div>
228
228
<?php
229
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
230
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[29\], '', 'Text Color', 'Set your Front Info Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
231
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
232
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
233
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
234
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
235
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
236
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
237
?>
238
</div>
229
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
230
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[29\], '', 'Text Color', 'Set your Front Info Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
231
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
232
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
233
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
234
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
235
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
236
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
237
?>
238
</div>
239
239
</div>
240
240
…
…
245
245
<div class="oxi-head">
246
246
General Settings
247
</div>
248
<?php
249
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
250
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
251
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
252
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
253
?>
254
</div>
247
</div>
248
<?php
249
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
250
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
251
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
252
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
253
?>
254
</div>
255
255
<div class="oxi-addons-content-div">
256
256
<div class="oxi-head">
…
…
258
258
</div>
259
259
<?php
260
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
261
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Backend Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
262
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
263
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
264
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
265
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
266
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
267
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
268
?>
260
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
261
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Backend Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
262
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
263
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
264
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
265
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
266
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
267
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
268
?>
269
269
</div>
270
270
</div>
…
…
273
273
<div class="oxi-head">
274
274
Backend Info
275
</div>
276
<?php
277
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
278
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
279
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
280
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
281
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
282
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
283
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
284
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
285
?>
275
</div>
276
<?php
277
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
278
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
279
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
280
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
281
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
282
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
283
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
284
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
285
?>
286
286
</div>
287
287
<div class="oxi-addons-content-div">
…
…
290
290
</div>
291
291
<?php
292
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
293
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
294
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
295
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
296
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
297
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
298
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
299
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
300
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
301
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
302
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
303
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
304
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
305
?>
306
</div>
292
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
293
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
294
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
295
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
296
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
297
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
298
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
299
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
300
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
301
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
302
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
303
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
304
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
305
?>
306
</div>
307
307
</div>
308
308
</div>
…
…
311
311
<div class="form-group">
312
312
<label for="custom-css" class="custom-css">Custom CSS:</label>
313
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
313
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
314
314
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
315
315
</div>
…
…
318
318
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
319
319
<?php
320
echo $this->oxilab\_flip\_box\_admin\_support();
320
$this->oxilab\_flip\_box\_admin\_support();
321
321
?>
322
322
</div>
…
…
334
334
<div class="modal-body row">
335
335
<?php
336
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
337
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
338
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
339
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
340
?>
336
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
337
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
338
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
339
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
340
?>
341
341
</div>
342
342
<div class="modal-header">
…
…
348
348
<div class="modal-body row">
349
349
<?Php
350
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
351
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
352
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
353
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
354
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
355
?>
350
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
351
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
352
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
353
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
354
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
355
?>
356
356
</div>
357
357
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style20.php
r2590546
r2648808
11
11
12
12
class Style20 extends Admin\_Render {
13
14
15
13
16
14
public function register\_style() {
…
…
118
116
return $data;
119
117
}
118
120
119
public function register\_child() {
121
120
$data = ' flip-box-front-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-front-title'\]) . '{#}|{#}'
…
…
131
130
return $data;
132
131
}
132
133
133
public function register\_controls() {
134
134
?>
…
…
138
138
<div class="oxi-head">
139
139
General Settings
140
</div>
141
<?php
142
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
143
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
146
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
147
?>
148
</div>
140
</div>
141
<?php
142
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
143
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
144
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
145
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
146
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
147
?>
148
</div>
149
149
<div class="oxi-addons-content-div">
150
150
<div class="oxi-head">
151
151
Optional Settings
152
</div>
153
<?php
154
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
155
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
156
?>
152
</div>
153
<?php
154
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
155
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
156
?>
157
157
</div>
158
158
</div>
…
…
163
163
</div>
164
164
<?php
165
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
166
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
167
?>
168
</div>
165
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
166
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
167
?>
168
</div>
169
169
<div class="oxi-addons-content-div">
170
170
<div class="oxi-head">
…
…
172
172
</div>
173
173
<?php
174
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
176
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
177
?>
178
</div>
174
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
176
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
177
?>
178
</div>
179
179
</div>
180
180
</div>
…
…
184
184
<div class="oxi-head">
185
185
General Settings
186
</div>
187
<?php
188
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
echo $this->oxilab\_flip\_box\_admin\_number('front-image-height', $this->style\[69\], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
190
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-image-margin-top', $this->style\[71\], 'front-image-margin-bottom', $this->style\[73\], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');
191
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-image-margin-left', $this->style\[75\], 'front-image-margin-right', $this->style\[77\], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');
192
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
193
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[163\], 'flip-col-border-style', $this->style\[165\], 'Border Size', 'Set your front border size with different style');
194
?>
195
</div>
186
</div>
187
<?php
188
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
$this->oxilab\_flip\_box\_admin\_number('front-image-height', $this->style\[69\], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
190
$this->oxilab\_flip\_box\_admin\_number\_double('front-image-margin-top', $this->style\[71\], 'front-image-margin-bottom', $this->style\[73\], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');
191
$this->oxilab\_flip\_box\_admin\_number\_double('front-image-margin-left', $this->style\[75\], 'front-image-margin-right', $this->style\[77\], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');
192
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
193
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[163\], 'flip-col-border-style', $this->style\[165\], 'Border Size', 'Set your front border size with different style');
194
?>
195
</div>
196
196
</div>
197
197
<div class="oxi-addons-col-6">
…
…
201
201
</div>
202
202
<?php
203
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
204
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
205
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
206
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
207
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
208
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
209
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
210
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
211
?>
212
</div>
203
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
204
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
205
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
206
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
207
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
208
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
209
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
210
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
211
?>
212
</div>
213
213
</div>
214
214
</div>
…
…
218
218
<div class="oxi-head">
219
219
General Settings
220
</div>
221
<?php
222
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
223
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
224
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
225
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[167\], 'flip-backend-border-style', $this->style\[169\], 'Border Size', 'Set your backend border size with different style');
226
?>
227
</div>
220
</div>
221
<?php
222
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
223
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
224
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
225
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[167\], 'flip-backend-border-style', $this->style\[169\], 'Border Size', 'Set your backend border size with different style');
226
?>
227
</div>
228
228
<div class="oxi-addons-content-div">
229
229
<div class="oxi-head">
…
…
231
231
</div>
232
232
<?php
233
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
234
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
235
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
236
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
237
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
238
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
239
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
240
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
241
?>
233
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
234
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
235
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
236
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
237
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
238
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
239
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
240
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
241
?>
242
242
</div>
243
243
</div>
…
…
246
246
<div class="oxi-head">
247
247
Backend Info
248
</div>
249
<?php
250
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
251
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
252
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
253
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
254
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
255
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
256
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
257
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
258
?>
248
</div>
249
<?php
250
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
251
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
252
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
253
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
254
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
255
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
256
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
257
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
258
?>
259
259
</div>
260
260
<div class="oxi-addons-content-div">
…
…
263
263
</div>
264
264
<?php
265
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
266
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
267
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
268
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
269
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
270
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
271
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
272
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
273
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
274
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
275
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
276
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
277
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
278
?>
279
</div>
265
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
266
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
267
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
268
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
269
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
270
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
271
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
272
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
273
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
274
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
275
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
276
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
277
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
278
?>
279
</div>
280
280
</div>
281
281
</div>
…
…
284
284
<div class="form-group">
285
285
<label for="custom-css" class="custom-css">Custom CSS:</label>
286
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
286
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
287
287
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
288
288
</div>
…
…
292
292
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
293
293
<?php
294
echo $this->oxilab\_flip\_box\_admin\_support();
294
$this->oxilab\_flip\_box\_admin\_support();
295
295
?>
296
296
</div>
…
…
308
308
<div class="modal-body row">
309
309
<?php
310
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
311
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
312
?>
310
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
311
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
312
?>
313
313
</div>
314
314
<div class="modal-header">
…
…
320
320
<div class="modal-body row">
321
321
<?Php
322
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
323
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
324
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
325
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
326
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
327
?>
322
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
323
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
324
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
325
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
326
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
327
?>
328
328
</div>
329
329
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style21.php
r2366851
r2648808
117
117
<div class="oxi-head">
118
118
General Settings
119
</div>
120
<?php
121
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
122
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
123
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
124
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
125
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
126
?>
127
</div>
119
</div>
120
<?php
121
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
122
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
123
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
124
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
125
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
126
?>
127
</div>
128
128
<div class="oxi-addons-content-div">
129
129
<div class="oxi-head">
130
130
Optional Settings
131
</div>
132
<?php
133
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
134
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
135
?>
131
</div>
132
<?php
133
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
134
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
135
?>
136
136
</div>
137
137
</div>
…
…
142
142
</div>
143
143
<?php
144
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
145
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
146
?>
147
</div>
144
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
145
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
146
?>
147
</div>
148
148
<div class="oxi-addons-content-div">
149
149
<div class="oxi-head">
…
…
151
151
</div>
152
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
154
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
155
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
156
?>
157
</div>
153
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
154
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
155
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
156
?>
157
</div>
158
158
</div>
159
159
</div>
…
…
163
163
<div class="oxi-head">
164
164
General Settings
165
</div>
166
<?php
167
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
168
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
169
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
170
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
171
echo $this->oxilab\_flip\_box\_admin\_color('front-top-border-color', $this->style\[11\], '', 'Top Border Color', 'Set your Front Top Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-span');
172
echo $this->oxilab\_flip\_box\_admin\_number('front-top-border-height', $this->style\[75\], '1', 'Top Border Height', 'Set your Top Border Height.');
173
?>
174
</div>
165
</div>
166
<?php
167
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
168
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
169
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
170
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
171
$this->oxilab\_flip\_box\_admin\_color('front-top-border-color', $this->style\[11\], '', 'Top Border Color', 'Set your Front Top Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-span');
172
$this->oxilab\_flip\_box\_admin\_number('front-top-border-height', $this->style\[75\], '1', 'Top Border Height', 'Set your Top Border Height.');
173
?>
174
</div>
175
175
<div class="oxi-addons-content-div">
176
176
<div class="oxi-head">
177
177
Icon Settings
178
</div>
179
<?php
180
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
181
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
182
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
183
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
184
?>
178
</div>
179
<?php
180
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
181
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
182
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
183
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
184
?>
185
185
</div>
186
186
</div>
…
…
191
191
</div>
192
192
<?php
193
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
194
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
195
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
196
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
197
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
198
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
199
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
200
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
201
?>
202
</div>
193
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
194
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
195
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
196
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
197
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
198
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
199
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
200
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
201
?>
202
</div>
203
203
</div>
204
204
</div>
…
…
208
208
<div class="oxi-head">
209
209
General Settings
210
</div>
211
<?php
212
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
213
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
214
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
215
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
216
?>
217
</div>
210
</div>
211
<?php
212
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
213
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
214
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
215
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
216
?>
217
</div>
218
218
<div class="oxi-addons-content-div">
219
219
<div class="oxi-head">
220
220
Backend Info
221
</div>
222
<?php
223
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
224
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
225
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
226
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
227
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
228
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
229
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
230
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
231
?>
232
</div>
233
</div>
234
<div class="oxi-addons-col-6">
221
</div>
222
<?php
223
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
224
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
225
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
226
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
227
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
228
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
229
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
230
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
231
?>
232
</div>
233
</div>
234
<div class="oxi-addons-col-6">
235
235
<div class="oxi-addons-content-div">
236
236
<div class="oxi-head">
…
…
238
238
</div>
239
239
<?php
240
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
241
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
242
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
243
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
244
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
245
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
246
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
247
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
248
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
249
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
250
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
251
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
252
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
253
?>
254
</div>
255
</div>
256
</div>
240
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
241
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
242
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
243
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
244
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
245
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
246
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
247
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
248
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
249
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
250
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
251
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
252
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
253
?>
254
</div>
255
</div>
256
</div>
257
257
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
258
258
<div class="col-xs-12 p-2">
259
259
<div class="form-group">
260
260
<label for="custom-css" class="custom-css">Custom CSS:</label>
261
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[163\]; ?></textarea>
261
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[163\]); ?></textarea>
262
262
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
263
263
</div>
…
…
267
267
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
268
268
<?php
269
echo $this->oxilab\_flip\_box\_admin\_support();
269
$this->oxilab\_flip\_box\_admin\_support();
270
270
?>
271
271
</div>
…
…
283
283
<div class="modal-body row">
284
284
<?php
285
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
286
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
287
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
288
?>
285
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
286
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
287
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
288
?>
289
289
</div>
290
290
<div class="modal-header">
…
…
296
296
<div class="modal-body row">
297
297
<?Php
298
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
299
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
300
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
301
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
302
?>
298
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
299
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
300
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
301
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
302
?>
303
303
</div>
304
304
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style22.php
r2209121
r2648808
121
121
. ' {#}|{#}{#}|{#}'
122
122
. ' flip-box-image-upload-url-01 {#}|{#}' . sanitize\_text\_field($\_POST\['flip-box-image-upload-url-01'\]) . '{#}|{#}'
123
. ' flip-box-backend-desc {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-desc'\]) . '{#}|{#}'
124
. ' flip-box-backend-button-text {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-button-text'\]) . '{#}|{#}'
123
. ' flip-box-backend-desc {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-desc'\]) . '{#}|{#}'
124
. ' flip-box-backend-button-text {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-button-text'\]) . '{#}|{#}'
125
125
. ' flip-box-backend-link {#}|{#}' . sanitize\_text\_field($\_POST\['flip-box-backend-link'\]) . '{#}|{#}'
126
126
. ' flip-box-image-upload-url-02 {#}|{#}' . sanitize\_text\_field($\_POST\['flip-box-image-upload-url-02'\]) . '{#}|{#}'
127
127
. ' {#}|{#}{#}|{#}'
128
. ' flip-box-backend-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-title'\]) . '{#}|{#}';
128
. ' flip-box-backend-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-title'\]) . '{#}|{#}';
129
129
return $data;
130
130
}
…
…
137
137
<div class="oxi-head">
138
138
General Settings
139
</div>
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
139
</div>
140
<?php
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
148
148
<div class="oxi-addons-content-div">
149
149
<div class="oxi-head">
150
150
Optional Settings
151
</div>
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
151
</div>
152
<?php
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
156
156
</div>
157
157
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
168
168
<div class="oxi-addons-content-div">
169
169
<div class="oxi-head">
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
178
</div>
179
</div>
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
178
</div>
179
</div>
180
180
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4">
181
181
<div class="oxi-addons-col-6">
…
…
183
183
<div class="oxi-head">
184
184
General Settings
185
</div>
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
?>
189
</div>
185
</div>
186
<?php
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
?>
189
</div>
190
190
</div>
191
191
</div>
…
…
195
195
<div class="oxi-head">
196
196
General Settings
197
</div>
198
<?php
199
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
200
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
201
?>
202
</div>
197
</div>
198
<?php
199
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
200
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
201
?>
202
</div>
203
203
<div class="oxi-addons-content-div">
204
204
<div class="oxi-head">
…
…
206
206
</div>
207
207
<?php
208
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
209
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
210
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
211
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
212
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
213
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
214
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
215
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
216
?>
208
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
209
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
210
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
211
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
212
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
213
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
214
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
215
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
216
?>
217
217
</div>
218
218
<div class="oxi-addons-content-div">
219
219
<div class="oxi-head">
220
220
Backend Title Border
221
</div>
222
<?php
223
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[155\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
224
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[157\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
225
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[7\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
226
?>
227
</div>
221
</div>
222
<?php
223
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[155\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
224
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[157\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
225
$this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[7\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
226
?>
227
</div>
228
228
</div>
229
229
<div class="oxi-addons-col-6">
…
…
231
231
<div class="oxi-head">
232
232
Backend Info
233
</div>
234
<?php
235
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
236
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
237
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
238
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
239
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
240
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
241
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
242
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
243
?>
233
</div>
234
<?php
235
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
236
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
237
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
238
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
239
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
240
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
241
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
242
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
243
?>
244
244
</div>
245
245
<div class="oxi-addons-content-div">
…
…
248
248
</div>
249
249
<?php
250
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
251
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
252
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
253
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
254
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
255
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
256
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
257
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
258
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
259
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
260
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
261
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
262
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
263
?>
264
</div>
265
</div>
266
</div>
250
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
251
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
252
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
253
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
254
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
255
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
256
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
257
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
258
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
259
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
260
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
261
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
262
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
263
?>
264
</div>
265
</div>
266
</div>
267
267
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
268
268
<div class="col-xs-12 p-2">
269
269
<div class="form-group">
270
270
<label for="custom-css" class="custom-css">Custom CSS:</label>
271
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
271
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
272
272
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
273
273
</div>
…
…
277
277
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
278
278
<?php
279
echo $this->oxilab\_flip\_box\_admin\_support();
279
$this->oxilab\_flip\_box\_admin\_support();
280
280
?>
281
281
</div>
…
…
293
293
<div class="modal-body row">
294
294
<?php
295
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
296
?>
295
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
296
?>
297
297
</div>
298
298
<div class="modal-header">
…
…
304
304
<div class="modal-body row">
305
305
<?Php
306
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
307
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
308
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
309
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
310
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
311
?>
306
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
307
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
308
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
309
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
310
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
311
?>
312
312
</div>
313
313
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style23.php
r2497348
r2648808
139
139
</div>
140
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
146
?>
147
147
</div>
…
…
151
151
</div>
152
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
155
?>
156
156
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
166
?>
167
167
</div>
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
176
?>
177
177
</div>
…
…
185
185
</div>
186
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
188
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Inner Padding', 'Set your Front Padding as Top Bottom and Left Right');
189
echo $this->oxilab\_flip\_box\_admin\_number('front-margin-top-bottom', $this->style\[105\], '', 'Margin', 'Set your Front Margin as Top Bottom and Left Right');
190
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
188
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Inner Padding', 'Set your Front Padding as Top Bottom and Left Right');
189
$this->oxilab\_flip\_box\_admin\_number('front-margin-top-bottom', $this->style\[105\], '', 'Margin', 'Set your Front Margin as Top Bottom and Left Right');
190
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
192
192
?>
193
193
</div>
…
…
197
197
</div>
198
198
<?php
199
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
200
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
201
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[11\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
202
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
203
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
204
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
199
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
200
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
201
$this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[11\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
202
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
203
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
204
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
205
205
?>
206
206
</div>
…
…
212
212
</div>
213
213
<?php
214
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
215
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
216
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
217
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
218
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
219
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
220
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
221
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
214
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
215
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
216
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
217
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
218
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
219
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
220
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
221
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
222
222
?>
223
223
</div>
…
…
227
227
</div>
228
228
<?php
229
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
230
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[19\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
231
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
232
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
233
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
234
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
235
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
236
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
229
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
230
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[19\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
231
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
232
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
233
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
234
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
235
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
236
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
237
237
?>
238
238
</div>
…
…
246
246
</div>
247
247
<?php
248
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
249
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
250
echo $this->oxilab\_flip\_box\_admin\_number('backend-margin-top-bottom', $this->style\[69\], '', 'Margin', 'Set your Backend Margin as Top Bottom and Left Right');
251
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[23\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
252
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
248
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
249
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
250
$this->oxilab\_flip\_box\_admin\_number('backend-margin-top-bottom', $this->style\[69\], '', 'Margin', 'Set your Backend Margin as Top Bottom and Left Right');
251
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[23\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
252
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
253
253
?>
254
254
</div>
…
…
258
258
</div>
259
259
<?php
260
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
261
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[21\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
262
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
263
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
264
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
265
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
266
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
267
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
260
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
261
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[21\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
262
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
263
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
264
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
265
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
266
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
267
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
268
268
?>
269
269
</div>
…
…
275
275
</div>
276
276
<?php
277
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[131\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
278
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[133\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
279
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[25\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
277
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[131\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
278
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[133\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
279
$this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[25\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
280
280
?>
281
281
</div>
…
…
285
285
</div>
286
286
<?php
287
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
288
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[17\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
289
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
290
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
291
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
292
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
293
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
294
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
287
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
288
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[17\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
289
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
290
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
291
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
292
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
293
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
294
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
295
295
?>
296
296
</div>
…
…
301
301
<div class="form-group">
302
302
<label for="custom-css" class="custom-css">Custom CSS:</label>
303
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
303
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
304
304
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
305
305
</div>
…
…
309
309
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
310
310
<?php
311
echo $this->oxilab\_flip\_box\_admin\_support();
311
$this->oxilab\_flip\_box\_admin\_support();
312
312
?>
313
313
</div>
…
…
325
325
<div class="modal-body row">
326
326
<?php
327
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
328
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
329
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
330
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
327
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
328
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
329
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
330
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
331
331
?>
332
332
</div>
…
…
339
339
<div class="modal-body row">
340
340
<?Php
341
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
342
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
343
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
344
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
341
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
342
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
343
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
344
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
345
345
?>
346
346
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style24.php
r2209121
r2648808
128
128
. ' flip-box-backend-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-title'\]) . '{#}|{#}';
129
129
130
131
130
return $data;
132
131
}
…
…
139
138
<div class="oxi-head">
140
139
General Settings
141
</div>
142
<?php
143
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
144
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
146
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
147
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
148
?>
149
</div>
140
</div>
141
<?php
142
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
143
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
144
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
145
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
146
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
147
?>
148
</div>
150
149
<div class="oxi-addons-content-div">
151
150
<div class="oxi-head">
152
151
Optional Settings
153
</div>
154
<?php
155
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
156
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
157
?>
152
</div>
153
<?php
154
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
155
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
156
?>
158
157
</div>
159
158
</div>
…
…
164
163
</div>
165
164
<?php
166
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
167
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
168
?>
169
</div>
165
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
166
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
167
?>
168
</div>
170
169
<div class="oxi-addons-content-div">
171
170
<div class="oxi-head">
…
…
173
172
</div>
174
173
<?php
175
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
176
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
177
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
178
?>
179
</div>
174
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
176
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
177
?>
178
</div>
180
179
</div>
181
180
</div>
…
…
185
184
<div class="oxi-head">
186
185
General Settings
187
</div>
188
<?php
189
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
190
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
191
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
192
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
193
?>
194
</div>
186
</div>
187
<?php
188
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
190
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
192
?>
193
</div>
195
194
<div class="oxi-addons-content-div">
196
195
<div class="oxi-head">
197
196
Icon Settings
198
</div>
199
<?php
200
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
201
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
202
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[11\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
203
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
204
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
205
?>
197
</div>
198
<?php
199
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
200
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
201
$this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[11\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
202
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
203
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
204
?>
206
205
</div>
207
206
</div>
…
…
212
211
</div>
213
212
<?php
214
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
215
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
216
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
217
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
218
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
219
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
220
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
221
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
222
?>
223
</div>
213
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
214
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
215
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
216
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
217
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
218
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
219
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
220
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
221
?>
222
</div>
224
223
<div class="oxi-addons-content-div">
225
224
<div class="oxi-head">
…
…
227
226
</div>
228
227
<?php
229
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
230
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[19\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
231
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
232
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
233
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
234
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
235
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
236
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
237
?>
238
</div>
228
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
229
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[19\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
230
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
231
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
232
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
233
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
234
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
235
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
236
?>
237
</div>
239
238
</div>
240
239
</div>
…
…
244
243
<div class="oxi-head">
245
244
General Settings
246
</div>
247
<?php
248
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
249
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
250
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[23\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
251
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
252
?>
253
</div>
245
</div>
246
<?php
247
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
248
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
249
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[23\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
250
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
251
?>
252
</div>
254
253
255
254
<div class="oxi-addons-content-div">
256
255
<div class="oxi-head">
257
256
Icon Settings
258
</div>
259
<?php
260
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[137\], '1', 'Icon Size', 'Set your Icon Font Size');
261
echo $this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[25\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
262
echo $this->oxilab\_flip\_box\_admin\_color('backend-icon-background-color', $this->style\[27\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data');
263
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-border-radius', $this->style\[139\], '1', 'Border Radius', 'Set Your Icon Border Radius');
264
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[141\], 'backend-icon-padding-left-right', $this->style\[143\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
265
?>
257
</div>
258
<?php
259
$this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[137\], '1', 'Icon Size', 'Set your Icon Font Size');
260
$this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[25\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
261
$this->oxilab\_flip\_box\_admin\_color('backend-icon-background-color', $this->style\[27\], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data');
262
$this->oxilab\_flip\_box\_admin\_number('backend-icon-border-radius', $this->style\[139\], '1', 'Border Radius', 'Set Your Icon Border Radius');
263
$this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[141\], 'backend-icon-padding-left-right', $this->style\[143\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
264
?>
266
265
</div>
267
266
</div>
…
…
272
271
</div>
273
272
<?php
274
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
275
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[21\], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
276
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
277
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
278
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
279
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
280
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
281
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
282
?>
273
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
274
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[21\], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
275
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
276
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
277
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
278
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
279
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
280
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
281
?>
283
282
</div>
284
283
<div class="oxi-addons-content-div">
285
284
<div class="oxi-head">
286
285
Backend Info
287
</div>
288
<?php
289
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
290
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[17\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
291
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
292
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
293
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
294
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
295
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
296
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
297
?>
298
</div>
299
</div>
300
</div>
286
</div>
287
<?php
288
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
289
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[17\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
290
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
291
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
292
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
293
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
294
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
295
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
296
?>
297
</div>
298
</div>
299
</div>
301
300
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
302
301
<div class="col-xs-12 p-2">
303
302
<div class="form-group">
304
303
<label for="custom-css" class="custom-css">Custom CSS:</label>
305
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
304
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
306
305
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
307
306
</div>
…
…
311
310
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
312
311
<?php
313
echo $this->oxilab\_flip\_box\_admin\_support();
312
$this->oxilab\_flip\_box\_admin\_support();
314
313
?>
315
314
</div>
…
…
327
326
<div class="modal-body row">
328
327
<?php
329
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
330
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
331
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
332
333
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
334
?>
328
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
329
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
330
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
331
332
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
333
?>
335
334
</div>
336
335
<div class="modal-header">
…
…
342
341
<div class="modal-body row">
343
342
<?Php
344
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
345
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
346
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[9\], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook');
347
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
348
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
349
?>
343
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
344
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
345
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[9\], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook');
346
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
347
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
348
?>
350
349
</div>
351
350
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style25.php
r2209121
r2648808
137
137
<div class="oxi-head">
138
138
General Settings
139
</div>
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
139
</div>
140
<?php
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
148
148
<div class="oxi-addons-content-div">
149
149
<div class="oxi-head">
150
150
Optional Settings
151
</div>
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
151
</div>
152
<?php
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
156
156
</div>
157
157
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
168
168
<div class="oxi-addons-content-div">
169
169
<div class="oxi-head">
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
178
178
</div>
179
179
</div>
…
…
183
183
<div class="oxi-head">
184
184
General Settings
185
</div>
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
188
echo $this->oxilab\_flip\_box\_admin\_number('front-padding-top', $this->style\[71\], '', 'Inner Padding', 'Set your Front Padding.');
189
echo $this->oxilab\_flip\_box\_admin\_number('front-margin-top-bottom', $this->style\[105\], '', 'Image Padding', 'Set your Front Margin as Top Bottom and Left Right');
190
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[159\], 'flip-col-border-style', $this->style\[161\], 'Border Size', 'Set your front border size with different style');
192
?>
193
</div>
185
</div>
186
<?php
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
188
$this->oxilab\_flip\_box\_admin\_number('front-padding-top', $this->style\[71\], '', 'Inner Padding', 'Set your Front Padding.');
189
$this->oxilab\_flip\_box\_admin\_number('front-margin-top-bottom', $this->style\[105\], '', 'Image Padding', 'Set your Front Margin as Top Bottom and Left Right');
190
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[159\], 'flip-col-border-style', $this->style\[161\], 'Border Size', 'Set your front border size with different style');
192
?>
193
</div>
194
194
</div>
195
195
</div>
…
…
199
199
<div class="oxi-head">
200
200
General Settings
201
</div>
202
<?php
203
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
204
echo $this->oxilab\_flip\_box\_admin\_number('backend-border-padding-top', $this->style\[163\], '', 'Padding', 'Set your backend border Padding.');
205
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
206
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
207
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[151\], 'flip-backend-border-style', $this->style\[149\], 'Border Size', 'Set your backend border size with different style');
208
?>
209
</div>
201
</div>
202
<?php
203
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
204
$this->oxilab\_flip\_box\_admin\_number('backend-border-padding-top', $this->style\[163\], '', 'Padding', 'Set your backend border Padding.');
205
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
206
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
207
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[151\], 'flip-backend-border-style', $this->style\[149\], 'Border Size', 'Set your backend border size with different style');
208
?>
209
</div>
210
210
<div class="oxi-addons-content-div">
211
211
<div class="oxi-head">
…
…
213
213
</div>
214
214
<?php
215
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
216
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
217
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
218
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
219
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
220
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
221
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
222
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
223
?>
224
</div>
215
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
216
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
217
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
218
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
219
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
220
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
221
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
222
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
223
?>
224
</div>
225
225
</div>
226
226
<div class="oxi-addons-col-6">
…
…
228
228
<div class="oxi-head">
229
229
Backend Title Border
230
</div>
231
<?php
232
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[155\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
233
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[157\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
234
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[7\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
235
?>
236
</div>
230
</div>
231
<?php
232
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[155\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
233
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[157\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
234
$this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[7\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
235
?>
236
</div>
237
237
<div class="oxi-addons-content-div">
238
238
<div class="oxi-head">
239
239
Backend Info
240
</div>
241
<?php
242
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
243
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
244
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
245
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
246
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
247
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
248
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
249
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
250
?>
251
</div>
252
</div>
253
</div>
240
</div>
241
<?php
242
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
243
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
244
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
245
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
246
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
247
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
248
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
249
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
250
?>
251
</div>
252
</div>
253
</div>
254
254
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
255
255
<div class="col-xs-12 p-2">
256
256
<div class="form-group">
257
257
<label for="custom-css" class="custom-css">Custom CSS:</label>
258
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
258
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
259
259
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
260
260
</div>
…
…
264
264
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
265
265
<?php
266
echo $this->oxilab\_flip\_box\_admin\_support();
266
$this->oxilab\_flip\_box\_admin\_support();
267
267
?>
268
268
</div>
…
…
280
280
<div class="modal-body row">
281
281
<?php
282
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
283
?>
282
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
283
?>
284
284
</div>
285
285
<div class="modal-header">
…
…
291
291
<div class="modal-body row">
292
292
<?Php
293
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
294
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
295
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
296
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
297
?>
293
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
294
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
295
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
296
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
297
?>
298
298
</div>
299
299
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style26.php
r2497348
r2648808
139
139
</div>
140
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
146
?>
147
147
</div>
…
…
151
151
</div>
152
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
155
?>
156
156
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
166
?>
167
167
</div>
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
176
?>
177
177
</div>
…
…
185
185
</div>
186
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
188
echo $this->oxilab\_flip\_box\_admin\_number('front-border-margin-top', $this->style\[69\], '', 'Margin', 'Set your front border Margin.');
189
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Inner Padding', 'Set your front Padding as Top Bottom and Left Right');
190
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
echo $this->oxilab\_flip\_box\_admin\_border('flip-front-border-size', $this->style\[75\], 'flip-front-border-style', $this->style\[77\], 'Border Size', 'Set your front border size with different style');
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
188
$this->oxilab\_flip\_box\_admin\_number('front-border-margin-top', $this->style\[69\], '', 'Margin', 'Set your front border Margin.');
189
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Inner Padding', 'Set your front Padding as Top Bottom and Left Right');
190
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
$this->oxilab\_flip\_box\_admin\_border('flip-front-border-size', $this->style\[75\], 'flip-front-border-style', $this->style\[77\], 'Border Size', 'Set your front border size with different style');
192
192
?>
193
193
</div>
…
…
197
197
</div>
198
198
<?php
199
echo $this->oxilab\_flip\_box\_admin\_number('front-number-size', $this->style\[79\], '1', 'Number Size', 'Set your Number Font Size');
200
echo $this->oxilab\_flip\_box\_admin\_color('front-number-color', $this->style\[11\], '', 'Number Color', 'Set your Number Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
201
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-number-family', $this->style\[81\], 'Font Family', 'Give your Prepared Font from our Google Font List');
202
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-number-style', $this->style\[83\], 'Font Style', 'Set your Number Font Style');
203
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-number-weight', $this->style\[85\], 'Font Weight', 'Give your Front Number Font Weight');
204
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-number-padding-top-bottom', $this->style\[87\], 'front-number-padding-left-right', $this->style\[89\], 'Number Padding', 'Set your Number Padding as Top Bottom and Left Right');
199
$this->oxilab\_flip\_box\_admin\_number('front-number-size', $this->style\[79\], '1', 'Number Size', 'Set your Number Font Size');
200
$this->oxilab\_flip\_box\_admin\_color('front-number-color', $this->style\[11\], '', 'Number Color', 'Set your Number Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
201
$this->oxilab\_flip\_box\_admin\_font\_family('front-number-family', $this->style\[81\], 'Font Family', 'Give your Prepared Font from our Google Font List');
202
$this->oxilab\_flip\_box\_admin\_font\_style('front-number-style', $this->style\[83\], 'Font Style', 'Set your Number Font Style');
203
$this->oxilab\_flip\_box\_admin\_font\_weight('front-number-weight', $this->style\[85\], 'Font Weight', 'Give your Front Number Font Weight');
204
$this->oxilab\_flip\_box\_admin\_number\_double('front-number-padding-top-bottom', $this->style\[87\], 'front-number-padding-left-right', $this->style\[89\], 'Number Padding', 'Set your Number Padding as Top Bottom and Left Right');
205
205
?>
206
206
</div>
…
…
212
212
</div>
213
213
<?php
214
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[159\], '1', 'Font Size', 'Set your front Heading Font Size');
215
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
216
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[161\], 'Font Family', 'Give your Prepared Font from our Google Font List');
217
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[163\], 'Font Style', 'Set your Heading Font Style');
218
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[165\], 'Font Weight', 'Give your Front Heading Font Weight');
219
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[167\], 'Text Align', 'Give your Heading Text Align');
220
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[169\], 'front-heding-padding-bottom', $this->style\[171\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
221
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[173\], 'front-heding-padding-right', $this->style\[175\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
214
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[159\], '1', 'Font Size', 'Set your front Heading Font Size');
215
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
216
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[161\], 'Font Family', 'Give your Prepared Font from our Google Font List');
217
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[163\], 'Font Style', 'Set your Heading Font Style');
218
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[165\], 'Font Weight', 'Give your Front Heading Font Weight');
219
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[167\], 'Text Align', 'Give your Heading Text Align');
220
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[169\], 'front-heding-padding-bottom', $this->style\[171\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
221
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[173\], 'front-heding-padding-right', $this->style\[175\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
222
222
?>
223
223
</div>
…
…
231
231
</div>
232
232
<?php
233
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
234
echo $this->oxilab\_flip\_box\_admin\_number('backend-border-margin-top', $this->style\[105\], '', 'Margin', 'Set your backend border Margin.');
235
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
236
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
237
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[149\], 'flip-backend-border-style', $this->style\[151\], 'Border Size', 'Set your backend border size with different style');
233
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
234
$this->oxilab\_flip\_box\_admin\_number('backend-border-margin-top', $this->style\[105\], '', 'Margin', 'Set your backend border Margin.');
235
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
236
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
237
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[149\], 'flip-backend-border-style', $this->style\[151\], 'Border Size', 'Set your backend border size with different style');
238
238
?>
239
239
</div>
…
…
243
243
</div>
244
244
<?php
245
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
246
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
247
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
248
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
249
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
250
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
251
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
252
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
245
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
246
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
247
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
248
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
249
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
250
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
251
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
252
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
253
253
?>
254
254
</div>
…
…
258
258
</div>
259
259
<?php
260
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[155\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
261
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[157\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
262
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[7\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', '', '');
260
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[155\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
261
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[157\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
262
$this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[7\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', '', '');
263
263
?>
264
264
</div>
…
…
270
270
</div>
271
271
<?php
272
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
273
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
274
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
275
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
276
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
277
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
278
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
279
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
272
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
273
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
274
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
275
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
276
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
277
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
278
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
279
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
280
280
?>
281
281
</div>
…
…
285
285
</div>
286
286
<?php
287
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
288
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
289
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
290
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
291
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
292
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
293
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
294
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
295
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
296
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
297
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
298
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
299
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
287
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
288
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
289
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
290
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
291
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
292
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
293
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
294
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
295
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
296
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
297
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
298
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
299
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
300
300
?>
301
301
</div>
…
…
306
306
<div class="form-group">
307
307
<label for="custom-css" class="custom-css">Custom CSS:</label>
308
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
308
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
309
309
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
310
310
</div>
…
…
314
314
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
315
315
<?php
316
echo $this->oxilab\_flip\_box\_admin\_support();
316
$this->oxilab\_flip\_box\_admin\_support();
317
317
?>
318
318
</div>
…
…
330
330
<div class="modal-body row">
331
331
<?php
332
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-icons', $this->child\_editable\[3\], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');
333
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
334
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
332
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-icons', $this->child\_editable\[3\], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');
333
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
334
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
335
335
?>
336
336
</div>
…
…
343
343
<div class="modal-body row">
344
344
<?Php
345
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
346
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
347
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
348
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
349
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
345
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
346
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
347
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
348
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
349
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
350
350
?>
351
351
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style27.php
r2209121
r2648808
139
139
<div class="oxi-head">
140
140
General Settings
141
</div>
142
<?php
143
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
144
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
146
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
147
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
148
?>
149
</div>
141
</div>
142
<?php
143
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
144
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
145
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
146
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
147
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
148
?>
149
</div>
150
150
<div class="oxi-addons-content-div">
151
151
<div class="oxi-head">
152
152
Optional Settings
153
</div>
154
<?php
155
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
156
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
157
?>
153
</div>
154
<?php
155
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
156
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
157
?>
158
158
</div>
159
159
</div>
…
…
164
164
</div>
165
165
<?php
166
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
167
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
168
?>
169
</div>
166
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
167
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
168
?>
169
</div>
170
170
<div class="oxi-addons-content-div">
171
171
<div class="oxi-head">
…
…
173
173
</div>
174
174
<?php
175
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
176
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
177
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
178
?>
179
</div>
175
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
176
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
177
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
178
?>
179
</div>
180
180
</div>
181
181
</div>
…
…
185
185
<div class="oxi-head">
186
186
General Settings
187
</div>
188
<?php
189
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
190
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your front Padding as Top Bottom and Left Right');
191
?>
192
</div>
187
</div>
188
<?php
189
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
190
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your front Padding as Top Bottom and Left Right');
191
?>
192
</div>
193
193
<div class="oxi-addons-content-div">
194
194
<div class="oxi-head">
…
…
196
196
</div>
197
197
<?php
198
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[159\], '1', 'Font Size', 'Set your front Heading Font Size');
199
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
200
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[161\], 'Font Family', 'Give your Prepared Font from our Google Font List');
201
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[163\], 'Font Style', 'Set your Heading Font Style');
202
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[165\], 'Font Weight', 'Give your Front Heading Font Weight');
203
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[167\], 'Text Align', 'Give your Heading Text Align');
204
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[169\], 'front-heding-padding-bottom', $this->style\[171\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
205
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[173\], 'front-heding-padding-right', $this->style\[175\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
206
?>
207
</div>
198
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[159\], '1', 'Font Size', 'Set your front Heading Font Size');
199
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
200
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[161\], 'Font Family', 'Give your Prepared Font from our Google Font List');
201
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[163\], 'Font Style', 'Set your Heading Font Style');
202
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[165\], 'Font Weight', 'Give your Front Heading Font Weight');
203
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[167\], 'Text Align', 'Give your Heading Text Align');
204
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[169\], 'front-heding-padding-bottom', $this->style\[171\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
205
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[173\], 'front-heding-padding-right', $this->style\[175\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
206
?>
207
</div>
208
208
</div>
209
209
<div class="oxi-addons-col-6">
…
…
211
211
<div class="oxi-head">
212
212
Front Title Border
213
</div>
214
<?php
215
echo $this->oxilab\_flip\_box\_admin\_number('front-title-border-width', $this->style\[75\], '1', 'Border Width', 'Set your Front Title Bottom Border Width');
216
echo $this->oxilab\_flip\_box\_admin\_number('front-title-border-height', $this->style\[77\], '1', 'Border Height', 'Set your Front Title Bottom Border Height');
217
echo $this->oxilab\_flip\_box\_admin\_color('front-title-bottom-border-color', $this->style\[9\], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
218
?>
213
</div>
214
<?php
215
$this->oxilab\_flip\_box\_admin\_number('front-title-border-width', $this->style\[75\], '1', 'Border Width', 'Set your Front Title Bottom Border Width');
216
$this->oxilab\_flip\_box\_admin\_number('front-title-border-height', $this->style\[77\], '1', 'Border Height', 'Set your Front Title Bottom Border Height');
217
$this->oxilab\_flip\_box\_admin\_color('front-title-bottom-border-color', $this->style\[9\], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
218
?>
219
219
</div>
220
220
<div class="oxi-addons-content-div">
…
…
223
223
</div>
224
224
<?php
225
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[79\], '1', 'Font Size', 'Set your front Info Font Size');
226
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[17\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
227
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[81\], 'Font Family', 'Give your Prepared Font from our Google Font List');
228
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[83\], 'Font Style', 'Set your Info Font Style');
229
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[85\], 'Font Weight', 'Give your Front Info Font Weight');
230
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[87\], 'Text Align', 'Give your Info Text Align');
231
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[89\], 'front-info-padding-bottom', $this->style\[91\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
232
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[93\], 'front-info-padding-right', $this->style\[95\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
233
?>
234
</div>
225
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[79\], '1', 'Font Size', 'Set your front Info Font Size');
226
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[17\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
227
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[81\], 'Font Family', 'Give your Prepared Font from our Google Font List');
228
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[83\], 'Font Style', 'Set your Info Font Style');
229
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[85\], 'Font Weight', 'Give your Front Info Font Weight');
230
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[87\], 'Text Align', 'Give your Info Text Align');
231
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[89\], 'front-info-padding-bottom', $this->style\[91\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
232
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[93\], 'front-info-padding-right', $this->style\[95\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
233
?>
234
</div>
235
235
236
236
</div>
…
…
241
241
<div class="oxi-head">
242
242
General Settings
243
</div>
244
<?php
245
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
246
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
247
?>
248
</div>
243
</div>
244
<?php
245
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
246
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
247
?>
248
</div>
249
249
<div class="oxi-addons-content-div">
250
250
<div class="oxi-head">
…
…
252
252
</div>
253
253
<?php
254
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
255
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
256
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
257
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
258
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
259
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
260
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
261
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
262
?>
254
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
255
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
256
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
257
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
258
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
259
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
260
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
261
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
262
?>
263
263
</div>
264
264
<div class="oxi-addons-content-div">
265
265
<div class="oxi-head">
266
266
Backend Title Border
267
</div>
268
<?php
269
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[155\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
270
echo $this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[157\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
271
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[7\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
272
?>
273
</div>
267
</div>
268
<?php
269
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-width', $this->style\[155\], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
270
$this->oxilab\_flip\_box\_admin\_number('backend-title-border-height', $this->style\[157\], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
271
$this->oxilab\_flip\_box\_admin\_color('backend-title-bottom-border-color', $this->style\[7\], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
272
?>
273
</div>
274
274
</div>
275
275
<div class="oxi-addons-col-6">
…
…
277
277
<div class="oxi-head">
278
278
Backend Info
279
</div>
280
<?php
281
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
282
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
283
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
284
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
285
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
286
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
287
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
288
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
289
?>
279
</div>
280
<?php
281
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
282
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
283
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
284
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
285
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
286
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
287
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
288
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
289
?>
290
290
</div>
291
291
<div class="oxi-addons-content-div">
…
…
294
294
</div>
295
295
<?php
296
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
297
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
298
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
299
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
300
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
301
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
302
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
303
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
304
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
305
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
306
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
307
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
308
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
309
?>
310
</div>
311
</div>
312
</div>
296
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
297
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
298
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
299
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
300
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
301
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
302
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
303
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
304
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
305
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
306
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
307
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
308
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
309
?>
310
</div>
311
</div>
312
</div>
313
313
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
314
314
<div class="col-xs-12 p-2">
315
315
<div class="form-group">
316
316
<label for="custom-css" class="custom-css">Custom CSS:</label>
317
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
317
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
318
318
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
319
319
</div>
…
…
323
323
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
324
324
<?php
325
echo $this->oxilab\_flip\_box\_admin\_support();
325
$this->oxilab\_flip\_box\_admin\_support();
326
326
?>
327
327
</div>
…
…
339
339
<div class="modal-body row">
340
340
<?php
341
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
342
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
343
344
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
345
?>
341
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
342
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
343
344
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
345
?>
346
346
</div>
347
347
<div class="modal-header">
…
…
353
353
<div class="modal-body row">
354
354
<?Php
355
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
356
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
357
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
358
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
359
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
360
?>
355
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
356
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
357
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
358
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
359
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
360
?>
361
361
</div>
362
362
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style28.php
r2209121
r2648808
137
137
<div class="oxi-head">
138
138
General Settings
139
</div>
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
139
</div>
140
<?php
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
148
148
<div class="oxi-addons-content-div">
149
149
<div class="oxi-head">
150
150
Optional Settings
151
</div>
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
151
</div>
152
<?php
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
156
156
</div>
157
157
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
168
168
<div class="oxi-addons-content-div">
169
169
<div class="oxi-head">
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
178
178
</div>
179
179
</div>
…
…
183
183
<div class="oxi-head">
184
184
General Settings
185
</div>
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
189
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
190
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
191
?>
192
</div>
185
</div>
186
<?php
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
189
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
190
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[149\], 'flip-col-border-style', $this->style\[151\], 'Border Size', 'Set your front border size with different style');
191
?>
192
</div>
193
193
<div class="oxi-addons-content-div">
194
194
<div class="oxi-head">
195
195
Icon Settings
196
</div>
197
<?php
198
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
199
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
200
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
201
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
202
?>
196
</div>
197
<?php
198
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
199
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
200
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
201
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
202
?>
203
203
</div>
204
204
</div>
…
…
209
209
</div>
210
210
<?php
211
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
212
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
213
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
214
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
215
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
216
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
217
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
218
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
219
?>
220
</div>
211
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
212
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
213
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
214
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
215
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
216
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
217
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
218
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
219
?>
220
</div>
221
221
</div>
222
222
</div>
…
…
226
226
<div class="oxi-head">
227
227
General Settings
228
</div>
229
<?php
230
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
231
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
232
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[11\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
233
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
234
?>
235
</div>
228
</div>
229
<?php
230
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
231
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
232
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[11\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
233
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[155\], 'flip-backend-border-style', $this->style\[157\], 'Border Size', 'Set your backend border size with different style');
234
?>
235
</div>
236
236
<div class="oxi-addons-content-div">
237
237
<div class="oxi-head">
…
…
239
239
</div>
240
240
<?php
241
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
242
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
243
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
244
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
245
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
246
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
247
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
248
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
249
?>
241
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
242
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
243
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
244
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
245
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
246
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
247
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
248
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
249
?>
250
250
</div>
251
251
</div>
…
…
254
254
<div class="oxi-head">
255
255
Backend Info
256
</div>
257
<?php
258
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
259
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
260
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
261
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
262
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
263
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
264
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
265
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
266
?>
256
</div>
257
<?php
258
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
259
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
260
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
261
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
262
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
263
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
264
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
265
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
266
?>
267
267
</div>
268
268
<div class="oxi-addons-content-div">
…
…
271
271
</div>
272
272
<?php
273
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
274
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
275
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
276
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
277
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
278
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
279
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
280
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
281
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
282
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
283
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
284
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
285
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
286
?>
287
</div>
288
</div>
289
</div>
273
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
274
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
275
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
276
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
277
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
278
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
279
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
280
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
281
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
282
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
283
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
284
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
285
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
286
?>
287
</div>
288
</div>
289
</div>
290
290
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
291
291
<div class="col-xs-12 p-2">
292
292
<div class="form-group">
293
293
<label for="custom-css" class="custom-css">Custom CSS:</label>
294
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
294
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
295
295
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
296
296
</div>
…
…
300
300
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
301
301
<?php
302
echo $this->oxilab\_flip\_box\_admin\_support();
302
$this->oxilab\_flip\_box\_admin\_support();
303
303
?>
304
304
</div>
…
…
316
316
<div class="modal-body row">
317
317
<?php
318
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
319
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
320
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
321
?>
318
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
319
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
320
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
321
?>
322
322
</div>
323
323
<div class="modal-header">
…
…
329
329
<div class="modal-body row">
330
330
<?Php
331
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
332
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
333
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
334
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
335
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
336
?>
331
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
332
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
333
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
334
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
335
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
336
?>
337
337
</div>
338
338
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style29.php
r2209121
r2648808
137
137
<div class="oxi-head">
138
138
General Settings
139
</div>
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
139
</div>
140
<?php
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
148
148
<div class="oxi-addons-content-div">
149
149
<div class="oxi-head">
150
150
Optional Settings
151
</div>
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
151
</div>
152
<?php
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
156
156
</div>
157
157
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
168
168
<div class="oxi-addons-content-div">
169
169
<div class="oxi-head">
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
178
178
</div>
179
179
</div>
…
…
183
183
<div class="oxi-head">
184
184
General Settings
185
</div>
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-heading');
188
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-image-margin-top', $this->style\[71\], 'front-image-margin-bottom', $this->style\[73\], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');
189
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-image-margin-left', $this->style\[75\], 'front-image-margin-right', $this->style\[77\], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');
190
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
echo $this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[163\], 'flip-col-border-style', $this->style\[165\], 'Border Size', 'Set your front border size with different style');
192
?>
193
</div>
185
</div>
186
<?php
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-heading');
188
$this->oxilab\_flip\_box\_admin\_number\_double('front-image-margin-top', $this->style\[71\], 'front-image-margin-bottom', $this->style\[73\], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');
189
$this->oxilab\_flip\_box\_admin\_number\_double('front-image-margin-left', $this->style\[75\], 'front-image-margin-right', $this->style\[77\], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');
190
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
191
$this->oxilab\_flip\_box\_admin\_border('flip-col-border-size', $this->style\[163\], 'flip-col-border-style', $this->style\[165\], 'Border Size', 'Set your front border size with different style');
192
?>
193
</div>
194
194
</div>
195
195
<div class="oxi-addons-col-6">
…
…
199
199
</div>
200
200
<?php
201
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
202
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
203
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
204
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
205
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
206
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
207
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
208
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
209
?>
210
</div>
201
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
202
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
203
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
204
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
205
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
206
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
207
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
208
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
209
?>
210
</div>
211
211
</div>
212
212
</div>
…
…
216
216
<div class="oxi-head">
217
217
General Settings
218
</div>
219
<?php
220
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
221
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
222
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
223
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[167\], 'flip-backend-border-style', $this->style\[169\], 'Border Size', 'Set your backend border size with different style');
224
?>
225
</div>
218
</div>
219
<?php
220
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
221
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
222
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[9\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
223
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[167\], 'flip-backend-border-style', $this->style\[169\], 'Border Size', 'Set your backend border size with different style');
224
?>
225
</div>
226
226
<div class="oxi-addons-content-div">
227
227
<div class="oxi-head">
…
…
229
229
</div>
230
230
<?php
231
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
232
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
233
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
234
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
235
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
236
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
237
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
238
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
239
?>
231
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
232
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
233
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
234
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
235
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
236
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
237
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
238
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
239
?>
240
240
</div>
241
241
</div>
…
…
244
244
<div class="oxi-head">
245
245
Backend Info
246
</div>
247
<?php
248
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
249
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
250
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
251
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
252
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
253
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
254
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
255
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
256
?>
246
</div>
247
<?php
248
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
249
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
250
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
251
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
252
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
253
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
254
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
255
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
256
?>
257
257
</div>
258
258
<div class="oxi-addons-content-div">
…
…
261
261
</div>
262
262
<?php
263
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
264
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
265
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
266
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
267
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
268
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
269
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
270
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
271
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
272
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
273
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
274
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
275
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
276
?>
277
</div>
263
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
264
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
265
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
266
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
267
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
268
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
269
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
270
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
271
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
272
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
273
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
274
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
275
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
276
?>
277
</div>
278
278
</div>
279
279
</div>
…
…
282
282
<div class="form-group">
283
283
<label for="custom-css" class="custom-css">Custom CSS:</label>
284
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
284
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
285
285
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
286
286
</div>
…
…
290
290
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
291
291
<?php
292
echo $this->oxilab\_flip\_box\_admin\_support();
292
$this->oxilab\_flip\_box\_admin\_support();
293
293
?>
294
294
</div>
…
…
306
306
<div class="modal-body row">
307
307
<?php
308
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
309
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
310
?>
308
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
309
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
310
?>
311
311
</div>
312
312
<div class="modal-header">
…
…
318
318
<div class="modal-body row">
319
319
<?Php
320
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
321
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
322
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
323
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
324
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
325
?>
320
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
321
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
322
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
323
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
324
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
325
?>
326
326
</div>
327
327
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style3.php
r2497348
r2648808
109
109
</div>
110
110
<?php
111
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
112
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
113
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
114
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
115
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[141\], '1', 'Border Radius', 'Set your flip Border Radius');
111
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
112
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
113
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
114
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
115
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[141\], '1', 'Border Radius', 'Set your flip Border Radius');
116
116
?>
117
117
</div>
…
…
121
121
</div>
122
122
<?php
123
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
124
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
123
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
124
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
125
125
?>
126
126
</div>
…
…
132
132
</div>
133
133
<?php
134
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
135
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
134
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
135
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
136
136
?>
137
137
</div>
…
…
141
141
</div>
142
142
<?php
143
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
144
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
145
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
143
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
144
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
145
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
146
146
?>
147
147
</div>
…
…
155
155
</div>
156
156
<?php
157
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
158
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[69\], 'front-padding-left', $this->style\[71\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
157
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
158
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[69\], 'front-padding-left', $this->style\[71\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
159
159
?>
160
160
</div>
…
…
164
164
</div>
165
165
<?php
166
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[73\], '1', 'Icon Size', 'Set your Icon Font Size');
167
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
168
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[75\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
169
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[77\], 'front-icon-padding-left-right', $this->style\[79\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
170
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-icon-text-align', $this->style\[81\], 'Text Align', 'Give your Icon Text Align');
166
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[73\], '1', 'Icon Size', 'Set your Icon Font Size');
167
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[7\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
168
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[75\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
169
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[77\], 'front-icon-padding-left-right', $this->style\[79\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
170
$this->oxilab\_flip\_box\_admin\_text\_align('front-icon-text-align', $this->style\[81\], 'Text Align', 'Give your Icon Text Align');
171
171
?>
172
172
</div>
…
…
178
178
</div>
179
179
<?php
180
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
181
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
182
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
183
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
184
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
185
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
186
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
187
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
180
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
181
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[11\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
182
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
183
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
184
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
185
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
186
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
187
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
188
188
?>
189
189
</div>
…
…
193
193
</div>
194
194
<?php
195
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[101\], '1', 'Font Size', 'Set your front Info Font Size');
196
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[17\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
197
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[103\], 'Font Family', 'Give your Prepared Font from our Google Font List');
198
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[105\], 'Font Style', 'Set your Info Font Style');
199
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[107\], 'Font Weight', 'Give your Front Info Font Weight');
200
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[109\], 'Text Align', 'Give your Info Text Align');
201
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[111\], 'front-info-padding-bottom', $this->style\[113\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
202
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[115\], 'front-info-padding-right', $this->style\[117\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
195
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[101\], '1', 'Font Size', 'Set your front Info Font Size');
196
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[17\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
197
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[103\], 'Font Family', 'Give your Prepared Font from our Google Font List');
198
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[105\], 'Font Style', 'Set your Info Font Style');
199
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[107\], 'Font Weight', 'Give your Front Info Font Weight');
200
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[109\], 'Text Align', 'Give your Info Text Align');
201
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[111\], 'front-info-padding-bottom', $this->style\[113\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
202
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[115\], 'front-info-padding-right', $this->style\[117\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
203
203
?>
204
204
</div>
…
…
212
212
</div>
213
213
<?php
214
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
215
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[119\], 'backend-padding-left', $this->style\[121\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
214
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[13\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
215
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[119\], 'backend-padding-left', $this->style\[121\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
216
216
?>
217
217
</div>
…
…
223
223
</div>
224
224
<?php
225
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[123\], '1', 'Font Size', 'Set your Backend Info Font Size');
226
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[15\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
227
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[125\], 'Font Family', 'Give your Prepared Font from our Google Font List');
228
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[127\], 'Font Style', 'Set your Backend Info Font Style');
229
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[129\], 'Font Weight', 'Give your Backend Info Font Weight');
230
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[131\], 'Text Align', 'Give your Backend Info Text Align');
231
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[133\], 'backend-info-padding-bottom', $this->style\[135\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
232
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[137\], 'backend-info-padding-right', $this->style\[139\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
225
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[123\], '1', 'Font Size', 'Set your Backend Info Font Size');
226
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[15\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
227
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[125\], 'Font Family', 'Give your Prepared Font from our Google Font List');
228
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[127\], 'Font Style', 'Set your Backend Info Font Style');
229
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[129\], 'Font Weight', 'Give your Backend Info Font Weight');
230
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[131\], 'Text Align', 'Give your Backend Info Text Align');
231
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[133\], 'backend-info-padding-bottom', $this->style\[135\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
232
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[137\], 'backend-info-padding-right', $this->style\[139\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
233
233
?>
234
234
</div>
…
…
239
239
<div class="form-group">
240
240
<label for="custom-css" class="custom-css">Custom CSS:</label>
241
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[143\]; ?></textarea>
241
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[143\]); ?></textarea>
242
242
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
243
243
</div>
…
…
247
247
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
248
248
<?php
249
echo $this->oxilab\_flip\_box\_admin\_support();
249
$this->oxilab\_flip\_box\_admin\_support();
250
250
?>
251
251
</div>
…
…
263
263
<div class="modal-body row">
264
264
<?php
265
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
266
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[13\], 'Font Info:', 'Add font Info text unless make it blank.');
267
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
268
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
265
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
266
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[13\], 'Font Info:', 'Add font Info text unless make it blank.');
267
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
268
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
269
269
?>
270
270
</div>
…
…
277
277
<div class="modal-body row">
278
278
<?Php
279
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
280
281
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[9\], 'Link', 'Add your desire link or url unless make it blank');
282
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[11\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
279
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
280
281
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[9\], 'Link', 'Add your desire link or url unless make it blank');
282
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[11\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
283
283
?>
284
284
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style4.php
r2209121
r2648808
137
137
<div class="oxi-head">
138
138
General Settings
139
</div>
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
139
</div>
140
<?php
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
148
148
<div class="oxi-addons-content-div">
149
149
<div class="oxi-head">
150
150
Optional Settings
151
</div>
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
151
</div>
152
<?php
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
156
156
</div>
157
157
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
168
168
<div class="oxi-addons-content-div">
169
169
<div class="oxi-head">
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
178
178
</div>
179
179
</div>
…
…
183
183
<div class="oxi-head">
184
184
General Settings
185
</div>
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
189
?>
190
</div>
185
</div>
186
<?php
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
189
?>
190
</div>
191
191
<div class="oxi-addons-content-div">
192
192
<div class="oxi-head">
193
193
Icon Settings
194
</div>
195
<?php
196
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
197
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
198
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
199
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
200
?>
194
</div>
195
<?php
196
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
197
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
198
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
199
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
200
?>
201
201
</div>
202
202
</div>
…
…
207
207
</div>
208
208
<?php
209
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
210
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
211
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
212
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
213
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
214
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
215
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
216
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
217
?>
209
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
210
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
211
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
212
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
213
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
214
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
215
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
216
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
217
?>
218
218
</div>
219
219
<div class="oxi-addons-content-div">
…
…
222
222
</div>
223
223
<?php
224
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
225
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[29\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
226
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
227
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
228
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
229
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
230
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
231
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
232
?>
233
</div>
224
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
225
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[29\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
226
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
227
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
228
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
229
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
230
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
231
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
232
?>
233
</div>
234
234
</div>
235
235
</div>
…
…
239
239
<div class="oxi-head">
240
240
General Settings
241
</div>
242
<?php
243
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
244
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
245
?>
246
</div>
241
</div>
242
<?php
243
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
244
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
245
?>
246
</div>
247
247
<div class="oxi-addons-content-div">
248
248
<div class="oxi-head">
…
…
250
250
</div>
251
251
<?php
252
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
253
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
254
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
255
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
256
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
257
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
258
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
259
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
260
?>
252
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
253
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
254
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
255
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
256
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
257
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
258
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
259
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
260
?>
261
261
</div>
262
262
</div>
…
…
265
265
<div class="oxi-head">
266
266
Backend Info
267
</div>
268
<?php
269
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
270
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
271
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
272
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
273
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
274
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
275
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
276
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
277
?>
267
</div>
268
<?php
269
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
270
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
271
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
272
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
273
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
274
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
275
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
276
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
277
?>
278
278
</div>
279
279
<div class="oxi-addons-content-div">
…
…
282
282
</div>
283
283
<?php
284
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
285
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
286
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
287
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
288
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
289
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
290
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
291
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
292
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
293
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
294
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
295
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
296
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
297
?>
298
</div>
284
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
285
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
286
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
287
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
288
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
289
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
290
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
291
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
292
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
293
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
294
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
295
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
296
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
297
?>
298
</div>
299
299
</div>
300
300
</div>
…
…
303
303
<div class="form-group">
304
304
<label for="custom-css" class="custom-css">Custom CSS:</label>
305
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
305
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
306
306
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
307
307
</div>
…
…
311
311
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
312
312
<?php
313
echo $this->oxilab\_flip\_box\_admin\_support();
313
$this->oxilab\_flip\_box\_admin\_support();
314
314
?>
315
315
</div>
…
…
327
327
<div class="modal-body row">
328
328
<?php
329
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
330
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
331
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
332
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
333
?>
329
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
330
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
331
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
332
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
333
?>
334
334
</div>
335
335
<div class="modal-header">
…
…
341
341
<div class="modal-body row">
342
342
<?Php
343
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
344
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
345
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
346
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
347
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
348
?>
343
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
344
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
345
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
346
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
347
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
348
?>
349
349
</div>
350
350
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style5.php
r2209121
r2648808
121
121
. ' {#}|{#}{#}|{#}'
122
122
. ' flip-box-image-upload-url-01 {#}|{#}' . sanitize\_text\_field($\_POST\['flip-box-image-upload-url-01'\]) . '{#}|{#}'
123
. ' flip-box-backend-desc {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-desc'\]) . '{#}|{#}'
124
. ' flip-box-backend-button-text {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-button-text'\]) . '{#}|{#}'
123
. ' flip-box-backend-desc {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-desc'\]) . '{#}|{#}'
124
. ' flip-box-backend-button-text {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-button-text'\]) . '{#}|{#}'
125
125
. ' flip-box-backend-link {#}|{#}' . sanitize\_text\_field($\_POST\['flip-box-backend-link'\]) . '{#}|{#}'
126
126
. ' flip-box-image-upload-url-02 {#}|{#}' . sanitize\_text\_field($\_POST\['flip-box-image-upload-url-02'\]) . '{#}|{#}'
127
127
. ' {#}|{#}{#}|{#}'
128
. ' flip-box-backend-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-title'\]) . '{#}|{#}';
128
. ' flip-box-backend-title {#}|{#}' . $this->admin\_special\_charecter($\_POST\['flip-box-backend-title'\]) . '{#}|{#}';
129
129
return $data;
130
130
}
…
…
137
137
<div class="oxi-head">
138
138
General Settings
139
</div>
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
139
</div>
140
<?php
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
?>
147
</div>
148
148
<div class="oxi-addons-content-div">
149
149
<div class="oxi-head">
150
150
Optional Settings
151
</div>
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
151
</div>
152
<?php
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
?>
156
156
</div>
157
157
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
?>
167
</div>
168
168
<div class="oxi-addons-content-div">
169
169
<div class="oxi-head">
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
?>
177
</div>
178
178
</div>
179
179
</div>
…
…
183
183
<div class="oxi-head">
184
184
General Settings
185
</div>
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
?>
189
</div>
190
</div>
191
</div>
185
</div>
186
<?php
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
?>
189
</div>
190
</div>
191
</div>
192
192
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-3">
193
193
<div class="oxi-addons-col-6">
…
…
195
195
<div class="oxi-head">
196
196
General Settings
197
</div>
198
<?php
199
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
200
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
201
?>
202
</div>
197
</div>
198
<?php
199
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
200
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
201
?>
202
</div>
203
203
<div class="oxi-addons-content-div">
204
204
<div class="oxi-head">
…
…
206
206
</div>
207
207
<?php
208
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
209
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
210
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
211
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
212
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
213
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
214
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
215
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
216
?>
208
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
209
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
210
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
211
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
212
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
213
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
214
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
215
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
216
?>
217
217
</div>
218
218
</div>
…
…
221
221
<div class="oxi-head">
222
222
Backend Info
223
</div>
224
<?php
225
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
226
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
227
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
228
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
229
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
230
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
231
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
232
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
233
?>
223
</div>
224
<?php
225
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
226
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
227
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
228
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
229
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
230
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
231
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
232
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
233
?>
234
234
</div>
235
235
<div class="oxi-addons-content-div">
…
…
238
238
</div>
239
239
<?php
240
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
241
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
242
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
243
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
244
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
245
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
246
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
247
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
248
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
249
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
250
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
251
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
252
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
253
?>
254
</div>
240
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
241
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
242
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
243
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
244
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
245
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
246
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
247
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
248
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
249
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
250
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
251
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
252
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
253
?>
254
</div>
255
255
</div>
256
256
</div>
…
…
259
259
<div class="form-group">
260
260
<label for="custom-css" class="custom-css">Custom CSS:</label>
261
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
261
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
262
262
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
263
263
</div>
…
…
267
267
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
268
268
<?php
269
echo $this->oxilab\_flip\_box\_admin\_support();
269
$this->oxilab\_flip\_box\_admin\_support();
270
270
?>
271
271
</div>
…
…
283
283
<div class="modal-body row">
284
284
<?php
285
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
286
?>
285
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
286
?>
287
287
</div>
288
288
<div class="modal-header">
…
…
294
294
<div class="modal-body row">
295
295
<?Php
296
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
297
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
298
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
299
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
300
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
301
?>
296
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
297
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
298
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
299
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
300
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
301
?>
302
302
</div>
303
303
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style6.php
r2497348
r2648808
139
139
</div>
140
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
146
?>
147
147
</div>
…
…
151
151
</div>
152
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
155
?>
156
156
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
166
?>
167
167
</div>
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
176
?>
177
177
</div>
…
…
185
185
</div>
186
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
echo $this->oxilab\_flip\_box\_admin\_border('flip-font-border-size', $this->style\[69\], 'flip-font-border-style', $this->style\[71\], 'Border Size', 'Set your front border size with different style');
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
188
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
189
$this->oxilab\_flip\_box\_admin\_border('flip-font-border-size', $this->style\[69\], 'flip-font-border-style', $this->style\[71\], 'Border Size', 'Set your front border size with different style');
190
190
?>
191
191
</div>
…
…
199
199
</div>
200
200
<?php
201
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
202
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
203
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[97\], 'flip-backend-border-style', $this->style\[99\], 'Border Size', 'Set your front border size with different style');
204
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
201
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
202
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[17\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
203
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[97\], 'flip-backend-border-style', $this->style\[99\], 'Border Size', 'Set your front border size with different style');
204
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
205
205
?>
206
206
</div>
…
…
210
210
</div>
211
211
<?php
212
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
213
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
214
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
215
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
216
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
217
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
218
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
219
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
212
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
213
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
214
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
215
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
216
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
217
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
218
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
219
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
220
220
?>
221
221
</div>
…
…
227
227
</div>
228
228
<?php
229
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
230
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
231
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
232
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
233
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
234
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
235
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
236
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
229
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
230
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
231
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
232
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
233
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
234
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
235
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
236
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
237
237
?>
238
238
</div>
…
…
243
243
<div class="form-group">
244
244
<label for="custom-css" class="custom-css">Custom CSS:</label>
245
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
245
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
246
246
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
247
247
</div>
…
…
251
251
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
252
252
<?php
253
echo $this->oxilab\_flip\_box\_admin\_support();
253
$this->oxilab\_flip\_box\_admin\_support();
254
254
?>
255
255
</div>
…
…
267
267
<div class="modal-body row">
268
268
<?php
269
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
269
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
270
270
?>
271
271
</div>
…
…
278
278
<div class="modal-body row">
279
279
<?Php
280
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
281
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
282
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
283
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
280
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
281
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
282
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
283
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
284
284
?>
285
285
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style7.php
r2209121
r2648808
128
128
<div class="oxi-head">
129
129
General Settings
130
</div>
131
<?php
132
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
133
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
134
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
135
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
136
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
137
?>
138
</div>
130
</div>
131
<?php
132
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
133
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
134
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
135
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
136
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
137
?>
138
</div>
139
139
<div class="oxi-addons-content-div">
140
140
<div class="oxi-head">
141
141
Optional Settings
142
</div>
143
<?php
144
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
145
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
146
?>
142
</div>
143
<?php
144
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
145
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
146
?>
147
147
</div>
148
148
</div>
…
…
153
153
</div>
154
154
<?php
155
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
156
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
157
?>
158
</div>
155
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
156
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
157
?>
158
</div>
159
159
<div class="oxi-addons-content-div">
160
160
<div class="oxi-head">
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
165
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
166
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
167
?>
168
</div>
164
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
165
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
166
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
167
?>
168
</div>
169
169
</div>
170
170
</div>
…
…
174
174
<div class="oxi-head">
175
175
General Settings
176
</div>
177
<?php
178
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
179
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
180
?>
181
</div>
176
</div>
177
<?php
178
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
179
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
180
?>
181
</div>
182
182
<div class="oxi-addons-content-div">
183
183
<div class="oxi-head">
184
184
Icon Settings
185
</div>
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
188
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
189
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
190
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
191
?>
185
</div>
186
<?php
187
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
188
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
189
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
190
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
191
?>
192
192
</div>
193
193
</div>
…
…
198
198
</div>
199
199
<?php
200
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
201
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
202
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
203
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
204
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
205
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
206
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
207
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
208
?>
209
</div>
200
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
201
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
202
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
203
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
204
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
205
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
206
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
207
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
208
?>
209
</div>
210
210
<div class="oxi-addons-content-div">
211
211
<div class="oxi-head">
…
…
213
213
</div>
214
214
<?php
215
echo $this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
216
echo $this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[29\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
217
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
218
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
219
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
220
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
221
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
222
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
223
?>
224
</div>
225
</div>
226
</div>
215
$this->oxilab\_flip\_box\_admin\_number('front-info-size', $this->style\[163\], '1', 'Font Size', 'Set your front Info Font Size');
216
$this->oxilab\_flip\_box\_admin\_color('front-info-color', $this->style\[29\], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
217
$this->oxilab\_flip\_box\_admin\_font\_family('front-info-family', $this->style\[165\], 'Font Family', 'Give your Prepared Font from our Google Font List');
218
$this->oxilab\_flip\_box\_admin\_font\_style('front-info-style', $this->style\[167\], 'Font Style', 'Set your Info Font Style');
219
$this->oxilab\_flip\_box\_admin\_font\_weight('front-info-weight', $this->style\[169\], 'Font Weight', 'Give your Front Info Font Weight');
220
$this->oxilab\_flip\_box\_admin\_text\_align('front-info-text-align', $this->style\[171\], 'Text Align', 'Give your Info Text Align');
221
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-top', $this->style\[173\], 'front-info-padding-bottom', $this->style\[175\], 'Padding Top Bottom', 'Set Your Info Padding Top and Bottom');
222
$this->oxilab\_flip\_box\_admin\_number\_double('front-info-padding-left', $this->style\[177\], 'front-info-padding-right', $this->style\[179\], 'Padding Left Right', 'Set Your Info Padding Left and Right');
223
?>
224
</div>
225
</div>
226
</div>
227
227
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-3">
228
228
<div class="oxi-addons-col-6">
…
…
230
230
<div class="oxi-head">
231
231
General Settings
232
</div>
233
<?php
234
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
235
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
236
?>
237
</div>
232
</div>
233
<?php
234
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
235
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
236
?>
237
</div>
238
238
<div class="oxi-addons-content-div">
239
239
<div class="oxi-head">
240
240
Backend Info
241
</div>
242
<?php
243
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
244
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
245
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
246
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
247
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
248
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
249
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
250
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
251
?>
241
</div>
242
<?php
243
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
244
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
245
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
246
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
247
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
248
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
249
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
250
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
251
?>
252
252
</div>
253
253
</div>
…
…
258
258
</div>
259
259
<?php
260
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
261
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
262
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
263
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
264
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
265
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
266
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
267
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
268
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
269
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
270
?>
271
</div>
272
</div>
273
</div>
260
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
261
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
262
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
263
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
264
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
265
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
266
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
267
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
268
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
269
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
270
?>
271
</div>
272
</div>
273
</div>
274
274
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
275
275
<div class="col-xs-12 p-2">
276
276
<div class="form-group">
277
277
<label for="custom-css" class="custom-css">Custom CSS:</label>
278
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[181\]; ?></textarea>
278
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[181\]); ?></textarea>
279
279
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
280
280
</div>
…
…
284
284
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
285
285
<?php
286
echo $this->oxilab\_flip\_box\_admin\_support();
286
$this->oxilab\_flip\_box\_admin\_support();
287
287
?>
288
288
</div>
…
…
300
300
<div class="modal-body row">
301
301
<?php
302
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
303
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
304
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
305
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
306
?>
302
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
303
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-font-desc', $this->child\_editable\[15\], 'Font Info:', 'Add font Info text unless make it blank.');
304
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
305
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
306
?>
307
307
</div>
308
308
<div class="modal-header">
…
…
314
314
<div class="modal-body row">
315
315
<?Php
316
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
317
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
318
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
319
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
320
?>
316
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
317
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
318
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
319
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
320
?>
321
321
</div>
322
322
<?php
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style8.php
r2497348
r2648808
84
84
</div>
85
85
<?php
86
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
87
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
88
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
89
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
90
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[93\], '1', 'Border Radius', 'Set your flip Border Radius');
86
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
87
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
88
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
89
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
90
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[93\], '1', 'Border Radius', 'Set your flip Border Radius');
91
91
?>
92
92
</div>
…
…
96
96
</div>
97
97
<?php
98
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
99
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
98
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
99
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
100
100
?>
101
101
</div>
…
…
107
107
</div>
108
108
<?php
109
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
110
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
109
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
110
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
111
111
?>
112
112
</div>
…
…
116
116
</div>
117
117
<?php
118
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
119
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
120
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
118
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
119
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
120
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
121
121
?>
122
122
</div>
…
…
130
130
</div>
131
131
<?php
132
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
133
echo $this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
134
echo $this->oxilab\_flip\_box\_admin\_border('flip-font-border-size', $this->style\[69\], 'flip-font-border-style', $this->style\[71\], 'Border Size', 'Set your front border size with different style');
132
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
133
$this->oxilab\_flip\_box\_admin\_color('front-border-color', $this->style\[7\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
134
$this->oxilab\_flip\_box\_admin\_border('flip-font-border-size', $this->style\[69\], 'flip-font-border-style', $this->style\[71\], 'Border Size', 'Set your front border size with different style');
135
135
?>
136
136
</div>
…
…
142
142
</div>
143
143
<?php
144
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
145
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[13\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
146
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
147
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[81\], 'front-icon-padding-left-right', $this->style\[83\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
144
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
145
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[13\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
146
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
147
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[81\], 'front-icon-padding-left-right', $this->style\[83\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
148
148
?>
149
149
</div>
…
…
157
157
</div>
158
158
<?php
159
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[9\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
160
echo $this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[11\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
161
echo $this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[73\], 'flip-backend-border-style', $this->style\[75\], 'Border Size', 'Set your front border size with different style');
159
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[9\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
160
$this->oxilab\_flip\_box\_admin\_color('backend-border-color', $this->style\[11\], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
161
$this->oxilab\_flip\_box\_admin\_border('flip-backend-border-size', $this->style\[73\], 'flip-backend-border-style', $this->style\[75\], 'Border Size', 'Set your front border size with different style');
162
162
?>
163
163
</div>
…
…
169
169
</div>
170
170
<?php
171
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[85\], '1', 'Icon Size', 'Set your Icon Font Size');
172
echo $this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[15\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-icon-data \[class^=\\'fa\\'\]');
173
echo $this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[87\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[89\], 'backend-icon-padding-left-right', $this->style\[91\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
171
$this->oxilab\_flip\_box\_admin\_number('backend-icon-size', $this->style\[85\], '1', 'Icon Size', 'Set your Icon Font Size');
172
$this->oxilab\_flip\_box\_admin\_color('backend-icon-color', $this->style\[15\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-icon-data \[class^=\\'fa\\'\]');
173
$this->oxilab\_flip\_box\_admin\_number('backend-icon-width', $this->style\[87\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
174
$this->oxilab\_flip\_box\_admin\_number\_double('backend-icon-padding-top-bottom', $this->style\[89\], 'backend-icon-padding-left-right', $this->style\[91\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
175
175
?>
176
176
</div>
…
…
181
181
<div class="form-group">
182
182
<label for="custom-css" class="custom-css">Custom CSS:</label>
183
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[95\]; ?></textarea>
183
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[95\]); ?></textarea>
184
184
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
185
185
</div>
…
…
189
189
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
190
190
<?php
191
echo $this->oxilab\_flip\_box\_admin\_support();
191
$this->oxilab\_flip\_box\_admin\_support();
192
192
?>
193
193
</div>
…
…
205
205
<div class="modal-body row">
206
206
<?php
207
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[11\], 'Rearrange Title', 'Add your flip Rearrange title.');
208
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[7\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
209
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[1\], 'Front Image', 'Add or modify your front image.');
207
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[11\], 'Rearrange Title', 'Add your flip Rearrange title.');
208
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[7\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
209
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[1\], 'Front Image', 'Add or modify your front image.');
210
210
?>
211
211
</div>
…
…
218
218
<div class="modal-body row">
219
219
<?Php
220
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[9\], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
221
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[3\], 'Link', 'Add your desire link or url unless make it blank');
222
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[5\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
220
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-backend-icons', $this->child\_editable\[9\], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
221
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[3\], 'Link', 'Add your desire link or url unless make it blank');
222
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[5\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
223
223
?>
224
224
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc/Style9.php
r2497348
r2648808
139
139
</div>
140
140
<?php
141
echo $this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
echo $this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
echo $this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
echo $this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
echo $this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
141
$this->oxilab\_flip\_box\_flip\_type\_effects\_type($this->style\[1\], $this->style\[3\]);
142
$this->oxilab\_flip\_box\_admin\_col\_data('flip-col', $this->style\[43\], 'Item per Rows', 'How many item shows in single Rows');
143
$this->oxilab\_flip\_box\_admin\_number('flip-width', $this->style\[45\], '1', 'Width', 'Give your Filp Width');
144
$this->oxilab\_flip\_box\_admin\_number('flip-height', $this->style\[47\], '1', 'Height', 'Give your Flip Height');
145
$this->oxilab\_flip\_box\_admin\_number('flip-border-radius', $this->style\[153\], '1', 'Border Radius', 'Set your flip Border Radius');
146
146
?>
147
147
</div>
…
…
151
151
</div>
152
152
<?php
153
echo $this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
echo $this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
153
$this->oxilab\_flip\_box\_admin\_number\_double('margin-top', $this->style\[49\], 'margin-left', $this->style\[51\], 'Margin', 'Set your Margin top bottom and left right');
154
$this->oxilab\_flip\_box\_admin\_true\_false('flip-open-tabs', $this->style\[53\], 'New tabs', '\_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
155
155
?>
156
156
</div>
…
…
162
162
</div>
163
163
<?php
164
echo $this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
echo $this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
164
$this->oxilab\_flip\_box\_admin\_animation\_select($this->style\[55\]);
165
$this->oxilab\_flip\_box\_admin\_number('animation-duration', $this->style\[57\], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
166
166
?>
167
167
</div>
…
…
171
171
</div>
172
172
<?php
173
echo $this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
echo $this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
173
$this->oxilab\_flip\_box\_admin\_color('flip-boxshow-color', $this->style\[59\], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
174
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-horizontal', $this->style\[61\], 'flip-boxshow-vertical', $this->style\[63\], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
175
$this->oxilab\_flip\_box\_admin\_number\_double('flip-boxshow-blur', $this->style\[65\], 'flip-boxshow-spread', $this->style\[67\], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
176
176
?>
177
177
</div>
…
…
185
185
</div>
186
186
<?php
187
echo $this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color ', '.oxilab-flip-box-' . $this->oxiid . '');
188
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
187
$this->oxilab\_flip\_box\_admin\_color('front-background-color', $this->style\[5\], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color ', '.oxilab-flip-box-' . $this->oxiid . '');
188
$this->oxilab\_flip\_box\_admin\_number\_double('front-padding-top', $this->style\[71\], 'front-padding-left', $this->style\[73\], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
189
189
?>
190
190
</div>
…
…
194
194
</div>
195
195
<?php
196
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
197
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
198
echo $this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[29\], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
199
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
200
echo $this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
201
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
196
$this->oxilab\_flip\_box\_admin\_number('front-icon-size', $this->style\[77\], '1', 'Icon Size', 'Set your Icon Font Size');
197
$this->oxilab\_flip\_box\_admin\_color('front-icon-color', $this->style\[9\], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data \[class^=\\'fa\\'\]');
198
$this->oxilab\_flip\_box\_admin\_color('front-icon-background-color', $this->style\[29\], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
199
$this->oxilab\_flip\_box\_admin\_number('front-icon-width', $this->style\[79\], '1', 'Icon width', 'Set your Icon Width and Height Size.');
200
$this->oxilab\_flip\_box\_admin\_number('front-icon-border-radius', $this->style\[81\], '1', 'Border Radius', 'Set Your Icon Border Radius');
201
$this->oxilab\_flip\_box\_admin\_number\_double('front-icon-padding-top-bottom', $this->style\[159\], 'front-icon-padding-left-right', $this->style\[161\], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
202
202
?>
203
203
</div>
…
…
209
209
</div>
210
210
<?php
211
echo $this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
212
echo $this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
213
echo $this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
214
echo $this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
215
echo $this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
216
echo $this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
217
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
218
echo $this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
211
$this->oxilab\_flip\_box\_admin\_number('front-heading-size', $this->style\[83\], '1', 'Font Size', 'Set your front Heading Font Size');
212
$this->oxilab\_flip\_box\_admin\_color('front-heading-color', $this->style\[13\], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
213
$this->oxilab\_flip\_box\_admin\_font\_family('front-heading-family', $this->style\[85\], 'Font Family', 'Give your Prepared Font from our Google Font List');
214
$this->oxilab\_flip\_box\_admin\_font\_style('front-heding-style', $this->style\[87\], 'Font Style', 'Set your Heading Font Style');
215
$this->oxilab\_flip\_box\_admin\_font\_weight('front-heding-weight', $this->style\[89\], 'Font Weight', 'Give your Front Heading Font Weight');
216
$this->oxilab\_flip\_box\_admin\_text\_align('front-heding-text-align', $this->style\[91\], 'Text Align', 'Give your Heading Text Align');
217
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-top', $this->style\[93\], 'front-heding-padding-bottom', $this->style\[95\], 'Padding Top Bottom', 'Set Your Heading Padding Top and Bottom');
218
$this->oxilab\_flip\_box\_admin\_number\_double('front-heding-padding-left', $this->style\[97\], 'front-heding-padding-right', $this->style\[99\], 'Padding Left Right', 'Set Your Heading Padding Left and Right');
219
219
?>
220
220
</div>
…
…
228
228
</div>
229
229
<?php
230
echo $this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
231
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
230
$this->oxilab\_flip\_box\_admin\_color('backend-background-color', $this->style\[15\], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
231
$this->oxilab\_flip\_box\_admin\_number\_double('backend-padding-top', $this->style\[101\], 'backend-padding-left', $this->style\[103\], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
232
232
?>
233
233
</div>
…
…
237
237
</div>
238
238
<?php
239
echo $this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
240
echo $this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
241
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
242
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
243
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
244
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
245
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
246
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
239
$this->oxilab\_flip\_box\_admin\_number('backend-heading-size', $this->style\[181\], '1', 'Font Size', 'Set your backend Heading Font Size');
240
$this->oxilab\_flip\_box\_admin\_color('backend-title-color', $this->style\[31\], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
241
$this->oxilab\_flip\_box\_admin\_font\_family('backend-heading-family', $this->style\[183\], 'Font Family', 'Give your Prepared Font from our Google Font List');
242
$this->oxilab\_flip\_box\_admin\_font\_style('backend-heading-style', $this->style\[185\], 'Font Style', 'Set your Heading Font Style');
243
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-heading-weight', $this->style\[187\], 'Font Weight', 'Give your backend Heading Font Weight');
244
$this->oxilab\_flip\_box\_admin\_text\_align('backend-heading-text-align', $this->style\[189\], 'Text Align', 'Give your Heading Text Align');
245
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-top', $this->style\[191\], 'backend-heading-padding-bottom', $this->style\[193\], 'Padding Top Bottom', 'Set Your backend Heading Padding Top and Bottom');
246
$this->oxilab\_flip\_box\_admin\_number\_double('backend-heading-padding-left', $this->style\[195\], 'backend-heading-padding-right', $this->style\[197\], 'Padding Left Right', 'Set Your backend Heading Padding Left and Right');
247
247
?>
248
248
</div>
…
…
254
254
</div>
255
255
<?php
256
echo $this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
257
echo $this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
258
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
259
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
260
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
261
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
262
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
263
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
256
$this->oxilab\_flip\_box\_admin\_number('backend-info-size', $this->style\[107\], '1', 'Font Size', 'Set your Backend Info Font Size');
257
$this->oxilab\_flip\_box\_admin\_color('backend-info-color', $this->style\[19\], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
258
$this->oxilab\_flip\_box\_admin\_font\_family('backend-info-family', $this->style\[109\], 'Font Family', 'Give your Prepared Font from our Google Font List');
259
$this->oxilab\_flip\_box\_admin\_font\_style('backend-info-style', $this->style\[111\], 'Font Style', 'Set your Backend Info Font Style');
260
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-info-weight', $this->style\[113\], 'Font Weight', 'Give your Backend Info Font Weight');
261
$this->oxilab\_flip\_box\_admin\_text\_align('backend-info-text-align', $this->style\[115\], 'Text Align', 'Give your Backend Info Text Align');
262
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-top', $this->style\[117\], 'backend-info-padding-bottom', $this->style\[119\], 'Padding Top Bottom', 'Set Your Backend Info Padding Top and Bottom');
263
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-padding-left', $this->style\[121\], 'backend-info-padding-right', $this->style\[123\], 'Padding Left Right', 'Set Your Backend Info Padding Left and Right');
264
264
?>
265
265
</div>
…
…
269
269
</div>
270
270
<?php
271
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
272
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
273
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
274
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
275
echo $this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
276
echo $this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
277
echo $this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
278
echo $this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
279
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
280
echo $this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
281
echo $this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
282
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
283
echo $this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
271
$this->oxilab\_flip\_box\_admin\_number('backend-button-size', $this->style\[125\], '1', 'Font Size', 'Set your Backend Button Font Size');
272
$this->oxilab\_flip\_box\_admin\_color('backend-button-color', $this->style\[21\], '', 'Button Color', 'Set your Backend Button Color', 'color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
273
$this->oxilab\_flip\_box\_admin\_color('backend-button-background', $this->style\[23\], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
274
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-color', $this->style\[25\], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
275
$this->oxilab\_flip\_box\_admin\_color('backend-button-hover-background', $this->style\[27\], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
276
$this->oxilab\_flip\_box\_admin\_font\_family('backend-button-family', $this->style\[127\], 'Font Family', 'Give your Prepared Font from our Google Font List');
277
$this->oxilab\_flip\_box\_admin\_font\_style('backend-button-style', $this->style\[129\], 'Font Style', 'Set your Backend Button Font Style');
278
$this->oxilab\_flip\_box\_admin\_font\_weight('backend-button-weight', $this->style\[131\], 'Font Weight', 'Give your Backend Button Font Weight');
279
$this->oxilab\_flip\_box\_admin\_number\_double('backend-button-info-padding-top', $this->style\[133\], 'backend-button-info-padding-left', $this->style\[135\], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
280
$this->oxilab\_flip\_box\_admin\_number('backend-button-border-radius', $this->style\[137\], '1', 'Border Radius', 'Set your Backend Button Border Radius');
281
$this->oxilab\_flip\_box\_admin\_text\_align('backend-button-text-align', $this->style\[139\], 'Text Align', 'Give your Backend Button Text Align');
282
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-top', $this->style\[141\], 'backend-info-margin-bottom', $this->style\[143\], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
283
$this->oxilab\_flip\_box\_admin\_number\_double('backend-info-margin-left', $this->style\[145\], 'backend-info-margin-right', $this->style\[147\], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
284
284
?>
285
285
</div>
…
…
290
290
<div class="form-group">
291
291
<label for="custom-css" class="custom-css">Custom CSS:</label>
292
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style\[199\]; ?></textarea>
292
<textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc\_attr($this->style\[199\]); ?></textarea>
293
293
<small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
294
294
</div>
…
…
298
298
<div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
299
299
<?php
300
echo $this->oxilab\_flip\_box\_admin\_support();
300
$this->oxilab\_flip\_box\_admin\_support();
301
301
?>
302
302
</div>
…
…
314
314
<div class="modal-body row">
315
315
<?php
316
echo $this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
317
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
318
319
echo $this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
316
$this->oxilab\_flip\_box\_admin\_input\_icon('flip-box-front-icons', $this->child\_editable\[3\], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
317
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-front-title', $this->child\_editable\[1\], 'Front Title', 'Add your flip front title.');
318
319
$this->image\_upload('flip-box-image-upload-url-01', $this->child\_editable\[5\], 'Front Image', 'Add or modify your front image.');
320
320
?>
321
321
</div>
…
…
328
328
<div class="modal-body row">
329
329
<?Php
330
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
331
echo $this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
332
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
333
echo $this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
334
echo $this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
330
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-title', $this->child\_editable\[17\], 'Backend Title', 'Add your flip backend title.');
331
$this->oxilab\_flip\_box\_admin\_input\_text\_area('flip-box-backend-desc', $this->child\_editable\[7\], 'Backend Info:', 'Add backend Info text unless make it blank.');
332
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-button-text', $this->child\_editable\[9\], 'Backend Button Text', 'Add your backend button text.');
333
$this->oxilab\_flip\_box\_admin\_input\_text('flip-box-backend-link', $this->child\_editable\[11\], 'Link', 'Add your desire link or url unless make it blank');
334
$this->image\_upload('flip-box-image-upload-url-02', $this->child\_editable\[13\], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
335
335
?>
336
336
</div>
image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Admin_helper.php
r2629126
r2648808
49
49
</style>
50
50
<?php
51
52
51
}
53
52
…
…
78
77
79
78
$bgimage = OXI\_FLIP\_BOX\_URL . 'image/sa-logo.png';
80
$sub = '';
81
82
$menu = '<div class="oxi-addons-wrapper">
83
<div class="oxilab-new-admin-menu">
84
<div class="oxi-site-logo">
85
<a href="' . $this->admin\_url\_convert('oxi-flip-box-ultimate') . '" class="header-logo" style=" background-image: url(' . $bgimage . ');">
86
</a>
87
</div>
88
<nav class="oxilab-sa-admin-nav">
89
<ul class="oxilab-sa-admin-menu">';
90
91
$GETPage = sanitize\_text\_field($\_GET\['page'\]);
92
93
foreach ($response as $key => $value) {
94
$active = ($GETPage == $value\['homepage'\] ? ' class="active" ' : '');
95
$menu .= '<li ' . $active . '><a href="' . $this->admin\_url\_convert($value\['homepage'\]) . '">' . $this->name\_converter($value\['name'\]) . '</a></li>';
96
}
97
98
$menu .= ' </ul>
99
<ul class="oxilab-sa-admin-menu2">
100
' . (apply\_filters('oxi-flip-box-plugin/pro\_version', false) == FALSE ? ' <li class="fazil-class" ><a target="\_blank" href="https://oxilabdemos.com/flipbox/pricing/">Upgrade</a></li>' : '') . '
101
<li class="saadmin-doc"><a target="\_black" href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/">Docs</a></li>
102
<li class="saadmin-doc"><a target="\_black" href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">Support</a></li>
103
<li class="saadmin-set"><a href="' . admin\_url('admin.php?page=oxi-flip-box-ultimate-settings') . '"><span class="dashicons dashicons-admin-generic"></span></a></li>
104
</ul>
105
</nav>
106
</div>
79
?>
80
81
82
<div class="oxi-addons-wrapper">
83
<div class="oxilab-new-admin-menu">
84
<div class="oxi-site-logo">
85
<a href="<?php echo esc\_url($this->admin\_url\_convert('oxi-flip-box-ultimate')) ?>" class="header-logo" style=" background-image: url(<?php echo esc\_url($bgimage); ?>);">
86
</a>
107
87
</div>
108
' . $sub;
109
echo \_\_($menu, OXI\_FLIP\_BOX\_TEXTDOMAIN);
88
<nav class="oxilab-sa-admin-nav">
89
<ul class="oxilab-sa-admin-menu">
90
91
<?php
92
$GETPage = sanitize\_text\_field($\_GET\['page'\]);
93
94
foreach ($response as $key => $value) {
95
$active = ($GETPage == $value\['homepage'\] ? ' class="active" ' : '');
96
echo '<li ' . esc\_attr($active) . '><a href="' . esc\_url($this->admin\_url\_convert($value\['homepage'\])) . '">' . esc\_html($this->name\_converter($value\['name'\])) . '</a></li>';
97
}
98
?>
99
100
</ul>
101
<ul class="oxilab-sa-admin-menu2">
102
103
<?php
104
if (apply\_filters('oxi-flip-box-plugin/pro\_version', false) == FALSE):
105
echo ' <li class="fazil-class" ><a target="\_blank" href="https://oxilabdemos.com/flipbox/pricing/">Upgrade</a></li>';
106
endif;
107
?>
108
<li class="saadmin-doc"><a target="\_black" href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/">Docs</a></li>
109
<li class="saadmin-doc"><a target="\_black" href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">Support</a></li>
110
<li class="saadmin-set"><a href="<?php echo esc\_url(admin\_url('admin.php?page=oxi-flip-box-ultimate-settings')); ?>"><span class="dashicons dashicons-admin-generic"></span></a></li>
111
</ul>
112
</nav>
113
</div>
114
</div>
115
<?php
110
116
}
111
117
image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Public_Helper.php
r2629126
r2648808
19
19
$data = explode(':', $data);
20
20
$data = $data\[0\];
21
$data = '"' . $data . '"';
21
$data = '"' . esc\_attr($data) . '"';
22
22
23
23
return $data;
…
…
44
44
wp\_enqueue\_style('font-awesome-' . $faversion\[0\], $faversion\[1\]);
45
45
}
46
$files = '<i class="' . $data . ' oxi-icons"></i>';
46
$files = '<i class="' . esc\_attr($data) . ' oxi-icons"></i>';
47
47
return $files;
48
48
}
image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Sanitization.php
r2629126
r2648808
96
96
?>
97
97
<div class="form-group col-sm-12">
98
<label for="<?php echo $id; ?>"><?php echo $name; ?></label>
99
<input type="text "class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $this->admin\_special\_charecter($value); ?>">
100
<small class="form-text text-muted"><?php echo $title; ?></small>
98
<label for="<?php echo esc\_attr($id); ?>"><?php echo esc\_html($name); ?></label>
99
<input type="text "class="form-control" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>" value="<?php echo $this->admin\_special\_charecter(esc\_html($value)); ?>">
100
<small class="form-text text-muted"><?php echo esc\_html($title); ?></small>
101
101
</div>
102
102
<?php
…
…
106
106
?>
107
107
<div class="form-group col-sm-12">
108
<label for="<?php echo $id; ?>"><?php echo $name; ?></label>
109
<input type="text "class="form-control flip\_box\_admin\_input\_icon" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $value; ?>">
110
<small class="form-text text-muted"><?php echo $title; ?></small>
108
<label for="<?php echo esc\_attr($id); ?>"><?php echo esc\_html($name); ?></label>
109
<input type="text "class="form-control flip\_box\_admin\_input\_icon" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>" value="<?php echo esc\_attr($value); ?>">
110
<small class="form-text text-muted"><?php echo esc\_html($title); ?></small>
111
111
</div>
112
112
<?php
…
…
116
116
?>
117
117
<div class="form-group col-sm-12">
118
<label for="<?php echo $id; ?>"><?php echo $name; ?></label>
119
<textarea class="form-control" rows="4" id="<?php echo $id; ?>" name="<?php echo $id; ?>"><?php echo $this->admin\_special\_charecter($value); ?></textarea>
120
<small class="form-text text-muted"><?php echo $title; ?></small>
118
<label for="<?php echo esc\_attr($id); ?>"><?php echo esc\_html($name); ?></label>
119
<textarea class="form-control" rows="4" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>"><?php echo $this->admin\_special\_charecter(esc\_html($value)); ?></textarea>
120
<small class="form-text text-muted"><?php echo esc\_html($title); ?></small>
121
121
</div>
122
122
<?php
…
…
126
126
?>
127
127
<div class="form-group row form-group-sm">
128
<label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
129
<div class="col-sm-6">
130
<input class="form-control" type="number" step="<?php echo $step; ?>" value="<?php echo $value; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
128
<label for="<?php echo esc\_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>" ><?php echo esc\_html($name); ?> </label>
129
<div class="col-sm-6">
130
<input class="form-control" type="number" step="<?php echo esc\_attr($step); ?>" value="<?php echo esc\_attr($value); ?>" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>">
131
131
</div>
132
132
</div>
…
…
137
137
?>
138
138
<div class="form-group row form-group-sm">
139
<label for="<?php echo $frist\_id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
139
<label for="<?php echo esc\_attr($frist\_id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>" ><?php echo esc\_html($name); ?> </label>
140
140
<div class="col-sm-3">
141
<input class="form-control" type="number" min="0" value="<?php echo $first\_value; ?>" id="<?php echo $frist\_id; ?>" name="<?php echo $frist\_id; ?>">
141
<input class="form-control" type="number" min="0" value="<?php echo esc\_attr($first\_value); ?>" id="<?php echo esc\_attr($frist\_id); ?>" name="<?php echo esc\_attr($frist\_id); ?>">
142
142
</div>
143
143
<div class="col-sm-3">
144
<input class="form-control" type="number" min="0" value="<?php echo $second\_value; ?>" id="<?php echo $second\_id; ?>" name="<?php echo $second\_id; ?>">
144
<input class="form-control" type="number" min="0" value="<?php echo esc\_attr($second\_value); ?>" id="<?php echo esc\_attr($second\_id); ?>" name="<?php echo esc\_attr($second\_id); ?>">
145
145
</div>
146
146
</div>
…
…
156
156
?>
157
157
<div class="form-group row form-group-sm">
158
<label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
159
<div class="col-sm-6">
160
<input type="text" <?php echo $colortype; ?> class="form-control oxilab-vendor-color" oxiexporttype="<?php echo $exporttype; ?>" oxiexportid="<?php echo $exportid; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $value; ?>">
158
<label for="<?php echo esc\_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_attr($title); ?>" ><?php echo esc\_attr($name); ?> </label>
159
<div class="col-sm-6">
160
<input type="text" <?php echo esc\_attr($colortype); ?> class="form-control oxilab-vendor-color" oxiexporttype="<?php echo esc\_attr($exporttype); ?>" oxiexportid="<?php echo esc\_attr($exportid); ?>" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>" value="<?php echo esc\_attr($value); ?>">
161
161
</div>
162
162
</div>
…
…
168
168
?>
169
169
<div class="form-group row form-group-sm">
170
<label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
171
<div class="col-sm-6">
172
<input class="form-control oxilab-admin-font" type="text" value="<?php echo $value; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
170
<label for="<?php echo esc\_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>" ><?php echo esc\_html($name); ?> </label>
171
<div class="col-sm-6">
172
<input class="form-control oxilab-admin-font" type="text" value="<?php echo esc\_attr($value); ?>" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>">
173
173
</div>
174
174
</div>
…
…
179
179
?>
180
180
<div class="form-group row">
181
<label class="col-sm-6 control-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>"><?php echo $name; ?></label>
181
<label class="col-sm-6 control-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>"><?php echo esc\_html($name); ?></label>
182
182
<div class="col-sm-6">
183
183
<div class="btn-group" data-toggle="buttons">
…
…
190
190
echo 'checked';
191
191
}
192
?> name="<?php echo $id; ?>" id="<?php echo $id; ?>-yes" autocomplete="off" value="<?php echo $fristvalue; ?>"><?php echo $fristname; ?></label>
192
?> name="<?php echo esc\_attr($id); ?>" id="<?php echo esc\_attr($id); ?>-yes" autocomplete="off" value="<?php echo esc\_attr($fristvalue); ?>"><?php echo esc\_html($fristname); ?></label>
193
193
<label class="btn btn-primary <?php
194
194
if ($Secondvalue == $value) {
…
…
199
199
echo 'checked';
200
200
}
201
?> name="<?php echo $id; ?>" id="<?php echo $id; ?>-no" autocomplete="off" value="<?php echo $Secondvalue; ?>"><?php echo $Secondname; ?> </label>
201
?> name="<?php echo esc\_attr($id); ?>" id="<?php echo esc\_attr($id); ?>-no" autocomplete="off" value="<?php echo esc\_attr($Secondvalue); ?>"><?php echo esc\_html($Secondname); ?> </label>
202
202
</div>
203
203
</div>
…
…
209
209
?>
210
210
<div class="form-group row form-group-sm">
211
<label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
212
<div class="col-sm-6">
213
<select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
211
<label for="<?php echo esc\_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>" ><?php echo esc\_html($name); ?> </label>
212
<div class="col-sm-6">
213
<select class="form-control" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>">
214
214
<option value="100" <?php
215
215
if ($value == '100') {
…
…
286
286
?>
287
287
<div class="form-group row form-group-sm">
288
<label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
289
<div class="col-sm-6">
290
<select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
288
<label for="<?php echo esc\_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>" ><?php echo esc\_html($name); ?> </label>
289
<div class="col-sm-6">
290
<select class="form-control" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>">
291
291
<option <?php
292
292
if ($value == 'normal') {
…
…
323
323
?>
324
324
<div class="form-group row form-group-sm">
325
<label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
326
<div class="col-sm-6">
327
<select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
325
<label for="<?php echo esc\_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>" ><?php echo esc\_html($name); ?> </label>
326
<div class="col-sm-6">
327
<select class="form-control" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>">
328
328
<option value="left" <?php
329
329
if ($value == 'left') {
…
…
350
350
?>
351
351
<div class="form-group row form-group-sm">
352
<label for="<?php echo $border\_size; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
352
<label for="<?php echo esc\_attr($border\_size); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>" ><?php echo esc\_html($name); ?> </label>
353
353
<div class="col-sm-3">
354
<input class="form-control" type="number" min="0" value="<?php echo $border\_size\_value; ?>" id="<?php echo $border\_size; ?>" name="<?php echo $border\_size; ?>">
354
<input class="form-control" type="number" min="0" value="<?php echo esc\_attr($border\_size\_value); ?>" id="<?php echo esc\_attr($border\_size); ?>" name="<?php echo esc\_attr($border\_size); ?>">
355
355
</div>
356
356
357
357
<div class="col-sm-3">
358
<select class="form-control" id="<?php echo $border\_type; ?>" name="<?php echo $border\_type; ?>">
358
<select class="form-control" id="<?php echo esc\_attr($border\_type); ?>" name="<?php echo esc\_attr($border\_type); ?>">
359
359
<option value="dotted" <?php
360
360
if ($border\_type\_value == 'dotted') {
…
…
422
422
?>
423
423
<div class="form-group row form-group-sm">
424
<label for="<?php echo $id; ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
425
<div class="col-sm-6">
426
<select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
424
<label for="<?php echo esc\_attr($id); ?>" class="col-sm-6 col-form-label" data-toggle="tooltip" data-placement="top" title="<?php echo esc\_html($title); ?>" ><?php echo esc\_html($name); ?> </label>
425
<div class="col-sm-6">
426
<select class="form-control" id="<?php echo esc\_attr($id); ?>" name="<?php echo esc\_attr($id); ?>">
427
427
<option value="oxilab-flip-box-col-1" <?php
428
428
if ($value == 'oxilab-flip-box-col-1') {
…
…
836
836
?>
837
837
<div class="form-group col-sm-12">
838
<label for="<?php echo $id; ?>"><?php echo $name; ?></label>
838
<label for="<?php echo esc\_attr($id); ?>"><?php echo esc\_html($name); ?></label>
839
839
<div class="form-group row col-sm-12 mb-0">
840
840
<div class="col-md-8 col-xs-6" style="padding-left: 0px;">
841
<input type="text "class="form-control" name="<?php echo $id; ?>" id="<?php echo $id; ?>" value="<?php echo $value; ?>">
841
<input type="text "class="form-control" name="<?php echo esc\_attr($id); ?>" id="<?php echo esc\_attr($id); ?>" value="<?php echo esc\_attr($value); ?>">
842
842
</div>
843
843
<div class="col-md-4 col-xs-6" style="padding-left: 0px;">
844
<button type="button" oxi-upload="#<?php echo $id; ?>" class="flip-box-image-upload btn btn-outline-secondary" style="font-size: 12px;">Upload Image</button>
844
<button type="button" oxi-upload="#<?php echo esc\_attr($id); ?>" class="flip-box-image-upload btn btn-outline-secondary" style="font-size: 12px;">Upload Image</button>
845
845
</div>
846
846
</div>
847
<small class="form-text text-muted"><?php echo $title; ?></small>
847
<small class="form-text text-muted"><?php echo esc\_html($title); ?></small>
848
848
</div>
849
849
<?php
image-hover-effects-ultimate-visual-composer/trunk/Modules/Visual_Composer.php
r2497348
r2648808
17
17
public function VC\_extension() {
18
18
vc\_map(array(
19
"name" => \_\_("Flip Boxes and Image Overlay"),
20
"base" => "oxilab\_flip\_box\_VC",
21
"category" => \_\_("Content"),
19
"name" => esc\_html("Flip Boxes and Image Overlay"),
20
"base" => esc\_html("oxilab\_flip\_box\_VC"),
21
"category" => esc\_html("Content"),
22
22
"params" => array(
23
23
array(
24
24
"type" => "textfield",
25
"holder" => "div",
26
"heading" => \_\_("ID"),
27
"param\_name" => "id",
28
"description" => \_\_("Input your Flip ID in input box")
25
"holder" => esc\_html("div"),
26
"heading" => esc\_html("ID"),
27
"param\_name" => esc\_html("id"),
28
"description" => esc\_html("Input your Flip ID in input box")
29
29
),
30
30
)
image-hover-effects-ultimate-visual-composer/trunk/Modules/Widget.php
r2206996
r2648808
7
7
function \_\_construct() {
8
8
parent::\_\_construct(
9
'oxi\_flip\_box\_widget', \_\_('Flipbox - Awesomes Flip Boxes Image Overlay', 'oxi\_Flio\_box\_widget\_widget'), array('description' => \_\_('Flipbox - Awesomes Flip Boxes Image Overlay', 'oxi\_flip\_box\_widget\_widget'),)
9
'oxi\_flip\_box\_widget', esc\_html\_\_('Flipbox - Awesomes Flip Boxes Image Overlay', 'image-hover-effects-ultimate-visual-composer'), array('description' => esc\_html\_\_('Flipbox - Awesomes Flip Boxes Image Overlay', 'image-hover-effects-ultimate-visual-composer'),)
10
10
);
11
11
}
…
…
26
26
$title = $instance\['title'\];
27
27
} else {
28
$title = \_\_('1', 'oxi\_flip\_box\_widget\_widget');
28
$title = esc\_html\_\_('1', 'image-hover-effects-ultimate-visual-composer');
29
29
}
30
30
?>
31
31
<p>
32
<label for="<?php echo $this->get\_field\_id('title'); ?>"><?php \_e('Style ID:'); ?></label>
33
<input class="widefat" id="<?php echo $this->get\_field\_id('title'); ?>" name="<?php echo $this->get\_field\_name('title'); ?>" type="text" value="<?php echo esc\_attr($title); ?>" />
32
<label for="<?php echo esc\_attr($this->get\_field\_id('title')); ?>"><?php esc\_html\_\_('Style ID:', 'image-hover-effects-ultimate-visual-composer'); ?></label>
33
<input class="widefat" id="<?php echo esc\_attr($this->get\_field\_id('title')); ?>" name="<?php echo esc\_attr($this->get\_field\_name('title')); ?>" type="text" value="<?php echo esc\_html($title); ?>" />
34
34
</p>
35
35
<?php
image-hover-effects-ultimate-visual-composer/trunk/Page/Addons.php
r2629126
r2648808
94
94
$file\_path = $modulespath;
95
95
$plugin = explode('/', $file\_path)\[0\];
96
$message = '';
97
if (isset($installed\_plugins\[$file\_path\])) :
98
if (array\_key\_exists($file\_path, $active\_plugins)) :
99
$message = '<a href="#" class="btn btn-light">Installed</a>';
100
else :
101
$activation\_url = wp\_nonce\_url(admin\_url('plugins.php?action=activate&plugin=' . $file\_path), 'activate-plugin\_' . $file\_path);
102
$message = sprintf('<a href="%s" class="btn btn-info">%s</a>', $activation\_url, \_\_('Activate', OXI\_FLIP\_BOX\_TEXTDOMAIN));
103
endif;
104
else :
105
if (current\_user\_can('install\_plugins')) :
106
$install\_url = wp\_nonce\_url(add\_query\_arg(array('action' => 'install-plugin', 'plugin' => $plugin), admin\_url('update.php')), 'install-plugin' . '\_' . $plugin);
107
$message = sprintf('<a href="%s" class="btn btn-success">%s</a>', $install\_url, \_\_('Install', OXI\_FLIP\_BOX\_TEXTDOMAIN));
108
endif;
109
endif;
110
96
?>
111
97
<div class="col-lg-4 col-md-6 col-sm-12">
112
98
<div class="oxi-addons-modules-elements">
113
<img class="oxi-addons-modules-banner" src="<?php echo $value\['modules-img'\]; ?>">
99
<img class="oxi-addons-modules-banner" src="<?php echo esc\_url($value\['modules-img'\]); ?>">
114
100
<div class="oxi-addons-modules-action-wrapper">
115
<span class="oxi-addons-modules-name"><?php echo $value\['modules-name'\]; ?></span>
116
<span class="oxi-addons-modules-desc"><?php echo $value\['modules-desc'\]; ?></span>
101
<span class="oxi-addons-modules-name"><?php echo esc\_html($value\['modules-name'\]); ?></span>
102
<span class="oxi-addons-modules-desc"><?php echo esc\_html($value\['modules-desc'\]); ?></span>
117
103
</div>
118
104
<div class="oxi-addons-modules-action-status">
119
<span class="oxi-addons-modules-preview"><a href="<?php echo $value\['plugin-url'\]; ?>" class="btn btn-dark">Preview</a></span>
120
<span class="oxi-addons-modules-installing"><?php echo $message; ?></span>
105
<span class="oxi-addons-modules-preview"><a href="<?php echo esc\_url($value\['plugin-url'\]); ?>" class="btn btn-dark">Preview</a></span>
121
106
</div>
122
107
</div>
image-hover-effects-ultimate-visual-composer/trunk/Page/Admin_Render.php
r2646976
r2648808
144
144
} else {
145
145
$id = (int) $\_POST\['item-id'\];
146
$child = $this->register\_child();
146
$child = sanitize\_post($this->register\_child());
147
147
if ($id == '') {
148
148
$this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child\_table} ( files, styleid) VALUES ( %s, %d)", array($child, $this->oxiid)));
…
…
164
164
$this->child\_editable = explode('{#}|{#}', $child\['files'\]);
165
165
$this->itemid = $child\['id'\];
166
echo '<script type="text/javascript"> jQuery(document).ready(function () {setTimeout(function() { jQuery("#oxi-addons-list-data-modal").modal("show") }, 500); });</script>';
166
$data = 'jQuery(document).ready(function () {setTimeout(function() { jQuery("#oxi-addons-list-data-modal").modal("show") }, 500); });';
167
wp\_add\_inline\_script('oxi-flip-box-addons-vendor', $data);
167
168
}
168
169
}
…
…
270
271
<div class="oxi-addons-setting-save">
271
272
<?php wp\_nonce\_field("oxiflipstylecss") ?>
272
<input type="hidden" id="style-id" name="style-id" value="<?php echo $this->oxiid; ?>">
273
<input type="hidden" id="style-id" name="style-id" value="<?php echo esc\_attr($this->oxiid); ?>">
273
274
<button type="button" class="btn btn-danger" id="oxi-addons-setting-reload">Reload</button>
274
275
<input type="submit" class="btn btn-primary" name="oxi-addons-flip-templates-submit" value="Submit">
…
…
298
299
<form method="post">
299
300
<div class="input-group my-2">
300
<input type="text" class="form-control" name="oxi-addons-name" placeholder=" Set Your Shortcode Name" value="<?php echo $this->dbdata\['name'\]; ?>">
301
<input type="text" class="form-control" name="oxi-addons-name" placeholder=" Set Your Shortcode Name" value="<?php echo esc\_attr($this->dbdata\['name'\]); ?>">
301
302
<div class="input-group-append">
302
303
<input type="submit" class="btn btn-success" name="addonsstylenamechange" value="Save">
…
…
315
316
<p>Copy &
316
317
paste the shortcode directly into any WordPress post, page or Page Builder.</p>
317
<input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="\[oxilab\_flip\_box id="<?php echo $this->oxiid; ?>"\]">
318
<input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="\[oxilab\_flip\_box id="<?php echo esc\_attr($this->oxiid); ?>"\]">
318
319
<span></span>
319
320
<em>Shortcode for templates/themes</em>
320
321
<p>Copy &
321
322
paste this code into a template file to include the slideshow within your theme.</p>
322
<input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo '<?php echo do\_shortcode(\\'\[oxilab\_flip\_box id="' . $this->oxiid . '"\]\\'); ?>'; ?>">
323
<input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo '<?php echo do\_shortcode(\\'\[oxilab\_flip\_box id="' . esc\_attr($this->oxiid) . '"\]\\'); ?>'; ?>">
323
324
<span></span>
324
325
</div>
…
…
354
355
$val = explode('{#}|{#}', $value\['files'\]);
355
356
if ($r\['tag'\] == 'title'):
356
echo '<li class="list-group-item" id="' . $value\['id'\] . '">' . $val\[$r\['id'\]\] . '</li>';
357
echo '<li class="list-group-item" id="' . esc\_attr($value\['id'\]) . '">' . esc\_html($val\[$r\['id'\]\]) . '</li>';
357
358
endif;
358
359
}
…
…
375
376
<form method="post" id="oxi-flip-template-modal-form">
376
377
<div class="modal-content">
377
<?php echo $this->modal\_form\_data(); ?>
378
<?php $this->modal\_form\_data(); ?>
378
379
<div class="modal-footer">
379
<input type="hidden" id="item-id" name="item-id" value="<?php echo $this->itemid ?>">
380
<input type="hidden" id="item-id" name="item-id" value="<?php echo esc\_attr($this->itemid) ?>">
380
381
<input type="hidden" id="shortcodeitemid" name="shortcodeitemid" value="">
381
382
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
image-hover-effects-ultimate-visual-composer/trunk/Page/Create.php
r2497348
r2648808
75
75
\*/
76
76
public function admin\_ajax\_load() {
77
wp\_enqueue\_script('oxi-flip-create', OXI\_FLIP\_BOX\_URL . '/asset/backend/js/create.js', false, OXI\_FLIP\_BOX\_TEXTDOMAIN);
77
wp\_enqueue\_script('oxi-flip-create', OXI\_FLIP\_BOX\_URL . '/asset/backend/js/create.js', false, OXI\_FLIP\_BOX\_PLUGIN\_VERSION);
78
78
wp\_localize\_script('oxi-flip-create', 'oxi\_flip\_box\_editor', array('ajaxurl' => admin\_url('admin-ajax.php'), 'nonce' => wp\_create\_nonce('oxi-flip-box-editor')));
79
79
}
…
…
126
126
$C = 'OXI\_FLIP\_BOX\_PLUGINS\\Public\_Render\\\\' . $key;
127
127
?>
128
<div class="oxi-addons-col-1" id="<?php echo $key; ?>">
128
<div class="oxi-addons-col-1" id="<?php echo esc\_attr($key); ?>">
129
129
<div class="oxi-addons-style-preview">
130
130
<div class="oxi-addons-style-preview-top oxi-addons-center">
…
…
135
135
echo '<div class="oxilab-flip-box-col-3">';
136
136
new $C($REND\['style'\], $REND\['child'\]);
137
echo '<textarea style="display:none" id="oxistyle' . $number . 'data-' . $k . '">' . htmlentities(json\_encode($REND)) . '</textarea>';
137
echo '<textarea style="display:none" id="oxistyle' . esc\_attr($number) . 'data-' . esc\_attr($k) . '">' . sanitize\_textarea\_field(htmlentities(json\_encode($REND))) . '</textarea>';
138
138
echo '</div>';
139
139
}
…
…
143
143
<div class="oxi-addons-style-preview-bottom">
144
144
<div class="oxi-addons-style-preview-bottom-left">
145
Style <?php echo $id; ?>
145
Style <?php echo esc\_html($id); ?>
146
146
</div>
147
147
<div class="oxi-addons-style-preview-bottom-right">
148
148
<form method="post" style=" display: inline-block; " class="shortcode-addons-template-deactive">
149
<input type="hidden" name="oxideletestyle" value="<?php echo $id; ?>">
149
<input type="hidden" name="oxideletestyle" value="<?php echo esc\_attr($id); ?>">
150
150
<button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Delete" type="submit" value="Deactive" name="addonsstyledelete">Deactive</button>
151
151
</form>
152
<button type="button" class="btn btn-success oxi-addons-addons-template-create" data-toggle="modal" addons-data="oxistyle<?php echo $number; ?>data">Create Style</button>
152
<button type="button" class="btn btn-success oxi-addons-addons-template-create" data-toggle="modal" addons-data="oxistyle<?php echo esc\_attr($number); ?>data">Create Style</button>
153
153
</div>
154
154
</div>
…
…
164
164
165
165
public function create\_new() {
166
echo \_('<div class="oxi-addons-row">
167
<div class="oxi-addons-col-1 oxi-import">
168
<div class="oxi-addons-style-preview">
169
<div class="oxilab-admin-style-preview-top">
170
<a href="' . admin\_url("admin.php?page=oxi-flip-box-ultimate-import") . '">
171
<div class="oxilab-admin-add-new-item">
172
<span>
173
<i class="fas fa-plus-circle oxi-icons"></i>
174
Import Templates
175
</span>
176
</div>
177
</a>
178
</div>
179
</div>
180
</div>
181
</div>');
182
183
echo \_\_('<div class="modal fade" id="oxi-addons-style-create-modal" >
184
<form method="post" id="oxi-addons-style-modal-form">
185
<div class="modal-dialog modal-sm">
186
<div class="modal-content">
187
<div class="modal-header">
188
<h4 class="modal-title">New Flipbox</h4>
189
<button type="button" class="close" data-dismiss="modal">×</button>
166
?>
167
<div class="oxi-addons-row">
168
<div class="oxi-addons-col-1 oxi-import">
169
<div class="oxi-addons-style-preview">
170
<div class="oxilab-admin-style-preview-top">
171
<a href="<?php echo esc\_url(admin\_url("admin.php?page=oxi-flip-box-ultimate-import")); ?>">
172
<div class="oxilab-admin-add-new-item">
173
<span>
174
<i class="fas fa-plus-circle oxi-icons"></i>
175
Import Templates
176
</span>
177
</div>
178
</a>
179
</div>
180
</div>
181
</div>
182
</div>
183
184
<div class="modal fade" id="oxi-addons-style-create-modal" >
185
<form method="post" id="oxi-addons-style-modal-form">
186
<div class="modal-dialog modal-sm">
187
<div class="modal-content">
188
<div class="modal-header">
189
<h4 class="modal-title">New Flipbox</h4>
190
<button type="button" class="close" data-dismiss="modal">×</button>
191
</div>
192
<div class="modal-body">
193
<div class=" form-group row">
194
<label for="addons-style-name" class="col-sm-6 col-form-label" oxi-addons-tooltip="Give your Shortcode Name Here">Name</label>
195
<div class="col-sm-6 addons-dtm-laptop-lock">
196
<input class="form-control" type="text" value="" id="addons-style-name" name="addons-style-name">
197
</div>
198
</div>
199
<div class="form-group row">
200
<label for="oxi-tabs-link" class="col-sm-5 col-form-label" title="Select Layouts">Layouts</label>
201
<div class="col-sm-7">
202
<div class="btn-group" data-toggle="buttons">
203
<label class="btn btn-secondary active">
204
<input type="radio" name="flip-box-layouts"value="1" checked="">1st
205
</label>
206
<label class="btn btn-secondary">
207
<input type="radio" name="flip-box-layouts" value="2">2nd
208
</label>
209
<label class="btn btn-secondary">
210
<input type="radio" name="flip-box-layouts" value="3">3rd
211
</label>
212
190
213
</div>
191
<div class="modal-body">
192
<div class=" form-group row">
193
<label for="addons-style-name" class="col-sm-6 col-form-label" oxi-addons-tooltip="Give your Shortcode Name Here">Name</label>
194
<div class="col-sm-6 addons-dtm-laptop-lock">
195
<input class="form-control" type="text" value="" id="addons-style-name" name="addons-style-name">
196
</div>
197
</div>
198
<div class="form-group row">
199
<label for="oxi-tabs-link" class="col-sm-5 col-form-label" title="Select Layouts">Layouts</label>
200
<div class="col-sm-7">
201
<div class="btn-group" data-toggle="buttons">
202
<label class="btn btn-secondary active">
203
<input type="radio" name="flip-box-layouts"value="1" checked="">1st
204
</label>
205
<label class="btn btn-secondary">
206
<input type="radio" name="flip-box-layouts" value="2">2nd
207
</label>
208
<label class="btn btn-secondary">
209
<input type="radio" name="flip-box-layouts" value="3">3rd
210
</label>
211
212
</div>
213
</div>
214
</div>
215
</div>
216
<div class="modal-footer">
217
<input type="hidden" id="oxistyledata" name="oxistyledata" value="">
218
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
219
<input type="submit" class="btn btn-success" name="addonsdatasubmit" id="addonsdatasubmit" value="Save">
220
</div>
221
</div>
222
</div>
223
</form>
224
</div>');
214
</div>
215
</div>
216
</div>
217
<div class="modal-footer">
218
<input type="hidden" id="oxistyledata" name="oxistyledata" value="">
219
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
220
<input type="submit" class="btn btn-success" name="addonsdatasubmit" id="addonsdatasubmit" value="Save">
221
</div>
222
</div>
223
</div>
224
</form>
225
</div>
226
<?php
225
227
}
226
228
image-hover-effects-ultimate-visual-composer/trunk/Page/Home.php
r2646976
r2648808
61
61
62
62
public function CSSJS\_load() {
63
$this->manual\_import\_style();
64
63
$this->admin\_css\_loader();
65
64
$this->admin\_home();
…
…
73
72
\*/
74
73
public function admin\_ajax\_load() {
75
wp\_enqueue\_script('oxi-flip-box-home', OXI\_FLIP\_BOX\_URL . '/asset/backend/js/home.js', false, OXI\_FLIP\_BOX\_TEXTDOMAIN);
74
wp\_enqueue\_script('oxi-flip-box-home', OXI\_FLIP\_BOX\_URL . '/asset/backend/js/home.js', false, OXI\_FLIP\_BOX\_PLUGIN\_VERSION);
76
75
wp\_localize\_script('oxi-flip-box-home', 'oxi\_flip\_box\_editor', array('ajaxurl' => admin\_url('admin-ajax.php'), 'nonce' => wp\_create\_nonce('oxi-flip-box-editor')));
77
76
}
…
…
85
84
$path = str\_replace(\['//', '\\\\\\\\'\], \['/', '\\\\'\], $path);
86
85
return str\_replace(\['/', '\\\\'\], DIRECTORY\_SEPARATOR, $path);
87
}
88
89
public function manual\_import\_style() {
90
if (!empty($\_REQUEST\['\_wpnonce'\])) {
91
$nonce = $\_REQUEST\['\_wpnonce'\];
92
}
93
94
if (!empty($\_POST\['importdatasubmit'\]) && $\_POST\['importdatasubmit'\] == 'Save') {
95
if (!wp\_verify\_nonce($nonce, 'oxilab-flipbox-import')) {
96
die('You do not have sufficient permissions to access this page.');
97
} else {
98
99
if (isset($\_FILES\['importoxilabflipboxfile'\]) && current\_user\_can('upload\_files')) {
100
$filename = $\_FILES\["importoxilabflipboxfile"\]\["name"\];
101
$folder = $this->safe\_path(OXI\_FLIP\_BOX\_PATH . 'asset/export/');
102
if (!file\_exists($folder)) {
103
wp\_mkdir\_p($folder);
104
}
105
if (is\_file($folder . $filename)) {
106
unlink($folder . $filename); // delete file
107
}
108
move\_uploaded\_file($\_FILES\['importoxilabflipboxfile'\]\['tmp\_name'\], $folder . $filename);
109
$FlipboxApi = new \\OXI\_FLIP\_BOX\_PLUGINS\\Classes\\Admin\_Ajax;
110
$FlipboxApi->post\_json\_import($folder, $filename);
111
112
if (is\_file($folder . $filename)) {
113
unlink($folder . $filename); // delete file
114
}
115
}
116
}
117
}
118
86
}
119
87
…
…
157
125
158
126
public function created\_shortcode() {
159
$return = \_(' <div class="oxi-addons-row"> <div class="oxi-addons-row table-responsive abop" style="margin-bottom: 20px; opacity: 0; height: 0px">
160
<table class="table table-hover widefat oxi\_addons\_table\_data" style="background-color: #fff; border: 1px solid #ccc">
161
<thead>
162
<tr>
163
<th style="width: 5%">ID</th>
164
<th style="width: 15%">Name</th>
165
<th style="width: 10%">Templates</th>
166
<th style="width: 30%">Shortcode</th>
167
<th style="width: 40%">Edit Delete</th>
168
</tr>
169
</thead>
170
<tbody>');
171
foreach ($this->database\_data() as $value) {
172
$id = $value\['id'\];
173
$return .= \_('<tr>');
174
$return .= \_('<td>' . $id . '</td>');
175
$return .= \_('<td>' . $this->name\_converter($value\['name'\]) . '</td>');
176
$return .= \_('<td>' . $this->name\_converter($value\['style\_name'\]) . '</td>');
177
$return .= \_('<td><span>Shortcode <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="\[oxilab\_flip\_box id="' . $id . '"\]"></span> <br>'
178
. '<span>Php Code <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo do\_shortcode('\[oxilab\_flip\_box id="' . $id . '"\]'); ?>"></span></td>');
179
$return .= \_('<td>
180
<a href="' . admin\_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$id") . '" title="Edit" class="btn btn-info" style="float:left; margin-right: 5px; margin-left: 5px;">Edit</a>
181
<form method="post" class="oxi-addons-style-delete">
182
<input type="hidden" name="oxideleteid" id="oxideleteid" value="' . $id . '">
183
<button class="btn btn-danger" style="float:left" title="Delete" type="submit" value="delete" name="addonsdatadelete">Delete</button>
184
</form>
185
<a href="' . $this->create\_export\_link('demo', $id, '') . '" title="Export" class="btn btn-info" style="float:left; margin-left: 5px;">Export</a>
186
</td>');
187
$return .= \_(' </tr>');
188
}
189
$return .= \_(' </tbody>
127
?>
128
<div class="oxi-addons-row"> <div class="oxi-addons-row table-responsive abop" style="margin-bottom: 20px; opacity: 0; height: 0px">
129
<table class="table table-hover widefat oxi\_addons\_table\_data" style="background-color: #fff; border: 1px solid #ccc">
130
<thead>
131
<tr>
132
<th style="width: 5%">ID</th>
133
<th style="width: 15%">Name</th>
134
<th style="width: 10%">Templates</th>
135
<th style="width: 30%">Shortcode</th>
136
<th style="width: 40%">Edit Delete</th>
137
</tr>
138
</thead>
139
<tbody>
140
141
<?php
142
foreach ($this->database\_data() as $value) {
143
$id = $value\['id'\];
144
?>
145
<tr>
146
147
<td><?php echo esc\_html($id); ?></td>
148
<td><?php echo esc\_html($this->name\_converter($value\['name'\])); ?></td>
149
<td><?php echo esc\_html($this->name\_converter($value\['style\_name'\])); ?></td>
150
151
<td>
152
<span>Shortcode <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="\[oxilab\_flip\_box id="<?php echo esc\_attr($id); ?>"\]"></span> <br>
153
<span>Php Code <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo do\_shortcode('\[oxilab\_flip\_box id="<?php echo esc\_attr($id); ?>"\]'); ?>"></span>
154
</td>
155
<td>
156
<a href="<?php echo esc\_url(admin\_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=" . esc\_attr($id) . "")); ?>" title="Edit" class="btn btn-info" style="float:left; margin-right: 5px; margin-left: 5px;">Edit</a>
157
<form method="post" class="oxi-addons-style-delete">
158
<input type="hidden" name="oxideleteid" id="oxideleteid" value="<?php echo esc\_html($id); ?>">
159
<button class="btn btn-danger" style="float:left" title="Delete" type="submit" value="delete" name="addonsdatadelete">Delete</button>
160
</form>
161
</td>
162
</tr>
163
<?php
164
}
165
?>
166
</tbody>
190
167
</table>
191
168
</div>
192
169
<br>
193
<br></div>');
194
echo $return;
170
<br>
171
</div>
172
<?php
195
173
}
196
174
197
175
public function create\_new() {
198
176
199
echo \_('<div class="oxi-addons-row">
200
<div class="oxi-addons-col-1 oxi-import">
201
<div class="oxi-addons-style-preview">
202
<div class="oxilab-admin-style-preview-top">
203
<a href="#" id="oxi-import-style">
204
<div class="oxilab-admin-add-new-item">
205
<span>
206
<i class="fas fa-plus-circle oxi-icons"></i>
207
Import Flipbox JSON
208
</span>
209
</div>
210
</a>
211
</div>
212
</div>
213
</div>
214
</div>');
215
216
echo \_(' <div class="modal fade" id="oxi-addons-style-import-modal" >
217
<form method="post" id="oxi-addons-import-modal-form" enctype = "multipart/form-data">
218
<div class="modal-dialog modal-sm modal-dialog-centered">
219
<div class="modal-content">
220
<div class="modal-header">
221
<h4 class="modal-title">Import Form</h4>
222
<button type="button" class="close" data-dismiss="modal">×</button>
223
</div>
224
<div class="modal-body">
225
<input class="form-control" type="file" name="importoxilabflipboxfile" accept=".json,application/json,.zip,application/octet-stream,application/zip,application/x-zip,application/x-zip-compressed">
226
</div>
227
<div class="modal-footer">
228
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
229
<input type="submit" class="btn btn-success" name="importdatasubmit" id="importdatasubmit" value="Save">
230
</div>
231
</div>
232
</div>
233
' . wp\_nonce\_field("oxilab-flipbox-import") . '
234
</form>
235
</div>');
236
177
}
237
178
image-hover-effects-ultimate-visual-composer/trunk/Page/Import.php
r2278127
r2648808
40
40
\*/
41
41
public function admin\_ajax\_load() {
42
wp\_enqueue\_script('oxi-flip-import', OXI\_FLIP\_BOX\_URL . '/asset/backend/js/import.js', false, OXI\_FLIP\_BOX\_TEXTDOMAIN);
42
wp\_enqueue\_script('oxi-flip-import', OXI\_FLIP\_BOX\_URL . '/asset/backend/js/import.js', false, OXI\_FLIP\_BOX\_PLUGIN\_VERSION);
43
43
wp\_localize\_script('oxi-flip-import', 'oxi\_flip\_box\_editor', array('ajaxurl' => admin\_url('admin-ajax.php'), 'nonce' => wp\_create\_nonce('oxi-flip-box-editor')));
44
44
}
…
…
87
87
$C = 'OXI\_FLIP\_BOX\_PLUGINS\\Public\_Render\\\\' . $k;
88
88
?>
89
<div class="oxi-addons-col-1" id="<?php echo $k; ?>">
89
<div class="oxi-addons-col-1" id="<?php echo esc\_attr($k); ?>">
90
90
<div class="oxi-addons-style-preview">
91
91
<div class="oxi-addons-style-preview-top oxi-addons-center">
…
…
104
104
<div class="oxi-addons-style-preview-bottom">
105
105
<div class="oxi-addons-style-preview-bottom-left">
106
Style <?php echo $id; ?>
106
Style <?php echo esc\_html($id); ?>
107
107
</div>
108
108
<div class="oxi-addons-style-preview-bottom-right">
…
…
112
112
?>
113
113
<form method="post" style=" display: inline-block; " class="shortcode-addons-template-pro-only">
114
<button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Pro Only" type="submit" value="pro only" name="addonsstyleproonly">Pro Only</button>
114
<button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Pro Only" type="submit" value="pro only" name="addonsstyleproonly">Pro Only</button>
115
115
</form>
116
116
<?php
…
…
118
118
?>
119
119
<form method="post" style=" display: inline-block; " class="shortcode-addons-template-import">
120
<input type="hidden" name="oxiimportstyle" value="<?php echo $id; ?>">
121
<button class="btn btn-success oxi-addons-addons-template-create" title="import" type="submit" value="Import" name="addonsstyleimport">Import</button>
120
<input type="hidden" name="oxiimportstyle" value="<?php echo esc\_attr($id); ?>">
121
<button class="btn btn-success oxi-addons-addons-template-create" title="import" type="submit" value="Import" name="addonsstyleimport">Import</button>
122
122
</form>
123
123
<?php
image-hover-effects-ultimate-visual-composer/trunk/Page/Public_Render.php
r2629126
r2648808
95
95
public function loader() {
96
96
$this->oxiid = $this->dbdata\['id'\];
97
$this->render();
97
98
$this->hooks();
98
$this->render();
99
99
}
100
100
…
…
122
122
123
123
if ($this->inline\_js != ''):
124
if ($this->admin == 'admin'):
125
//only load while ajax called
126
echo \_('<script>
127
(function ($) {
128
setTimeout(function () {');
129
echo $this->inline\_js;
130
echo \_(' }, 2000);
131
})(jQuery)</script>');
132
else:
133
$jquery = '(function ($) {' . $this->inline\_js . '})(jQuery);';
134
wp\_add\_inline\_script($this->JSHANDLE, $jquery);
135
endif;
136
124
$jquery = '(function ($) {' . $this->inline\_js . '})(jQuery);';
125
wp\_add\_inline\_script($this->JSHANDLE, $jquery);
137
126
endif;
138
127
if ($this->inline\_css != ''):
139
if ($this->admin == 'admin'):
140
//only load while ajax called
141
echo \_('<style>');
142
echo $inlinecss;
143
echo \_('</style>');
144
else:
145
wp\_add\_inline\_style('flip-box-addons-style', $inlinecss);
146
endif;
128
wp\_add\_inline\_style('flip-box-addons-style', $inlinecss);
147
129
endif;
148
130
}
…
…
171
153
$preloadercls = '';
172
154
endif;
173
echo '<div class="oxi-addons-container ' . $this->WRAPPER . ' ' . $preloadercls . '">';
155
echo '<div class="oxi-addons-container ' . esc\_attr($this->WRAPPER) . ' ' . esc\_attr($preloadercls) . '">';
174
156
$this->default\_render($this->style, $this->child, $this->admin);
175
157
echo '</div>';
…
…
182
164
<div class="oxilab-style-absulate-edit">
183
165
<form method="post">
184
<input type="hidden" name="item-id" value="' . $id . '">
166
<input type="hidden" name="item-id" value="' . esc\_attr($id) . '">
185
167
<button class="btn btn-primary" type="submit" value="edit" name="edit" title="Edit">Edit</button>
186
168
' . wp\_nonce\_field("oxiflipeditdata") . '
…
…
189
171
<div class="oxilab-style-absulate-delete">
190
172
<form method="post" class="oxilab-style-absulate-delete-confirmation">
191
<input type="hidden" name="item-id" value="' . $id . '">
173
<input type="hidden" name="item-id" value="' . esc\_attr($id) . '">
192
174
<button class="btn btn-danger" type="submit" value="delete" name="delete" title="Delete">Delete</button>
193
175
' . wp\_nonce\_field("oxiflipdeletedata") . '
…
…
200
182
201
183
public function text\_render($data) {
202
return do\_shortcode(str\_replace('spTac', ' ', str\_replace('spBac', '<br>', html\_entity\_decode($data))), $ignore\_html = false);
184
185
$allowed\_tags = array(
186
'a' => array(
187
'class' => array(),
188
'href' => array(),
189
'rel' => array(),
190
'title' => array(),
191
),
192
'abbr' => array(
193
'title' => array(),
194
),
195
'b' => array(),
196
'blockquote' => array(
197
'cite' => array(),
198
),
199
'cite' => array(
200
'title' => array(),
201
),
202
'code' => array(),
203
'del' => array(
204
'datetime' => array(),
205
'title' => array(),
206
),
207
'dd' => array(),
208
'div' => array(
209
'class' => array(),
210
'title' => array(),
211
'style' => array(),
212
'id' => array(),
213
),
214
'table' => array(
215
'class' => array(),
216
'id' => array(),
217
'style' => array(),
218
),
219
'button' => array(
220
'class' => array(),
221
'type' => array(),
222
'value' => array(),
223
),
224
'thead' => array(),
225
'tbody' => array(),
226
'tr' => array(),
227
'td' => array(),
228
'dt' => array(),
229
'em' => array(),
230
'h1' => array(),
231
'h2' => array(),
232
'h3' => array(),
233
'h4' => array(),
234
'h5' => array(),
235
'h6' => array(),
236
'i' => array(
237
'class' => array(),
238
),
239
'img' => array(
240
'alt' => array(),
241
'class' => array(),
242
'height' => array(),
243
'src' => array(),
244
'width' => array(),
245
),
246
'li' => array(
247
'class' => array(),
248
),
249
'ol' => array(
250
'class' => array(),
251
),
252
'p' => array(
253
'class' => array(),
254
),
255
'q' => array(
256
'cite' => array(),
257
'title' => array(),
258
),
259
'span' => array(
260
'class' => array(),
261
'title' => array(),
262
'style' => array(),
263
),
264
'strike' => array(),
265
'strong' => array(),
266
'ul' => array(
267
'class' => array(),
268
),
269
);
270
271
return wp\_kses($data, $allowed\_tags);
203
272
}
204
273
…
…
208
277
wp\_enqueue\_style('font-awsome.min', OXI\_FLIP\_BOX\_URL . '/asset/frontend/css/font-awsome.min.css', false, OXI\_FLIP\_BOX\_PLUGIN\_VERSION);
209
278
endif;
210
$files = '<i class="' . $data . ' oxi-icons"></i>';
279
$files = '<i class="' . esc\_attr($data) . ' oxi-icons"></i>';
211
280
return $files;
212
281
}
…
…
221
290
$data = str\_replace('+', ' ', $data);
222
291
$data = explode(':', $data);
223
return '"' . $data\[0\] . '"';
292
return '"' . esc\_attr($data\[0\]) . '"';
224
293
}
225
294
image-hover-effects-ultimate-visual-composer/trunk/Page/Settings.php
r2629126
r2648808
50
50
public function admin\_ajax\_load() {
51
51
$this->admin\_css\_loader();
52
wp\_enqueue\_script('oxi-flip-settings', OXI\_FLIP\_BOX\_URL . '/asset/backend/js/settings.js', false, OXI\_FLIP\_BOX\_TEXTDOMAIN);
52
wp\_enqueue\_script('oxi-flip-settings', OXI\_FLIP\_BOX\_URL . '/asset/backend/js/settings.js', false, OXI\_FLIP\_BOX\_PLUGIN\_VERSION);
53
53
wp\_localize\_script('oxi-flip-settings', 'oxi\_flip\_box\_settings', array('ajaxurl' => admin\_url('admin-ajax.php'), 'nonce' => wp\_create\_nonce('oxi-flip-box-editor')));
54
54
}
…
…
72
72
<td>
73
73
<fieldset>
74
<select name="oxi\_addons\_user\_permission"\>
74
<select name="oxi\_addons\_user\_permission" id="oxi\_addons\_user\_permission"\>
75
75
<?php foreach ($this->roles as $key => $role) { ?>
76
<option value="<?php echo $key; ?>" <?php selected($this->saved\_role, $key); ?>>
77
<?php echo $role; ?></option>
76
<option value="<?php echo esc\_attr($key); ?>" <?php selected($this->saved\_role, $key); ?>>
77
<?php echo esc\_html($role); ?></option>
78
78
<?php } ?>
79
79
</select>
80
80
<span class="oxi-addons-settings-connfirmation oxi\_addons\_user\_permission"></span>
81
81
<br>
82
<p class="description"><?php \_e('Select the Role who can manage This Plugins.'); ?> <a
82
<p class="description">Select the Role who can manage This Plugins. <a
83
83
target="\_blank"
84
84
href="https://codex.wordpress.org/Roles\_and\_Capabilities#Capability\_vs.\_Role\_Table">Help</a>
…
…
152
152
<br>
153
153
<br>
154
<h2><?php \_e('License Activation'); ?></h2>
154
<h2>License Activation</h2>
155
155
<p>Activate your copy to get direct plugin updates and official support.</p>
156
156
<table class="form-table" role="presentation">
…
…
162
162
<td class="valid">
163
163
<input type="text" class="regular-text" id="oxilab\_flip\_box\_license\_key"
164
name="oxilab\_flip\_box\_license\_key" value="<?php echo ($this->status == 'valid' && empty($this->license)) ? '\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*' : $this->license; ?>">
164
name="oxilab\_flip\_box\_license\_key" value="<?php echo ($this->status == 'valid' && empty($this->license)) ? '\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*' : esc\_html($this->license); ?>">
165
165
<span class="oxi-addons-settings-connfirmation oxilab\_flip\_box\_license\_massage">
166
166
<?php
…
…
183
183
echo '<span class="oxi-addons-settings-massage">Active</span>';
184
184
elseif (!empty($this->license)) :
185
echo '<span class="oxi-addons-settings-massage">' . $this->status . '</span>';
185
echo '<span class="oxi-addons-settings-massage">' . esc\_html($this->status) . '</span>';
186
186
else :
187
187
echo '<span class="oxi-addons-settings-massage"></span>';
image-hover-effects-ultimate-visual-composer/trunk/Page/Welcome.php
r2629126
r2648808
39
39
<p>Flipbox - Awesomes Flip Boxes Image Overlay makes it easy to create Flipbox or Flipping Content in WordPress. You can follow the video tutorial on the right or read our how to
40
40
<a href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/" target="\_blank" rel="noopener">Create your Flipbox Guide</a>. </p>
41
<p>But in reality, the process is so intuitive that you can just start by going to <a href="<?php echo admin\_url(); ?>admin.php?page=oxi-flip-box-ultimate-new">Create Flipbox</a>. </p>
41
<p>But in reality, the process is so intuitive that you can just start by going to <a href="<?php echo esc\_url(admin\_url()); ?>admin.php?page=oxi-flip-box-ultimate-new">Create Flipbox</a>. </p>
42
42
</br>
43
43
</br>
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style1.php
r2278127
r2648808
24
24
25
25
public function default\_render() {
26
$styleid = $this->oxiid;
27
$styledata = explode('|', $this->dbdata\['css'\]);
26
$styleid = esc\_attr($this->oxiid);
27
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
28
$listdata = $this->child;
29
29
?>
…
…
32
32
foreach ($listdata as $value) {
33
33
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
34
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
35
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
36
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
37
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
38
sa-data-animation-offset="100%"
39
39
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
40
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
41
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
43
<?php
44
44
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $this->text\_render($filesdata\[11\]) . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
45
echo '<a href="' . esc\_url($this->text\_render($filesdata\[11\])) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
46
}
50
47
?>
51
48
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
49
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
50
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
51
<div class="oxilab-flip-box-style">
55
52
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
58
<div class="oxilab-flip-box-<?php echo $styleid; ?>-image">
59
<img src="<?php echo $this->text\_render($filesdata\[5\]); ?>">
53
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-image">
56
<img src="<?php echo esc\_url($this->text\_render($filesdata\[5\])); ?>">
60
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-image-icon">
61
58
<?php echo $this->font\_awesome\_render($filesdata\[3\]) ?>
62
59
</div>
63
60
</div>
64
<div class="oxilab-flip-box-<?php echo $styleid; ?>-heading">
65
<div class="oxilab-flip-box-<?php echo $styleid; ?>-heading-data">
61
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-heading">
62
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-heading-data">
66
63
<?php echo $this->text\_render($filesdata\[1\]); ?>
67
64
</div>
…
…
71
68
</div>
72
69
<div class="oxilab-flip-box-back">
73
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
74
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
75
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-file">
70
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
71
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
72
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-file">
76
73
<div class="oxilab-info">
77
74
<?php echo $this->text\_render($filesdata\[7\]); ?>
…
…
79
76
<?php
80
77
if ($filesdata\[9\] != '') {
81
78
82
79
echo ' <div class="oxilab-button">
83
<a href="' . $this->text\_render($filesdata\[11\]) . '" target="' . $styledata\[53\] . '">
80
<a href="' . esc\_url($this->text\_render($filesdata\[11\])) . '" target="' . esc\_attr($styledata\[53\]) . '">
84
81
<div class="oxilab-button-data">
85
82
' . $this->text\_render($filesdata\[9\]) . '
…
…
99
96
</div>
100
97
<?php
101
echo $fileslinkend;
98
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
99
echo '</a>';
100
}
102
101
echo $this->admin\_edit\_panel($value\['id'\]);
103
102
?>
104
103
</div>
105
<style>
106
<?php
107
if ($filesdata\[13\] != '') {
108
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '-data{
104
105
<?php
106
if ($filesdata\[13\] != '') {
107
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '-data{
109
108
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
110
109
\-moz-background-size: 100% 100%;
…
…
112
111
background-size: 100% 100%;
113
112
}';
114
}
115
?> </style\>
116
</div>
113
}
114
?\>
115
</div>
117
116
<?php
118
117
endif;
119
118
}
120
?>
121
<style>
122
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
123
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
124
}
125
.oxilab-flip-box-body-<?php echo $styleid; ?>{
126
max-width: <?php echo $styledata\[45\]; ?>px;
119
120
121
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
122
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
123
}
124
.oxilab-flip-box-body-' . $styleid . '{
125
max-width: ' . $styledata\[45\] . 'px;
127
126
width: 100%;
128
127
margin: 0 auto;
129
position: relative;
130
}
131
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
132
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
128
position: relative;
129
}
130
.oxilab-flip-box-body-' . $styleid . ':after {
131
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
133
132
content: "";
134
133
display: block;
135
134
}
136
.oxilab-flip-box-<?php echo $styleid; ?>{
137
position: absolute;
138
top: 0;
139
left: 0;
140
width: 100%;
141
height: 100%;
142
display: block;
143
border: 1px solid <?php echo $styledata\[5\]; ?>;
144
background-color: <?php echo $styledata\[7\]; ?>;
145
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
146
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
147
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
148
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
149
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
150
}
151
.oxilab-flip-box-<?php echo $styleid; ?>\-data{
152
position: absolute;
153
top: 0;
154
left: 0;
155
background: <?php echo $styledata\[5\]; ?>;
156
width: calc(100% - <?php echo $styledata\[75\] \* 2; ?>px);
157
height: calc(100% - <?php echo $styledata\[75\] \* 2; ?>px);
158
margin: <?php echo $styledata\[75\]; ?>px;
159
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
160
display: block;
161
}
162
.oxilab-flip-box-<?php echo $styleid; ?>\-image{
135
.oxilab-flip-box-' . $styleid . '{
136
position: absolute;
137
top: 0;
138
left: 0;
139
width: 100%;
140
height: 100%;
141
display: block;
142
border: 1px solid ' . $styledata\[5\] . ';
143
background-color: ' . $styledata\[7\] . ';
144
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
145
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
146
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
147
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
148
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
149
}
150
.oxilab-flip-box-' . $styleid . '\-data{
151
position: absolute;
152
top: 0;
153
left: 0;
154
background: ' . $styledata\[5\] . ';
155
width: calc(100% - ' . ($styledata\[75\] \* 2) . 'px);
156
height: calc(100% - ' . ($styledata\[75\] \* 2) . 'px);
157
margin: ' . $styledata\[75\] . 'px;
158
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
159
display: block;
160
}
161
.oxilab-flip-box-' . $styleid . '\-image{
163
162
max-width: 100%;
164
163
width: 100%;
165
float: left;
166
position: relative;
167
}
168
.oxilab-flip-box-<?php echo $styleid; ?>\-image:after {
169
padding-bottom: <?php echo $styledata\[69\]; ?>%;
164
float: left;
165
position: relative;
166
}
167
.oxilab-flip-box-' . $styleid . '\-image:after {
168
padding-bottom: ' . $styledata\[69\] . '%;
170
169
content: "";
171
170
display: block;
172
171
}
173
.oxilab-flip-box-<?php echo $styleid; ?>\-image img{
172
.oxilab-flip-box-' . $styleid . '\-image img{
174
173
position: absolute;
175
174
top: 0;
…
…
179
178
display: block;
180
179
}
181
.oxilab-flip-box-<?php echo $styleid; ?>\-image-icon{
180
.oxilab-flip-box-' . $styleid . '\-image-icon{
182
181
position: absolute;
183
182
left: 50%;
184
background: <?php echo $styledata\[11\]; ?>;
185
border: 1px solid <?php echo $styledata\[5\]; ?>;
186
height: <?php echo $styledata\[79\]; ?>px;
187
width: <?php echo $styledata\[79\]; ?>px;
188
bottom: -<?php echo $styledata\[79\] / 2; ?>px;
183
background: ' . $styledata\[11\] . ';
184
border: 1px solid ' . $styledata\[5\] . ';
185
height: ' . $styledata\[79\] . 'px;
186
width: ' . $styledata\[79\] . 'px;
187
bottom: -' . ($styledata\[79\] / 2) . 'px;
189
188
-webkit-transform: translateX(-50%);
190
189
-ms-transform: translateX(-50%);
…
…
192
191
-ms-transform: translateX(-50%);
193
192
-o-transform: translateX(-50%);
194
transform: translateX(-50%);
193
transform: translateX(-50%);
195
194
text-align: center;
196
-webkit-border-radius:<?php echo $styledata\[81\]; ?>px;
197
-moz-border-radius:<?php echo $styledata\[81\]; ?>px;
198
-ms-border-radius:<?php echo $styledata\[81\]; ?>px;
199
-o-border-radius:<?php echo $styledata\[81\]; ?>px;
200
border-radius:<?php echo $styledata\[81\]; ?>px;
195
-webkit-border-radius:' . $styledata\[81\] . 'px;
196
-moz-border-radius:' . $styledata\[81\] . 'px;
197
-ms-border-radius:' . $styledata\[81\] . 'px;
198
-o-border-radius:' . $styledata\[81\] . 'px;
199
border-radius:' . $styledata\[81\] . 'px;
201
200
-webkit-backface-visibility: hidden;
202
201
-moz-backface-visibility: hidden;
…
…
205
204
backface-visibility: hidden;
206
205
}
207
.oxilab-flip-box-<?php echo $styleid; ?>\-image-icon .oxi-icons{
208
line-height: <?php echo $styledata\[79\]; ?>px;
209
color: <?php echo $styledata\[9\]; ?>;
210
font-size: <?php echo $styledata\[77\]; ?>px;
211
}
212
.oxilab-flip-box-<?php echo $styleid; ?>\-heading{
213
width: 100%;
214
float: left;
215
}
216
.oxilab-flip-box-<?php echo $styleid; ?>\-heading-data{
217
margin-top: <?php echo $styledata\[79\] / 2; ?>px;
218
color: <?php echo $styledata\[13\]; ?>;
219
width: 100%;
220
float: left;
221
text-align: <?php echo $styledata\[91\]; ?>;
222
font-size: <?php echo $styledata\[83\]; ?>px;
223
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
224
font-weight: <?php echo $styledata\[89\]; ?>;
225
font-style:<?php echo $styledata\[87\]; ?>;
226
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
227
}
228
.oxilab-flip-box-back-<?php echo $styleid; ?>{
229
position: absolute;
230
top: 0;
231
left: 0;
232
width: 100%;
233
height: 100%;
206
.oxilab-flip-box-' . $styleid . '\-image-icon .oxi-icons{
207
line-height: ' . $styledata\[79\] . 'px;
208
color: ' . $styledata\[9\] . ';
209
font-size: ' . $styledata\[77\] . 'px;
210
}
211
.oxilab-flip-box-' . $styleid . '\-heading{
212
width: 100%;
213
float: left;
214
}
215
.oxilab-flip-box-' . $styleid . '\-heading-data{
216
margin-top: ' . ($styledata\[79\] / 2) . 'px;
217
color: ' . $styledata\[13\] . ';
218
width: 100%;
219
float: left;
220
text-align: ' . $styledata\[91\] . ';
221
font-size: ' . $styledata\[83\] . 'px;
222
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
223
font-weight: ' . $styledata\[89\] . ';
224
font-style:' . $styledata\[87\] . ';
225
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
226
}
227
.oxilab-flip-box-back-' . $styleid . '{
228
position: absolute;
229
top: 0;
230
left: 0;
231
width: 100%;
232
height: 100%;
234
233
display: block;
235
234
border: 1px solid;
236
border-color: <?php echo $styledata\[15\]; ?>;
237
background-color: <?php echo $styledata\[17\]; ?>;
238
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
239
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
240
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
241
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
242
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
243
244
}
245
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data{
246
position: absolute;
247
top: 0;
248
left: 0;
249
background-color: <?php echo $styledata\[15\]; ?>;
250
width: calc(100% - <?php echo $styledata\[105\] \* 2; ?>px);
251
height: calc(100% - <?php echo $styledata\[105\] \* 2; ?>px);
252
margin: <?php echo $styledata\[105\]; ?>px;
253
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
254
display: block;
255
}
256
.oxilab-flip-box-back-<?php echo $styleid; ?>\-file{
235
border-color: ' . $styledata\[15\] . ';
236
background-color: ' . $styledata\[17\] . ';
237
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
238
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
239
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
240
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
241
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
242
243
}
244
.oxilab-flip-box-back-' . $styleid . '\-data{
245
position: absolute;
246
top: 0;
247
left: 0;
248
background-color: ' . $styledata\[15\] . ';
249
width: calc(100% - ' . ($styledata\[105\] \* 2) . 'px);
250
height: calc(100% - ' . ($styledata\[105\] \* 2) . 'px);
251
margin: ' . $styledata\[105\] . 'px;
252
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
253
display: block;
254
}
255
.oxilab-flip-box-back-' . $styleid . '\-file{
257
256
position: absolute;
258
257
left: 0%;
…
…
266
265
width: 100%;
267
266
}
268
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
269
width: 100%;
270
float: left;
271
color: <?php echo $styledata\[19\]; ?>;
272
text-align: <?php echo $styledata\[115\]; ?>;
273
font-size: <?php echo $styledata\[107\]; ?>px;
274
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
275
font-weight: <?php echo $styledata\[113\]; ?>;
276
font-style:<?php echo $styledata\[111\]; ?>;
277
padding: <?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
278
}
279
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
280
width: 100%;
281
float: left;
282
text-align: <?php echo $styledata\[139\]; ?>;
283
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
284
}
285
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
286
display: inline-block;
287
color: <?php echo $styledata\[21\]; ?>;
288
background-color: <?php echo $styledata\[23\]; ?>;
289
font-size: <?php echo $styledata\[125\]; ?>px;
290
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
291
font-weight: <?php echo $styledata\[131\]; ?>;
292
font-style:<?php echo $styledata\[129\]; ?>;
293
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
294
-webkit-border-radius:<?php echo $styledata\[137\]; ?>px;
295
-moz-border-radius:<?php echo $styledata\[137\]; ?>px;
296
-ms-border-radius:<?php echo $styledata\[137\]; ?>px;
297
-o-border-radius:<?php echo $styledata\[137\]; ?>px;
298
border-radius: <?php echo $styledata\[137\]; ?>px;
299
}
300
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
301
background-color: <?php echo $styledata\[27\]; ?>;
302
color: <?php echo $styledata\[25\]; ?>;
303
}
304
<?php echo $styledata\[149\]; ?>
305
</style>
267
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
268
width: 100%;
269
float: left;
270
color: ' . $styledata\[19\] . ';
271
text-align: ' . $styledata\[115\] . ';
272
font-size: ' . $styledata\[107\] . 'px;
273
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
274
font-weight: ' . $styledata\[113\] . ';
275
font-style:' . $styledata\[111\] . ';
276
padding: ' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
277
}
278
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
279
width: 100%;
280
float: left;
281
text-align: ' . $styledata\[139\] . ';
282
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
283
}
284
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
285
display: inline-block;
286
color: ' . $styledata\[21\] . ';
287
background-color: ' . $styledata\[23\] . ';
288
font-size: ' . $styledata\[125\] . 'px;
289
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
290
font-weight: ' . $styledata\[131\] . ';
291
font-style:' . $styledata\[129\] . ';
292
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
293
-webkit-border-radius:' . $styledata\[137\] . 'px;
294
-moz-border-radius:' . $styledata\[137\] . 'px;
295
-ms-border-radius:' . $styledata\[137\] . 'px;
296
-o-border-radius:' . $styledata\[137\] . 'px;
297
border-radius: ' . $styledata\[137\] . 'px;
298
}
299
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
300
background-color: ' . $styledata\[27\] . ';
301
color: ' . $styledata\[25\] . ';
302
}
303
' . $styledata\[149\] . '';
304
?>
305
306
306
</div>
307
307
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style10.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms" >
41
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms" >
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
42
43
<?php
43
44
if ($filesdata\[11\] != '') {
44
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
45
$fileslinkend = '</a>';
46
} else {
47
$fileslinkend = '';
45
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
48
46
}
49
47
?>
50
48
<div class="oxilab-flip-box-body-absulote">
51
<div class="<?php echo $styledata\[1\]; ?>">
52
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
49
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
50
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
53
51
<div class="oxilab-flip-box-style">
54
52
<div class="oxilab-flip-box-front">
55
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
53
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
57
55
<div class="oxilab-icon">
58
56
<div class="oxilab-icon-data">
…
…
68
66
</div>
69
67
<div class="oxilab-flip-box-back">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
71
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
69
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
72
70
<div class="oxilab-icon">
73
71
<div class="oxilab-icon-data">
…
…
85
83
</div>
86
84
</div>
87
<?php echo $fileslinkend;
88
echo $this->admin\_edit\_panel($value\['id'\]);
85
<?php
86
if ($filesdata\[11\] != '') {
87
echo'</a>';
88
}
89
echo $this->admin\_edit\_panel($value\['id'\]);
89
90
?>
90
91
91
92
</div>
92
93
93
<style>
94
<?php
95
if ($filesdata\[5\] != '') {
96
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
94
95
<?php
96
if ($filesdata\[5\] != '') {
97
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
97
98
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
98
99
\-moz-background-size: 100% 100%;
…
…
100
101
background-size: 100% 100%;
101
102
}';
102
}
103
if ($filesdata\[13\] != '') {
104
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
103
}
104
if ($filesdata\[13\] != '') {
105
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
105
106
background: linear-gradient(' . $styledata\[13\] . ', ' . $styledata\[13\] . '), url("' . $filesdata\[13\] . '");
106
107
\-moz-background-size: 100% 100%;
…
…
108
109
background-size: 100% 100%;
109
110
}';
110
}
111
?> </style\>
111
}
112
?\>
112
113
113
114
</div>
…
…
115
116
endif;
116
117
}
117
?>
118
<style>
119
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
120
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
121
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
122
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
123
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
124
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
125
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
126
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
127
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
128
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
129
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
130
animation-duration: <?php echo $styledata\[57\]; ?>s;
131
}
132
.oxilab-flip-box-body-<?php echo $styleid; ?>{
133
max-width: <?php echo $styledata\[45\]; ?>px;
118
119
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
120
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
121
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
122
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
123
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
124
-o-transition: opacity ' . $styledata\[57\] . 's linear;
125
transition: opacity ' . $styledata\[57\] . 's linear;
126
-webkit-animation-duration: ' . $styledata\[57\] . 's;
127
-moz-animation-duration: ' . $styledata\[57\] . 's;
128
-ms-animation-duration: ' . $styledata\[57\] . 's;
129
-o-animation-duration: ' . $styledata\[57\] . 's;
130
animation-duration: ' . $styledata\[57\] . 's;
131
}
132
.oxilab-flip-box-body-' . $styleid . '{
133
max-width: ' . $styledata\[45\] . 'px;
134
134
width: 100%;
135
135
margin: 0 auto;
136
position: relative;
137
}
138
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
139
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
136
position: relative;
137
}
138
.oxilab-flip-box-body-' . $styleid . ':after {
139
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
140
140
content: "";
141
141
display: block;
142
142
}
143
.oxilab-flip-box-<?php echo $styleid; ?>{
143
.oxilab-flip-box-' . $styleid . '{
144
144
position: absolute;
145
145
top: 0;
…
…
147
147
right: 0;
148
148
bottom: 0;
149
background-color: <?php echo $styledata\[5\]; ?>;
150
display: block;
151
-webkit-border-radius: <?php echo $styledata\[69\]; ?>px;
152
-moz-border-radius: <?php echo $styledata\[69\]; ?>px;
153
-ms-border-radius: <?php echo $styledata\[69\]; ?>px;
154
-o-border-radius: <?php echo $styledata\[69\]; ?>px;
155
border-radius: <?php echo $styledata\[69\]; ?>px;
149
background-color: ' . $styledata\[5\] . ';
150
display: block;
151
-webkit-border-radius: ' . $styledata\[69\] . 'px;
152
-moz-border-radius: ' . $styledata\[69\] . 'px;
153
-ms-border-radius: ' . $styledata\[69\] . 'px;
154
-o-border-radius: ' . $styledata\[69\] . 'px;
155
border-radius: ' . $styledata\[69\] . 'px;
156
156
overflow: hidden;
157
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
158
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
159
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
160
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
161
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
162
163
}
164
.oxilab-flip-box-<?php echo $styleid; ?>-data{
157
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
158
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
159
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
160
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
161
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
162
163
}
164
.oxilab-flip-box-' . $styleid . '-data{
165
165
position: absolute;
166
166
left: 0%;
167
top: 50%;
168
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
167
top: 50%;
168
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
169
169
-webkit-transform: translateY(-50%);
170
170
-ms-transform: translateY(-50%);
…
…
174
174
right: 0;
175
175
}
176
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
177
display: block;
178
text-align: center;
179
padding:<?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
180
}
181
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
182
display: inline-block;
183
background-color: <?php echo $styledata\[9\]; ?>;
184
width:<?php echo $styledata\[79\]; ?>px;
185
height:<?php echo $styledata\[79\]; ?>px;
186
-webkit-border-radius: <?php echo $styledata\[81\]; ?>px;
187
-moz-border-radius: <?php echo $styledata\[81\]; ?>px;
188
-ms-border-radius: <?php echo $styledata\[81\]; ?>px;
189
-o-border-radius: <?php echo $styledata\[81\]; ?>px;
190
border-radius: <?php echo $styledata\[81\]; ?>px;
191
}
192
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
193
line-height: <?php echo $styledata\[79\]; ?>px;
194
font-size: <?php echo $styledata\[77\]; ?>px;
195
color: <?php echo $styledata\[7\]; ?>;
196
}
197
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
198
display: block;
199
color: <?php echo $styledata\[11\]; ?>;
200
text-align: <?php echo $styledata\[91\]; ?>;
201
font-size: <?php echo $styledata\[83\]; ?>px;
202
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
203
font-weight: <?php echo $styledata\[89\]; ?>;
204
font-style:<?php echo $styledata\[87\]; ?>;
205
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
206
207
}
208
.oxilab-flip-box-back-<?php echo $styleid; ?>{
176
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
177
display: block;
178
text-align: center;
179
padding:' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
180
}
181
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
182
display: inline-block;
183
background-color: ' . $styledata\[9\] . ';
184
width:' . $styledata\[79\] . 'px;
185
height:' . $styledata\[79\] . 'px;
186
-webkit-border-radius: ' . $styledata\[81\] . 'px;
187
-moz-border-radius: ' . $styledata\[81\] . 'px;
188
-ms-border-radius: ' . $styledata\[81\] . 'px;
189
-o-border-radius: ' . $styledata\[81\] . 'px;
190
border-radius: ' . $styledata\[81\] . 'px;
191
}
192
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
193
line-height: ' . $styledata\[79\] . 'px;
194
font-size: ' . $styledata\[77\] . 'px;
195
color: ' . $styledata\[7\] . ';
196
}
197
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
198
display: block;
199
color: ' . $styledata\[11\] . ';
200
text-align: ' . $styledata\[91\] . ';
201
font-size: ' . $styledata\[83\] . 'px;
202
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
203
font-weight: ' . $styledata\[89\] . ';
204
font-style:' . $styledata\[87\] . ';
205
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
206
207
}
208
.oxilab-flip-box-back-' . $styleid . '{
209
209
position: absolute;
210
210
top: 0;
…
…
213
213
bottom: 0;
214
214
display: block;
215
background-color: <?php echo $styledata\[13\]; ?>;
216
-webkit-border-radius: <?php echo $styledata\[69\]; ?>px;
217
-moz-border-radius: <?php echo $styledata\[69\]; ?>px;
218
-ms-border-radius: <?php echo $styledata\[69\]; ?>px;
219
-o-border-radius: <?php echo $styledata\[69\]; ?>px;
220
border-radius: <?php echo $styledata\[69\]; ?>px;
215
background-color: ' . $styledata\[13\] . ';
216
-webkit-border-radius: ' . $styledata\[69\] . 'px;
217
-moz-border-radius: ' . $styledata\[69\] . 'px;
218
-ms-border-radius: ' . $styledata\[69\] . 'px;
219
-o-border-radius: ' . $styledata\[69\] . 'px;
220
border-radius: ' . $styledata\[69\] . 'px;
221
221
overflow: hidden;
222
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
223
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
224
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
225
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
226
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
227
228
}
229
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
222
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
223
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
224
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
225
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
226
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
227
228
}
229
.oxilab-flip-box-back-' . $styleid . '-data{
230
230
position: absolute;
231
231
left: 0%;
232
232
right: 0;
233
top: 50%;
234
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
233
top: 50%;
234
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
235
235
-webkit-transform: translateY(-50%);
236
236
-ms-transform: translateY(-50%);
237
237
-moz-transform: translateY(-50%);
238
238
-o-transform: translateY(-50%);
239
transform: translateY(-50%);
240
}
241
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{
242
display: block;
243
text-align: center;
244
padding: <?php echo $styledata\[129\]; ?>px <?php echo $styledata\[131\]; ?>px;
245
}
246
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{
247
display: inline-block;
248
width: <?php echo $styledata\[127\]; ?>px;
249
height: <?php echo $styledata\[127\]; ?>px;
250
}
251
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
252
line-height:<?php echo $styledata\[127\]; ?>px;
253
font-size: <?php echo $styledata\[125\]; ?>px;
254
color: <?php echo $styledata\[15\]; ?>;
255
}
256
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
257
display: block;
258
color: <?php echo $styledata\[17\]; ?>;
259
text-align: <?php echo $styledata\[115\]; ?>;
260
font-size: <?php echo $styledata\[107\]; ?>px;
261
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
262
font-weight: <?php echo $styledata\[113\]; ?>;
263
font-style:<?php echo $styledata\[111\]; ?>;
264
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
265
}
266
<?php echo $styledata\[137\]; ?>;
267
</style>
239
transform: translateY(-50%);
240
}
241
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{
242
display: block;
243
text-align: center;
244
padding: ' . $styledata\[129\] . 'px ' . $styledata\[131\] . 'px;
245
}
246
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{
247
display: inline-block;
248
width: ' . $styledata\[127\] . 'px;
249
height: ' . $styledata\[127\] . 'px;
250
}
251
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
252
line-height:' . $styledata\[127\] . 'px;
253
font-size: ' . $styledata\[125\] . 'px;
254
color: ' . $styledata\[15\] . ';
255
}
256
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
257
display: block;
258
color: ' . $styledata\[17\] . ';
259
text-align: ' . $styledata\[115\] . ';
260
font-size: ' . $styledata\[107\] . 'px;
261
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
262
font-weight: ' . $styledata\[113\] . ';
263
font-style:' . $styledata\[111\] . ';
264
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
265
}
266
' . $styledata\[137\] . ';';
267
?>
268
268
269
</div>
269
270
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style11.php
r2278127
r2648808
25
25
public function default\_render() {
26
26
$styleid = $this->oxiid;
27
$styledata = explode('|', $this->dbdata\['css'\]);
27
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms">
41
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms">
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
42
43
<?php
43
44
if ($filesdata\[13\] == '' && $filesdata\[15\] != '') {
44
echo '<a href="' . $filesdata\[15\] . '" target="' . $styledata\[53\] . '">';
45
$fileslinkend = '</a>';
46
} else {
47
$fileslinkend = '';
45
echo '<a href="' . esc\_url($filesdata\[15\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
48
46
}
49
47
?>
50
48
<div class="oxilab-flip-box-body-absulote">
51
<div class="<?php echo $styledata\[1\]; ?>">
52
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
49
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
50
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
53
51
<div class="oxilab-flip-box-style">
54
52
<div class="oxilab-flip-box-front">
55
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
53
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
57
55
<div class="oxilab-icon">
58
56
<div class="oxilab-icon-data">
…
…
67
65
</div>
68
66
<div class="oxilab-flip-box-back">
69
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
67
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
71
69
<div class="oxilab-heading">
72
70
<?php echo $this->text\_render($filesdata\[7\]); ?>
…
…
82
80
<?php
83
81
if ($filesdata\[13\] != '') {
84
echo '<a href="' . $filesdata\[15\] . '" target="' . $styledata\[53\] . '">';
82
echo '<a href="' . esc\_url($filesdata\[15\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
85
83
echo '<div class="oxilab-button">
86
84
<div class="oxilab-button-data">
…
…
99
97
</div>
100
98
<?php
101
echo $fileslinkend;
99
if ($filesdata\[13\] == '' && $filesdata\[15\] != '') {
100
echo '</a>';
101
}
102
102
echo $this->admin\_edit\_panel($value\['id'\]);
103
103
?>
104
104
</div>
105
105
106
<style>
107
<?php
108
if ($filesdata\[5\] != '') {
109
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
106
107
<?php
108
if ($filesdata\[5\] != '') {
109
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
110
110
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
111
111
\-moz-background-size: 100% 100%;
…
…
113
113
background-size: 100% 100%;
114
114
}';
115
}
116
if ($filesdata\[17\] != '') {
117
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
115
}
116
if ($filesdata\[17\] != '') {
117
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
118
118
background: linear-gradient(' . $styledata\[13\] . ', ' . $styledata\[13\] . '), url("' . $filesdata\[17\] . '");
119
119
\-moz-background-size: 100% 100%;
…
…
121
121
background-size: 100% 100%;
122
122
}';
123
}
124
?>
125
</style>
123
}
124
?>
125
126
126
</div>
127
127
<?php
128
128
endif;
129
129
}
130
?>
131
132
<style>
133
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
134
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
135
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
136
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
137
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
138
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
139
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
140
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
141
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
142
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
143
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
144
animation-duration: <?php echo $styledata\[57\]; ?>s;
145
}
146
.oxilab-flip-box-body-<?php echo $styleid; ?>{
147
max-width: <?php echo $styledata\[45\]; ?>px;
130
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
131
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
132
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
133
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
134
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
135
-o-transition: opacity ' . $styledata\[57\] . 's linear;
136
transition: opacity ' . $styledata\[57\] . 's linear;
137
-webkit-animation-duration: ' . $styledata\[57\] . 's;
138
-moz-animation-duration: ' . $styledata\[57\] . 's;
139
-ms-animation-duration: ' . $styledata\[57\] . 's;
140
-o-animation-duration: ' . $styledata\[57\] . 's;
141
animation-duration: ' . $styledata\[57\] . 's;
142
}
143
.oxilab-flip-box-body-' . $styleid . '{
144
max-width: ' . $styledata\[45\] . 'px;
148
145
width: 100%;
149
146
margin: 0 auto;
150
position: relative;
151
}
152
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
153
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
147
position: relative;
148
}
149
.oxilab-flip-box-body-' . $styleid . ':after {
150
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
154
151
content: "";
155
152
display: block;
156
153
}
157
.oxilab-flip-box-<?php echo $styleid; ?>{
154
.oxilab-flip-box-' . $styleid . '{
158
155
position: absolute;
159
156
top: 0;
…
…
162
159
bottom: 0;
163
160
display: block;
164
background-color: <?php echo $styledata\[5\]; ?>;
165
-webkit-border-radius: <?php echo $styledata\[69\]; ?>px;
166
-moz-border-radius: <?php echo $styledata\[69\]; ?>px;
167
-ms-border-radius: <?php echo $styledata\[69\]; ?>px;
168
-o-border-radius: <?php echo $styledata\[69\]; ?>px;
169
border-radius: <?php echo $styledata\[69\]; ?>px;
161
background-color: ' . $styledata\[5\] . ';
162
-webkit-border-radius: ' . $styledata\[69\] . 'px;
163
-moz-border-radius: ' . $styledata\[69\] . 'px;
164
-ms-border-radius: ' . $styledata\[69\] . 'px;
165
-o-border-radius: ' . $styledata\[69\] . 'px;
166
border-radius: ' . $styledata\[69\] . 'px;
170
167
overflow: hidden;
171
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
172
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
173
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
174
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
175
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
176
}
177
.oxilab-flip-box-<?php echo $styleid; ?>-data{
168
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
169
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
170
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
171
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
172
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
173
}
174
.oxilab-flip-box-' . $styleid . '-data{
178
175
position: absolute;
179
176
left: 0%;
180
top: 50%;
181
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
177
top: 50%;
178
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
182
179
-webkit-transform: translateY(-50%);
183
180
-ms-transform: translateY(-50%);
…
…
187
184
right: 0;
188
185
}
189
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
190
display: block;
191
text-align: center;
192
padding:<?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
193
}
194
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
195
display: inline-block;
196
background-color: <?php echo $styledata\[9\]; ?>;
197
width:<?php echo $styledata\[79\]; ?>px;
198
height:<?php echo $styledata\[79\]; ?>px;
199
-webkit-border-radius: <?php echo $styledata\[81\]; ?>px;
200
-moz-border-radius: <?php echo $styledata\[81\]; ?>px;
201
-ms-border-radius: <?php echo $styledata\[81\]; ?>px;
202
-o-border-radius: <?php echo $styledata\[81\]; ?>px;
203
border-radius: <?php echo $styledata\[81\]; ?>px;
204
}
205
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
206
line-height: <?php echo $styledata\[79\]; ?>px;
207
font-size: <?php echo $styledata\[77\]; ?>px;
208
color:<?php echo $styledata\[7\]; ?>;
209
}
210
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
211
display: block;
212
color:<?php echo $styledata\[11\]; ?>;
213
text-align: <?php echo $styledata\[91\]; ?>;
214
font-size: <?php echo $styledata\[83\]; ?>px;
215
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
216
font-weight: <?php echo $styledata\[89\]; ?>;
217
font-style:<?php echo $styledata\[87\]; ?>;
218
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
219
}
220
.oxilab-flip-box-back-<?php echo $styleid; ?>{
186
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
187
display: block;
188
text-align: center;
189
padding:' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
190
}
191
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
192
display: inline-block;
193
background-color: ' . $styledata\[9\] . ';
194
width:' . $styledata\[79\] . 'px;
195
height:' . $styledata\[79\] . 'px;
196
-webkit-border-radius: ' . $styledata\[81\] . 'px;
197
-moz-border-radius: ' . $styledata\[81\] . 'px;
198
-ms-border-radius: ' . $styledata\[81\] . 'px;
199
-o-border-radius: ' . $styledata\[81\] . 'px;
200
border-radius: ' . $styledata\[81\] . 'px;
201
}
202
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
203
line-height: ' . $styledata\[79\] . 'px;
204
font-size: ' . $styledata\[77\] . 'px;
205
color:' . $styledata\[7\] . ';
206
}
207
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
208
display: block;
209
color:' . $styledata\[11\] . ';
210
text-align: ' . $styledata\[91\] . ';
211
font-size: ' . $styledata\[83\] . 'px;
212
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
213
font-weight: ' . $styledata\[89\] . ';
214
font-style:' . $styledata\[87\] . ';
215
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
216
}
217
.oxilab-flip-box-back-' . $styleid . '{
221
218
position: absolute;
222
219
top: 0;
…
…
225
222
bottom: 0;
226
223
display: block;
227
background-color: <?php echo $styledata\[13\]; ?>;
228
-webkit-border-radius: <?php echo $styledata\[69\]; ?>px;
229
-moz-border-radius: <?php echo $styledata\[69\]; ?>px;
230
-ms-border-radius: <?php echo $styledata\[69\]; ?>px;
231
-o-border-radius: <?php echo $styledata\[69\]; ?>px;
232
border-radius: <?php echo $styledata\[69\]; ?>px;
224
background-color: ' . $styledata\[13\] . ';
225
-webkit-border-radius: ' . $styledata\[69\] . 'px;
226
-moz-border-radius: ' . $styledata\[69\] . 'px;
227
-ms-border-radius: ' . $styledata\[69\] . 'px;
228
-o-border-radius: ' . $styledata\[69\] . 'px;
229
border-radius: ' . $styledata\[69\] . 'px;
233
230
overflow: hidden;
234
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
235
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
236
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
237
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
238
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
239
}
240
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
231
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
232
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
233
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
234
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
235
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
236
}
237
.oxilab-flip-box-back-' . $styleid . '-data{
241
238
position: absolute;
242
239
left: 0%;
243
240
right: 0;
244
top: 50%;
245
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
241
top: 50%;
242
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
246
243
-webkit-transform: translateY(-50%);
247
244
-ms-transform: translateY(-50%);
248
245
-moz-transform: translateY(-50%);
249
246
-o-transform: translateY(-50%);
250
transform: translateY(-50%);
251
}
252
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
253
display: block;
254
color:<?php echo $styledata\[15\]; ?>;
255
text-align: <?php echo $styledata\[145\]; ?>;
256
font-size: <?php echo $styledata\[137\]; ?>px;
257
font-family: <?php echo $this->font\_familly($styledata\[139\]); ?>;
258
font-weight: <?php echo $styledata\[143\]; ?>;
259
font-style:<?php echo $styledata\[141\]; ?>;
260
padding: <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[153\]; ?>px <?php echo $styledata\[149\]; ?>px <?php echo $styledata\[151\]; ?>px;
261
262
}
263
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{
264
display: block;
265
text-align: center;
266
padding: <?php echo $styledata\[129\]; ?>px <?php echo $styledata\[131\]; ?>px;
267
}
268
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{
269
display: inline-block;
270
Border-bottom-color: <?php echo $styledata\[17\]; ?>;
271
width: <?php echo $styledata\[127\]; ?>px;
272
height: <?php echo $styledata\[127\]; ?>px;
273
border-bottom: <?php echo $styledata\[105\]; ?>px solid;
274
}
275
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
276
line-height:<?php echo $styledata\[127\]; ?>px;
277
font-size: <?php echo $styledata\[125\]; ?>px;
278
color:<?php echo $styledata\[17\]; ?>;
279
}
280
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
281
display: block;
282
color:<?php echo $styledata\[19\]; ?>;
283
text-align: <?php echo $styledata\[115\]; ?>;
284
font-size: <?php echo $styledata\[107\]; ?>px;
285
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
286
font-weight: <?php echo $styledata\[113\]; ?>;
287
font-style:<?php echo $styledata\[111\]; ?>;
288
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
289
}
290
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
291
display: block;
292
text-align: <?php echo $styledata\[169\]; ?>;
293
padding: <?php echo $styledata\[171\]; ?>px <?php echo $styledata\[177\]; ?>px <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[175\]; ?>px;
294
}
295
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
296
display: inline-block;
297
color: <?php echo $styledata\[21\]; ?>;
298
background-color: <?php echo $styledata\[23\]; ?>;
299
font-size: <?php echo $styledata\[155\]; ?>px;
300
font-family: <?php echo $this->font\_familly($styledata\[157\]); ?>;
301
font-weight: <?php echo $styledata\[161\]; ?>;
302
font-style:<?php echo $styledata\[159\]; ?>;
303
padding: <?php echo $styledata\[163\]; ?>px <?php echo $styledata\[165\]; ?>px;
304
-webkit-border-radius: <?php echo $styledata\[167\]; ?>px;
305
-moz-border-radius: <?php echo $styledata\[167\]; ?>px;
306
-ms-border-radius: <?php echo $styledata\[167\]; ?>px;
307
-o-border-radius: <?php echo $styledata\[167\]; ?>px;
308
border-radius: <?php echo $styledata\[167\]; ?>px;
309
}
310
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
311
background-color: <?php echo $styledata\[27\]; ?>;
312
color: <?php echo $styledata\[25\]; ?>;
313
}
314
<?php echo $styledata\[179\]; ?>;
315
</style>
247
transform: translateY(-50%);
248
}
249
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
250
display: block;
251
color:' . $styledata\[15\] . ';
252
text-align: ' . $styledata\[145\] . ';
253
font-size: ' . $styledata\[137\] . 'px;
254
font-family: ' . $this->font\_familly($styledata\[139\]) . ';
255
font-weight: ' . $styledata\[143\] . ';
256
font-style:' . $styledata\[141\] . ';
257
padding: ' . $styledata\[147\] . 'px ' . $styledata\[153\] . 'px ' . $styledata\[149\] . 'px ' . $styledata\[151\] . 'px;
258
259
}
260
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{
261
display: block;
262
text-align: center;
263
padding: ' . $styledata\[129\] . 'px ' . $styledata\[131\] . 'px;
264
}
265
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{
266
display: inline-block;
267
Border-bottom-color: ' . $styledata\[17\] . ';
268
width: ' . $styledata\[127\] . 'px;
269
height: ' . $styledata\[127\] . 'px;
270
border-bottom: ' . $styledata\[105\] . 'px solid;
271
}
272
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
273
line-height:' . $styledata\[127\] . 'px;
274
font-size: ' . $styledata\[125\] . 'px;
275
color:' . $styledata\[17\] . ';
276
}
277
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
278
display: block;
279
color:' . $styledata\[19\] . ';
280
text-align: ' . $styledata\[115\] . ';
281
font-size: ' . $styledata\[107\] . 'px;
282
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
283
font-weight: ' . $styledata\[113\] . ';
284
font-style:' . $styledata\[111\] . ';
285
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
286
}
287
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
288
display: block;
289
text-align: ' . $styledata\[169\] . ';
290
padding: ' . $styledata\[171\] . 'px ' . $styledata\[177\] . 'px ' . $styledata\[173\] . 'px ' . $styledata\[175\] . 'px;
291
}
292
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
293
display: inline-block;
294
color: ' . $styledata\[21\] . ';
295
background-color: ' . $styledata\[23\] . ';
296
font-size: ' . $styledata\[155\] . 'px;
297
font-family: ' . $this->font\_familly($styledata\[157\]) . ';
298
font-weight: ' . $styledata\[161\] . ';
299
font-style:' . $styledata\[159\] . ';
300
padding: ' . $styledata\[163\] . 'px ' . $styledata\[165\] . 'px;
301
-webkit-border-radius: ' . $styledata\[167\] . 'px;
302
-moz-border-radius: ' . $styledata\[167\] . 'px;
303
-ms-border-radius: ' . $styledata\[167\] . 'px;
304
-o-border-radius: ' . $styledata\[167\] . 'px;
305
border-radius: ' . $styledata\[167\] . 'px;
306
}
307
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
308
background-color: ' . $styledata\[27\] . ';
309
color: ' . $styledata\[25\] . ';
310
}
311
' . $styledata\[179\] . ';';
312
?>
313
314
316
315
</div>
317
316
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style12.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
33
34
foreach ($listdata as $value) {
34
35
if (!empty($value\['files'\])):
35
$filesdata = explode("{#}|{#}", $value\['files'\]);
36
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
36
37
?>
37
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
38
sa-data-animation="<?php echo $styledata\[55\]; ?>"
38
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
39
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
39
40
sa-data-animation-offset="100%"
40
41
sa-data-animation-delay="0ms"
41
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
42
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
42
43
>
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
44
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
44
45
<?php
45
46
if ($filesdata\[11\] != '') {
46
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
47
$fileslinkend = '</a>';
48
} else {
49
$fileslinkend = '';
47
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_html($styledata\[53\]) . '">';
50
48
}
51
49
?>
52
50
<div class="oxilab-flip-box-body-absulote">
53
<div class="<?php echo $styledata\[1\]; ?>">
54
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
51
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
52
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
55
53
<div class="oxilab-flip-box-style">
56
54
<div class="oxilab-flip-box-front">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
58
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data2">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
56
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data2">
59
57
<div class="oxilab-icon">
60
58
<div class="oxilab-icon-data">
…
…
63
61
</div>
64
62
</div>
65
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
63
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
66
64
<div class="oxilab-heading">
67
65
<?php echo $this->text\_render($filesdata\[1\]); ?>
…
…
75
73
</div>
76
74
<div class="oxilab-flip-box-back">
77
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
78
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
75
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
76
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
79
77
<div class="oxilab-heading">
80
78
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
83
81
<div class="oxilab-info">
84
82
<?php echo $this->text\_render($filesdata\[7\]); ?>
85
</div>
83
</div>
86
84
</div>
87
85
</div>
…
…
91
89
</div>
92
90
</div>
93
<?php echo $fileslinkend;
94
echo $this->admin\_edit\_panel($value\['id'\]);
91
<?php
92
if ($filesdata\[11\] != '') {
93
echo '</a>';
94
}
95
echo $this->admin\_edit\_panel($value\['id'\]);
95
96
?>
96
97
</div>
97
<style>
98
<?php
99
if ($filesdata\[5\] != '') {
100
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
98
99
<?php
100
if ($filesdata\[5\] != '') {
101
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
101
102
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
102
103
\-moz-background-size: 100% 100%;
…
…
104
105
background-size: 100% 100%;
105
106
}';
106
}
107
if ($filesdata\[13\] != '') {
108
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
107
}
108
if ($filesdata\[13\] != '') {
109
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
109
110
background: linear-gradient(' . $styledata\[17\] . ', ' . $styledata\[17\] . '), url("' . $filesdata\[13\] . '");
110
111
\-moz-background-size: 100% 100%;
…
…
112
113
background-size: 100% 100%;
113
114
}';
114
}
115
?>
116
</style>
115
}
116
?>
117
117
118
</div>
118
119
<?php
119
120
endif;
120
121
}
121
?>
122
123
<style>
124
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
125
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
126
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
127
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
128
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
129
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
130
animation-duration: <?php echo $styledata\[57\]; ?>s;
131
}
132
.oxilab-flip-box-body-<?php echo $styleid; ?>{
133
max-width: <?php echo $styledata\[45\]; ?>px;
122
123
$this->inline\_css .= ' .oxilab-flip-box-padding-' . $styleid . '{
124
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
125
transition: opacity ' . $styledata\[57\] . 's linear;
126
-webkit-animation-duration: ' . $styledata\[57\] . 's;
127
-moz-animation-duration: ' . $styledata\[57\] . 's;
128
-o-animation-duration: ' . $styledata\[57\] . 's;
129
animation-duration: ' . $styledata\[57\] . 's;
130
}
131
.oxilab-flip-box-body-' . $styleid . '{
132
max-width: ' . $styledata\[45\] . 'px;
134
133
width: 100%;
135
134
margin: 0 auto;
136
position: relative;
137
}
138
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
139
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
135
position: relative;
136
}
137
.oxilab-flip-box-body-' . $styleid . ':after {
138
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
140
139
content: "";
141
140
display: block;
142
141
}
143
.oxilab-flip-box-<?php echo $styleid; ?>{
142
.oxilab-flip-box-' . $styleid . '{
144
143
position: absolute;
145
144
top: 0;
…
…
147
146
right: 0;
148
147
bottom: 0;
149
border-color: <?php echo $styledata\[7\]; ?>;
150
background-color: <?php echo $styledata\[5\]; ?>;
151
border-width: <?php echo $styledata\[125\]; ?>px;
152
border-style:<?php echo $styledata\[127\]; ?>;
153
display: block;
154
border-radius: <?php echo $styledata\[129\]; ?>px;
148
border-color: ' . $styledata\[7\] . ';
149
background-color: ' . $styledata\[5\] . ';
150
border-width: ' . $styledata\[125\] . 'px;
151
border-style:' . $styledata\[127\] . ';
152
display: block;
153
border-radius: ' . $styledata\[129\] . 'px;
155
154
overflow: hidden;
156
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
157
}
158
.oxilab-flip-box-<?php echo $styleid; ?>-data{
155
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
156
}
157
.oxilab-flip-box-' . $styleid . '-data{
159
158
position: absolute;
160
159
left: 0%;
161
top: <?php echo $styledata\[75\]; ?>px;
162
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
163
right: 0;
164
}
165
.oxilab-flip-box-<?php echo $styleid; ?>\-data2{
166
position: absolute;
167
top: 0%;
168
left: 50%;
169
background-color: <?php echo $styledata\[11\]; ?>;
160
top: ' . $styledata\[75\] . 'px;
161
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
162
right: 0;
163
}
164
.oxilab-flip-box-' . $styleid . '\-data2{
165
position: absolute;
166
top: 0%;
167
left: 50%;
168
background-color: ' . $styledata\[11\] . ';
170
169
-webkit-transform: translateX(-50%);
171
170
-ms-transform: translateX(-50%);
…
…
173
172
-o-transform: translateX(-50%);
174
173
transform: translateX(-50%);
175
height: <?php echo $styledata\[75\]; ?>px;
176
width: <?php echo $styledata\[79\]; ?>px;
177
border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
178
}
179
.oxilab-flip-box-<?php echo $styleid; ?>\-data2 .oxilab-icon{
180
position: absolute;
181
bottom: 0;
174
height: ' . $styledata\[75\] . 'px;
175
width: ' . $styledata\[79\] . 'px;
176
border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
177
}
178
.oxilab-flip-box-' . $styleid . '\-data2 .oxilab-icon{
179
position: absolute;
180
bottom: 0;
182
181
width: 100%;
183
182
display: block;
184
text-align: center;
185
}
186
.oxilab-flip-box-<?php echo $styleid; ?>\-data2 .oxilab-icon-data{
187
display: inline-block;
188
width: <?php echo $styledata\[79\]; ?>px;
189
height: <?php echo $styledata\[79\]; ?>px;
190
border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
191
}
192
.oxilab-flip-box-<?php echo $styleid; ?>-data2 .oxilab-icon-data .oxi-icons{
193
line-height:<?php echo $styledata\[79\]; ?>px;
194
font-size: <?php echo $styledata\[77\]; ?>px;
195
color: <?php echo $styledata\[9\]; ?>;
196
}
197
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
198
display: block;
199
color: <?php echo $styledata\[13\]; ?>;
200
text-align: <?php echo $styledata\[91\]; ?>;
201
font-size: <?php echo $styledata\[83\]; ?>px;
202
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
203
font-weight: <?php echo $styledata\[89\]; ?>;
204
font-style:<?php echo $styledata\[87\]; ?>;
205
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
206
207
}
208
209
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
210
display: block;
211
color: <?php echo $styledata\[15\]; ?>;
212
text-align: <?php echo $styledata\[147\]; ?>;
213
font-size: <?php echo $styledata\[139\]; ?>px;
214
font-family: <?php echo $this->font\_familly($styledata\[141\]); ?>;
215
font-weight: <?php echo $styledata\[145\]; ?>;
216
font-style:<?php echo $styledata\[143\]; ?>;
217
padding: <?php echo $styledata\[149\]; ?>px <?php echo $styledata\[155\]; ?>px <?php echo $styledata\[151\]; ?>px <?php echo $styledata\[153\]; ?>px;
218
219
}
220
.oxilab-flip-box-back-<?php echo $styleid; ?>{
183
text-align: center;
184
}
185
.oxilab-flip-box-' . $styleid . '\-data2 .oxilab-icon-data{
186
display: inline-block;
187
width: ' . $styledata\[79\] . 'px;
188
height: ' . $styledata\[79\] . 'px;
189
border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
190
}
191
.oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data .oxi-icons{
192
line-height:' . $styledata\[79\] . 'px;
193
font-size: ' . $styledata\[77\] . 'px;
194
color: ' . $styledata\[9\] . ';
195
}
196
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
197
display: block;
198
color: ' . $styledata\[13\] . ';
199
text-align: ' . $styledata\[91\] . ';
200
font-size: ' . $styledata\[83\] . 'px;
201
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
202
font-weight: ' . $styledata\[89\] . ';
203
font-style:' . $styledata\[87\] . ';
204
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
205
206
}
207
208
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
209
display: block;
210
color: ' . $styledata\[15\] . ';
211
text-align: ' . $styledata\[147\] . ';
212
font-size: ' . $styledata\[139\] . 'px;
213
font-family: ' . $this->font\_familly($styledata\[141\]) . ';
214
font-weight: ' . $styledata\[145\] . ';
215
font-style:' . $styledata\[143\] . ';
216
padding: ' . $styledata\[149\] . 'px ' . $styledata\[155\] . 'px ' . $styledata\[151\] . 'px ' . $styledata\[153\] . 'px;
217
218
}
219
.oxilab-flip-box-back-' . $styleid . '{
221
220
position: absolute;
222
221
top: 0;
…
…
224
223
right: 0;
225
224
bottom: 0;
226
border-color: <?php echo $styledata\[19\]; ?>;
227
background-color: <?php echo $styledata\[17\]; ?>;
228
border-width: <?php echo $styledata\[131\]; ?>px;
229
border-style:<?php echo $styledata\[133\]; ?>;
230
display: block;
231
border-radius: <?php echo $styledata\[129\]; ?>px;
225
border-color: ' . $styledata\[19\] . ';
226
background-color: ' . $styledata\[17\] . ';
227
border-width: ' . $styledata\[131\] . 'px;
228
border-style:' . $styledata\[133\] . ';
229
display: block;
230
border-radius: ' . $styledata\[129\] . 'px;
232
231
overflow: hidden;
233
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
234
}
235
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
232
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
233
}
234
.oxilab-flip-box-back-' . $styleid . '-data{
236
235
position: absolute;
237
236
left: 0%;
238
237
right: 0;
239
top: 50%;
240
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
238
top: 50%;
239
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
241
240
-webkit-transform: translateY(-50%);
242
241
-ms-transform: translateY(-50%);
243
242
-moz-transform: translateY(-50%);
244
243
-o-transform: translateY(-50%);
245
transform: translateY(-50%);
246
}
247
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
244
transform: translateY(-50%);
245
}
246
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
248
247
display: block;
249
248
position: relative;
250
color: <?php echo $styledata\[21\]; ?>;
251
text-align: <?php echo $styledata\[165\]; ?>;
252
font-size: <?php echo $styledata\[157\]; ?>px;
253
font-family: <?php echo $this->font\_familly($styledata\[159\]); ?>;
254
font-weight: <?php echo $styledata\[163\]; ?>;
255
font-style:<?php echo $styledata\[161\]; ?>;
256
padding:<?php echo $styledata\[167\]; ?>px <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[169\]; ?>px <?php echo $styledata\[171\]; ?>px;
257
258
}
259
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading .oxilab-span{
249
color: ' . $styledata\[21\] . ';
250
text-align: ' . $styledata\[165\] . ';
251
font-size: ' . $styledata\[157\] . 'px;
252
font-family: ' . $this->font\_familly($styledata\[159\]) . ';
253
font-weight: ' . $styledata\[163\] . ';
254
font-style:' . $styledata\[161\] . ';
255
padding:' . $styledata\[167\] . 'px ' . $styledata\[173\] . 'px ' . $styledata\[169\] . 'px ' . $styledata\[171\] . 'px;
256
257
}
258
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading .oxilab-span{
260
259
position: absolute;
261
260
bottom: 0;
262
background-color: <?php echo $styledata\[23\]; ?>;
263
left: 50%;
261
background-color: ' . $styledata\[23\] . ';
262
left: 50%;
264
263
-webkit-transform: translateX(-50%);
265
264
-ms-transform: translateX(-50%);
…
…
267
266
-o-transform: translateX(-50%);
268
267
transform: translateX(-50%);
269
height: <?php echo $styledata\[177\]; ?>px;
270
width: <?php echo $styledata\[175\]; ?>px;
271
}
272
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
273
display: block;
274
color: <?php echo $styledata\[25\]; ?>;
275
text-align: <?php echo $styledata\[115\]; ?>;
276
font-size: <?php echo $styledata\[107\]; ?>px;
277
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
278
font-weight: <?php echo $styledata\[113\]; ?>;
279
font-style:<?php echo $styledata\[111\]; ?>;
280
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
281
}
282
<?php echo $styledata\[179\]; ?>;
283
</style>
268
height: ' . $styledata\[177\] . 'px;
269
width: ' . $styledata\[175\] . 'px;
270
}
271
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
272
display: block;
273
color: ' . $styledata\[25\] . ';
274
text-align: ' . $styledata\[115\] . ';
275
font-size: ' . $styledata\[107\] . 'px;
276
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
277
font-weight: ' . $styledata\[113\] . ';
278
font-style:' . $styledata\[111\] . ';
279
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
280
}
281
' . $styledata\[179\] . ';';
282
?>
283
284
284
285
</div>
285
286
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style13.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms">
41
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms">
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
42
43
<?php
43
44
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
44
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
45
$fileslinkend = '</a>';
46
} else {
47
$fileslinkend = '';
45
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
48
46
}
49
47
?>
50
48
<div class="oxilab-flip-box-body-absulote">
51
<div class="<?php echo $styledata\[1\]; ?>">
52
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
49
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
50
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
53
51
<div class="oxilab-flip-box-style">
54
52
<div class="oxilab-flip-box-front">
55
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
53
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
57
55
<div class="oxilab-icon">
58
56
<div class="oxilab-icon-data">
…
…
71
69
</div>
72
70
<div class="oxilab-flip-box-back">
73
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
74
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
71
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
72
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
75
73
<div class="oxilab-heading">
76
74
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
81
79
<?php
82
80
if ($filesdata\[9\] != '') {
83
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
81
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
84
82
echo '<div class="oxilab-button">
85
83
<div class="oxilab-button-data">
…
…
97
95
</div>
98
96
</div>
99
<?php echo $fileslinkend;
100
echo $this->admin\_edit\_panel($value\['id'\]);
97
<?php
98
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
99
echo '</a>';
100
}
101
echo $this->admin\_edit\_panel($value\['id'\]);
101
102
?>
102
103
</div>
103
<style>
104
<?php
105
if ($filesdata\[5\] != '') {
106
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
104
105
<?php
106
if ($filesdata\[5\] != '') {
107
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
107
108
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
108
109
\-moz-background-size: 100% 100%;
…
…
110
111
background-size: 100% 100%;
111
112
}';
112
}
113
if ($filesdata\[13\] != '') {
114
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
113
}
114
if ($filesdata\[13\] != '') {
115
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
115
116
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
116
117
\-moz-background-size: 100% 100%;
…
…
118
119
background-size: 100% 100%;
119
120
}';
120
}
121
?>
122
</style>
121
}
122
?>
123
123
124
</div>
124
125
<?php
125
126
endif;
126
127
}
127
?>
128
<style>
129
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
130
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
131
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
132
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
133
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
134
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
135
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
136
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
137
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
138
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
139
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
140
animation-duration: <?php echo $styledata\[57\]; ?>s;
141
}
142
.oxilab-flip-box-body-<?php echo $styleid; ?>{
143
max-width: <?php echo $styledata\[45\]; ?>px;
128
129
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
130
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
131
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
132
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
133
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
134
-o-transition: opacity ' . $styledata\[57\] . 's linear;
135
transition: opacity ' . $styledata\[57\] . 's linear;
136
-webkit-animation-duration: ' . $styledata\[57\] . 's;
137
-moz-animation-duration: ' . $styledata\[57\] . 's;
138
-ms-animation-duration: ' . $styledata\[57\] . 's;
139
-o-animation-duration: ' . $styledata\[57\] . 's;
140
animation-duration: ' . $styledata\[57\] . 's;
141
}
142
.oxilab-flip-box-body-' . $styleid . '{
143
max-width: ' . $styledata\[45\] . 'px;
144
144
width: 100%;
145
145
margin: 0 auto;
146
position: relative;
147
}
148
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
149
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
146
position: relative;
147
}
148
.oxilab-flip-box-body-' . $styleid . ':after {
149
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
150
150
content: "";
151
151
display: block;
152
152
}
153
.oxilab-flip-box-<?php echo $styleid; ?>{
153
.oxilab-flip-box-' . $styleid . '{
154
154
position: absolute;
155
155
top: 0;
…
…
158
158
bottom: 0;
159
159
display: block;
160
background-color: <?php echo $styledata\[5\]; ?>;
161
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
162
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
163
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
164
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
165
border-radius: <?php echo $styledata\[153\]; ?>px;
160
background-color: ' . $styledata\[5\] . ';
161
-webkit-border-radius: ' . $styledata\[153\] . 'px;
162
-moz-border-radius: ' . $styledata\[153\] . 'px;
163
-ms-border-radius: ' . $styledata\[153\] . 'px;
164
-o-border-radius: ' . $styledata\[153\] . 'px;
165
border-radius: ' . $styledata\[153\] . 'px;
166
166
overflow: hidden;
167
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
168
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
169
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
170
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
171
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
172
}
173
.oxilab-flip-box-<?php echo $styleid; ?>-data{
167
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
168
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
169
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
170
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
171
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
172
}
173
.oxilab-flip-box-' . $styleid . '-data{
174
174
position: absolute;
175
175
left: 0%;
176
top: 50%;
177
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
176
top: 50%;
177
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
178
178
-webkit-transform: translateY(-50%);
179
179
-ms-transform: translateY(-50%);
…
…
183
183
right: 0;
184
184
}
185
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
186
display: block;
187
text-align: center;
188
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
189
}
190
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
191
display: inline-block;
192
-webkit-border-radius: <?php echo $styledata\[81\]; ?>px;
193
-moz-border-radius: <?php echo $styledata\[81\]; ?>px;
194
-ms-border-radius: <?php echo $styledata\[81\]; ?>px;
195
-o-border-radius: <?php echo $styledata\[81\]; ?>px;
196
border-radius: <?php echo $styledata\[81\]; ?>px;
197
padding: 3px;
185
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
186
display: block;
187
text-align: center;
188
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
189
}
190
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
191
display: inline-block;
192
-webkit-border-radius: ' . $styledata\[81\] . 'px;
193
-moz-border-radius: ' . $styledata\[81\] . 'px;
194
-ms-border-radius: ' . $styledata\[81\] . 'px;
195
-o-border-radius: ' . $styledata\[81\] . 'px;
196
border-radius: ' . $styledata\[81\] . 'px;
197
padding: 3px;
198
198
border: 2px solid;
199
border-color: <?php echo $styledata\[7\]; ?>;
200
}
201
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
202
line-height: <?php echo $styledata\[79\]; ?>px;
203
width: <?php echo $styledata\[79\]; ?>px;
204
height: <?php echo $styledata\[79\]; ?>px;
205
-webkit-border-radius: <?php echo $styledata\[81\]; ?>px;
206
-moz-border-radius: <?php echo $styledata\[81\]; ?>px;
207
-ms-border-radius: <?php echo $styledata\[81\]; ?>px;
208
-o-border-radius: <?php echo $styledata\[81\]; ?>px;
209
border-radius: <?php echo $styledata\[81\]; ?>px;
210
font-size: 24px;
211
color: <?php echo $styledata\[9\]; ?>;
212
background-color: <?php echo $styledata\[11\]; ?>;
213
}
214
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
215
display: block;
216
color: <?php echo $styledata\[13\]; ?>;
217
text-align: <?php echo $styledata\[91\]; ?>;
218
font-size: <?php echo $styledata\[83\]; ?>px;
219
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
220
font-weight: <?php echo $styledata\[89\]; ?>;
221
font-style:<?php echo $styledata\[87\]; ?>;
222
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
223
}
224
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
225
display: block;
226
color: <?php echo $styledata\[29\]; ?>;
227
text-align: <?php echo $styledata\[171\]; ?>;
228
font-size: <?php echo $styledata\[163\]; ?>px;
229
font-family: <?php echo $this->font\_familly($styledata\[165\]); ?>;
230
font-weight: <?php echo $styledata\[169\]; ?>;
231
font-style:<?php echo $styledata\[167\]; ?>;
232
padding: <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[179\]; ?>px <?php echo $styledata\[175\]; ?>px <?php echo $styledata\[177\]; ?>px;
233
}
234
.oxilab-flip-box-back-<?php echo $styleid; ?>{
199
border-color: ' . $styledata\[7\] . ';
200
}
201
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
202
line-height: ' . $styledata\[79\] . 'px;
203
width: ' . $styledata\[79\] . 'px;
204
height: ' . $styledata\[79\] . 'px;
205
-webkit-border-radius: ' . $styledata\[81\] . 'px;
206
-moz-border-radius: ' . $styledata\[81\] . 'px;
207
-ms-border-radius: ' . $styledata\[81\] . 'px;
208
-o-border-radius: ' . $styledata\[81\] . 'px;
209
border-radius: ' . $styledata\[81\] . 'px;
210
font-size: 24px;
211
color: ' . $styledata\[9\] . ';
212
background-color: ' . $styledata\[11\] . ';
213
}
214
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
215
display: block;
216
color: ' . $styledata\[13\] . ';
217
text-align: ' . $styledata\[91\] . ';
218
font-size: ' . $styledata\[83\] . 'px;
219
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
220
font-weight: ' . $styledata\[89\] . ';
221
font-style:' . $styledata\[87\] . ';
222
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
223
}
224
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
225
display: block;
226
color: ' . $styledata\[29\] . ';
227
text-align: ' . $styledata\[171\] . ';
228
font-size: ' . $styledata\[163\] . 'px;
229
font-family: ' . $this->font\_familly($styledata\[165\]) . ';
230
font-weight: ' . $styledata\[169\] . ';
231
font-style:' . $styledata\[167\] . ';
232
padding: ' . $styledata\[173\] . 'px ' . $styledata\[179\] . 'px ' . $styledata\[175\] . 'px ' . $styledata\[177\] . 'px;
233
}
234
.oxilab-flip-box-back-' . $styleid . '{
235
235
position: absolute;
236
236
top: 0;
…
…
239
239
bottom: 0;
240
240
display: block;
241
background-color: <?php echo $styledata\[15\]; ?>;
242
-webkit-border-radius:<?php echo $styledata\[153\]; ?>px;
243
-moz-border-radius:<?php echo $styledata\[153\]; ?>px;
244
-ms-border-radius:<?php echo $styledata\[153\]; ?>px;
245
-o-border-radius:<?php echo $styledata\[153\]; ?>px;
246
border-radius:<?php echo $styledata\[153\]; ?>px;
241
background-color: ' . $styledata\[15\] . ';
242
-webkit-border-radius:' . $styledata\[153\] . 'px;
243
-moz-border-radius:' . $styledata\[153\] . 'px;
244
-ms-border-radius:' . $styledata\[153\] . 'px;
245
-o-border-radius:' . $styledata\[153\] . 'px;
246
border-radius:' . $styledata\[153\] . 'px;
247
247
overflow: hidden;
248
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
249
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
250
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
251
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
252
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
253
}
254
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
248
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
249
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
250
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
251
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
252
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
253
}
254
.oxilab-flip-box-back-' . $styleid . '-data{
255
255
position: absolute;
256
256
left: 0%;
257
257
right: 0;
258
top: 50%;
259
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
258
top: 50%;
259
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
260
260
-webkit-transform: translateY(-50%);
261
261
-ms-transform: translateY(-50%);
262
262
-moz-transform: translateY(-50%);
263
263
-o-transform: translateY(-50%);
264
transform: translateY(-50%);
265
}
266
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
267
display: block;
268
color: <?php echo $styledata\[31\]; ?>;
269
text-align: <?php echo $styledata\[189\]; ?>;
270
font-size: <?php echo $styledata\[181\]; ?>px;
271
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
272
font-weight: <?php echo $styledata\[187\]; ?>;
273
font-style:<?php echo $styledata\[185\]; ?>;
274
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
275
276
}
277
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
278
display: block;
279
color: <?php echo $styledata\[19\]; ?>;
280
text-align: <?php echo $styledata\[115\]; ?>;
281
font-size: <?php echo $styledata\[107\]; ?>px;
282
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
283
font-weight: <?php echo $styledata\[113\]; ?>;
284
font-style:<?php echo $styledata\[111\]; ?>;
285
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
286
287
}
288
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
289
display: block;
290
text-align: <?php echo $styledata\[139\]; ?>;
291
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
292
293
}
294
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
295
display: inline-block;
296
color: <?php echo $styledata\[21\]; ?>;
297
background-color: <?php echo $styledata\[23\]; ?>;
298
font-size: <?php echo $styledata\[125\]; ?>px;
299
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
300
font-weight: <?php echo $styledata\[131\]; ?>;
301
font-style:<?php echo $styledata\[129\]; ?>;
302
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
303
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
304
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
305
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
306
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
307
border-radius: <?php echo $styledata\[137\]; ?>px;
308
}
309
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
310
background-color: <?php echo $styledata\[27\]; ?>;
311
color: <?php echo $styledata\[25\]; ?>;
312
}
313
<?php echo $styledata\[199\]; ?>;
314
</style>
264
transform: translateY(-50%);
265
}
266
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
267
display: block;
268
color: ' . $styledata\[31\] . ';
269
text-align: ' . $styledata\[189\] . ';
270
font-size: ' . $styledata\[181\] . 'px;
271
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
272
font-weight: ' . $styledata\[187\] . ';
273
font-style:' . $styledata\[185\] . ';
274
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
275
276
}
277
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
278
display: block;
279
color: ' . $styledata\[19\] . ';
280
text-align: ' . $styledata\[115\] . ';
281
font-size: ' . $styledata\[107\] . 'px;
282
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
283
font-weight: ' . $styledata\[113\] . ';
284
font-style:' . $styledata\[111\] . ';
285
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
286
287
}
288
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
289
display: block;
290
text-align: ' . $styledata\[139\] . ';
291
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
292
293
}
294
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
295
display: inline-block;
296
color: ' . $styledata\[21\] . ';
297
background-color: ' . $styledata\[23\] . ';
298
font-size: ' . $styledata\[125\] . 'px;
299
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
300
font-weight: ' . $styledata\[131\] . ';
301
font-style:' . $styledata\[129\] . ';
302
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
303
-webkit-border-radius: ' . $styledata\[137\] . 'px;
304
-moz-border-radius: ' . $styledata\[137\] . 'px;
305
-ms-border-radius: ' . $styledata\[137\] . 'px;
306
-o-border-radius: ' . $styledata\[137\] . 'px;
307
border-radius: ' . $styledata\[137\] . 'px;
308
}
309
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
310
background-color: ' . $styledata\[27\] . ';
311
color: ' . $styledata\[25\] . ';
312
}
313
' . $styledata\[199\] . ';';
314
?>
315
315
316
</div>
316
317
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style14.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms">
41
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms">
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
42
43
<?php
43
44
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
44
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
45
$fileslinkend = '</a>';
46
} else {
47
$fileslinkend = '';
45
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
48
46
}
49
47
?>
50
48
<div class="oxilab-flip-box-body-absulote">
51
<div class="<?php echo $styledata\[1\]; ?>">
52
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
49
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
50
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
53
51
<div class="oxilab-flip-box-style">
54
52
<div class="oxilab-flip-box-front">
55
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data2">
53
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data2">
57
55
<div class="oxilab-icon">
58
56
<div class="oxilab-icon-data">
59
57
<div class="oxilab-span">
60
58
<?php echo $this->text\_render($filesdata\[3\]); ?>
61
</div>
59
</div>
62
60
</div>
63
61
</div>
64
62
</div>
65
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
63
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
66
64
<div class="oxilab-heading">
67
65
<?php echo $this->text\_render($filesdata\[1\]); ?>
…
…
75
73
</div>
76
74
<div class="oxilab-flip-box-back">
77
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
78
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data2">
75
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
76
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data2">
79
77
<div class="oxilab-icon">
80
78
<div class="oxilab-icon-data">
…
…
83
81
</div>
84
82
</div>
85
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
83
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
86
84
<div class="oxilab-heading">
87
85
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
92
90
<?php
93
91
if ($filesdata\[9\] != '') {
94
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
92
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
95
93
echo '<div class="oxilab-button">
96
94
<div class="oxilab-button-data">
…
…
109
107
</div>
110
108
</div>
111
<?php echo $fileslinkend;
112
echo $this->admin\_edit\_panel($value\['id'\]);
109
<?php
110
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
111
echo '</a>';
112
}
113
echo $this->admin\_edit\_panel($value\['id'\]);
113
114
?>
114
115
</div>
…
…
116
117
<?php
117
118
if ($filesdata\[5\] != '') {
118
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-front{
119
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-front{
119
120
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
120
121
\-moz-background-size: 100% 100%;
…
…
124
125
}
125
126
if ($filesdata\[13\] != '') {
126
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back{
127
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back{
127
128
background: linear-gradient(' . $styledata\[17\] . ', ' . $styledata\[17\] . '), url("' . $filesdata\[13\] . '");
128
129
\-moz-background-size: 100% 100%;
…
…
131
132
}';
132
133
}
133
?>
134
?>
134
135
</style>
135
136
</div>
…
…
137
138
endif;
138
139
}
139
?>
140
141
<style>
142
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
143
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
144
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
145
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
146
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
147
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
148
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
149
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
150
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
151
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
152
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
153
animation-duration: <?php echo $styledata\[57\]; ?>s;
154
}
155
.oxilab-flip-box-body-<?php echo $styleid; ?>{
156
max-width: <?php echo $styledata\[45\]; ?>px;
140
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
141
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
142
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
143
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
144
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
145
-o-transition: opacity ' . $styledata\[57\] . 's linear;
146
transition: opacity ' . $styledata\[57\] . 's linear;
147
-webkit-animation-duration: ' . $styledata\[57\] . 's;
148
-moz-animation-duration: ' . $styledata\[57\] . 's;
149
-ms-animation-duration: ' . $styledata\[57\] . 's;
150
-o-animation-duration: ' . $styledata\[57\] . 's;
151
animation-duration: ' . $styledata\[57\] . 's;
152
}
153
.oxilab-flip-box-body-' . $styleid . '{
154
max-width: ' . $styledata\[45\] . 'px;
157
155
width: 100%;
158
156
margin: 0 auto;
159
position: relative;
160
}
161
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
162
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
157
position: relative;
158
}
159
.oxilab-flip-box-body-' . $styleid . ':after {
160
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
163
161
content: "";
164
162
display: block;
165
163
}
166
.oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-front{
167
border-width: <?php echo $styledata\[125\]; ?>px;
168
border-style:<?php echo $styledata\[127\]; ?>;
169
-webkit-border-radius: <?php echo $styledata\[129\]; ?>px;
170
-moz-border-radius: <?php echo $styledata\[129\]; ?>px;
171
-ms-border-radius: <?php echo $styledata\[129\]; ?>px;
172
-o-border-radius: <?php echo $styledata\[129\]; ?>px;
173
border-radius: <?php echo $styledata\[129\]; ?>px;
174
border-color: <?php echo $styledata\[7\]; ?>;
175
background-color: <?php echo $styledata\[5\]; ?>;
164
.oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{
165
border-width: ' . $styledata\[125\] . 'px;
166
border-style:' . $styledata\[127\] . ';
167
-webkit-border-radius: ' . $styledata\[129\] . 'px;
168
-moz-border-radius: ' . $styledata\[129\] . 'px;
169
-ms-border-radius: ' . $styledata\[129\] . 'px;
170
-o-border-radius: ' . $styledata\[129\] . 'px;
171
border-radius: ' . $styledata\[129\] . 'px;
172
border-color: ' . $styledata\[7\] . ';
173
background-color: ' . $styledata\[5\] . ';
176
174
overflow: hidden;
177
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
178
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
179
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
180
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
181
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
182
}
183
.oxilab-flip-box-<?php echo $styleid; ?>{
184
position: absolute;
185
top: <?php echo $styledata\[71\]; ?>px;
186
left: <?php echo $styledata\[73\]; ?>px;
187
right: <?php echo $styledata\[73\]; ?>px;
188
bottom: <?php echo $styledata\[71\]; ?>px;
189
border-width: <?php echo $styledata\[179\]; ?>px;
190
border-style:<?php echo $styledata\[181\]; ?>;
191
border-color: <?php echo $styledata\[27\]; ?>;
192
display: block;
193
-webkit-border-radius: <?php echo $styledata\[183\]; ?>px;
194
-moz-border-radius: <?php echo $styledata\[183\]; ?>px;
195
-ms-border-radius: <?php echo $styledata\[183\]; ?>px;
196
-o-border-radius: <?php echo $styledata\[183\]; ?>px;
197
border-radius: <?php echo $styledata\[183\]; ?>px;
175
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
176
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
177
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
178
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
179
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
180
}
181
.oxilab-flip-box-' . $styleid . '{
182
position: absolute;
183
top: ' . $styledata\[71\] . 'px;
184
left: ' . $styledata\[73\] . 'px;
185
right: ' . $styledata\[73\] . 'px;
186
bottom: ' . $styledata\[71\] . 'px;
187
border-width: ' . $styledata\[179\] . 'px;
188
border-style:' . $styledata\[181\] . ';
189
border-color: ' . $styledata\[27\] . ';
190
display: block;
191
-webkit-border-radius: ' . $styledata\[183\] . 'px;
192
-moz-border-radius: ' . $styledata\[183\] . 'px;
193
-ms-border-radius: ' . $styledata\[183\] . 'px;
194
-o-border-radius: ' . $styledata\[183\] . 'px;
195
border-radius: ' . $styledata\[183\] . 'px;
198
196
overflow: hidden;
199
197
}
200
.oxilab-flip-box-<?php echo $styleid; ?>\-data2{
201
position: absolute;
202
top: 0%;
203
left: 50%;
198
.oxilab-flip-box-' . $styleid . '\-data2{
199
position: absolute;
200
top: 0%;
201
left: 50%;
204
202
-webkit-transform: translateX(-50%);
205
203
-ms-transform: translateX(-50%);
…
…
207
205
-o-transform: translateX(-50%);
208
206
transform: translateX(-50%);
209
background-color: <?php echo $styledata\[11\]; ?>;
210
height: <?php echo $styledata\[75\]; ?>px;
211
width: <?php echo $styledata\[79\]; ?>px;
212
-webkit-border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
213
-moz-border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
214
-ms-border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
215
-o-border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
216
border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
207
background-color: ' . $styledata\[11\] . ';
208
height: ' . $styledata\[75\] . 'px;
209
width: ' . $styledata\[79\] . 'px;
210
-webkit-border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
211
-moz-border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
212
-ms-border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
213
-o-border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
214
border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
217
215
-webkit-box-shadow: 0 0 3px 0 #666666;
218
216
-moz-box-shadow: 0 0 3px 0 #666666;
…
…
221
219
box-shadow: 0 0 3px 0 #666666;
222
220
}
223
.oxilab-flip-box-<?php echo $styleid; ?>\-data2 .oxilab-icon{
224
position: absolute;
225
bottom: 0;
221
.oxilab-flip-box-' . $styleid . '\-data2 .oxilab-icon{
222
position: absolute;
223
bottom: 0;
226
224
width: 100%;
227
225
display: block;
228
text-align: center;
229
}
230
.oxilab-flip-box-<?php echo $styleid; ?>\-data2 .oxilab-icon-data{
231
display: inline-block;
232
width: <?php echo $styledata\[79\]; ?>px;
233
height: <?php echo $styledata\[79\]; ?>px;
234
-webkit-border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
235
-moz-border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
236
-ms-border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
237
-o-border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
238
border-radius: 0 0 <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[81\]; ?>px;
239
}
240
.oxilab-flip-box-<?php echo $styleid; ?>-data2 .oxilab-icon-data .oxilab-span{
241
line-height:<?php echo $styledata\[79\]; ?>px;
242
font-size: <?php echo $styledata\[77\]; ?>px;
243
color: <?php echo $styledata\[9\]; ?>;
244
}
245
.oxilab-flip-box-<?php echo $styleid; ?>-data{
226
text-align: center;
227
}
228
.oxilab-flip-box-' . $styleid . '\-data2 .oxilab-icon-data{
229
display: inline-block;
230
width: ' . $styledata\[79\] . 'px;
231
height: ' . $styledata\[79\] . 'px;
232
-webkit-border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
233
-moz-border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
234
-ms-border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
235
-o-border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
236
border-radius: 0 0 ' . $styledata\[81\] . 'px ' . $styledata\[81\] . 'px;
237
}
238
.oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data .oxilab-span{
239
line-height:' . $styledata\[79\] . 'px;
240
font-size: ' . $styledata\[77\] . 'px;
241
color: ' . $styledata\[9\] . ';
242
}
243
.oxilab-flip-box-' . $styleid . '-data{
246
244
position: absolute;
247
245
left: 0%;
248
top: <?php echo $styledata\[75\]; ?>px;
249
padding: <?php echo $styledata\[185\]; ?>px <?php echo $styledata\[187\]; ?>px;
246
top: ' . $styledata\[75\] . 'px;
247
padding: ' . $styledata\[185\] . 'px ' . $styledata\[187\] . 'px;
250
248
right: 0;
251
249
}
252
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
253
display: block;
254
color: <?php echo $styledata\[13\]; ?>;
255
text-align: <?php echo $styledata\[91\]; ?>;
256
font-size: <?php echo $styledata\[83\]; ?>px;
257
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
258
font-weight: <?php echo $styledata\[89\]; ?>;
259
font-style:<?php echo $styledata\[87\]; ?>;
260
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
261
262
}
263
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
264
display: block;
265
color: <?php echo $styledata\[15\]; ?>;
266
text-align: <?php echo $styledata\[147\]; ?>;
267
font-size: <?php echo $styledata\[139\]; ?>px;
268
font-family: <?php echo $this->font\_familly($styledata\[141\]); ?>;
269
font-weight: <?php echo $styledata\[145\]; ?>;
270
font-style:<?php echo $styledata\[143\]; ?>;
271
padding: <?php echo $styledata\[149\]; ?>px <?php echo $styledata\[155\]; ?>px <?php echo $styledata\[151\]; ?>px <?php echo $styledata\[153\]; ?>px;
272
273
}
274
.oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-back{
275
border-width: <?php echo $styledata\[131\]; ?>px;
276
border-style:<?php echo $styledata\[133\]; ?>;
277
border-color: <?php echo $styledata\[19\]; ?>;
278
background-color: <?php echo $styledata\[17\]; ?>;
279
-webkit-border-radius: <?php echo $styledata\[129\]; ?>px;
280
-moz-border-radius: <?php echo $styledata\[129\]; ?>px;
281
-ms-border-radius: <?php echo $styledata\[129\]; ?>px;
282
-o-border-radius: <?php echo $styledata\[129\]; ?>px;
283
border-radius: <?php echo $styledata\[129\]; ?>px;
250
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
251
display: block;
252
color: ' . $styledata\[13\] . ';
253
text-align: ' . $styledata\[91\] . ';
254
font-size: ' . $styledata\[83\] . 'px;
255
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
256
font-weight: ' . $styledata\[89\] . ';
257
font-style:' . $styledata\[87\] . ';
258
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
259
260
}
261
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
262
display: block;
263
color: ' . $styledata\[15\] . ';
264
text-align: ' . $styledata\[147\] . ';
265
font-size: ' . $styledata\[139\] . 'px;
266
font-family: ' . $this->font\_familly($styledata\[141\]) . ';
267
font-weight: ' . $styledata\[145\] . ';
268
font-style:' . $styledata\[143\] . ';
269
padding: ' . $styledata\[149\] . 'px ' . $styledata\[155\] . 'px ' . $styledata\[151\] . 'px ' . $styledata\[153\] . 'px;
270
271
}
272
.oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{
273
border-width: ' . $styledata\[131\] . 'px;
274
border-style:' . $styledata\[133\] . ';
275
border-color: ' . $styledata\[19\] . ';
276
background-color: ' . $styledata\[17\] . ';
277
-webkit-border-radius: ' . $styledata\[129\] . 'px;
278
-moz-border-radius: ' . $styledata\[129\] . 'px;
279
-ms-border-radius: ' . $styledata\[129\] . 'px;
280
-o-border-radius: ' . $styledata\[129\] . 'px;
281
border-radius: ' . $styledata\[129\] . 'px;
284
282
overflow: hidden;
285
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
286
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
287
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
288
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
289
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
290
}
291
.oxilab-flip-box-back-<?php echo $styleid; ?>{
292
position: absolute;
293
top: <?php echo $styledata\[101\]; ?>px;
294
left: <?php echo $styledata\[103\]; ?>px;
295
right: <?php echo $styledata\[103\]; ?>px;
296
bottom: <?php echo $styledata\[101\]; ?>px;
297
border-width: <?php echo $styledata\[189\]; ?>px;
298
border-style:<?php echo $styledata\[191\]; ?>;
299
border-color: <?php echo $styledata\[29\]; ?>;
300
display: block;
301
-webkit-border-radius: <?php echo $styledata\[193\]; ?>px;
302
-moz-border-radius: <?php echo $styledata\[193\]; ?>px;
303
-ms-border-radius: <?php echo $styledata\[193\]; ?>px;
304
-o-border-radius: <?php echo $styledata\[193\]; ?>px;
305
border-radius: <?php echo $styledata\[193\]; ?>px;
283
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
284
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
285
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
286
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
287
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
288
}
289
.oxilab-flip-box-back-' . $styleid . '{
290
position: absolute;
291
top: ' . $styledata\[101\] . 'px;
292
left: ' . $styledata\[103\] . 'px;
293
right: ' . $styledata\[103\] . 'px;
294
bottom: ' . $styledata\[101\] . 'px;
295
border-width: ' . $styledata\[189\] . 'px;
296
border-style:' . $styledata\[191\] . ';
297
border-color: ' . $styledata\[29\] . ';
298
display: block;
299
-webkit-border-radius: ' . $styledata\[193\] . 'px;
300
-moz-border-radius: ' . $styledata\[193\] . 'px;
301
-ms-border-radius: ' . $styledata\[193\] . 'px;
302
-o-border-radius: ' . $styledata\[193\] . 'px;
303
border-radius: ' . $styledata\[193\] . 'px;
306
304
overflow: hidden;
307
305
}
308
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data2{
309
position: absolute;
310
top: 0%;
311
left: 50%;
306
.oxilab-flip-box-back-' . $styleid . '\-data2{
307
position: absolute;
308
top: 0%;
309
left: 50%;
312
310
-webkit-transform: translateX(-50%);
313
311
-ms-transform: translateX(-50%);
…
…
315
313
-o-transform: translateX(-50%);
316
314
transform: translateX(-50%);
317
height: <?php echo $styledata\[203\]; ?>px;
318
width: <?php echo $styledata\[201\]; ?>px;
319
background-color: <?php echo $styledata\[41\]; ?>;
320
-webkit-border-radius: 0 0 <?php echo $styledata\[209\]; ?>px <?php echo $styledata\[209\]; ?>px;
321
-moz-border-radius: 0 0 <?php echo $styledata\[209\]; ?>px <?php echo $styledata\[209\]; ?>px;
322
-ms-border-radius: 0 0 <?php echo $styledata\[209\]; ?>px <?php echo $styledata\[209\]; ?>px;
323
-o-border-radius: 0 0 <?php echo $styledata\[209\]; ?>px <?php echo $styledata\[209\]; ?>px;
324
border-radius: 0 0 <?php echo $styledata\[209\]; ?>px <?php echo $styledata\[209\]; ?>px;
315
height: ' . $styledata\[203\] . 'px;
316
width: ' . $styledata\[201\] . 'px;
317
background-color: ' . $styledata\[41\] . ';
318
-webkit-border-radius: 0 0 ' . $styledata\[209\] . 'px ' . $styledata\[209\] . 'px;
319
-moz-border-radius: 0 0 ' . $styledata\[209\] . 'px ' . $styledata\[209\] . 'px;
320
-ms-border-radius: 0 0 ' . $styledata\[209\] . 'px ' . $styledata\[209\] . 'px;
321
-o-border-radius: 0 0 ' . $styledata\[209\] . 'px ' . $styledata\[209\] . 'px;
322
border-radius: 0 0 ' . $styledata\[209\] . 'px ' . $styledata\[209\] . 'px;
325
323
-webkit-box-shadow: 0 0 3px 0 #666666;
326
324
-moz-box-shadow: 0 0 3px 0 #666666;
…
…
329
327
box-shadow: 0 0 3px 0 #666666;
330
328
}
331
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data2 .oxilab-icon{
332
position: absolute;
333
bottom: 0;
329
.oxilab-flip-box-back-' . $styleid . '\-data2 .oxilab-icon{
330
position: absolute;
331
bottom: 0;
334
332
width: 100%;
335
333
display: block;
336
text-align: center;
337
}
338
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data2 .oxilab-icon-data{
339
display: inline-block;
340
width: <?php echo $styledata\[201\]; ?>px;
341
height: <?php echo $styledata\[201\]; ?>px;
342
}
343
.oxilab-flip-box-back-<?php echo $styleid; ?>-data2 .oxilab-icon-data .oxi-icons{
344
line-height: <?php echo $styledata\[201\]; ?>px;
345
font-size: <?php echo $styledata\[199\]; ?>px;
346
color: <?php echo $styledata\[39\]; ?>;
347
}
348
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
334
text-align: center;
335
}
336
.oxilab-flip-box-back-' . $styleid . '\-data2 .oxilab-icon-data{
337
display: inline-block;
338
width: ' . $styledata\[201\] . 'px;
339
height: ' . $styledata\[201\] . 'px;
340
}
341
.oxilab-flip-box-back-' . $styleid . '-data2 .oxilab-icon-data .oxi-icons{
342
line-height: ' . $styledata\[201\] . 'px;
343
font-size: ' . $styledata\[199\] . 'px;
344
color: ' . $styledata\[39\] . ';
345
}
346
.oxilab-flip-box-back-' . $styleid . '-data{
349
347
position: absolute;
350
348
left: 0%;
351
349
right: 0;
352
top: <?php echo $styledata\[203\]; ?>px;
353
padding: <?php echo $styledata\[195\]; ?>px <?php echo $styledata\[197\]; ?>px;
354
}
355
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
356
display: block;
357
color: <?php echo $styledata\[21\]; ?>;
358
text-align: <?php echo $styledata\[165\]; ?>;
359
font-size: <?php echo $styledata\[157\]; ?>px;
360
font-family: <?php echo $this->font\_familly($styledata\[159\]); ?>;
361
font-weight: <?php echo $styledata\[163\]; ?>;
362
font-style:<?php echo $styledata\[161\]; ?>;
363
padding:<?php echo $styledata\[167\]; ?>px <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[169\]; ?>px <?php echo $styledata\[171\]; ?>px;
364
}
365
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
366
display: block;
367
color: <?php echo $styledata\[25\]; ?>;
368
text-align: <?php echo $styledata\[115\]; ?>;
369
font-size: <?php echo $styledata\[107\]; ?>px;
370
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
371
font-weight: <?php echo $styledata\[113\]; ?>;
372
font-style:<?php echo $styledata\[111\]; ?>;
373
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
374
375
}
376
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
377
display: block;
378
text-align: <?php echo $styledata\[225\]; ?>;
379
padding: <?php echo $styledata\[227\]; ?>px <?php echo $styledata\[233\]; ?>px <?php echo $styledata\[229\]; ?>px <?php echo $styledata\[231\]; ?>px;
380
381
}
382
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
383
display: inline-block;
384
color: <?php echo $styledata\[31\]; ?>;
385
background-color: <?php echo $styledata\[33\]; ?>;
386
font-size: <?php echo $styledata\[211\]; ?>px;
387
font-family: <?php echo $this->font\_familly($styledata\[213\]); ?>;
388
font-weight: <?php echo $styledata\[217\]; ?>;
389
font-style:<?php echo $styledata\[215\]; ?>;
390
padding: <?php echo $styledata\[219\]; ?>px <?php echo $styledata\[221\]; ?>px;
391
-webkit-border-radius: <?php echo $styledata\[223\]; ?>px;
392
-moz-border-radius: <?php echo $styledata\[223\]; ?>px;
393
-ms-border-radius: <?php echo $styledata\[223\]; ?>px;
394
-o-border-radius: <?php echo $styledata\[223\]; ?>px;
395
border-radius: <?php echo $styledata\[223\]; ?>px;
396
}
397
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
398
background-color: <?php echo $styledata\[37\]; ?>;
399
color: <?php echo $styledata\[35\]; ?>;
400
}
401
<?php echo $styledata\[235\]; ?>;
402
</style>
350
top: ' . $styledata\[203\] . 'px;
351
padding: ' . $styledata\[195\] . 'px ' . $styledata\[197\] . 'px;
352
}
353
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
354
display: block;
355
color: ' . $styledata\[21\] . ';
356
text-align: ' . $styledata\[165\] . ';
357
font-size: ' . $styledata\[157\] . 'px;
358
font-family: ' . $this->font\_familly($styledata\[159\]) . ';
359
font-weight: ' . $styledata\[163\] . ';
360
font-style:' . $styledata\[161\] . ';
361
padding:' . $styledata\[167\] . 'px ' . $styledata\[173\] . 'px ' . $styledata\[169\] . 'px ' . $styledata\[171\] . 'px;
362
}
363
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
364
display: block;
365
color: ' . $styledata\[25\] . ';
366
text-align: ' . $styledata\[115\] . ';
367
font-size: ' . $styledata\[107\] . 'px;
368
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
369
font-weight: ' . $styledata\[113\] . ';
370
font-style:' . $styledata\[111\] . ';
371
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
372
373
}
374
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
375
display: block;
376
text-align: ' . $styledata\[225\] . ';
377
padding: ' . $styledata\[227\] . 'px ' . $styledata\[233\] . 'px ' . $styledata\[229\] . 'px ' . $styledata\[231\] . 'px;
378
379
}
380
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
381
display: inline-block;
382
color: ' . $styledata\[31\] . ';
383
background-color: ' . $styledata\[33\] . ';
384
font-size: ' . $styledata\[211\] . 'px;
385
font-family: ' . $this->font\_familly($styledata\[213\]) . ';
386
font-weight: ' . $styledata\[217\] . ';
387
font-style:' . $styledata\[215\] . ';
388
padding: ' . $styledata\[219\] . 'px ' . $styledata\[221\] . 'px;
389
-webkit-border-radius: ' . $styledata\[223\] . 'px;
390
-moz-border-radius: ' . $styledata\[223\] . 'px;
391
-ms-border-radius: ' . $styledata\[223\] . 'px;
392
-o-border-radius: ' . $styledata\[223\] . 'px;
393
border-radius: ' . $styledata\[223\] . 'px;
394
}
395
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
396
background-color: ' . $styledata\[37\] . ';
397
color: ' . $styledata\[35\] . ';
398
}
399
' . $styledata\[235\] . ';';
400
?>
401
402
403
403
</div>
404
404
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style15.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms">
41
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms">
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
42
43
<?php
43
44
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
44
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
45
$fileslinkend = '</a>';
46
} else {
47
$fileslinkend = '';
45
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
48
46
}
49
47
?>
50
48
<div class="oxilab-flip-box-body-absulote">
51
<div class="<?php echo $styledata\[1\]; ?>">
52
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
49
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
50
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
53
51
<div class="oxilab-flip-box-style">
54
52
<div class="oxilab-flip-box-front">
55
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
53
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
57
55
<div class="oxilab-heading">
58
56
<?php echo $this->text\_render($filesdata\[1\]); ?>
59
<div class="oxilab-span">
57
<div class="oxilab-span">
60
58
</div>
61
59
</div>
…
…
68
66
</div>
69
67
<div class="oxilab-flip-box-back">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
71
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
69
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
72
70
<div class="oxilab-icon">
73
71
<div class="oxilab-icon-data">
…
…
77
75
<?php
78
76
if ($filesdata\[9\] != '') {
79
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
77
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
80
78
echo '<div class="oxilab-button">
81
79
<div class="oxilab-button-data">
…
…
94
92
</div>
95
93
<?php
96
echo $fileslinkend;
94
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
95
echo '</a>';
96
}
97
97
echo $this->admin\_edit\_panel($value\['id'\]);
98
98
?>
…
…
103
103
<?php
104
104
if ($filesdata\[5\] != '') {
105
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
105
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
106
106
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
107
107
\-moz-background-size: 100% 100%;
…
…
111
111
}
112
112
if ($filesdata\[13\] != '') {
113
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
113
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
114
114
background: linear-gradient(' . $styledata\[13\] . ', ' . $styledata\[13\] . '), url("' . $filesdata\[13\] . '");
115
115
\-moz-background-size: 100% 100%;
…
…
118
118
}';
119
119
}
120
?>
120
?>
121
121
</style>
122
122
</div>
…
…
124
124
endif;
125
125
}
126
?>
127
128
<style>
129
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
130
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
131
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
132
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
133
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
134
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
135
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
136
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
137
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
138
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
139
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
140
animation-duration: <?php echo $styledata\[57\]; ?>s;
141
}
142
.oxilab-flip-box-body-<?php echo $styleid; ?>{
143
max-width: <?php echo $styledata\[45\]; ?>px;
126
$this->inline\_css .= ' .oxilab-flip-box-padding-' . $styleid . '{
127
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
128
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
129
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
130
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
131
-o-transition: opacity ' . $styledata\[57\] . 's linear;
132
transition: opacity ' . $styledata\[57\] . 's linear;
133
-webkit-animation-duration: ' . $styledata\[57\] . 's;
134
-moz-animation-duration: ' . $styledata\[57\] . 's;
135
-ms-animation-duration: ' . $styledata\[57\] . 's;
136
-o-animation-duration: ' . $styledata\[57\] . 's;
137
animation-duration: ' . $styledata\[57\] . 's;
138
}
139
.oxilab-flip-box-body-' . $styleid . '{
140
max-width: ' . $styledata\[45\] . 'px;
144
141
width: 100%;
145
142
margin: 0 auto;
146
position: relative;
147
}
148
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
149
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
143
position: relative;
144
}
145
.oxilab-flip-box-body-' . $styleid . ':after {
146
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
150
147
content: "";
151
148
display: block;
152
149
}
153
.oxilab-flip-box-<?php echo $styleid; ?>{
150
.oxilab-flip-box-' . $styleid . '{
154
151
position: absolute;
155
152
top: 0;
…
…
157
154
right: 0;
158
155
bottom: 0;
159
border-width: <?php echo $styledata\[125\]; ?>px;
160
border-style:<?php echo $styledata\[127\]; ?>;
161
border-color: <?php echo $styledata\[7\]; ?>;
162
background-color: <?php echo $styledata\[5\]; ?>;
163
display: block;
164
-webkit-border-radius: <?php echo $styledata\[129\]; ?>px;
165
-moz-border-radius: <?php echo $styledata\[129\]; ?>px;
166
-ms-border-radius: <?php echo $styledata\[129\]; ?>px;
167
-o-border-radius: <?php echo $styledata\[129\]; ?>px;
168
border-radius: <?php echo $styledata\[129\]; ?>px;
156
border-width: ' . $styledata\[125\] . 'px;
157
border-style:' . $styledata\[127\] . ';
158
border-color: ' . $styledata\[7\] . ';
159
background-color: ' . $styledata\[5\] . ';
160
display: block;
161
-webkit-border-radius: ' . $styledata\[129\] . 'px;
162
-moz-border-radius: ' . $styledata\[129\] . 'px;
163
-ms-border-radius: ' . $styledata\[129\] . 'px;
164
-o-border-radius: ' . $styledata\[129\] . 'px;
165
border-radius: ' . $styledata\[129\] . 'px;
169
166
overflow: hidden;
170
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
171
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
172
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
173
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
174
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
175
}
176
.oxilab-flip-box-<?php echo $styleid; ?>-data{
167
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
168
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
169
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
170
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
171
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
172
}
173
.oxilab-flip-box-' . $styleid . '-data{
177
174
position: absolute;
178
175
left: 0%;
179
top: 50%;
180
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
176
top: 50%;
177
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
181
178
-webkit-transform: translateY(-50%);
182
179
-ms-transform: translateY(-50%);
…
…
186
183
right: 0;
187
184
}
188
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
185
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
189
186
display: block;
190
187
position: relative;
191
color: <?php echo $styledata\[9\]; ?>;
192
text-align: <?php echo $styledata\[91\]; ?>;
193
font-size: <?php echo $styledata\[83\]; ?>px;
194
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
195
font-weight: <?php echo $styledata\[89\]; ?>;
196
font-style:<?php echo $styledata\[87\]; ?>;
197
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
198
199
}
200
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading .oxilab-span{
188
color: ' . $styledata\[9\] . ';
189
text-align: ' . $styledata\[91\] . ';
190
font-size: ' . $styledata\[83\] . 'px;
191
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
192
font-weight: ' . $styledata\[89\] . ';
193
font-style:' . $styledata\[87\] . ';
194
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
195
196
}
197
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading .oxilab-span{
201
198
position: absolute;
202
199
left: 50%;
203
bottom: 0%;
200
bottom: 0%;
204
201
-webkit-transform: translateX(-50%);
205
202
-ms-transform: translateX(-50%);
…
…
207
204
-o-transform: translateX(-50%);
208
205
transform: translateX(-50%);
209
width: <?php echo $styledata\[157\]; ?>px;
210
height: <?php echo $styledata\[159\]; ?>px;
211
background-color: <?php echo $styledata\[17\]; ?>;
212
}
213
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
214
display: block;
206
width: ' . $styledata\[157\] . 'px;
207
height: ' . $styledata\[159\] . 'px;
208
background-color: ' . $styledata\[17\] . ';
209
}
210
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
211
display: block;
215
212
line-height: 180%;
216
color: <?php echo $styledata\[11\]; ?>;
217
text-align: <?php echo $styledata\[147\]; ?>;
218
font-size: <?php echo $styledata\[139\]; ?>px;
219
font-family: <?php echo $this->font\_familly($styledata\[141\]); ?>;
220
font-weight: <?php echo $styledata\[145\]; ?>;
221
font-style:<?php echo $styledata\[143\]; ?>;
222
padding: <?php echo $styledata\[149\]; ?>px <?php echo $styledata\[155\]; ?>px <?php echo $styledata\[151\]; ?>px <?php echo $styledata\[153\]; ?>px;
223
}
224
.oxilab-flip-box-back-<?php echo $styleid; ?>{
213
color: ' . $styledata\[11\] . ';
214
text-align: ' . $styledata\[147\] . ';
215
font-size: ' . $styledata\[139\] . 'px;
216
font-family: ' . $this->font\_familly($styledata\[141\]) . ';
217
font-weight: ' . $styledata\[145\] . ';
218
font-style:' . $styledata\[143\] . ';
219
padding: ' . $styledata\[149\] . 'px ' . $styledata\[155\] . 'px ' . $styledata\[151\] . 'px ' . $styledata\[153\] . 'px;
220
}
221
.oxilab-flip-box-back-' . $styleid . '{
225
222
position: absolute;
226
223
top: 0;
…
…
228
225
right: 0;
229
226
bottom: 0;
230
border-width: <?php echo $styledata\[131\]; ?>px;
231
border-style:<?php echo $styledata\[133\]; ?>;
232
border-color: <?php echo $styledata\[15\]; ?>;
233
background-color: <?php echo $styledata\[13\]; ?>;
234
display: block;
235
-webkit-border-radius: <?php echo $styledata\[129\]; ?>px;
236
-moz-border-radius: <?php echo $styledata\[129\]; ?>px;
237
-ms-border-radius: <?php echo $styledata\[129\]; ?>px;
238
-o-border-radius: <?php echo $styledata\[129\]; ?>px;
239
border-radius: <?php echo $styledata\[129\]; ?>px;
227
border-width: ' . $styledata\[131\] . 'px;
228
border-style:' . $styledata\[133\] . ';
229
border-color: ' . $styledata\[15\] . ';
230
background-color: ' . $styledata\[13\] . ';
231
display: block;
232
-webkit-border-radius: ' . $styledata\[129\] . 'px;
233
-moz-border-radius: ' . $styledata\[129\] . 'px;
234
-ms-border-radius: ' . $styledata\[129\] . 'px;
235
-o-border-radius: ' . $styledata\[129\] . 'px;
236
border-radius: ' . $styledata\[129\] . 'px;
240
237
overflow: hidden;
241
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
242
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
243
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
244
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
245
}
246
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
238
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
239
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
240
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
241
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
242
}
243
.oxilab-flip-box-back-' . $styleid . '-data{
247
244
position: absolute;
248
245
left: 0%;
249
246
right: 0;
250
top: 50%;
251
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
247
top: 50%;
248
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
252
249
-webkit-transform: translateY(-50%);
253
250
-ms-transform: translateY(-50%);
254
251
-moz-transform: translateY(-50%);
255
252
-o-transform: translateY(-50%);
256
transform: translateY(-50%);
257
}
258
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{
259
display: block;
260
text-align: center;
261
padding: <?php echo $styledata\[109\]; ?>px <?php echo $styledata\[111\]; ?>px;
262
}
263
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{
264
display: inline-block;
265
width: <?php echo $styledata\[107\]; ?>px;
266
height: <?php echo $styledata\[107\]; ?>px;
267
}
268
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
269
line-height: <?php echo $styledata\[107\]; ?>px;
270
font-size: <?php echo $styledata\[105\]; ?>px;
271
color: <?php echo $styledata\[27\]; ?>;
272
}
273
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
274
display: block;
275
text-align: <?php echo $styledata\[175\]; ?>;
276
padding: <?php echo $styledata\[177\]; ?>px <?php echo $styledata\[183\]; ?>px <?php echo $styledata\[179\]; ?>px <?php echo $styledata\[181\]; ?>px;
277
}
278
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
279
display: inline-block;
280
color: <?php echo $styledata\[19\]; ?>;
281
background-color: <?php echo $styledata\[21\]; ?>;
282
font-size: <?php echo $styledata\[161\]; ?>px;
283
font-family: <?php echo $this->font\_familly($styledata\[163\]); ?>;
284
font-weight: <?php echo $styledata\[167\]; ?>;
285
font-style:<?php echo $styledata\[165\]; ?>;
286
padding: <?php echo $styledata\[169\]; ?>px <?php echo $styledata\[171\]; ?>px;
287
-webkit-border-radius: <?php echo $styledata\[173\]; ?>px;
288
-moz-border-radius: <?php echo $styledata\[173\]; ?>px;
289
-ms-border-radius: <?php echo $styledata\[173\]; ?>px;
290
-o-border-radius: <?php echo $styledata\[173\]; ?>px;
291
border-radius: <?php echo $styledata\[173\]; ?>px;
292
}
293
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
294
background-color: <?php echo $styledata\[25\]; ?>;
295
color: <?php echo $styledata\[23\]; ?>;
296
}
297
<?php echo $styledata\[185\]; ?>;
298
</style>
253
transform: translateY(-50%);
254
}
255
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{
256
display: block;
257
text-align: center;
258
padding: ' . $styledata\[109\] . 'px ' . $styledata\[111\] . 'px;
259
}
260
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{
261
display: inline-block;
262
width: ' . $styledata\[107\] . 'px;
263
height: ' . $styledata\[107\] . 'px;
264
}
265
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
266
line-height: ' . $styledata\[107\] . 'px;
267
font-size: ' . $styledata\[105\] . 'px;
268
color: ' . $styledata\[27\] . ';
269
}
270
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
271
display: block;
272
text-align: ' . $styledata\[175\] . ';
273
padding: ' . $styledata\[177\] . 'px ' . $styledata\[183\] . 'px ' . $styledata\[179\] . 'px ' . $styledata\[181\] . 'px;
274
}
275
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
276
display: inline-block;
277
color: ' . $styledata\[19\] . ';
278
background-color: ' . $styledata\[21\] . ';
279
font-size: ' . $styledata\[161\] . 'px;
280
font-family: ' . $this->font\_familly($styledata\[163\]) . ';
281
font-weight: ' . $styledata\[167\] . ';
282
font-style:' . $styledata\[165\] . ';
283
padding: ' . $styledata\[169\] . 'px ' . $styledata\[171\] . 'px;
284
-webkit-border-radius: ' . $styledata\[173\] . 'px;
285
-moz-border-radius: ' . $styledata\[173\] . 'px;
286
-ms-border-radius: ' . $styledata\[173\] . 'px;
287
-o-border-radius: ' . $styledata\[173\] . 'px;
288
border-radius: ' . $styledata\[173\] . 'px;
289
}
290
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
291
background-color: ' . $styledata\[25\] . ';
292
color: ' . $styledata\[23\] . ';
293
}
294
' . $styledata\[185\] . ';';
295
?>
296
297
299
298
</div>
300
299
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style16.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] != '') {
45
echo '<a href="' . $filesdata\[9\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[9\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-icon">
59
57
<div class="oxilab-icon-data">
…
…
68
66
</div>
69
67
<div class="oxilab-flip-box-back">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
71
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
69
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
72
70
<div class="oxilab-info">
73
71
<?php echo $this->text\_render($filesdata\[7\]); ?>
…
…
81
79
</div>
82
80
<?php
83
echo $fileslinkend;
84
echo $this->admin\_edit\_panel($value\['id'\]);
81
if ($filesdata\[9\] != '') {
82
echo '</a>';
83
}
84
echo $this->admin\_edit\_panel($value\['id'\]);
85
85
?>
86
86
</div>
87
<style>
88
<?php
89
if ($filesdata\[5\] != '') {
90
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
87
88
<?php
89
if ($filesdata\[5\] != '') {
90
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
91
91
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
92
92
\-moz-background-size: 100% 100%;
…
…
94
94
background-size: 100% 100%;
95
95
}';
96
}
97
if ($filesdata\[11\] != '') {
98
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
96
}
97
if ($filesdata\[11\] != '') {
98
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
99
99
background: linear-gradient(' . $styledata\[13\] . ', ' . $styledata\[13\] . '), url("' . $filesdata\[11\] . '");
100
100
\-moz-background-size: 100% 100%;
…
…
102
102
background-size: 100% 100%;
103
103
}';
104
}
105
?> </style\>
104
}
105
?\>
106
106
</div>
107
107
<?php
108
108
endif;
109
109
}
110
?>
111
112
<style>
113
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
114
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
115
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
116
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
117
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
118
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
119
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
120
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
121
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
122
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
123
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
124
animation-duration: <?php echo $styledata\[57\]; ?>s;
125
}
126
.oxilab-flip-box-body-<?php echo $styleid; ?>{
127
max-width: <?php echo $styledata\[45\]; ?>px;
110
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
111
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
112
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
113
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
114
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
115
-o-transition: opacity ' . $styledata\[57\] . 's linear;
116
transition: opacity ' . $styledata\[57\] . 's linear;
117
-webkit-animation-duration: ' . $styledata\[57\] . 's;
118
-moz-animation-duration: ' . $styledata\[57\] . 's;
119
-ms-animation-duration: ' . $styledata\[57\] . 's;
120
-o-animation-duration: ' . $styledata\[57\] . 's;
121
animation-duration: ' . $styledata\[57\] . 's;
122
}
123
.oxilab-flip-box-body-' . $styleid . '{
124
max-width: ' . $styledata\[45\] . 'px;
128
125
width: 100%;
129
126
margin: 0 auto;
130
position: relative;
131
}
132
.oxilab-flip-box-body-<?php echo $styleid; ?>:after{
133
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
127
position: relative;
128
}
129
.oxilab-flip-box-body-' . $styleid . ':after{
130
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
134
131
content: "";
135
132
display: block;
136
133
}
137
.oxilab-flip-box-<?php echo $styleid; ?>{
134
.oxilab-flip-box-' . $styleid . '{
138
135
position: absolute;
139
136
top: 0;
…
…
142
139
bottom: 0;
143
140
display: block;
144
background-color: <?php echo $styledata\[5\]; ?>;
145
-webkit-border-radius: <?php echo $styledata\[141\]; ?>px;
146
-moz-border-radius: <?php echo $styledata\[141\]; ?>px;
147
-ms-border-radius: <?php echo $styledata\[141\]; ?>px;
148
-o-border-radius: <?php echo $styledata\[141\]; ?>px;
149
border-radius: <?php echo $styledata\[141\]; ?>px;
141
background-color: ' . $styledata\[5\] . ';
142
-webkit-border-radius: ' . $styledata\[141\] . 'px;
143
-moz-border-radius: ' . $styledata\[141\] . 'px;
144
-ms-border-radius: ' . $styledata\[141\] . 'px;
145
-o-border-radius: ' . $styledata\[141\] . 'px;
146
border-radius: ' . $styledata\[141\] . 'px;
150
147
overflow: hidden;
151
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
152
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
153
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
154
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
155
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
156
}
157
.oxilab-flip-box-<?php echo $styleid; ?>-data{
148
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
149
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
150
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
151
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
152
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
153
}
154
.oxilab-flip-box-' . $styleid . '-data{
158
155
position: absolute;
159
156
left: 0%;
…
…
162
159
right: 0;
163
160
}
164
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
165
display: block;
166
text-align: <?php echo $styledata\[81\]; ?>;
167
}
168
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
169
display: inline-block;
161
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
162
display: block;
163
text-align: ' . $styledata\[81\] . ';
164
}
165
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
166
display: inline-block;
170
167
width: 100%;
171
background-color: <?php echo $styledata\[9\]; ?>;
172
-webkit-border-radius: <?php echo $styledata\[141\]; ?>px;
173
-moz-border-radius: <?php echo $styledata\[141\]; ?>px;
174
-ms-border-radius: <?php echo $styledata\[141\]; ?>px;
175
-o-border-radius: <?php echo $styledata\[141\]; ?>px;
176
border-radius: <?php echo $styledata\[141\]; ?>px;
177
padding: <?php echo $styledata\[77\]; ?>% <?php echo $styledata\[79\]; ?>px;
178
}
179
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
180
line-height:<?php echo $styledata\[73\]; ?>px;
181
font-size: <?php echo $styledata\[73\]; ?>px;
182
color: <?php echo $styledata\[7\]; ?>;
183
}
184
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
185
display: block;
186
color: <?php echo $styledata\[11\]; ?>;
187
text-align: <?php echo $styledata\[91\]; ?>;
188
font-size: <?php echo $styledata\[83\]; ?>px;
189
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
190
font-weight: <?php echo $styledata\[89\]; ?>;
191
font-style:<?php echo $styledata\[87\]; ?>;
192
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
193
194
}
195
.oxilab-flip-box-back-<?php echo $styleid; ?>{
168
background-color: ' . $styledata\[9\] . ';
169
-webkit-border-radius: ' . $styledata\[141\] . 'px;
170
-moz-border-radius: ' . $styledata\[141\] . 'px;
171
-ms-border-radius: ' . $styledata\[141\] . 'px;
172
-o-border-radius: ' . $styledata\[141\] . 'px;
173
border-radius: ' . $styledata\[141\] . 'px;
174
padding: ' . $styledata\[77\] . '% ' . $styledata\[79\] . 'px;
175
}
176
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
177
line-height:' . $styledata\[73\] . 'px;
178
font-size: ' . $styledata\[73\] . 'px;
179
color: ' . $styledata\[7\] . ';
180
}
181
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
182
display: block;
183
color: ' . $styledata\[11\] . ';
184
text-align: ' . $styledata\[91\] . ';
185
font-size: ' . $styledata\[83\] . 'px;
186
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
187
font-weight: ' . $styledata\[89\] . ';
188
font-style:' . $styledata\[87\] . ';
189
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
190
191
}
192
.oxilab-flip-box-back-' . $styleid . '{
196
193
position: absolute;
197
194
top: 0;
…
…
200
197
bottom: 0;
201
198
display: block;
202
background-color: <?php echo $styledata\[13\]; ?>;
203
-webkit-border-radius: <?php echo $styledata\[141\]; ?>px;
204
-moz-border-radius: <?php echo $styledata\[141\]; ?>px;
205
-ms-border-radius: <?php echo $styledata\[141\]; ?>px;
206
-o-border-radius: <?php echo $styledata\[141\]; ?>px;
207
border-radius: <?php echo $styledata\[141\]; ?>px;
199
background-color: ' . $styledata\[13\] . ';
200
-webkit-border-radius: ' . $styledata\[141\] . 'px;
201
-moz-border-radius: ' . $styledata\[141\] . 'px;
202
-ms-border-radius: ' . $styledata\[141\] . 'px;
203
-o-border-radius: ' . $styledata\[141\] . 'px;
204
border-radius: ' . $styledata\[141\] . 'px;
208
205
overflow: hidden;
209
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
210
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
211
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
212
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
213
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
214
}
215
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
206
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
207
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
208
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
209
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
210
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
211
}
212
.oxilab-flip-box-back-' . $styleid . '-data{
216
213
position: absolute;
217
214
left: 0%;
218
215
right: 0;
219
top: 50%;
220
padding: <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
216
top: 50%;
217
padding: ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
221
218
-webkit-transform: translateY(-50%);
222
219
-ms-transform: translateY(-50%);
223
220
-moz-transform: translateY(-50%);
224
221
-o-transform: translateY(-50%);
225
transform: translateY(-50%);
226
}
227
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
228
display: block;
229
color: <?php echo $styledata\[15\]; ?>;
230
text-align: <?php echo $styledata\[131\]; ?>;
231
font-size: <?php echo $styledata\[123\]; ?>px;
232
font-family: <?php echo $this->font\_familly($styledata\[125\]); ?>;
233
font-weight: <?php echo $styledata\[129\]; ?>;
234
font-style:<?php echo $styledata\[127\]; ?>;
235
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[139\]; ?>px <?php echo $styledata\[135\]; ?>px <?php echo $styledata\[137\]; ?>px;
236
}
237
<?php echo $styledata\[143\]; ?>;
238
</style>
222
transform: translateY(-50%);
223
}
224
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
225
display: block;
226
color: ' . $styledata\[15\] . ';
227
text-align: ' . $styledata\[131\] . ';
228
font-size: ' . $styledata\[123\] . 'px;
229
font-family: ' . $this->font\_familly($styledata\[125\]) . ';
230
font-weight: ' . $styledata\[129\] . ';
231
font-style:' . $styledata\[127\] . ';
232
padding: ' . $styledata\[133\] . 'px ' . $styledata\[139\] . 'px ' . $styledata\[135\] . 'px ' . $styledata\[137\] . 'px;
233
}
234
' . $styledata\[143\] . ';';
235
?>
236
237
239
238
</div>
240
239
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style17.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[13\] == '' && $filesdata\[9\] != '') {
45
echo '<a href="' . $filesdata\[9\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[9\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-icon">
59
57
<div class="oxilab-icon-data">
…
…
68
66
</div>
69
67
<div class="oxilab-flip-box-back">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
71
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
69
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
72
70
<div class="oxilab-info">
73
71
<?php echo $this->text\_render($filesdata\[7\]); ?>
…
…
75
73
<?php
76
74
if ($filesdata\[13\] != '') {
77
echo '<a href="' . $filesdata\[9\] . '" target="' . $styledata\[53\] . '">';
75
echo '<a href="' . esc\_url($filesdata\[9\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
78
76
echo '<div class="oxilab-button">
79
77
<div class="oxilab-button-data">
…
…
92
90
</div>
93
91
<?php
94
echo $fileslinkend;
92
if ($filesdata\[13\] == '' && $filesdata\[9\] != '') {
93
echo '</a>';
94
}
95
95
echo $this->admin\_edit\_panel($value\['id'\]);
96
96
?>
97
97
</div>
98
<style>
99
<?php
100
if ($filesdata\[5\] != '') {
101
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
98
99
<?php
100
if ($filesdata\[5\] != '') {
101
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
102
102
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
103
103
\-moz-background-size: 100% 100%;
…
…
105
105
background-size: 100% 100%;
106
106
}';
107
}
108
if ($filesdata\[11\] != '') {
109
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
107
}
108
if ($filesdata\[11\] != '') {
109
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
110
110
background: linear-gradient(' . $styledata\[13\] . ', ' . $styledata\[13\] . '), url("' . $filesdata\[11\] . '");
111
111
\-moz-background-size: 100% 100%;
…
…
113
113
background-size: 100% 100%;
114
114
}';
115
}
116
?></style\>
115
}
116
?\>
117
117
</div>
118
118
<?php
119
119
endif;
120
120
}
121
?>
122
123
<style>
124
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
125
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
126
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
127
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
128
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
129
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
130
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
131
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
132
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
133
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
134
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
135
animation-duration: <?php echo $styledata\[57\]; ?>s;
136
}
137
.oxilab-flip-box-body-<?php echo $styleid; ?>{
138
max-width: <?php echo $styledata\[45\]; ?>px;
121
122
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
123
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
124
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
125
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
126
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
127
-o-transition: opacity ' . $styledata\[57\] . 's linear;
128
transition: opacity ' . $styledata\[57\] . 's linear;
129
-webkit-animation-duration: ' . $styledata\[57\] . 's;
130
-moz-animation-duration: ' . $styledata\[57\] . 's;
131
-ms-animation-duration: ' . $styledata\[57\] . 's;
132
-o-animation-duration: ' . $styledata\[57\] . 's;
133
animation-duration: ' . $styledata\[57\] . 's;
134
}
135
.oxilab-flip-box-body-' . $styleid . '{
136
max-width: ' . $styledata\[45\] . 'px;
139
137
width: 100%;
140
138
margin: 0 auto;
141
position: relative;
142
}
143
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
144
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
139
position: relative;
140
}
141
.oxilab-flip-box-body-' . $styleid . ':after {
142
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
145
143
content: "";
146
144
display: block;
147
145
}
148
.oxilab-flip-box-<?php echo $styleid; ?>{
146
.oxilab-flip-box-' . $styleid . '{
149
147
position: absolute;
150
148
top: 0;
…
…
152
150
right: 0;
153
151
bottom: 0;
154
background-color: <?php echo $styledata\[5\]; ?>;
155
border-color:<?php echo $styledata\[21\]; ?>;
156
border-width: <?php echo $styledata\[101\]; ?>px;
157
border-style:<?php echo $styledata\[103\]; ?>;
158
display: block;
159
-webkit-border-radius: <?php echo $styledata\[141\]; ?>px;
160
-moz-border-radius: <?php echo $styledata\[141\]; ?>px;
161
-ms-border-radius: <?php echo $styledata\[141\]; ?>px;
162
-o-border-radius: <?php echo $styledata\[141\]; ?>px;
163
border-radius: <?php echo $styledata\[141\]; ?>px;
152
background-color: ' . $styledata\[5\] . ';
153
border-color:' . $styledata\[21\] . ';
154
border-width: ' . $styledata\[101\] . 'px;
155
border-style:' . $styledata\[103\] . ';
156
display: block;
157
-webkit-border-radius: ' . $styledata\[141\] . 'px;
158
-moz-border-radius: ' . $styledata\[141\] . 'px;
159
-ms-border-radius: ' . $styledata\[141\] . 'px;
160
-o-border-radius: ' . $styledata\[141\] . 'px;
161
border-radius: ' . $styledata\[141\] . 'px;
164
162
overflow: hidden;
165
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
166
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
167
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
168
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
169
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
170
}
171
.oxilab-flip-box-<?php echo $styleid; ?>-data{
163
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
164
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
165
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
166
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
167
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
168
}
169
.oxilab-flip-box-' . $styleid . '-data{
172
170
position: absolute;
173
171
left: 0%;
174
top: 50%;
172
top: 50%;
175
173
display: flex;
176
174
justify-content: center;
177
175
align-items: center;
178
padding: <?php echo $styledata\[69\]; ?>px <?php echo $styledata\[71\]; ?>px;
176
padding: ' . $styledata\[69\] . 'px ' . $styledata\[71\] . 'px;
179
177
-webkit-transform: translateY(-50%);
180
178
-ms-transform: translateY(-50%);
…
…
184
182
right: 0;
185
183
}
186
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
187
display: inline-block;
188
text-align: center;
189
padding: <?php echo $styledata\[77\]; ?>px <?php echo $styledata\[79\]; ?>px;
190
}
191
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
192
display: inline-block;
193
}
194
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
195
font-size: <?php echo $styledata\[73\]; ?>px;
196
color: <?php echo $styledata\[7\]; ?>;
197
}
198
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
199
display: inline-block;
200
color: <?php echo $styledata\[11\]; ?>;
201
text-align: <?php echo $styledata\[91\]; ?>;
202
font-size: <?php echo $styledata\[83\]; ?>px;
203
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
204
font-weight: <?php echo $styledata\[89\]; ?>;
205
font-style:<?php echo $styledata\[87\]; ?>;
206
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
207
}
208
.oxilab-flip-box-back-<?php echo $styleid; ?>{
184
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
185
display: inline-block;
186
text-align: center;
187
padding: ' . $styledata\[77\] . 'px ' . $styledata\[79\] . 'px;
188
}
189
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
190
display: inline-block;
191
}
192
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
193
font-size: ' . $styledata\[73\] . 'px;
194
color: ' . $styledata\[7\] . ';
195
}
196
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
197
display: inline-block;
198
color: ' . $styledata\[11\] . ';
199
text-align: ' . $styledata\[91\] . ';
200
font-size: ' . $styledata\[83\] . 'px;
201
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
202
font-weight: ' . $styledata\[89\] . ';
203
font-style:' . $styledata\[87\] . ';
204
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
205
}
206
.oxilab-flip-box-back-' . $styleid . '{
209
207
position: absolute;
210
208
top: 0;
…
…
212
210
right: 0;
213
211
bottom: 0;
214
border-width: <?php echo $styledata\[105\]; ?>px;
215
border-style:<?php echo $styledata\[107\]; ?>;
216
background-color: <?php echo $styledata\[13\]; ?>;
217
border-color:<?php echo $styledata\[23\]; ?>;
218
display: block;
219
-webkit-border-radius: <?php echo $styledata\[141\]; ?>px;
220
-moz-border-radius: <?php echo $styledata\[141\]; ?>px;
221
-ms-border-radius: <?php echo $styledata\[141\]; ?>px;
222
-o-border-radius: <?php echo $styledata\[141\]; ?>px;
223
border-radius: <?php echo $styledata\[141\]; ?>px;
212
border-width: ' . $styledata\[105\] . 'px;
213
border-style:' . $styledata\[107\] . ';
214
background-color: ' . $styledata\[13\] . ';
215
border-color:' . $styledata\[23\] . ';
216
display: block;
217
-webkit-border-radius: ' . $styledata\[141\] . 'px;
218
-moz-border-radius: ' . $styledata\[141\] . 'px;
219
-ms-border-radius: ' . $styledata\[141\] . 'px;
220
-o-border-radius: ' . $styledata\[141\] . 'px;
221
border-radius: ' . $styledata\[141\] . 'px;
224
222
overflow: hidden;
225
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
226
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
227
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
228
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
229
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
230
}
231
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
223
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
224
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
225
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
226
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
227
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
228
}
229
.oxilab-flip-box-back-' . $styleid . '-data{
232
230
position: absolute;
233
231
left: 0%;
234
232
right: 0;
235
top: 50%;
236
padding: <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
233
top: 50%;
234
padding: ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
237
235
-webkit-transform: translateY(-50%);
238
236
-ms-transform: translateY(-50%);
239
237
-moz-transform: translateY(-50%);
240
238
-o-transform: translateY(-50%);
241
transform: translateY(-50%);
242
}
243
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-info{
244
display: block;
245
color: <?php echo $styledata\[15\]; ?>;
246
text-align: <?php echo $styledata\[131\]; ?>;
247
font-size: <?php echo $styledata\[123\]; ?>px;
248
font-family: <?php echo $this->font\_familly($styledata\[125\]); ?>;
249
font-weight: <?php echo $styledata\[129\]; ?>;
250
font-style:<?php echo $styledata\[127\]; ?>;
251
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[139\]; ?>px <?php echo $styledata\[135\]; ?>px <?php echo $styledata\[137\]; ?>px;
252
}
253
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button{
254
display: block;
255
text-align: <?php echo $styledata\[157\]; ?>;
256
padding: <?php echo $styledata\[159\]; ?>px <?php echo $styledata\[165\]; ?>px <?php echo $styledata\[161\]; ?>px <?php echo $styledata\[163\]; ?>px;
257
}
258
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data{
259
display: inline-block;
260
color: <?php echo $styledata\[19\]; ?>;
261
font-size: <?php echo $styledata\[143\]; ?>px;
262
font-family: <?php echo $this->font\_familly($styledata\[145\]); ?>;
263
font-weight: <?php echo $styledata\[149\]; ?>;
264
font-style:<?php echo $styledata\[147\]; ?>;
265
padding: <?php echo $styledata\[151\]; ?>px <?php echo $styledata\[153\]; ?>px;
266
-webkit-border-radius: <?php echo $styledata\[155\]; ?>px;
267
-moz-border-radius: <?php echo $styledata\[155\]; ?>px;
268
-ms-border-radius: <?php echo $styledata\[155\]; ?>px;
269
-o-border-radius: <?php echo $styledata\[155\]; ?>px;
270
border-radius: <?php echo $styledata\[155\]; ?>px;
271
}
272
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data:hover{
273
color: <?php echo $styledata\[17\]; ?>;
274
}
275
<?php echo $styledata\[167\]; ?>;
276
</style\>
239
transform: translateY(-50%);
240
}
241
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-info{
242
display: block;
243
color: ' . $styledata\[15\] . ';
244
text-align: ' . $styledata\[131\] . ';
245
font-size: ' . $styledata\[123\] . 'px;
246
font-family: ' . $this->font\_familly($styledata\[125\]) . ';
247
font-weight: ' . $styledata\[129\] . ';
248
font-style:' . $styledata\[127\] . ';
249
padding: ' . $styledata\[133\] . 'px ' . $styledata\[139\] . 'px ' . $styledata\[135\] . 'px ' . $styledata\[137\] . 'px;
250
}
251
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button{
252
display: block;
253
text-align: ' . $styledata\[157\] . ';
254
padding: ' . $styledata\[159\] . 'px ' . $styledata\[165\] . 'px ' . $styledata\[161\] . 'px ' . $styledata\[163\] . 'px;
255
}
256
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data{
257
display: inline-block;
258
color: ' . $styledata\[19\] . ';
259
font-size: ' . $styledata\[143\] . 'px;
260
font-family: ' . $this->font\_familly($styledata\[145\]) . ';
261
font-weight: ' . $styledata\[149\] . ';
262
font-style:' . $styledata\[147\] . ';
263
padding: ' . $styledata\[151\] . 'px ' . $styledata\[153\] . 'px;
264
-webkit-border-radius: ' . $styledata\[155\] . 'px;
265
-moz-border-radius: ' . $styledata\[155\] . 'px;
266
-ms-border-radius: ' . $styledata\[155\] . 'px;
267
-o-border-radius: ' . $styledata\[155\] . 'px;
268
border-radius: ' . $styledata\[155\] . 'px;
269
}
270
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data:hover{
271
color: ' . $styledata\[17\] . ';
272
}
273
' . $styledata\[167\] . ';';
274
?\>
277
275
</div>
278
276
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style18.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
47
echo '</a>';
49
48
}
50
49
?>
51
50
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
51
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
52
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
53
<div class="oxilab-flip-box-style">
55
54
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
56
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
57
<div class="oxilab-image">
59
<img src="<?php echo $filesdata\[5\]; ?>">
58
<img src="<?php echo esc\_url($filesdata\[5\]); ?>">
60
59
</div>
61
60
<div class="oxilab-heading">
62
61
<?php echo $this->text\_render($filesdata\[1\]); ?>
63
</div>
62
</div>
64
63
</div>
65
64
</div>
66
65
</div>
67
66
<div class="oxilab-flip-box-back">
68
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
69
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
67
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
70
69
<div class="oxilab-heading">
71
70
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
76
75
<?php
77
76
if ($filesdata\[9\] != '') {
78
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
77
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
79
78
echo '<div class="oxilab-button">
80
79
<div class="oxilab-button-data">
…
…
92
91
</div>
93
92
</div>
94
<?php echo $fileslinkend;
95
echo $this->admin\_edit\_panel($value\['id'\]);
93
<?php
94
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
95
echo '</a>';
96
}
97
echo $this->admin\_edit\_panel($value\['id'\]);
96
98
?>
97
99
</div>
98
<style>
99
<?php
100
if ($filesdata\[13\] != '') {
101
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
100
101
<?php
102
if ($filesdata\[13\] != '') {
103
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
102
104
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
103
105
\-moz-background-size: 100% 100%;
…
…
105
107
background-size: 100% 100%;
106
108
}';
107
}
108
?></style\>
109
}
110
?\>
109
111
</div>
110
112
<?php
111
113
endif;
112
114
}
113
?>
114
115
<style>
116
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
117
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
118
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
119
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
120
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
121
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
122
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
123
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
124
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
125
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
126
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
127
animation-duration: <?php echo $styledata\[57\]; ?>s;
128
}
129
.oxilab-flip-box-body-<?php echo $styleid; ?>{
130
max-width: <?php echo $styledata\[45\]; ?>px;
115
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
116
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
117
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
118
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
119
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
120
-o-transition: opacity ' . $styledata\[57\] . 's linear;
121
transition: opacity ' . $styledata\[57\] . 's linear;
122
-webkit-animation-duration: ' . $styledata\[57\] . 's;
123
-moz-animation-duration: ' . $styledata\[57\] . 's;
124
-ms-animation-duration: ' . $styledata\[57\] . 's;
125
-o-animation-duration: ' . $styledata\[57\] . 's;
126
animation-duration: ' . $styledata\[57\] . 's;
127
}
128
.oxilab-flip-box-body-' . $styleid . '{
129
max-width: ' . $styledata\[45\] . 'px;
131
130
width: 100%;
132
131
margin: 0 auto;
133
position: relative;
134
}
135
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
136
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
132
position: relative;
133
}
134
.oxilab-flip-box-body-' . $styleid . ':after {
135
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
137
136
content: "";
138
137
display: block;
139
138
}
140
.oxilab-flip-box-<?php echo $styleid; ?>{
141
position: absolute;
142
top: 0;
143
left: 0;
144
right: 0;
145
bottom: 0;
146
border-width: <?php echo $styledata\[163\]; ?>px;
147
border-style:<?php echo $styledata\[165\]; ?>;
148
background-color: <?php echo $styledata\[5\]; ?>;
149
border-color:<?php echo $styledata\[7\]; ?>;
150
display: block;
151
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
152
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
153
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
154
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
155
border-radius: <?php echo $styledata\[153\]; ?>px;
139
.oxilab-flip-box-' . $styleid . '{
140
position: absolute;
141
top: 0;
142
left: 0;
143
right: 0;
144
bottom: 0;
145
border-width: ' . $styledata\[163\] . 'px;
146
border-style:' . $styledata\[165\] . ';
147
background-color: ' . $styledata\[5\] . ';
148
border-color:' . $styledata\[7\] . ';
149
display: block;
150
-webkit-border-radius: ' . $styledata\[153\] . 'px;
151
-moz-border-radius: ' . $styledata\[153\] . 'px;
152
-ms-border-radius: ' . $styledata\[153\] . 'px;
153
-o-border-radius: ' . $styledata\[153\] . 'px;
154
border-radius: ' . $styledata\[153\] . 'px;
156
155
overflow: hidden;
157
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
158
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
159
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
160
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
161
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
162
}
163
.oxilab-flip-box-<?php echo $styleid; ?>-data{
156
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
157
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
158
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
159
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
160
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
161
}
162
.oxilab-flip-box-' . $styleid . '-data{
164
163
position: absolute;
165
164
left: 0%;
166
top: 0%;
167
right: 0;
168
bottom: 0;
169
}
170
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-image{
171
position: absolute;
172
top: 0;
173
left: 0;
174
right: 0;
175
display: block;
176
}
177
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-image:after{
178
padding-bottom: <?php echo $styledata\[69\]; ?>%;
165
top: 0%;
166
right: 0;
167
bottom: 0;
168
}
169
.oxilab-flip-box-' . $styleid . '\-data .oxilab-image{
170
position: absolute;
171
top: 0;
172
left: 0;
173
right: 0;
174
display: block;
175
}
176
.oxilab-flip-box-' . $styleid . '\-data .oxilab-image:after{
177
padding-bottom: ' . $styledata\[69\] . '%;
179
178
content: "";
180
179
display: block;
181
180
}
182
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-image img{
181
.oxilab-flip-box-' . $styleid . '\-data .oxilab-image img{
183
182
position: absolute;
184
183
width: 100%;
…
…
188
187
right: 0;
189
188
bottom: 0;
190
display: block;
191
}
192
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
193
margin-top: <?php echo $styledata\[69\]; ?>%;
194
color: <?php echo $styledata\[13\]; ?>;
195
display: block;
196
text-align: <?php echo $styledata\[91\]; ?>;
197
font-size: <?php echo $styledata\[83\]; ?>px;
198
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
199
font-weight: <?php echo $styledata\[89\]; ?>;
200
font-style:<?php echo $styledata\[87\]; ?>;
201
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
202
203
}
204
.oxilab-flip-box-back-<?php echo $styleid; ?>{
205
position: absolute;
206
top: 0;
207
left: 0;
208
right: 0;
209
bottom: 0;
210
border-width: <?php echo $styledata\[167\]; ?>px;
211
border-style:<?php echo $styledata\[169\]; ?>;
212
background-color: <?php echo $styledata\[15\]; ?>;
213
border-color:<?php echo $styledata\[9\]; ?>;
214
display: block;
215
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
216
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
217
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
218
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
219
border-radius: <?php echo $styledata\[153\]; ?>px;
189
display: block;
190
}
191
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
192
margin-top: ' . $styledata\[69\] . '%;
193
color: ' . $styledata\[13\] . ';
194
display: block;
195
text-align: ' . $styledata\[91\] . ';
196
font-size: ' . $styledata\[83\] . 'px;
197
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
198
font-weight: ' . $styledata\[89\] . ';
199
font-style:' . $styledata\[87\] . ';
200
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
201
202
}
203
.oxilab-flip-box-back-' . $styleid . '{
204
position: absolute;
205
top: 0;
206
left: 0;
207
right: 0;
208
bottom: 0;
209
border-width: ' . $styledata\[167\] . 'px;
210
border-style:' . $styledata\[169\] . ';
211
background-color: ' . $styledata\[15\] . ';
212
border-color:' . $styledata\[9\] . ';
213
display: block;
214
-webkit-border-radius: ' . $styledata\[153\] . 'px;
215
-moz-border-radius: ' . $styledata\[153\] . 'px;
216
-ms-border-radius: ' . $styledata\[153\] . 'px;
217
-o-border-radius: ' . $styledata\[153\] . 'px;
218
border-radius: ' . $styledata\[153\] . 'px;
220
219
overflow: hidden;
221
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
222
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
223
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
224
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
225
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
226
227
}
228
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
220
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
221
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
222
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
223
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
224
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
225
226
}
227
.oxilab-flip-box-back-' . $styleid . '-data{
229
228
position: absolute;
230
229
left: 0%;
231
230
right: 0;
232
top: 50%;
233
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
231
top: 50%;
232
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
234
233
-webkit-transform: translateY(-50%);
235
234
-ms-transform: translateY(-50%);
236
235
-moz-transform: translateY(-50%);
237
236
-o-transform: translateY(-50%);
238
transform: translateY(-50%);
239
}
240
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
241
display: block;
242
color: <?php echo $styledata\[31\]; ?>;
243
text-align: <?php echo $styledata\[189\]; ?>;
244
font-size: <?php echo $styledata\[181\]; ?>px;
245
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
246
font-weight: <?php echo $styledata\[187\]; ?>;
247
font-style:<?php echo $styledata\[185\]; ?>;
248
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
249
}
250
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-info{
251
display: block;
252
color: <?php echo $styledata\[19\]; ?>;
253
text-align: <?php echo $styledata\[115\]; ?>;
254
font-size: <?php echo $styledata\[107\]; ?>px;
255
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
256
font-weight: <?php echo $styledata\[113\]; ?>;
257
font-style:<?php echo $styledata\[111\]; ?>;
258
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
259
}
260
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button{
261
display: block;
262
text-align: <?php echo $styledata\[139\]; ?>;
263
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
264
}
265
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data{
266
display: inline-block;
267
color: <?php echo $styledata\[21\]; ?>;
268
background-color: <?php echo $styledata\[23\]; ?>;
269
font-size: <?php echo $styledata\[125\]; ?>px;
270
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
271
font-weight: <?php echo $styledata\[131\]; ?>;
272
font-style:<?php echo $styledata\[129\]; ?>;
273
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
274
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
275
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
276
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
277
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
278
border-radius: <?php echo $styledata\[137\]; ?>px;
279
}
280
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data:hover{
281
background-color: <?php echo $styledata\[27\]; ?>;
282
color: <?php echo $styledata\[25\]; ?>;
283
}
284
<?php echo $styledata\[199\]; ?>;
285
</style\>
237
transform: translateY(-50%);
238
}
239
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
240
display: block;
241
color: ' . $styledata\[31\] . ';
242
text-align: ' . $styledata\[189\] . ';
243
font-size: ' . $styledata\[181\] . 'px;
244
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
245
font-weight: ' . $styledata\[187\] . ';
246
font-style:' . $styledata\[185\] . ';
247
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
248
}
249
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-info{
250
display: block;
251
color: ' . $styledata\[19\] . ';
252
text-align: ' . $styledata\[115\] . ';
253
font-size: ' . $styledata\[107\] . 'px;
254
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
255
font-weight: ' . $styledata\[113\] . ';
256
font-style:' . $styledata\[111\] . ';
257
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
258
}
259
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button{
260
display: block;
261
text-align: ' . $styledata\[139\] . ';
262
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
263
}
264
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data{
265
display: inline-block;
266
color: ' . $styledata\[21\] . ';
267
background-color: ' . $styledata\[23\] . ';
268
font-size: ' . $styledata\[125\] . 'px;
269
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
270
font-weight: ' . $styledata\[131\] . ';
271
font-style:' . $styledata\[129\] . ';
272
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
273
-webkit-border-radius: ' . $styledata\[137\] . 'px;
274
-moz-border-radius: ' . $styledata\[137\] . 'px;
275
-ms-border-radius: ' . $styledata\[137\] . 'px;
276
-o-border-radius: ' . $styledata\[137\] . 'px;
277
border-radius: ' . $styledata\[137\] . 'px;
278
}
279
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data:hover{
280
background-color: ' . $styledata\[27\] . ';
281
color: ' . $styledata\[25\] . ';
282
}
283
' . $styledata\[199\] . ';';
284
?\>
286
285
</div>
287
286
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style19.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[3\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<img src="<?php echo $filesdata\[5\]; ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<img src="<?php echo esc\_url($filesdata\[5\]); ?>">
58
56
</div>
59
57
</div>
60
58
<div class="oxilab-flip-box-back">
61
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
62
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
59
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
60
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
63
61
<div class="oxilab-heading">
64
62
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
66
64
<div class="oxilab-info">
67
65
<?php echo $this->text\_render($filesdata\[7\]); ?>
68
</div>
66
</div>
69
67
</div>
70
68
<?php
71
69
if ($filesdata\[3\] != '') {
72
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
70
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
73
71
echo '<div class="oxilab-button">
74
72
' . $this->font\_awesome\_render($filesdata\[3\]) . '
…
…
84
82
</div>
85
83
<?php
86
echo $fileslinkend;
84
if ($filesdata\[3\] == '' && $filesdata\[11\] != '') {
85
echo '</a>';
86
}
87
87
echo $this->admin\_edit\_panel($value\['id'\]);
88
88
?>
89
89
</div>
90
<style>
91
<?php
92
if ($filesdata\[13\] != '') {
93
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
90
91
<?php
92
if ($filesdata\[13\] != '') {
93
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
94
94
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[13\] . '");
95
95
\-moz-background-size: 100% 100%;
…
…
97
97
background-size: 100% 100%;
98
98
}';
99
}
100
?>
101
</style>
99
}
100
?>
101
102
102
</div>
103
103
<?php
104
104
endif;
105
105
}
106
?>
107
108
<style>
109
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
110
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
111
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
112
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
113
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
114
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
115
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
116
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
117
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
118
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
119
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
120
animation-duration: <?php echo $styledata\[57\]; ?>s;
121
}
122
.oxilab-flip-box-body-<?php echo $styleid; ?>{
123
max-width: <?php echo $styledata\[45\]; ?>px;
106
107
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
108
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
109
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
110
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
111
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
112
-o-transition: opacity ' . $styledata\[57\] . 's linear;
113
transition: opacity ' . $styledata\[57\] . 's linear;
114
-webkit-animation-duration: ' . $styledata\[57\] . 's;
115
-moz-animation-duration: ' . $styledata\[57\] . 's;
116
-ms-animation-duration: ' . $styledata\[57\] . 's;
117
-o-animation-duration: ' . $styledata\[57\] . 's;
118
animation-duration: ' . $styledata\[57\] . 's;
119
}
120
.oxilab-flip-box-body-' . $styleid . '{
121
max-width: ' . $styledata\[45\] . 'px;
124
122
width: 100%;
125
123
margin: 0 auto;
126
position: relative;
127
}
128
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
129
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
124
position: relative;
125
}
126
.oxilab-flip-box-body-' . $styleid . ':after {
127
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
130
128
content: "";
131
129
display: block;
132
130
}
133
.oxilab-flip-box-<?php echo $styleid; ?>{
131
.oxilab-flip-box-' . $styleid . '{
134
132
position: absolute;
135
133
top: 0;
…
…
138
136
bottom: 0;
139
137
display: block;
140
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
141
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
142
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
143
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
144
border-radius: <?php echo $styledata\[153\]; ?>px;
138
-webkit-border-radius: ' . $styledata\[153\] . 'px;
139
-moz-border-radius: ' . $styledata\[153\] . 'px;
140
-ms-border-radius: ' . $styledata\[153\] . 'px;
141
-o-border-radius: ' . $styledata\[153\] . 'px;
142
border-radius: ' . $styledata\[153\] . 'px;
145
143
overflow: hidden;
146
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
147
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
148
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
149
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
150
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
151
}
152
.oxilab-flip-box-<?php echo $styleid; ?> img{
144
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
145
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
146
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
147
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
148
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
149
}
150
.oxilab-flip-box-' . $styleid . ' img{
153
151
position: absolute;
154
152
top: 0;
…
…
157
155
bottom: 0;
158
156
display: block;
159
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
160
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
161
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
162
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
163
border-radius: <?php echo $styledata\[153\]; ?>px;
157
-webkit-border-radius: ' . $styledata\[153\] . 'px;
158
-moz-border-radius: ' . $styledata\[153\] . 'px;
159
-ms-border-radius: ' . $styledata\[153\] . 'px;
160
-o-border-radius: ' . $styledata\[153\] . 'px;
161
border-radius: ' . $styledata\[153\] . 'px;
164
162
overflow: hidden;
165
163
width: 100%;
166
164
height: 100%;
167
165
}
168
.oxilab-flip-box-back-<?php echo $styleid; ?>{
166
.oxilab-flip-box-back-' . $styleid . '{
169
167
position: absolute;
170
168
top: 0;
…
…
173
171
bottom: 0;
174
172
display: block;
175
background-color: <?php echo $styledata\[5\]; ?>;
176
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
177
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
178
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
179
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
180
border-radius: <?php echo $styledata\[153\]; ?>px;
173
background-color: ' . $styledata\[5\] . ';
174
-webkit-border-radius: ' . $styledata\[153\] . 'px;
175
-moz-border-radius: ' . $styledata\[153\] . 'px;
176
-ms-border-radius: ' . $styledata\[153\] . 'px;
177
-o-border-radius: ' . $styledata\[153\] . 'px;
178
border-radius: ' . $styledata\[153\] . 'px;
181
179
overflow: hidden;
182
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
183
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
184
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
185
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
186
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
187
}
188
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
180
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
181
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
182
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
183
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
184
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
185
}
186
.oxilab-flip-box-back-' . $styleid . '-data{
189
187
position: absolute;
190
188
left: 0%;
191
189
right: 0;
192
top: 50%;
193
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
190
top: 50%;
191
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
194
192
-webkit-transform: translateY(-50%);
195
193
-ms-transform: translateY(-50%);
196
194
-moz-transform: translateY(-50%);
197
195
-o-transform: translateY(-50%);
198
transform: translateY(-50%);
199
}
200
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
201
display: block;
202
color: <?php echo $styledata\[13\]; ?>;
203
text-align: <?php echo $styledata\[189\]; ?>;
204
font-size: <?php echo $styledata\[181\]; ?>px;
205
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
206
font-weight: <?php echo $styledata\[187\]; ?>;
207
font-style:<?php echo $styledata\[185\]; ?>;
208
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
209
}
210
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
211
display: block;
212
color: <?php echo $styledata\[7\]; ?>;
213
text-align: <?php echo $styledata\[115\]; ?>;
214
font-size: <?php echo $styledata\[107\]; ?>px;
215
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
216
font-weight: <?php echo $styledata\[113\]; ?>;
217
font-style:<?php echo $styledata\[111\]; ?>;
218
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
219
}
220
.oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button{
221
display: block;
222
position: absolute;
223
right: 0;
224
bottom: 0;
225
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
226
}
227
.oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button .oxi-icons{
228
display: inline-block;
229
color: <?php echo $styledata\[9\]; ?>;
230
font-size: <?php echo $styledata\[125\]; ?>px;
231
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
232
}
233
.oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button .oxi-icons:hover{
234
color: <?php echo $styledata\[11\]; ?>;
235
}
236
<?php echo $styledata\[199\]; ?>;
237
</style>
196
transform: translateY(-50%);
197
}
198
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
199
display: block;
200
color: ' . $styledata\[13\] . ';
201
text-align: ' . $styledata\[189\] . ';
202
font-size: ' . $styledata\[181\] . 'px;
203
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
204
font-weight: ' . $styledata\[187\] . ';
205
font-style:' . $styledata\[185\] . ';
206
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
207
}
208
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
209
display: block;
210
color: ' . $styledata\[7\] . ';
211
text-align: ' . $styledata\[115\] . ';
212
font-size: ' . $styledata\[107\] . 'px;
213
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
214
font-weight: ' . $styledata\[113\] . ';
215
font-style:' . $styledata\[111\] . ';
216
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
217
}
218
.oxilab-flip-box-back-' . $styleid . ' .oxilab-button{
219
display: block;
220
position: absolute;
221
right: 0;
222
bottom: 0;
223
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
224
}
225
.oxilab-flip-box-back-' . $styleid . ' .oxilab-button .oxi-icons{
226
display: inline-block;
227
color: ' . $styledata\[9\] . ';
228
font-size: ' . $styledata\[125\] . 'px;
229
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
230
}
231
.oxilab-flip-box-back-' . $styleid . ' .oxilab-button .oxi-icons:hover{
232
color: ' . $styledata\[11\] . ';
233
}
234
' . $styledata\[199\] . ';';
235
?>
236
237
238
238
</div>
239
239
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style2.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-icon">
59
57
<div class="oxilab-icon-data">
…
…
71
69
</div>
72
70
<div class="oxilab-flip-box-back">
73
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
74
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
71
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
72
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
75
73
<div class="oxilab-heading">
76
74
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
81
79
<?php
82
80
if ($filesdata\[9\] != '') {
83
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
81
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
84
82
echo '<div class="oxilab-button">
85
83
<div class="oxilab-button-data">
…
…
98
96
</div>
99
97
<?php
100
echo $fileslinkend;
98
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
99
echo '</a>';
100
}
101
101
echo $this->admin\_edit\_panel($value\['id'\]);
102
102
?>
103
103
</div>
104
<style>
105
<?php
106
if ($filesdata\[5\] != '') {
107
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
104
105
<?php
106
if ($filesdata\[5\] != '') {
107
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
108
108
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
109
109
\-moz-background-size: 100% 100%;
…
…
111
111
background-size: 100% 100%;
112
112
}';
113
}
114
?>
115
<?php
116
if ($filesdata\[13\] != '') {
117
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
113
}
114
?>
115
<?php
116
if ($filesdata\[13\] != '') {
117
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
118
118
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
119
119
\-moz-background-size: 100% 100%;
…
…
121
121
background-size: 100% 100%;
122
122
}';
123
}
124
?>
125
</style>
123
}
124
?>
125
126
126
</div>
127
127
<?php
128
128
endif;
129
129
}
130
?>
131
<style>
132
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
133
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
134
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
135
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
136
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
137
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
138
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
139
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
140
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
141
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
142
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
143
animation-duration: <?php echo $styledata\[57\]; ?>s;
144
}
145
.oxilab-flip-box-body-<?php echo $styleid; ?>{
146
max-width: <?php echo $styledata\[45\]; ?>px;
130
131
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
132
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
133
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
134
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
135
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
136
-o-transition: opacity ' . $styledata\[57\] . 's linear;
137
transition: opacity ' . $styledata\[57\] . 's linear;
138
-webkit-animation-duration: ' . $styledata\[57\] . 's;
139
-moz-animation-duration: ' . $styledata\[57\] . 's;
140
-ms-animation-duration: ' . $styledata\[57\] . 's;
141
-o-animation-duration: ' . $styledata\[57\] . 's;
142
animation-duration: ' . $styledata\[57\] . 's;
143
}
144
.oxilab-flip-box-body-' . $styleid . '{
145
max-width: ' . $styledata\[45\] . 'px;
147
146
width: 100%;
148
147
margin: 0 auto;
149
position: relative;
150
}
151
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
152
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
148
position: relative;
149
}
150
.oxilab-flip-box-body-' . $styleid . ':after {
151
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
153
152
content: "";
154
153
display: block;
155
154
}
156
.oxilab-flip-box-<?php echo $styleid; ?>{
155
.oxilab-flip-box-' . $styleid . '{
157
156
position: absolute;
158
157
top: 0;
159
158
left: 0;
160
159
width: 100%;
161
height: 100%;
162
border-width: <?php echo $styledata\[149\]; ?>px;
163
border-style:<?php echo $styledata\[151\]; ?>;
164
border-color: <?php echo $styledata\[7\]; ?>;
165
background-color: <?php echo $styledata\[5\]; ?>;
160
height: 100%;
161
border-width: ' . $styledata\[149\] . 'px;
162
border-style:' . $styledata\[151\] . ';
163
border-color: ' . $styledata\[7\] . ';
164
background-color: ' . $styledata\[5\] . ';
166
165
display: block;
167
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
168
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
169
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
170
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
171
border-radius: <?php echo $styledata\[153\]; ?>px;
166
-webkit-border-radius: ' . $styledata\[153\] . 'px;
167
-moz-border-radius: ' . $styledata\[153\] . 'px;
168
-ms-border-radius: ' . $styledata\[153\] . 'px;
169
-o-border-radius: ' . $styledata\[153\] . 'px;
170
border-radius: ' . $styledata\[153\] . 'px;
172
171
overflow: hidden;
173
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
174
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
175
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
176
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
177
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
178
}
179
.oxilab-flip-box-<?php echo $styleid; ?>-data{
172
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
173
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
174
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
175
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
176
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
177
}
178
.oxilab-flip-box-' . $styleid . '-data{
180
179
position: absolute;
181
180
left: 0%;
182
top: 50%;
183
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
181
top: 50%;
182
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
184
183
-webkit-transform: translateY(-50%);
185
184
-ms-transform: translateY(-50%);
…
…
190
189
width: 100%;
191
190
}
192
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
193
width: 100%;
194
float: left;
195
text-align: center;
196
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
197
}
198
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
199
display: inline-block;
200
background-color: <?php echo $styledata\[11\]; ?>;
201
width: <?php echo $styledata\[79\]; ?>px;
202
height: <?php echo $styledata\[79\]; ?>px;
203
-webkit-border-radius: <?php echo $styledata\[81\]; ?>px;
204
-moz-border-radius: <?php echo $styledata\[81\]; ?>px;
205
-ms-border-radius: <?php echo $styledata\[81\]; ?>px;
206
-o-border-radius: <?php echo $styledata\[81\]; ?>px;
207
border-radius: <?php echo $styledata\[81\]; ?>px;
208
}
209
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
210
line-height: <?php echo $styledata\[79\]; ?>px;
211
font-size: <?php echo $styledata\[77\]; ?>px;
212
color: <?php echo $styledata\[9\]; ?>;
213
}
214
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
215
width: 100%;
216
float: left;
217
color: <?php echo $styledata\[13\]; ?>;
218
text-align: <?php echo $styledata\[91\]; ?>;
219
font-size: <?php echo $styledata\[83\]; ?>px;
220
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
221
font-weight: <?php echo $styledata\[89\]; ?>;
222
font-style:<?php echo $styledata\[87\]; ?>;
223
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
224
}
225
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
226
width: 100%;
227
float: left;
228
color: <?php echo $styledata\[29\]; ?>;
229
text-align: <?php echo $styledata\[171\]; ?>;
230
font-size: <?php echo $styledata\[163\]; ?>px;
231
font-family: <?php echo $this->font\_familly($styledata\[165\]); ?>;
232
font-weight: <?php echo $styledata\[169\]; ?>;
233
font-style:<?php echo $styledata\[167\]; ?>;
234
padding: <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[179\]; ?>px <?php echo $styledata\[175\]; ?>px <?php echo $styledata\[177\]; ?>px;
235
}
236
.oxilab-flip-box-back-<?php echo $styleid; ?>{
191
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
192
width: 100%;
193
float: left;
194
text-align: center;
195
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
196
}
197
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
198
display: inline-block;
199
background-color: ' . $styledata\[11\] . ';
200
width: ' . $styledata\[79\] . 'px;
201
height: ' . $styledata\[79\] . 'px;
202
-webkit-border-radius: ' . $styledata\[81\] . 'px;
203
-moz-border-radius: ' . $styledata\[81\] . 'px;
204
-ms-border-radius: ' . $styledata\[81\] . 'px;
205
-o-border-radius: ' . $styledata\[81\] . 'px;
206
border-radius: ' . $styledata\[81\] . 'px;
207
}
208
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
209
line-height: ' . $styledata\[79\] . 'px;
210
font-size: ' . $styledata\[77\] . 'px;
211
color: ' . $styledata\[9\] . ';
212
}
213
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
214
width: 100%;
215
float: left;
216
color: ' . $styledata\[13\] . ';
217
text-align: ' . $styledata\[91\] . ';
218
font-size: ' . $styledata\[83\] . 'px;
219
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
220
font-weight: ' . $styledata\[89\] . ';
221
font-style:' . $styledata\[87\] . ';
222
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
223
}
224
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
225
width: 100%;
226
float: left;
227
color: ' . $styledata\[29\] . ';
228
text-align: ' . $styledata\[171\] . ';
229
font-size: ' . $styledata\[163\] . 'px;
230
font-family: ' . $this->font\_familly($styledata\[165\]) . ';
231
font-weight: ' . $styledata\[169\] . ';
232
font-style:' . $styledata\[167\] . ';
233
padding: ' . $styledata\[173\] . 'px ' . $styledata\[179\] . 'px ' . $styledata\[175\] . 'px ' . $styledata\[177\] . 'px;
234
}
235
.oxilab-flip-box-back-' . $styleid . '{
237
236
position: absolute;
238
237
top: 0;
239
238
left: 0;
240
239
width: 100%;
241
height: 100%;
242
border-width: <?php echo $styledata\[155\]; ?>px;
243
border-style:<?php echo $styledata\[157\]; ?>;
244
border-color: <?php echo $styledata\[17\]; ?>;
245
background-color: <?php echo $styledata\[15\]; ?>;
240
height: 100%;
241
border-width: ' . $styledata\[155\] . 'px;
242
border-style:' . $styledata\[157\] . ';
243
border-color: ' . $styledata\[17\] . ';
244
background-color: ' . $styledata\[15\] . ';
246
245
display: block;
247
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
248
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
249
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
250
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
251
border-radius:<?php echo $styledata\[153\]; ?>px;
246
-webkit-border-radius: ' . $styledata\[153\] . 'px;
247
-moz-border-radius: ' . $styledata\[153\] . 'px;
248
-ms-border-radius: ' . $styledata\[153\] . 'px;
249
-o-border-radius: ' . $styledata\[153\] . 'px;
250
border-radius:' . $styledata\[153\] . 'px;
252
251
overflow: hidden;
253
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
254
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
255
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
256
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
257
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
258
}
259
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
252
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
253
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
254
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
255
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
256
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
257
}
258
.oxilab-flip-box-back-' . $styleid . '-data{
260
259
position: absolute;
261
260
left: 0%;
262
top: 50%;
263
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
261
top: 50%;
262
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
264
263
-webkit-transform: translateY(-50%);
265
264
-ms-transform: translateY(-50%);
…
…
269
268
width: 100%;
270
269
}
271
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
272
width: 100%;
273
float: left;
274
color: <?php echo $styledata\[31\]; ?>;
275
text-align: <?php echo $styledata\[189\]; ?>;
276
font-size: <?php echo $styledata\[181\]; ?>px;
277
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
278
font-weight: <?php echo $styledata\[187\]; ?>;
279
font-style:<?php echo $styledata\[185\]; ?>;
280
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
281
}
282
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
283
width: 100%;
284
float: left;
285
color: <?php echo $styledata\[19\]; ?>;
286
text-align: <?php echo $styledata\[115\]; ?>;
287
font-size: <?php echo $styledata\[107\]; ?>px;
288
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
289
font-weight: <?php echo $styledata\[113\]; ?>;
290
font-style:<?php echo $styledata\[111\]; ?>;
291
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
292
}
293
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
294
width: 100%;
295
float: left;
296
text-align: <?php echo $styledata\[139\]; ?>;
297
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
298
}
299
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
300
display: inline-block;
301
color: <?php echo $styledata\[21\]; ?>;
302
background-color: <?php echo $styledata\[23\]; ?>;
303
font-size: <?php echo $styledata\[125\]; ?>px;
304
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
305
font-weight: <?php echo $styledata\[131\]; ?>;
306
font-style:<?php echo $styledata\[129\]; ?>;
307
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
308
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
309
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
310
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
311
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
312
border-radius: <?php echo $styledata\[137\]; ?>px;
313
}
314
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
315
background-color: <?php echo $styledata\[27\]; ?>;
316
color: <?php echo $styledata\[25\]; ?>;
317
}
318
<?php echo $styledata\[199\]; ?>;
319
</style>
270
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
271
width: 100%;
272
float: left;
273
color: ' . $styledata\[31\] . ';
274
text-align: ' . $styledata\[189\] . ';
275
font-size: ' . $styledata\[181\] . 'px;
276
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
277
font-weight: ' . $styledata\[187\] . ';
278
font-style:' . $styledata\[185\] . ';
279
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
280
}
281
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
282
width: 100%;
283
float: left;
284
color: ' . $styledata\[19\] . ';
285
text-align: ' . $styledata\[115\] . ';
286
font-size: ' . $styledata\[107\] . 'px;
287
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
288
font-weight: ' . $styledata\[113\] . ';
289
font-style:' . $styledata\[111\] . ';
290
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
291
}
292
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
293
width: 100%;
294
float: left;
295
text-align: ' . $styledata\[139\] . ';
296
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
297
}
298
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
299
display: inline-block;
300
color: ' . $styledata\[21\] . ';
301
background-color: ' . $styledata\[23\] . ';
302
font-size: ' . $styledata\[125\] . 'px;
303
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
304
font-weight: ' . $styledata\[131\] . ';
305
font-style:' . $styledata\[129\] . ';
306
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
307
-webkit-border-radius: ' . $styledata\[137\] . 'px;
308
-moz-border-radius: ' . $styledata\[137\] . 'px;
309
-ms-border-radius: ' . $styledata\[137\] . 'px;
310
-o-border-radius: ' . $styledata\[137\] . 'px;
311
border-radius: ' . $styledata\[137\] . 'px;
312
}
313
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
314
background-color: ' . $styledata\[27\] . ';
315
color: ' . $styledata\[25\] . ';
316
}
317
' . $styledata\[199\] . ';';
318
?>
319
320
320
</div>
321
321
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style20.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-image">
59
<img src="<?php echo $filesdata\[5\]; ?>">
57
<img src="<?php echo esc\_url($filesdata\[5\]); ?>">
60
58
</div>
61
59
<div class="oxilab-heading">
62
60
<?php echo $this->text\_render($filesdata\[1\]); ?>
63
</div>
61
</div>
64
62
</div>
65
63
</div>
66
64
</div>
67
65
<div class="oxilab-flip-box-back">
68
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
69
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
66
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
67
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
70
68
<div class="oxilab-heading">
71
69
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
76
74
<?php
77
75
if ($filesdata\[9\] != '') {
78
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
76
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
79
77
echo '<div class="oxilab-button">
80
78
<div class="oxilab-button-data">
…
…
92
90
</div>
93
91
</div>
94
<?php echo $fileslinkend;
95
echo $this->admin\_edit\_panel($value\['id'\]);
92
<?php
93
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
94
echo '</a>';
95
}
96
echo $this->admin\_edit\_panel($value\['id'\]);
96
97
?>
97
98
</div>
98
<style>
99
<?php
100
101
if ($filesdata\[13\] != '') {
102
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
99
100
<?php
101
if ($filesdata\[13\] != '') {
102
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
103
103
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
104
104
\-moz-background-size: 100% 100%;
…
…
106
106
background-size: 100% 100%;
107
107
}';
108
}
109
?>
110
</style>
108
}
109
?>
110
111
111
</div>
112
112
<?php
113
113
endif;
114
114
}
115
?>
116
117
<style>
118
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
119
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
120
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
121
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
122
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
123
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
124
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
125
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
126
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
127
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
128
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
129
animation-duration: <?php echo $styledata\[57\]; ?>s;
130
}
131
.oxilab-flip-box-body-<?php echo $styleid; ?>{
132
max-width: <?php echo $styledata\[45\]; ?>px;
115
116
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
117
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
118
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
119
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
120
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
121
-o-transition: opacity ' . $styledata\[57\] . 's linear;
122
transition: opacity ' . $styledata\[57\] . 's linear;
123
-webkit-animation-duration: ' . $styledata\[57\] . 's;
124
-moz-animation-duration: ' . $styledata\[57\] . 's;
125
-ms-animation-duration: ' . $styledata\[57\] . 's;
126
-o-animation-duration: ' . $styledata\[57\] . 's;
127
animation-duration: ' . $styledata\[57\] . 's;
128
}
129
.oxilab-flip-box-body-' . $styleid . '{
130
max-width: ' . $styledata\[45\] . 'px;
133
131
width: 100%;
134
132
margin: 0 auto;
135
position: relative;
136
}
137
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
138
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
133
position: relative;
134
}
135
.oxilab-flip-box-body-' . $styleid . ':after {
136
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
139
137
content: "";
140
138
display: block;
141
139
}
142
.oxilab-flip-box-<?php echo $styleid; ?>{
143
position: absolute;
144
top: 0;
145
left: 0;
146
right: 0;
147
bottom: 0;
148
background-color: <?php echo $styledata\[5\]; ?>;
149
border-color:<?php echo $styledata\[7\]; ?>;
150
border-width: <?php echo $styledata\[163\]; ?>px;
151
border-style:<?php echo $styledata\[165\]; ?>;
152
display: block;
153
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
154
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
155
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
156
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
157
border-radius: <?php echo $styledata\[153\]; ?>px;
158
overflow: hidden;
159
}
160
.oxilab-flip-box-<?php echo $styleid; ?>-data{
140
.oxilab-flip-box-' . $styleid . '{
141
position: absolute;
142
top: 0;
143
left: 0;
144
right: 0;
145
bottom: 0;
146
background-color: ' . $styledata\[5\] . ';
147
border-color:' . $styledata\[7\] . ';
148
border-width: ' . $styledata\[163\] . 'px;
149
border-style:' . $styledata\[165\] . ';
150
display: block;
151
-webkit-border-radius: ' . $styledata\[153\] . 'px;
152
-moz-border-radius: ' . $styledata\[153\] . 'px;
153
-ms-border-radius: ' . $styledata\[153\] . 'px;
154
-o-border-radius: ' . $styledata\[153\] . 'px;
155
border-radius: ' . $styledata\[153\] . 'px;
156
overflow: hidden;
157
}
158
.oxilab-flip-box-' . $styleid . '-data{
161
159
position: absolute;
162
160
left: 0%;
163
top: 0%;
164
right: 0;
165
bottom: 0;
166
}
167
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-image{
168
position: absolute;
169
top: 0;
170
left: 0;
171
right: 0;
172
margin: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[77\]; ?>px <?php echo $styledata\[73\]; ?>px <?php echo $styledata\[75\]; ?>px;
173
display: block;
174
}
175
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-image:after{
176
padding-bottom: <?php echo $styledata\[69\]; ?>%;
161
top: 0%;
162
right: 0;
163
bottom: 0;
164
}
165
.oxilab-flip-box-' . $styleid . '\-data .oxilab-image{
166
position: absolute;
167
top: 0;
168
left: 0;
169
right: 0;
170
margin: ' . $styledata\[71\] . 'px ' . $styledata\[77\] . 'px ' . $styledata\[73\] . 'px ' . $styledata\[75\] . 'px;
171
display: block;
172
}
173
.oxilab-flip-box-' . $styleid . '\-data .oxilab-image:after{
174
padding-bottom: ' . $styledata\[69\] . '%;
177
175
content: "";
178
176
display: block;
179
177
}
180
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-image img{
178
.oxilab-flip-box-' . $styleid . '\-data .oxilab-image img{
181
179
position: absolute;
182
180
top: 0;
…
…
186
184
width: 100%;
187
185
height:100%;
188
display: block;
189
}
190
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
191
margin-top: <?php echo $styledata\[69\]; ?>%;
192
color: <?php echo $styledata\[13\]; ?>;
193
display: block;
194
text-align: <?php echo $styledata\[91\]; ?>;
195
font-size: <?php echo $styledata\[83\]; ?>px;
196
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
197
font-weight: <?php echo $styledata\[89\]; ?>;
198
font-style:<?php echo $styledata\[87\]; ?>;
199
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
200
}
201
.oxilab-flip-box-back-<?php echo $styleid; ?>{
202
position: absolute;
203
top: 0;
204
left: 0;
205
right: 0;
206
bottom: 0;
207
background-color: <?php echo $styledata\[15\]; ?>;
208
border-color:<?php echo $styledata\[9\]; ?>;
209
border-width: <?php echo $styledata\[167\]; ?>px;
210
border-style:<?php echo $styledata\[169\]; ?>;
211
display: block;
212
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
213
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
214
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
215
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
216
border-radius: <?php echo $styledata\[153\]; ?>px;
217
overflow: hidden;
218
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
219
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
220
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
221
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
222
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
223
}
224
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
186
display: block;
187
}
188
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
189
margin-top: ' . $styledata\[69\] . '%;
190
color: ' . $styledata\[13\] . ';
191
display: block;
192
text-align: ' . $styledata\[91\] . ';
193
font-size: ' . $styledata\[83\] . 'px;
194
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
195
font-weight: ' . $styledata\[89\] . ';
196
font-style:' . $styledata\[87\] . ';
197
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
198
}
199
.oxilab-flip-box-back-' . $styleid . '{
200
position: absolute;
201
top: 0;
202
left: 0;
203
right: 0;
204
bottom: 0;
205
background-color: ' . $styledata\[15\] . ';
206
border-color:' . $styledata\[9\] . ';
207
border-width: ' . $styledata\[167\] . 'px;
208
border-style:' . $styledata\[169\] . ';
209
display: block;
210
-webkit-border-radius: ' . $styledata\[153\] . 'px;
211
-moz-border-radius: ' . $styledata\[153\] . 'px;
212
-ms-border-radius: ' . $styledata\[153\] . 'px;
213
-o-border-radius: ' . $styledata\[153\] . 'px;
214
border-radius: ' . $styledata\[153\] . 'px;
215
overflow: hidden;
216
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
217
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
218
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
219
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
220
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
221
}
222
.oxilab-flip-box-back-' . $styleid . '-data{
225
223
position: absolute;
226
224
left: 0%;
227
225
right: 0;
228
top: 50%;
229
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
226
top: 50%;
227
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
230
228
-webkit-transform: translateY(-50%);
231
229
-ms-transform: translateY(-50%);
232
230
-moz-transform: translateY(-50%);
233
231
-o-transform: translateY(-50%);
234
transform: translateY(-50%);
235
}
236
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
237
display: block;
238
color: <?php echo $styledata\[31\]; ?>;
239
text-align: <?php echo $styledata\[189\]; ?>;
240
font-size: <?php echo $styledata\[181\]; ?>px;
241
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
242
font-weight: <?php echo $styledata\[187\]; ?>;
243
font-style:<?php echo $styledata\[185\]; ?>;
244
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
245
}
246
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
247
display: block;
248
color: <?php echo $styledata\[19\]; ?>;
249
text-align: <?php echo $styledata\[115\]; ?>;
250
font-size: <?php echo $styledata\[107\]; ?>px;
251
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
252
font-weight: <?php echo $styledata\[113\]; ?>;
253
font-style:<?php echo $styledata\[111\]; ?>;
254
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
255
}
256
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
257
display: block;
258
text-align: <?php echo $styledata\[139\]; ?>;
259
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
260
}
261
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
262
display: inline-block;
263
color: <?php echo $styledata\[21\]; ?>;
264
background-color: <?php echo $styledata\[23\]; ?>;
265
font-size: <?php echo $styledata\[125\]; ?>px;
266
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
267
font-weight: <?php echo $styledata\[131\]; ?>;
268
font-style:<?php echo $styledata\[129\]; ?>;
269
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
270
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
271
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
272
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
273
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
274
border-radius: <?php echo $styledata\[137\]; ?>px;
275
}
276
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
277
background-color: <?php echo $styledata\[27\]; ?>;
278
color: <?php echo $styledata\[25\]; ?>;
279
}
280
<?php echo $styledata\[199\]; ?>;
281
</style>
232
transform: translateY(-50%);
233
}
234
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
235
display: block;
236
color: ' . $styledata\[31\] . ';
237
text-align: ' . $styledata\[189\] . ';
238
font-size: ' . $styledata\[181\] . 'px;
239
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
240
font-weight: ' . $styledata\[187\] . ';
241
font-style:' . $styledata\[185\] . ';
242
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
243
}
244
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
245
display: block;
246
color: ' . $styledata\[19\] . ';
247
text-align: ' . $styledata\[115\] . ';
248
font-size: ' . $styledata\[107\] . 'px;
249
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
250
font-weight: ' . $styledata\[113\] . ';
251
font-style:' . $styledata\[111\] . ';
252
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
253
}
254
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
255
display: block;
256
text-align: ' . $styledata\[139\] . ';
257
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
258
}
259
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
260
display: inline-block;
261
color: ' . $styledata\[21\] . ';
262
background-color: ' . $styledata\[23\] . ';
263
font-size: ' . $styledata\[125\] . 'px;
264
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
265
font-weight: ' . $styledata\[131\] . ';
266
font-style:' . $styledata\[129\] . ';
267
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
268
-webkit-border-radius: ' . $styledata\[137\] . 'px;
269
-moz-border-radius: ' . $styledata\[137\] . 'px;
270
-ms-border-radius: ' . $styledata\[137\] . 'px;
271
-o-border-radius: ' . $styledata\[137\] . 'px;
272
border-radius: ' . $styledata\[137\] . 'px;
273
}
274
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
275
background-color: ' . $styledata\[27\] . ';
276
color: ' . $styledata\[25\] . ';
277
}
278
' . $styledata\[199\] . ';';
279
?>
280
281
282
282
</div>
283
283
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style21.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
30
31
<div class="oxilab-flip-box-wrapper">
31
32
<?php
32
33
33
foreach ($listdata as $value) {
34
34
if ($value\['files'\] != ''):
35
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
36
36
?>
37
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
38
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
39
39
sa-data-animation-offset="100%"
40
40
sa-data-animation-delay="0ms"
41
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
42
42
>
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
44
44
<?php
45
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
46
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
47
$fileslinkend = '</a>';
48
} else {
49
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
50
47
}
51
48
?>
52
49
<div class="oxilab-flip-box-body-absulote">
53
<div class="<?php echo $styledata\[1\]; ?>">
54
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
55
52
<div class="oxilab-flip-box-style">
56
53
<div class="oxilab-flip-box-front">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
58
55
<div class="oxilab-span">
59
56
60
57
</div>
61
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
58
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
62
59
<div class="oxilab-icon">
63
60
<div class="oxilab-icon-data">
…
…
67
64
<div class="oxilab-heading">
68
65
<?php echo $this->text\_render($filesdata\[1\]); ?>
69
</div>
66
</div>
70
67
</div>
71
68
</div>
72
69
</div>
73
70
<div class="oxilab-flip-box-back">
74
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
75
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
71
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
72
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
76
73
<div class="oxilab-info">
77
74
<?php echo $this->text\_render($filesdata\[7\]); ?>
…
…
79
76
<?php
80
77
if ($filesdata\[9\] != '') {
81
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
78
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
82
79
echo '<div class="oxilab-button">
83
80
<div class="oxilab-button-data">
…
…
96
93
</div>
97
94
</div>
98
<?php echo $fileslinkend;
99
echo $this->admin\_edit\_panel($value\['id'\]);
95
<?php
96
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
97
echo '</a>';
98
}
99
echo $this->admin\_edit\_panel($value\['id'\]);
100
100
?>
101
101
102
102
</div>
103
103
104
<style>
105
<?php
106
if ($filesdata\[5\] != '') {
107
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
104
105
<?php
106
if ($filesdata\[5\] != '') {
107
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
108
108
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
109
109
\-moz-background-size: 100% 100%;
…
…
111
111
background-size: 100% 100%;
112
112
}';
113
}
114
if ($filesdata\[13\] != '') {
115
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
113
}
114
if ($filesdata\[13\] != '') {
115
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
116
116
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
117
117
\-moz-background-size: 100% 100%;
…
…
119
119
background-size: 100% 100%;
120
120
}';
121
}
122
?>
123
</style>
121
}
122
?>
123
124
124
</div>
125
125
<?php
126
126
endif;
127
127
}
128
?>
129
130
<style>
131
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
132
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
133
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
134
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
135
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
136
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
137
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
138
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
139
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
140
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
141
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
142
animation-duration: <?php echo $styledata\[57\]; ?>s;
143
}
144
.oxilab-flip-box-body-<?php echo $styleid; ?>{
145
max-width: <?php echo $styledata\[45\]; ?>px;
128
129
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
130
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
131
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
132
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
133
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
134
-o-transition: opacity ' . $styledata\[57\] . 's linear;
135
transition: opacity ' . $styledata\[57\] . 's linear;
136
-webkit-animation-duration: ' . $styledata\[57\] . 's;
137
-moz-animation-duration: ' . $styledata\[57\] . 's;
138
-ms-animation-duration: ' . $styledata\[57\] . 's;
139
-o-animation-duration: ' . $styledata\[57\] . 's;
140
animation-duration: ' . $styledata\[57\] . 's;
141
}
142
.oxilab-flip-box-body-' . $styleid . '{
143
max-width: ' . $styledata\[45\] . 'px;
146
144
width: 100%;
147
145
margin: 0 auto;
148
position: relative;
149
}
150
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
151
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
146
position: relative;
147
}
148
.oxilab-flip-box-body-' . $styleid . ':after {
149
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
152
150
content: "";
153
151
display: block;
154
152
}
155
.oxilab-flip-box-<?php echo $styleid; ?>{
153
.oxilab-flip-box-' . $styleid . '{
156
154
position: absolute;
157
155
top: 0;
…
…
159
157
right: 0;
160
158
bottom: 0;
161
border-width: <?php echo $styledata\[149\]; ?>px;
162
border-style:<?php echo $styledata\[151\]; ?>;
163
background-color: <?php echo $styledata\[5\]; ?>;
164
border-color: <?php echo $styledata\[7\]; ?>;
165
display: block;
166
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
167
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
168
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
169
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
170
border-radius: <?php echo $styledata\[153\]; ?>px;
159
border-width: ' . $styledata\[149\] . 'px;
160
border-style:' . $styledata\[151\] . ';
161
background-color: ' . $styledata\[5\] . ';
162
border-color: ' . $styledata\[7\] . ';
163
display: block;
164
-webkit-border-radius: ' . $styledata\[153\] . 'px;
165
-moz-border-radius: ' . $styledata\[153\] . 'px;
166
-ms-border-radius: ' . $styledata\[153\] . 'px;
167
-o-border-radius: ' . $styledata\[153\] . 'px;
168
border-radius: ' . $styledata\[153\] . 'px;
171
169
overflow: hidden;
172
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
173
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
174
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
175
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
176
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
177
}
178
.oxilab-flip-box-<?php echo $styleid; ?> .oxilab-span{
170
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
171
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
172
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
173
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
174
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
175
}
176
.oxilab-flip-box-' . $styleid . ' .oxilab-span{
179
177
position: absolute;
180
178
top: 0;
181
179
left: 0;
182
180
right: 0;
183
background-color: <?php echo $styledata\[11\]; ?>;
184
height: <?php echo $styledata\[75\]; ?>px;
185
overflow: hidden;
186
}
187
.oxilab-flip-box-<?php echo $styleid; ?>-data{
181
background-color: ' . $styledata\[11\] . ';
182
height: ' . $styledata\[75\] . 'px;
183
overflow: hidden;
184
}
185
.oxilab-flip-box-' . $styleid . '-data{
188
186
position: absolute;
189
187
left: 0%;
190
bottom: 0%;
191
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
192
right: 0;
193
}
194
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
195
display: block;
196
text-align: center;
197
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
198
}
199
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
200
display: inline-block;
201
}
202
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
203
line-height: <?php echo $styledata\[79\]; ?>px;
204
font-size: <?php echo $styledata\[77\]; ?>px;
205
color: <?php echo $styledata\[9\]; ?>;
206
}
207
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
208
display: block;
209
color: <?php echo $styledata\[13\]; ?>;
210
text-align: <?php echo $styledata\[91\]; ?>;
211
font-size: <?php echo $styledata\[83\]; ?>px;
212
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
213
font-weight: <?php echo $styledata\[89\]; ?>;
214
font-style:<?php echo $styledata\[87\]; ?>;
215
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
216
217
}
218
.oxilab-flip-box-back-<?php echo $styleid; ?>{
188
bottom: 0%;
189
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
190
right: 0;
191
}
192
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
193
display: block;
194
text-align: center;
195
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
196
}
197
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
198
display: inline-block;
199
}
200
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
201
line-height: ' . $styledata\[79\] . 'px;
202
font-size: ' . $styledata\[77\] . 'px;
203
color: ' . $styledata\[9\] . ';
204
}
205
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
206
display: block;
207
color: ' . $styledata\[13\] . ';
208
text-align: ' . $styledata\[91\] . ';
209
font-size: ' . $styledata\[83\] . 'px;
210
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
211
font-weight: ' . $styledata\[89\] . ';
212
font-style:' . $styledata\[87\] . ';
213
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
214
215
}
216
.oxilab-flip-box-back-' . $styleid . '{
219
217
position: absolute;
220
218
top: 0;
…
…
222
220
right: 0;
223
221
bottom: 0;
224
border-width: <?php echo $styledata\[155\]; ?>px;
225
border-style:<?php echo $styledata\[157\]; ?>;
226
border-color: <?php echo $styledata\[17\]; ?>;
227
background-color: <?php echo $styledata\[15\]; ?>;
228
display: block;
229
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
230
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
231
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
232
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
233
border-radius: <?php echo $styledata\[153\]; ?>px;
222
border-width: ' . $styledata\[155\] . 'px;
223
border-style:' . $styledata\[157\] . ';
224
border-color: ' . $styledata\[17\] . ';
225
background-color: ' . $styledata\[15\] . ';
226
display: block;
227
-webkit-border-radius: ' . $styledata\[153\] . 'px;
228
-moz-border-radius: ' . $styledata\[153\] . 'px;
229
-ms-border-radius: ' . $styledata\[153\] . 'px;
230
-o-border-radius: ' . $styledata\[153\] . 'px;
231
border-radius: ' . $styledata\[153\] . 'px;
234
232
overflow: hidden;
235
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
236
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
237
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
238
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
239
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
240
}
241
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
233
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
234
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
235
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
236
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
237
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
238
}
239
.oxilab-flip-box-back-' . $styleid . '-data{
242
240
position: absolute;
243
241
left: 0%;
244
242
right: 0;
245
top: 50%;
246
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
243
top: 50%;
244
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
247
245
-webkit-transform: translateY(-50%);
248
246
-ms-transform: translateY(-50%);
249
247
-moz-transform: translateY(-50%);
250
248
-o-transform: translateY(-50%);
251
transform: translateY(-50%);
252
}
253
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
254
display: block;
255
color: <?php echo $styledata\[19\]; ?>;
256
text-align: <?php echo $styledata\[115\]; ?>;
257
font-size: <?php echo $styledata\[107\]; ?>px;
258
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
259
font-weight: <?php echo $styledata\[113\]; ?>;
260
font-style:<?php echo $styledata\[111\]; ?>;
261
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
262
263
}
264
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
265
display: block;
266
text-align: <?php echo $styledata\[139\]; ?>;
267
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
268
}
269
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
270
display: inline-block;
271
font-size: <?php echo $styledata\[125\]; ?>px;
272
color: <?php echo $styledata\[21\]; ?>;
273
background-color: <?php echo $styledata\[23\]; ?>;
274
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
275
font-weight: <?php echo $styledata\[131\]; ?>;
276
font-style:<?php echo $styledata\[129\]; ?>;
277
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
278
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
279
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
280
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
281
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
282
border-radius: <?php echo $styledata\[137\]; ?>px;
283
}
284
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
285
background-color: <?php echo $styledata\[27\]; ?>;
286
color: <?php echo $styledata\[25\]; ?>;
287
}
288
<?php echo $styledata\[163\]; ?>;
289
</style>
249
transform: translateY(-50%);
250
}
251
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
252
display: block;
253
color: ' . $styledata\[19\] . ';
254
text-align: ' . $styledata\[115\] . ';
255
font-size: ' . $styledata\[107\] . 'px;
256
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
257
font-weight: ' . $styledata\[113\] . ';
258
font-style:' . $styledata\[111\] . ';
259
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
260
261
}
262
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
263
display: block;
264
text-align: ' . $styledata\[139\] . ';
265
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
266
}
267
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
268
display: inline-block;
269
font-size: ' . $styledata\[125\] . 'px;
270
color: ' . $styledata\[21\] . ';
271
background-color: ' . $styledata\[23\] . ';
272
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
273
font-weight: ' . $styledata\[131\] . ';
274
font-style:' . $styledata\[129\] . ';
275
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
276
-webkit-border-radius: ' . $styledata\[137\] . 'px;
277
-moz-border-radius: ' . $styledata\[137\] . 'px;
278
-ms-border-radius: ' . $styledata\[137\] . 'px;
279
-o-border-radius: ' . $styledata\[137\] . 'px;
280
border-radius: ' . $styledata\[137\] . 'px;
281
}
282
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
283
background-color: ' . $styledata\[27\] . ';
284
color: ' . $styledata\[25\] . ';
285
}
286
' . $styledata\[163\] . ';';
287
?>
288
289
290
290
</div>
291
291
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style22.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<img src="<?php echo $filesdata\[5\]; ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<img src="<?php echo esc\_url($filesdata\[5\]); ?>">
58
56
</div>
59
57
</div>
60
58
<div class="oxilab-flip-box-back">
61
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
62
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
59
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
60
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
63
61
<div class="oxilab-heading">
64
62
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
70
68
<?php
71
69
if ($filesdata\[9\] != '') {
72
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
70
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
73
71
echo '<div class="oxilab-button">
74
72
<div class="oxilab-button-data">
…
…
86
84
</div>
87
85
</div>
88
<?php echo $fileslinkend;
89
echo $this->admin\_edit\_panel($value\['id'\]);
86
<?php
87
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
88
echo '</a>';
89
}
90
echo $this->admin\_edit\_panel($value\['id'\]);
90
91
?>
91
92
</div>
92
<style>
93
<?php
94
if ($filesdata\[13\] != '') {
95
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
93
94
<?php
95
if ($filesdata\[13\] != '') {
96
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
96
97
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
97
98
\-moz-background-size: 100% 100%;
…
…
99
100
background-size: 100% 100%;
100
101
}';
101
}
102
?>
103
</style>
102
}
103
?>
104
104
105
</div>
105
106
<?php
106
107
endif;
107
108
}
108
?>
109
<style>
110
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
111
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
112
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
113
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
114
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
115
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
116
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
117
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
118
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
119
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
120
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
121
animation-duration: <?php echo $styledata\[57\]; ?>s;
122
}
123
.oxilab-flip-box-body-<?php echo $styleid; ?>{
124
max-width: <?php echo $styledata\[45\]; ?>px;
109
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
110
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
111
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
112
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
113
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
114
-o-transition: opacity ' . $styledata\[57\] . 's linear;
115
transition: opacity ' . $styledata\[57\] . 's linear;
116
-webkit-animation-duration: ' . $styledata\[57\] . 's;
117
-moz-animation-duration: ' . $styledata\[57\] . 's;
118
-ms-animation-duration: ' . $styledata\[57\] . 's;
119
-o-animation-duration: ' . $styledata\[57\] . 's;
120
animation-duration: ' . $styledata\[57\] . 's;
121
}
122
.oxilab-flip-box-body-' . $styleid . '{
123
max-width: ' . $styledata\[45\] . 'px;
125
124
width: 100%;
126
125
margin: 0 auto;
127
position: relative;
128
}
129
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
130
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
126
position: relative;
127
}
128
.oxilab-flip-box-body-' . $styleid . ':after {
129
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
131
130
content: "";
132
131
display: block;
133
132
}
134
.oxilab-flip-box-<?php echo $styleid; ?>{
133
.oxilab-flip-box-' . $styleid . '{
135
134
position: absolute;
136
135
top: 0;
…
…
138
137
right: 0;
139
138
bottom: 0;
140
display: block;
141
background-color: <?php echo $styledata\[5\]; ?>;
142
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
143
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
144
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
145
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
146
border-radius: <?php echo $styledata\[153\]; ?>px;
139
display: block;
140
background-color: ' . $styledata\[5\] . ';
141
-webkit-border-radius: ' . $styledata\[153\] . 'px;
142
-moz-border-radius: ' . $styledata\[153\] . 'px;
143
-ms-border-radius: ' . $styledata\[153\] . 'px;
144
-o-border-radius: ' . $styledata\[153\] . 'px;
145
border-radius: ' . $styledata\[153\] . 'px;
147
146
overflow: hidden;
148
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
149
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
150
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
151
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
152
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
153
}
154
.oxilab-flip-box-<?php echo $styleid; ?> img{
147
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
148
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
149
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
150
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
151
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
152
}
153
.oxilab-flip-box-' . $styleid . ' img{
155
154
position: absolute;
156
155
top: 0;
…
…
161
160
bottom: 0;
162
161
display: block;
163
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
164
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
165
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
166
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
167
border-radius:<?php echo $styledata\[153\]; ?>px;
162
-webkit-border-radius: ' . $styledata\[153\] . 'px;
163
-moz-border-radius: ' . $styledata\[153\] . 'px;
164
-ms-border-radius: ' . $styledata\[153\] . 'px;
165
-o-border-radius: ' . $styledata\[153\] . 'px;
166
border-radius:' . $styledata\[153\] . 'px;
168
167
overflow: hidden;
169
168
}
170
.oxilab-flip-box-back-<?php echo $styleid; ?>{
169
.oxilab-flip-box-back-' . $styleid . '{
171
170
position: absolute;
172
171
top: 0;
…
…
174
173
right: 0;
175
174
bottom: 0;
176
display: block;
177
background-color: <?php echo $styledata\[15\]; ?>;
178
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
179
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
180
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
181
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
182
border-radius: <?php echo $styledata\[153\]; ?>px;
175
display: block;
176
background-color: ' . $styledata\[15\] . ';
177
-webkit-border-radius: ' . $styledata\[153\] . 'px;
178
-moz-border-radius: ' . $styledata\[153\] . 'px;
179
-ms-border-radius: ' . $styledata\[153\] . 'px;
180
-o-border-radius: ' . $styledata\[153\] . 'px;
181
border-radius: ' . $styledata\[153\] . 'px;
183
182
overflow: hidden;
184
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
185
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
186
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
187
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
188
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
189
}
190
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
183
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
184
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
185
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
186
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
187
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
188
}
189
.oxilab-flip-box-back-' . $styleid . '-data{
191
190
position: absolute;
192
191
left: 0%;
193
192
right: 0;
194
top: 50%;
195
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
193
top: 50%;
194
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
196
195
-webkit-transform: translateY(-50%);
197
196
-ms-transform: translateY(-50%);
198
197
-moz-transform: translateY(-50%);
199
198
-o-transform: translateY(-50%);
200
transform: translateY(-50%);
201
}
202
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
199
transform: translateY(-50%);
200
}
201
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
203
202
display: block;
204
203
position: relative;
205
color: <?php echo $styledata\[31\]; ?>;
206
text-align: <?php echo $styledata\[189\]; ?>;
207
font-size: <?php echo $styledata\[181\]; ?>px;
208
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
209
font-weight: <?php echo $styledata\[187\]; ?>;
210
font-style:<?php echo $styledata\[185\]; ?>;
211
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
212
}
213
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading .oxilab-span{
204
color: ' . $styledata\[31\] . ';
205
text-align: ' . $styledata\[189\] . ';
206
font-size: ' . $styledata\[181\] . 'px;
207
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
208
font-weight: ' . $styledata\[187\] . ';
209
font-style:' . $styledata\[185\] . ';
210
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
211
}
212
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading .oxilab-span{
214
213
position: absolute;
215
214
left: 50%;
216
bottom: 0%;
217
background-color: <?php echo $styledata\[7\]; ?>;
218
width: <?php echo $styledata\[155\]; ?>px;
219
height: <?php echo $styledata\[157\]; ?>px;
215
bottom: 0%;
216
background-color: ' . $styledata\[7\] . ';
217
width: ' . $styledata\[155\] . 'px;
218
height: ' . $styledata\[157\] . 'px;
220
219
-webkit-transform: translateX(-50%);
221
220
-ms-transform: translateX(-50%);
…
…
224
223
transform: translateX(-50%);
225
224
}
226
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
227
display: block;
228
color: <?php echo $styledata\[19\]; ?>;
229
text-align: <?php echo $styledata\[115\]; ?>;
230
font-size: <?php echo $styledata\[107\]; ?>px;
231
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
232
font-weight: <?php echo $styledata\[113\]; ?>;
233
font-style:<?php echo $styledata\[111\]; ?>;
234
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
235
236
}
237
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
238
display: block;
239
text-align: <?php echo $styledata\[139\]; ?>;
240
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
241
}
242
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
243
display: inline-block;
244
color: <?php echo $styledata\[21\]; ?>;
245
background-color: <?php echo $styledata\[23\]; ?>;
246
font-size: <?php echo $styledata\[125\]; ?>px;
247
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
248
font-weight: <?php echo $styledata\[131\]; ?>;
249
font-style:<?php echo $styledata\[129\]; ?>;
250
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
251
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
252
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
253
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
254
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
255
border-radius: <?php echo $styledata\[137\]; ?>px;
256
}
257
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
258
background-color: <?php echo $styledata\[27\]; ?>;
259
color: <?php echo $styledata\[25\]; ?>;
260
}
261
<?php echo $styledata\[199\]; ?>;
262
</style>
225
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
226
display: block;
227
color: ' . $styledata\[19\] . ';
228
text-align: ' . $styledata\[115\] . ';
229
font-size: ' . $styledata\[107\] . 'px;
230
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
231
font-weight: ' . $styledata\[113\] . ';
232
font-style:' . $styledata\[111\] . ';
233
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
234
235
}
236
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
237
display: block;
238
text-align: ' . $styledata\[139\] . ';
239
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
240
}
241
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
242
display: inline-block;
243
color: ' . $styledata\[21\] . ';
244
background-color: ' . $styledata\[23\] . ';
245
font-size: ' . $styledata\[125\] . 'px;
246
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
247
font-weight: ' . $styledata\[131\] . ';
248
font-style:' . $styledata\[129\] . ';
249
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
250
-webkit-border-radius: ' . $styledata\[137\] . 'px;
251
-moz-border-radius: ' . $styledata\[137\] . 'px;
252
-ms-border-radius: ' . $styledata\[137\] . 'px;
253
-o-border-radius: ' . $styledata\[137\] . 'px;
254
border-radius: ' . $styledata\[137\] . 'px;
255
}
256
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
257
background-color: ' . $styledata\[27\] . ';
258
color: ' . $styledata\[25\] . ';
259
}
260
' . $styledata\[199\] . ';';
261
?>
262
263
263
</div>
264
264
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style23.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
31
32
<?php
32
33
foreach ($listdata as $value) {
33
$filesdata = explode("{#}|{#}", $value\['files'\]);
34
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
34
35
?>
35
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
36
sa-data-animation="<?php echo $styledata\[55\]; ?>"
36
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
37
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
37
38
sa-data-animation-offset="100%"
38
39
sa-data-animation-delay="0ms"
39
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms">
40
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
40
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms">
41
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
41
42
<?php
42
43
if ($filesdata\[11\] != '') {
43
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
44
$fileslinkend = '</a>';
45
} else {
46
$fileslinkend = '';
44
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
47
45
}
48
46
?>
49
47
<div class="oxilab-flip-box-body-absulote">
50
<div class="<?php echo $styledata\[1\]; ?>">
51
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
48
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
49
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
52
50
<div class="oxilab-flip-box-style">
53
51
<div class="oxilab-flip-box-front">
54
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
55
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
52
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
53
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
56
54
<div class="oxilab-icon">
57
55
<div class="oxilab-icon-data">
…
…
70
68
</div>
71
69
<div class="oxilab-flip-box-back">
72
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
73
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
70
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
71
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
74
72
<div class="oxilab-heading">
75
73
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
79
77
<div class="oxilab-info">
80
78
<?php echo $this->text\_render($filesdata\[7\]); ?>
81
</div>
79
</div>
82
80
</div>
83
81
</div>
…
…
87
85
</div>
88
86
</div>
89
<?php echo $fileslinkend;
90
echo $this->admin\_edit\_panel($value\['id'\]);
87
<?php
88
if ($filesdata\[11\] != '') {
89
echo '</a>';
90
}
91
echo $this->admin\_edit\_panel($value\['id'\]);
91
92
?>
92
93
</div>
93
<style>
94
<?php
95
if ($filesdata\[5\] != '') {
96
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-front{
94
95
<?php
96
if ($filesdata\[5\] != '') {
97
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-front{
97
98
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
98
99
\-moz-background-size: 100% 100%;
…
…
100
101
background-size: 100% 100%;
101
102
}';
102
}
103
if ($filesdata\[13\] != '') {
104
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back{
103
}
104
if ($filesdata\[13\] != '') {
105
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back{
105
106
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
106
107
\-moz-background-size: 100% 100%;
…
…
108
109
background-size: 100% 100%;
109
110
}';
110
}
111
?>
112
</style>
111
}
112
?>
113
113
114
</div>
114
115
<?php
115
116
}
116
?>
117
<style>
118
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
119
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
120
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
121
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
122
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
123
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
124
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
125
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
126
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
127
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
128
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
129
animation-duration: <?php echo $styledata\[57\]; ?>s;
130
}
131
.oxilab-flip-box-body-<?php echo $styleid; ?>{
132
max-width: <?php echo $styledata\[45\]; ?>px;
117
118
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
119
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
120
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
121
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
122
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
123
-o-transition: opacity ' . $styledata\[57\] . 's linear;
124
transition: opacity ' . $styledata\[57\] . 's linear;
125
-webkit-animation-duration: ' . $styledata\[57\] . 's;
126
-moz-animation-duration: ' . $styledata\[57\] . 's;
127
-ms-animation-duration: ' . $styledata\[57\] . 's;
128
-o-animation-duration: ' . $styledata\[57\] . 's;
129
animation-duration: ' . $styledata\[57\] . 's;
130
}
131
.oxilab-flip-box-body-' . $styleid . '{
132
max-width: ' . $styledata\[45\] . 'px;
133
133
width: 100%;
134
134
margin: 0 auto;
135
position: relative;
136
}
137
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
138
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
135
position: relative;
136
}
137
.oxilab-flip-box-body-' . $styleid . ':after {
138
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
139
139
content: "";
140
140
display: block;
141
141
}
142
.oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-front{
143
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
144
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
145
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
146
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
147
border-radius: <?php echo $styledata\[153\]; ?>px;
148
background-color: <?php echo $styledata\[5\]; ?>;
142
.oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{
143
-webkit-border-radius: ' . $styledata\[153\] . 'px;
144
-moz-border-radius: ' . $styledata\[153\] . 'px;
145
-ms-border-radius: ' . $styledata\[153\] . 'px;
146
-o-border-radius: ' . $styledata\[153\] . 'px;
147
border-radius: ' . $styledata\[153\] . 'px;
148
background-color: ' . $styledata\[5\] . ';
149
149
overflow: hidden;
150
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
151
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
152
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
153
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
154
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
155
}
156
.oxilab-flip-box-<?php echo $styleid; ?>{
150
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
151
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
152
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
153
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
154
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
155
}
156
.oxilab-flip-box-' . $styleid . '{
157
157
position: absolute;
158
158
top: 0;
…
…
160
160
right: 0;
161
161
bottom: 0;
162
margin: <?php echo $styledata\[105\]; ?>px;
163
border-width: <?php echo $styledata\[149\]; ?>px;
164
border-style:<?php echo $styledata\[151\]; ?>;
165
border-color: <?php echo $styledata\[7\]; ?>;
166
display: block;
167
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
168
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
169
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
170
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
171
border-radius: <?php echo $styledata\[153\]; ?>px;
162
margin: ' . $styledata\[105\] . 'px;
163
border-width: ' . $styledata\[149\] . 'px;
164
border-style:' . $styledata\[151\] . ';
165
border-color: ' . $styledata\[7\] . ';
166
display: block;
167
-webkit-border-radius: ' . $styledata\[153\] . 'px;
168
-moz-border-radius: ' . $styledata\[153\] . 'px;
169
-ms-border-radius: ' . $styledata\[153\] . 'px;
170
-o-border-radius: ' . $styledata\[153\] . 'px;
171
border-radius: ' . $styledata\[153\] . 'px;
172
172
overflow: hidden;
173
173
}
174
.oxilab-flip-box-<?php echo $styleid; ?>-data{
174
.oxilab-flip-box-' . $styleid . '-data{
175
175
position: absolute;
176
176
left: 0%;
177
top: 50%;
178
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
177
top: 50%;
178
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
179
179
-webkit-transform: translateY(-50%);
180
180
-ms-transform: translateY(-50%);
…
…
184
184
right: 0;
185
185
}
186
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
187
display: block;
188
text-align: center;
189
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
190
}
191
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
192
display: inline-block;
193
background-color: <?php echo $styledata\[11\]; ?>;
194
width: <?php echo $styledata\[79\]; ?>px;
195
height: <?php echo $styledata\[79\]; ?>px;
196
webkit-border-radius: <?php echo $styledata\[81\]; ?>px;
197
-moz-border-radius: <?php echo $styledata\[81\]; ?>px;
198
-ms-border-radius: <?php echo $styledata\[81\]; ?>px;
199
-o-border-radius: <?php echo $styledata\[81\]; ?>px;
200
border-radius:<?php echo $styledata\[81\]; ?>px;
201
}
202
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
203
line-height:<?php echo $styledata\[79\]; ?>px;
204
font-size: <?php echo $styledata\[77\]; ?>px;
205
color: <?php echo $styledata\[9\]; ?>;
206
}
207
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
208
display: block;
209
color: <?php echo $styledata\[13\]; ?>;
210
text-align: <?php echo $styledata\[91\]; ?>;
211
font-size: <?php echo $styledata\[83\]; ?>px;
212
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
213
font-weight: <?php echo $styledata\[89\]; ?>;
214
font-style:<?php echo $styledata\[87\]; ?>;
215
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
216
}
217
218
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
219
display: block;
220
color: <?php echo $styledata\[19\]; ?>;
221
text-align: <?php echo $styledata\[171\]; ?>;
222
font-size: <?php echo $styledata\[163\]; ?>px;
223
font-family: <?php echo $this->font\_familly($styledata\[165\]); ?>;
224
font-weight: <?php echo $styledata\[169\]; ?>;
225
font-style:<?php echo $styledata\[167\]; ?>;
226
padding: <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[179\]; ?>px <?php echo $styledata\[175\]; ?>px <?php echo $styledata\[177\]; ?>px;
227
}
228
.oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-back{
229
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
230
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
231
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
232
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
233
border-radius: <?php echo $styledata\[153\]; ?>px;
234
background-color: <?php echo $styledata\[15\]; ?>;
186
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
187
display: block;
188
text-align: center;
189
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
190
}
191
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
192
display: inline-block;
193
background-color: ' . $styledata\[11\] . ';
194
width: ' . $styledata\[79\] . 'px;
195
height: ' . $styledata\[79\] . 'px;
196
webkit-border-radius: ' . $styledata\[81\] . 'px;
197
-moz-border-radius: ' . $styledata\[81\] . 'px;
198
-ms-border-radius: ' . $styledata\[81\] . 'px;
199
-o-border-radius: ' . $styledata\[81\] . 'px;
200
border-radius:' . $styledata\[81\] . 'px;
201
}
202
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
203
line-height:' . $styledata\[79\] . 'px;
204
font-size: ' . $styledata\[77\] . 'px;
205
color: ' . $styledata\[9\] . ';
206
}
207
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
208
display: block;
209
color: ' . $styledata\[13\] . ';
210
text-align: ' . $styledata\[91\] . ';
211
font-size: ' . $styledata\[83\] . 'px;
212
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
213
font-weight: ' . $styledata\[89\] . ';
214
font-style:' . $styledata\[87\] . ';
215
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
216
}
217
218
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
219
display: block;
220
color: ' . $styledata\[19\] . ';
221
text-align: ' . $styledata\[171\] . ';
222
font-size: ' . $styledata\[163\] . 'px;
223
font-family: ' . $this->font\_familly($styledata\[165\]) . ';
224
font-weight: ' . $styledata\[169\] . ';
225
font-style:' . $styledata\[167\] . ';
226
padding: ' . $styledata\[173\] . 'px ' . $styledata\[179\] . 'px ' . $styledata\[175\] . 'px ' . $styledata\[177\] . 'px;
227
}
228
.oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{
229
-webkit-border-radius: ' . $styledata\[153\] . 'px;
230
-moz-border-radius: ' . $styledata\[153\] . 'px;
231
-ms-border-radius: ' . $styledata\[153\] . 'px;
232
-o-border-radius: ' . $styledata\[153\] . 'px;
233
border-radius: ' . $styledata\[153\] . 'px;
234
background-color: ' . $styledata\[15\] . ';
235
235
overflow: hidden;
236
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
237
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
238
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
239
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
240
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
241
}
242
.oxilab-flip-box-back-<?php echo $styleid; ?>{
236
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
237
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
238
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
239
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
240
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
241
}
242
.oxilab-flip-box-back-' . $styleid . '{
243
243
position: absolute;
244
244
top: 0;
…
…
246
246
right: 0;
247
247
bottom: 0;
248
margin: <?php echo $styledata\[69\]; ?>px;
249
border-width: <?php echo $styledata\[155\]; ?>px;
250
border-style:<?php echo $styledata\[157\]; ?>;
251
border-color: <?php echo $styledata\[23\]; ?>;
252
display: block;
253
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
254
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
255
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
256
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
257
border-radius: <?php echo $styledata\[153\]; ?>px;
248
margin: ' . $styledata\[69\] . 'px;
249
border-width: ' . $styledata\[155\] . 'px;
250
border-style:' . $styledata\[157\] . ';
251
border-color: ' . $styledata\[23\] . ';
252
display: block;
253
-webkit-border-radius: ' . $styledata\[153\] . 'px;
254
-moz-border-radius: ' . $styledata\[153\] . 'px;
255
-ms-border-radius: ' . $styledata\[153\] . 'px;
256
-o-border-radius: ' . $styledata\[153\] . 'px;
257
border-radius: ' . $styledata\[153\] . 'px;
258
258
overflow: hidden;
259
259
}
260
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
260
.oxilab-flip-box-back-' . $styleid . '-data{
261
261
position: absolute;
262
262
left: 0%;
263
263
right: 0;
264
top: 50%;
265
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
264
top: 50%;
265
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
266
266
-webkit-transform: translateY(-50%);
267
267
-ms-transform: translateY(-50%);
268
268
-moz-transform: translateY(-50%);
269
269
-o-transform: translateY(-50%);
270
transform: translateY(-50%);
271
}
272
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
270
transform: translateY(-50%);
271
}
272
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
273
273
display: block;
274
274
position: relative;
275
color: <?php echo $styledata\[21\]; ?>;
276
text-align: <?php echo $styledata\[189\]; ?>;
277
font-size: <?php echo $styledata\[181\]; ?>px;
278
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
279
font-weight: <?php echo $styledata\[187\]; ?>;
280
font-style:<?php echo $styledata\[185\]; ?>;
281
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
282
}
283
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading .oxilab-span{
275
color: ' . $styledata\[21\] . ';
276
text-align: ' . $styledata\[189\] . ';
277
font-size: ' . $styledata\[181\] . 'px;
278
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
279
font-weight: ' . $styledata\[187\] . ';
280
font-style:' . $styledata\[185\] . ';
281
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
282
}
283
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading .oxilab-span{
284
284
position: absolute;
285
285
left: 50%;
286
286
bottom: 0;
287
width: <?php echo $styledata\[131\]; ?>px;
288
height: <?php echo $styledata\[133\]; ?>px;
289
background-color: <?php echo $styledata\[25\]; ?>;
287
width: ' . $styledata\[131\] . 'px;
288
height: ' . $styledata\[133\] . 'px;
289
background-color: ' . $styledata\[25\] . ';
290
290
-webkit-transform: translateX(-50%);
291
291
-ms-transform: translateX(-50%);
…
…
294
294
transform: translateX(-50%);
295
295
}
296
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
297
display: block;
298
color: <?php echo $styledata\[17\]; ?>;
299
text-align: <?php echo $styledata\[115\]; ?>;
300
font-size: <?php echo $styledata\[107\]; ?>px;
301
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
302
font-weight: <?php echo $styledata\[113\]; ?>;
303
font-style:<?php echo $styledata\[111\]; ?>;
304
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
305
}
306
<?php echo $styledata\[199\]; ?>;
307
</style>
296
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
297
display: block;
298
color: ' . $styledata\[17\] . ';
299
text-align: ' . $styledata\[115\] . ';
300
font-size: ' . $styledata\[107\] . 'px;
301
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
302
font-weight: ' . $styledata\[113\] . ';
303
font-style:' . $styledata\[111\] . ';
304
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
305
}
306
' . $styledata\[199\] . ';';
307
?>
308
308
309
</div>
309
310
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style24.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-icon">
59
57
<div class="oxilab-icon-data">
…
…
72
70
</div>
73
71
<div class="oxilab-flip-box-back">
74
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
75
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
72
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
73
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
76
74
<div class="oxilab-icon">
77
75
<div class="oxilab-icon-data">
…
…
92
90
</div>
93
91
</div>
94
<?php echo $fileslinkend;
95
echo $this->admin\_edit\_panel($value\['id'\]);
92
<?php
93
if ($filesdata\[11\] != '') {
94
echo '</a>';
95
}
96
echo $this->admin\_edit\_panel($value\['id'\]);
96
97
?>
97
98
98
99
</div>
99
100
100
<style>
101
<?php
102
if ($filesdata\[5\] != '') {
103
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
101
102
<?php
103
if ($filesdata\[5\] != '') {
104
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
104
105
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
105
106
\-moz-background-size: 100% 100%;
…
…
107
108
background-size: 100% 100%;
108
109
}';
109
}
110
if ($filesdata\[13\] != '') {
111
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
110
}
111
if ($filesdata\[13\] != '') {
112
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
112
113
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
113
114
\-moz-background-size: 100% 100%;
…
…
115
116
background-size: 100% 100%;
116
117
}';
117
}
118
?>
119
</style>
118
}
119
?>
120
120
121
</div>
121
122
<?php
122
123
endif;
123
124
}
124
?>
125
<style>
126
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
127
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
128
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
129
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
130
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
131
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
132
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
133
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
134
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
135
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
136
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
137
animation-duration: <?php echo $styledata\[57\]; ?>s;
138
}
139
.oxilab-flip-box-body-<?php echo $styleid; ?>{
140
max-width: <?php echo $styledata\[45\]; ?>px;
125
126
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
127
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
128
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
129
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
130
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
131
-o-transition: opacity ' . $styledata\[57\] . 's linear;
132
transition: opacity ' . $styledata\[57\] . 's linear;
133
-webkit-animation-duration: ' . $styledata\[57\] . 's;
134
-moz-animation-duration: ' . $styledata\[57\] . 's;
135
-ms-animation-duration: ' . $styledata\[57\] . 's;
136
-o-animation-duration: ' . $styledata\[57\] . 's;
137
animation-duration: ' . $styledata\[57\] . 's;
138
}
139
.oxilab-flip-box-body-' . $styleid . '{
140
max-width: ' . $styledata\[45\] . 'px;
141
141
width: 100%;
142
142
margin: 0 auto;
143
position: relative;
144
}
145
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
146
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
143
position: relative;
144
}
145
.oxilab-flip-box-body-' . $styleid . ':after {
146
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
147
147
content: "";
148
148
display: block;
149
149
}
150
.oxilab-flip-box-<?php echo $styleid; ?>{
150
.oxilab-flip-box-' . $styleid . '{
151
151
position: absolute;
152
152
top: 0;
…
…
154
154
right: 0;
155
155
bottom: 0;
156
border-width: <?php echo $styledata\[149\]; ?>px;
157
border-style:<?php echo $styledata\[151\]; ?>;
158
border-color: <?php echo $styledata\[7\]; ?>;
159
background-color: <?php echo $styledata\[5\]; ?>;
160
display: block;
161
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
162
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
163
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
164
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
165
border-radius: <?php echo $styledata\[153\]; ?>px;
156
border-width: ' . $styledata\[149\] . 'px;
157
border-style:' . $styledata\[151\] . ';
158
border-color: ' . $styledata\[7\] . ';
159
background-color: ' . $styledata\[5\] . ';
160
display: block;
161
-webkit-border-radius: ' . $styledata\[153\] . 'px;
162
-moz-border-radius: ' . $styledata\[153\] . 'px;
163
-ms-border-radius: ' . $styledata\[153\] . 'px;
164
-o-border-radius: ' . $styledata\[153\] . 'px;
165
border-radius: ' . $styledata\[153\] . 'px;
166
166
overflow: hidden;
167
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
168
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
169
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
170
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
171
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
172
}
173
.oxilab-flip-box-<?php echo $styleid; ?>-data{
167
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
168
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
169
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
170
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
171
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
172
}
173
.oxilab-flip-box-' . $styleid . '-data{
174
174
position: absolute;
175
175
left: 0%;
176
top: 0%;
177
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
178
right: 0;
179
}
180
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
181
display: block;
182
width: 100%;
183
text-align: center;
184
}
185
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
186
display: inline-block;
187
width: 100%;
188
background-color: <?php echo $styledata\[11\]; ?>;
189
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
190
-webkit-border-radius: <?php echo $styledata\[81\]; ?>px;
191
-moz-border-radius: <?php echo $styledata\[81\]; ?>px;
192
-ms-border-radius: <?php echo $styledata\[81\]; ?>px;
193
-o-border-radius: <?php echo $styledata\[81\]; ?>px;
194
border-radius:<?php echo $styledata\[81\]; ?>px;
195
}
196
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
197
font-size: <?php echo $styledata\[77\]; ?>px;
198
color: <?php echo $styledata\[9\]; ?>;
199
}
200
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
201
display: block;
202
color: <?php echo $styledata\[13\]; ?>;
203
text-align: <?php echo $styledata\[91\]; ?>;
204
font-size: <?php echo $styledata\[83\]; ?>px;
205
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
206
font-weight: <?php echo $styledata\[89\]; ?>;
207
font-style:<?php echo $styledata\[87\]; ?>;
208
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
209
}
210
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
211
display: block;
212
color: <?php echo $styledata\[19\]; ?>;
213
text-align: <?php echo $styledata\[171\]; ?>;
214
font-size: <?php echo $styledata\[163\]; ?>px;
215
font-family: <?php echo $this->font\_familly($styledata\[165\]); ?>;
216
font-weight: <?php echo $styledata\[169\]; ?>;
217
font-style:<?php echo $styledata\[167\]; ?>;
218
padding: <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[179\]; ?>px <?php echo $styledata\[175\]; ?>px <?php echo $styledata\[177\]; ?>px;
219
}
220
.oxilab-flip-box-back-<?php echo $styleid; ?>{
176
top: 0%;
177
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
178
right: 0;
179
}
180
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
181
display: block;
182
width: 100%;
183
text-align: center;
184
}
185
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
186
display: inline-block;
187
width: 100%;
188
background-color: ' . $styledata\[11\] . ';
189
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
190
-webkit-border-radius: ' . $styledata\[81\] . 'px;
191
-moz-border-radius: ' . $styledata\[81\] . 'px;
192
-ms-border-radius: ' . $styledata\[81\] . 'px;
193
-o-border-radius: ' . $styledata\[81\] . 'px;
194
border-radius:' . $styledata\[81\] . 'px;
195
}
196
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
197
font-size: ' . $styledata\[77\] . 'px;
198
color: ' . $styledata\[9\] . ';
199
}
200
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
201
display: block;
202
color: ' . $styledata\[13\] . ';
203
text-align: ' . $styledata\[91\] . ';
204
font-size: ' . $styledata\[83\] . 'px;
205
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
206
font-weight: ' . $styledata\[89\] . ';
207
font-style:' . $styledata\[87\] . ';
208
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
209
}
210
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
211
display: block;
212
color: ' . $styledata\[19\] . ';
213
text-align: ' . $styledata\[171\] . ';
214
font-size: ' . $styledata\[163\] . 'px;
215
font-family: ' . $this->font\_familly($styledata\[165\]) . ';
216
font-weight: ' . $styledata\[169\] . ';
217
font-style:' . $styledata\[167\] . ';
218
padding: ' . $styledata\[173\] . 'px ' . $styledata\[179\] . 'px ' . $styledata\[175\] . 'px ' . $styledata\[177\] . 'px;
219
}
220
.oxilab-flip-box-back-' . $styleid . '{
221
221
position: absolute;
222
222
top: 0;
…
…
224
224
right: 0;
225
225
bottom: 0;
226
border-width: <?php echo $styledata\[155\]; ?>px;
227
border-style:<?php echo $styledata\[157\]; ?>;
228
border-color: <?php echo $styledata\[23\]; ?>;
229
background-color: <?php echo $styledata\[15\]; ?>;
230
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
231
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
232
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
233
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
234
border-radius: <?php echo $styledata\[153\]; ?>px;
226
border-width: ' . $styledata\[155\] . 'px;
227
border-style:' . $styledata\[157\] . ';
228
border-color: ' . $styledata\[23\] . ';
229
background-color: ' . $styledata\[15\] . ';
230
-webkit-border-radius: ' . $styledata\[153\] . 'px;
231
-moz-border-radius: ' . $styledata\[153\] . 'px;
232
-ms-border-radius: ' . $styledata\[153\] . 'px;
233
-o-border-radius: ' . $styledata\[153\] . 'px;
234
border-radius: ' . $styledata\[153\] . 'px;
235
235
overflow: hidden;
236
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
237
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
238
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
239
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
240
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
241
}
242
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
236
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
237
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
238
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
239
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
240
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
241
}
242
.oxilab-flip-box-back-' . $styleid . '-data{
243
243
position: absolute;
244
244
left: 0%;
245
245
right: 0;
246
top: 0%;
247
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
248
}
249
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{
250
display: block;
251
width: 100%;
252
text-align: center;
253
}
254
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{
255
display: inline-block;
256
width: 100%;
257
background-color: <?php echo $styledata\[27\]; ?>;
258
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[143\]; ?>px; ;
259
-webkit-border-radius: <?php echo $styledata\[139\]; ?>px;
260
-moz-border-radius: <?php echo $styledata\[139\]; ?>px;
261
-ms-border-radius: <?php echo $styledata\[139\]; ?>px;
262
-o-border-radius: <?php echo $styledata\[139\]; ?>px;
263
border-radius: <?php echo $styledata\[139\]; ?>px;
264
}
265
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
266
font-size: <?php echo $styledata\[137\]; ?>px;
267
color: <?php echo $styledata\[25\]; ?>;
268
}
269
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
270
display: block;
271
color: <?php echo $styledata\[21\]; ?>;
272
text-align: <?php echo $styledata\[189\]; ?>;
273
font-size: <?php echo $styledata\[181\]; ?>px;
274
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
275
font-weight: <?php echo $styledata\[187\]; ?>;
276
font-style:<?php echo $styledata\[185\]; ?>;
277
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
278
}
279
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
280
display: block;
281
color: <?php echo $styledata\[17\]; ?>;
282
text-align: <?php echo $styledata\[115\]; ?>;
283
font-size: <?php echo $styledata\[107\]; ?>px;
284
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
285
font-weight: <?php echo $styledata\[113\]; ?>;
286
font-style:<?php echo $styledata\[111\]; ?>;
287
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
288
}
289
<?php echo $styledata\[199\]; ?>;
290
</style>
246
top: 0%;
247
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
248
}
249
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{
250
display: block;
251
width: 100%;
252
text-align: center;
253
}
254
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{
255
display: inline-block;
256
width: 100%;
257
background-color: ' . $styledata\[27\] . ';
258
padding: ' . $styledata\[141\] . 'px ' . $styledata\[143\] . 'px; ;
259
-webkit-border-radius: ' . $styledata\[139\] . 'px;
260
-moz-border-radius: ' . $styledata\[139\] . 'px;
261
-ms-border-radius: ' . $styledata\[139\] . 'px;
262
-o-border-radius: ' . $styledata\[139\] . 'px;
263
border-radius: ' . $styledata\[139\] . 'px;
264
}
265
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
266
font-size: ' . $styledata\[137\] . 'px;
267
color: ' . $styledata\[25\] . ';
268
}
269
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
270
display: block;
271
color: ' . $styledata\[21\] . ';
272
text-align: ' . $styledata\[189\] . ';
273
font-size: ' . $styledata\[181\] . 'px;
274
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
275
font-weight: ' . $styledata\[187\] . ';
276
font-style:' . $styledata\[185\] . ';
277
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
278
}
279
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
280
display: block;
281
color: ' . $styledata\[17\] . ';
282
text-align: ' . $styledata\[115\] . ';
283
font-size: ' . $styledata\[107\] . 'px;
284
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
285
font-weight: ' . $styledata\[113\] . ';
286
font-style:' . $styledata\[111\] . ';
287
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
288
}
289
' . $styledata\[199\] . ';';
290
?>
291
291
292
</div>
292
293
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style25.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_attr($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<img src="<?php echo $filesdata\[5\]; ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<img src="<?php echo esc\_url($filesdata\[5\]); ?>">
58
56
</div>
59
57
</div>
60
58
<div class="oxilab-flip-box-back">
61
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
62
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
59
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
60
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
63
61
<div class="oxilab-heading">
64
62
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
69
67
<div class="oxilab-info">
70
68
<?php echo $this->text\_render($filesdata\[7\]); ?>
71
</div>
69
</div>
72
70
</div>
73
71
</div>
…
…
77
75
</div>
78
76
</div>
79
<?php echo $fileslinkend;
80
echo $this->admin\_edit\_panel($value\['id'\]); ?>
77
<?php
78
if ($filesdata\[11\] != '') {
79
echo '</a>';
80
}
81
echo $this->admin\_edit\_panel($value\['id'\]);
82
?>
81
83
</div>
82
<style>
83
<?php
84
if ($filesdata\[13\] != '') {
85
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back{
84
85
<?php
86
if ($filesdata\[13\] != '') {
87
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back{
86
88
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
87
89
\-moz-background-size: 100% 100%;
…
…
89
91
background-size: 100% 100%;
90
92
}';
91
}
92
?>
93
</style>
93
}
94
?>
95
94
96
</div>
95
97
<?php
96
98
endif;
97
99
}
98
?>
99
<style>
100
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
101
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
102
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
103
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
104
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
105
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
106
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
107
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
108
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
109
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
110
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
111
animation-duration: <?php echo $styledata\[57\]; ?>s;
112
}
113
.oxilab-flip-box-body-<?php echo $styleid; ?>{
114
max-width: <?php echo $styledata\[45\]; ?>px;
100
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
101
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
102
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
103
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
104
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
105
-o-transition: opacity ' . $styledata\[57\] . 's linear;
106
transition: opacity ' . $styledata\[57\] . 's linear;
107
-webkit-animation-duration: ' . $styledata\[57\] . 's;
108
-moz-animation-duration: ' . $styledata\[57\] . 's;
109
-ms-animation-duration: ' . $styledata\[57\] . 's;
110
-o-animation-duration: ' . $styledata\[57\] . 's;
111
animation-duration: ' . $styledata\[57\] . 's;
112
}
113
.oxilab-flip-box-body-' . $styleid . '{
114
max-width: ' . $styledata\[45\] . 'px;
115
115
width: 100%;
116
116
margin: 0 auto;
117
position: relative;
118
}
119
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
120
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
117
position: relative;
118
}
119
.oxilab-flip-box-body-' . $styleid . ':after {
120
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
121
121
content: "";
122
122
display: block;
123
123
}
124
.oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-front{
125
-webkit-border-radius: <?php echo $styledata\[153\]; ?>%;
126
-moz-border-radius: <?php echo $styledata\[153\]; ?>%;
127
-ms-border-radius: <?php echo $styledata\[153\]; ?>%;
128
-o-border-radius: <?php echo $styledata\[153\]; ?>%;
129
border-radius: <?php echo $styledata\[153\]; ?>%;
130
background-color: <?php echo $styledata\[5\]; ?>;
131
overflow: hidden;
132
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
133
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
134
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
135
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
136
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
137
}
138
.oxilab-flip-box-<?php echo $styleid; ?>{
139
position: absolute;
140
top: <?php echo $styledata\[71\]; ?>px;
141
left: <?php echo $styledata\[71\]; ?>px;
142
right: <?php echo $styledata\[71\]; ?>px;
143
bottom: <?php echo $styledata\[71\]; ?>px;
144
border-width: <?php echo $styledata\[159\]; ?>px;
145
border-style:<?php echo $styledata\[161\]; ?>;
146
border-color: <?php echo $styledata\[9\]; ?>;
147
display: block;
148
-webkit-border-radius: <?php echo $styledata\[153\]; ?>%;
149
-moz-border-radius: <?php echo $styledata\[153\]; ?>%;
150
-ms-border-radius: <?php echo $styledata\[153\]; ?>%;
151
-o-border-radius: <?php echo $styledata\[153\]; ?>%;
152
border-radius: <?php echo $styledata\[153\]; ?>%;
153
overflow: hidden;
154
}
155
.oxilab-flip-box-<?php echo $styleid; ?> img{
156
position: absolute;
157
top: <?php echo $styledata\[105\]; ?>px;
158
left: <?php echo $styledata\[105\]; ?>px;
159
right: <?php echo $styledata\[105\]; ?>px;
160
bottom: <?php echo $styledata\[105\]; ?>px;
161
width: calc(100% - (<?php echo $styledata\[105\]; ?>px + <?php echo $styledata\[105\]; ?>px ));
162
height: calc(100% - (<?php echo $styledata\[105\]; ?>px + <?php echo $styledata\[105\]; ?>px ));
163
-webkit-border-radius: <?php echo $styledata\[153\]; ?>%;
164
-moz-border-radius: <?php echo $styledata\[153\]; ?>%;
165
-ms-border-radius: <?php echo $styledata\[153\]; ?>%;
166
-o-border-radius: <?php echo $styledata\[153\]; ?>%;
167
border-radius: <?php echo $styledata\[153\]; ?>%;
168
}
169
.oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-back{
170
-webkit-border-radius: <?php echo $styledata\[153\]; ?>%;
171
-moz-border-radius: <?php echo $styledata\[153\]; ?>%;
172
-ms-border-radius: <?php echo $styledata\[153\]; ?>%;
173
-o-border-radius: <?php echo $styledata\[153\]; ?>%;
174
border-radius: <?php echo $styledata\[153\]; ?>%;
175
background-color: <?php echo $styledata\[15\]; ?>;
176
overflow: hidden;
177
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
178
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
179
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
180
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
181
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
182
}
183
.oxilab-flip-box-back-<?php echo $styleid; ?>{
184
position: absolute;
185
border-color: <?php echo $styledata\[17\]; ?>;
186
top: <?php echo $styledata\[163\]; ?>px;
187
left: <?php echo $styledata\[163\]; ?>px;
188
right: <?php echo $styledata\[163\]; ?>px;
189
bottom: <?php echo $styledata\[163\]; ?>px;
190
border-width: <?php echo $styledata\[151\]; ?>px;
191
border-style:<?php echo $styledata\[149\]; ?>;
192
display: block;
193
-webkit-border-radius: <?php echo $styledata\[153\]; ?>%;
194
-moz-border-radius: <?php echo $styledata\[153\]; ?>%;
195
-ms-border-radius: <?php echo $styledata\[153\]; ?>%;
196
-o-border-radius: <?php echo $styledata\[153\]; ?>%;
197
border-radius: <?php echo $styledata\[153\]; ?>%;
198
overflow: hidden;
199
}
200
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
124
.oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{
125
-webkit-border-radius: ' . $styledata\[153\] . '%;
126
-moz-border-radius: ' . $styledata\[153\] . '%;
127
-ms-border-radius: ' . $styledata\[153\] . '%;
128
-o-border-radius: ' . $styledata\[153\] . '%;
129
border-radius: ' . $styledata\[153\] . '%;
130
background-color: ' . $styledata\[5\] . ';
131
overflow: hidden;
132
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
133
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
134
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
135
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
136
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
137
}
138
.oxilab-flip-box-' . $styleid . '{
139
position: absolute;
140
top: ' . $styledata\[71\] . 'px;
141
left: ' . $styledata\[71\] . 'px;
142
right: ' . $styledata\[71\] . 'px;
143
bottom: ' . $styledata\[71\] . 'px;
144
border-width: ' . $styledata\[159\] . 'px;
145
border-style:' . $styledata\[161\] . ';
146
border-color: ' . $styledata\[9\] . ';
147
display: block;
148
-webkit-border-radius: ' . $styledata\[153\] . '%;
149
-moz-border-radius: ' . $styledata\[153\] . '%;
150
-ms-border-radius: ' . $styledata\[153\] . '%;
151
-o-border-radius: ' . $styledata\[153\] . '%;
152
border-radius: ' . $styledata\[153\] . '%;
153
overflow: hidden;
154
}
155
.oxilab-flip-box-' . $styleid . ' img{
156
position: absolute;
157
top: ' . $styledata\[105\] . 'px;
158
left: ' . $styledata\[105\] . 'px;
159
right: ' . $styledata\[105\] . 'px;
160
bottom: ' . $styledata\[105\] . 'px;
161
width: calc(100% - (' . $styledata\[105\] . 'px + ' . $styledata\[105\] . 'px ));
162
height: calc(100% - (' . $styledata\[105\] . 'px + ' . $styledata\[105\] . 'px ));
163
-webkit-border-radius: ' . $styledata\[153\] . '%;
164
-moz-border-radius: ' . $styledata\[153\] . '%;
165
-ms-border-radius: ' . $styledata\[153\] . '%;
166
-o-border-radius: ' . $styledata\[153\] . '%;
167
border-radius: ' . $styledata\[153\] . '%;
168
}
169
.oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{
170
-webkit-border-radius: ' . $styledata\[153\] . '%;
171
-moz-border-radius: ' . $styledata\[153\] . '%;
172
-ms-border-radius: ' . $styledata\[153\] . '%;
173
-o-border-radius: ' . $styledata\[153\] . '%;
174
border-radius: ' . $styledata\[153\] . '%;
175
background-color: ' . $styledata\[15\] . ';
176
overflow: hidden;
177
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
178
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
179
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
180
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
181
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
182
}
183
.oxilab-flip-box-back-' . $styleid . '{
184
position: absolute;
185
border-color: ' . $styledata\[17\] . ';
186
top: ' . $styledata\[163\] . 'px;
187
left: ' . $styledata\[163\] . 'px;
188
right: ' . $styledata\[163\] . 'px;
189
bottom: ' . $styledata\[163\] . 'px;
190
border-width: ' . $styledata\[151\] . 'px;
191
border-style:' . $styledata\[149\] . ';
192
display: block;
193
-webkit-border-radius: ' . $styledata\[153\] . '%;
194
-moz-border-radius: ' . $styledata\[153\] . '%;
195
-ms-border-radius: ' . $styledata\[153\] . '%;
196
-o-border-radius: ' . $styledata\[153\] . '%;
197
border-radius: ' . $styledata\[153\] . '%;
198
overflow: hidden;
199
}
200
.oxilab-flip-box-back-' . $styleid . '-data{
201
201
position: absolute;
202
202
left: 0%;
203
203
right: 0;
204
top: 50%;
205
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
204
top: 50%;
205
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
206
206
-webkit-transform: translateY(-50%);
207
207
-ms-transform: translateY(-50%);
208
208
-moz-transform: translateY(-50%);
209
209
-o-transform: translateY(-50%);
210
transform: translateY(-50%);
211
}
212
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
210
transform: translateY(-50%);
211
}
212
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
213
213
display: block;
214
214
position: relative;
215
color: <?php echo $styledata\[31\]; ?>;
216
text-align: <?php echo $styledata\[189\]; ?>;
217
font-size: <?php echo $styledata\[181\]; ?>px;
218
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
219
font-weight: <?php echo $styledata\[187\]; ?>;
220
font-style:<?php echo $styledata\[185\]; ?>;
221
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
222
}
223
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading .oxilab-span{
215
color: ' . $styledata\[31\] . ';
216
text-align: ' . $styledata\[189\] . ';
217
font-size: ' . $styledata\[181\] . 'px;
218
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
219
font-weight: ' . $styledata\[187\] . ';
220
font-style:' . $styledata\[185\] . ';
221
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
222
}
223
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading .oxilab-span{
224
224
position: absolute;
225
225
left: 50%;
226
226
bottom: 0;
227
background-color: <?php echo $styledata\[7\]; ?>;
228
width: <?php echo $styledata\[155\]; ?>px;
227
background-color: ' . $styledata\[7\] . ';
228
width: ' . $styledata\[155\] . 'px;
229
229
min-height: 2px;
230
height: <?php echo $styledata\[157\]; ?>px;
230
height: ' . $styledata\[157\] . 'px;
231
231
-webkit-transform: translateX(-50%);
232
232
-ms-transform: translateX(-50%);
…
…
235
235
transform: translateX(-50%);
236
236
}
237
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
238
display: block;
239
color: <?php echo $styledata\[19\]; ?>;
240
text-align: <?php echo $styledata\[115\]; ?>;
241
font-size: <?php echo $styledata\[107\]; ?>px;
242
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
243
font-weight: <?php echo $styledata\[113\]; ?>;
244
font-style:<?php echo $styledata\[111\]; ?>;
245
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
246
}
247
<?php echo $styledata\[199\]; ?>;
248
</style>
237
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
238
display: block;
239
color: ' . $styledata\[19\] . ';
240
text-align: ' . $styledata\[115\] . ';
241
font-size: ' . $styledata\[107\] . 'px;
242
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
243
font-weight: ' . $styledata\[113\] . ';
244
font-style:' . $styledata\[111\] . ';
245
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
246
}
247
' . $styledata\[199\] . ';';
248
?>
249
249
250
</div>
250
251
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style26.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-icon">
59
57
<div class="oxilab-icon-data">
…
…
68
66
</div>
69
67
<div class="oxilab-flip-box-back">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
71
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
69
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
72
70
<div class="oxilab-heading">
73
71
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
76
74
<div class="oxilab-info">
77
75
<?php echo $this->text\_render($filesdata\[7\]); ?>
78
</div>
76
</div>
79
77
<?php
80
78
if ($filesdata\[9\] != '') {
81
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
79
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
82
80
echo '<div class="oxilab-button">
83
81
<div class="oxilab-button-data">
…
…
96
94
</div>
97
95
<?php
98
echo $fileslinkend;
96
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
97
echo '</a>';
98
}
99
99
echo $this->admin\_edit\_panel($value\['id'\]);
100
100
?>
101
101
</div>
102
102
103
<style>
104
<?php
105
if ($filesdata\[5\] != '') {
106
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-front{
103
104
<?php
105
if ($filesdata\[5\] != '') {
106
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-front{
107
107
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
108
108
\-moz-background-size: 100% 100%;
…
…
110
110
background-size: 100% 100%;
111
111
}';
112
}
113
if ($filesdata\[13\] != '') {
114
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back{
112
}
113
if ($filesdata\[13\] != '') {
114
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back{
115
115
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
116
116
\-moz-background-size: 100% 100%;
…
…
118
118
background-size: 100% 100%;
119
119
}';
120
}
121
?>
122
</style>
120
}
121
?>
122
123
123
</div>
124
124
<?php
125
125
endif;
126
;
127
126
}
128
?>
129
130
<style>
131
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
132
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
133
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
134
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
135
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
136
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
137
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
138
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
139
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
140
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
141
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
142
animation-duration: <?php echo $styledata\[57\]; ?>s;
143
}
144
.oxilab-flip-box-body-<?php echo $styleid; ?>{
145
max-width: <?php echo $styledata\[45\]; ?>px;
127
128
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
129
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
130
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
131
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
132
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
133
-o-transition: opacity ' . $styledata\[57\] . 's linear;
134
transition: opacity ' . $styledata\[57\] . 's linear;
135
-webkit-animation-duration: ' . $styledata\[57\] . 's;
136
-moz-animation-duration: ' . $styledata\[57\] . 's;
137
-ms-animation-duration: ' . $styledata\[57\] . 's;
138
-o-animation-duration: ' . $styledata\[57\] . 's;
139
animation-duration: ' . $styledata\[57\] . 's;
140
}
141
.oxilab-flip-box-body-' . $styleid . '{
142
max-width: ' . $styledata\[45\] . 'px;
146
143
width: 100%;
147
144
margin: 0 auto;
148
position: relative;
149
}
150
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
151
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
145
position: relative;
146
}
147
.oxilab-flip-box-body-' . $styleid . ':after {
148
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
152
149
content: "";
153
150
display: block;
154
151
}
155
.oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-front{
156
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
157
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
158
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
159
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
160
border-radius: <?php echo $styledata\[153\]; ?>px;
161
background-color: <?php echo $styledata\[5\]; ?>;
152
.oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{
153
-webkit-border-radius: ' . $styledata\[153\] . 'px;
154
-moz-border-radius: ' . $styledata\[153\] . 'px;
155
-ms-border-radius: ' . $styledata\[153\] . 'px;
156
-o-border-radius: ' . $styledata\[153\] . 'px;
157
border-radius: ' . $styledata\[153\] . 'px;
158
background-color: ' . $styledata\[5\] . ';
162
159
overflow: hidden;
163
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
164
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
165
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
166
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
167
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
168
}
169
.oxilab-flip-box-<?php echo $styleid; ?>{
160
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
161
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
162
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
163
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
164
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
165
}
166
.oxilab-flip-box-' . $styleid . '{
170
167
position: absolute;
171
168
top: 0;
…
…
173
170
right: 0;
174
171
bottom: 0;
175
margin: <?php echo $styledata\[69\]; ?>px;
176
border-width: <?php echo $styledata\[75\]; ?>px;
177
border-style:<?php echo $styledata\[77\]; ?>;
178
border-color: <?php echo $styledata\[9\]; ?>;
179
display: block;
180
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
181
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
182
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
183
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
184
border-radius: <?php echo $styledata\[153\]; ?>px;
172
margin: ' . $styledata\[69\] . 'px;
173
border-width: ' . $styledata\[75\] . 'px;
174
border-style:' . $styledata\[77\] . ';
175
border-color: ' . $styledata\[9\] . ';
176
display: block;
177
-webkit-border-radius: ' . $styledata\[153\] . 'px;
178
-moz-border-radius: ' . $styledata\[153\] . 'px;
179
-ms-border-radius: ' . $styledata\[153\] . 'px;
180
-o-border-radius: ' . $styledata\[153\] . 'px;
181
border-radius: ' . $styledata\[153\] . 'px;
185
182
overflow: hidden;
186
183
}
187
.oxilab-flip-box-<?php echo $styleid; ?>-data{
184
.oxilab-flip-box-' . $styleid . '-data{
188
185
position: absolute;
189
186
left: 0%;
190
top: 50%;
191
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
187
top: 50%;
188
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
192
189
-webkit-transform: translateY(-50%);
193
190
-ms-transform: translateY(-50%);
…
…
197
194
right: 0;
198
195
}
199
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
200
display: block;
201
text-align: center;
202
padding: <?php echo $styledata\[87\]; ?>px <?php echo $styledata\[89\]; ?>px;
203
}
204
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
205
display: inline-block;
206
color: <?php echo $styledata\[11\]; ?>;
207
font-size: <?php echo $styledata\[79\]; ?>px;
208
font-family: <?php echo $this->font\_familly($styledata\[81\]); ?>;
209
font-weight: <?php echo $styledata\[85\]; ?>;
210
font-style:<?php echo $styledata\[83\]; ?>;
211
}
212
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
213
display: block;
214
color: <?php echo $styledata\[13\]; ?>;
215
text-align: <?php echo $styledata\[167\]; ?>;
216
font-size: <?php echo $styledata\[159\]; ?>px;
217
font-family: <?php echo $this->font\_familly($styledata\[161\]); ?>;
218
font-weight: <?php echo $styledata\[165\]; ?>;
219
font-style:<?php echo $styledata\[163\]; ?>;
220
padding:<?php echo $styledata\[169\]; ?>px <?php echo $styledata\[175\]; ?>px <?php echo $styledata\[171\]; ?>px <?php echo $styledata\[173\]; ?>px;
221
222
}
223
.oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-back{
224
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
225
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
226
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
227
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
228
border-radius: <?php echo $styledata\[153\]; ?>px;
229
background-color: <?php echo $styledata\[15\]; ?>;
196
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
197
display: block;
198
text-align: center;
199
padding: ' . $styledata\[87\] . 'px ' . $styledata\[89\] . 'px;
200
}
201
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
202
display: inline-block;
203
color: ' . $styledata\[11\] . ';
204
font-size: ' . $styledata\[79\] . 'px;
205
font-family: ' . $this->font\_familly($styledata\[81\]) . ';
206
font-weight: ' . $styledata\[85\] . ';
207
font-style:' . $styledata\[83\] . ';
208
}
209
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
210
display: block;
211
color: ' . $styledata\[13\] . ';
212
text-align: ' . $styledata\[167\] . ';
213
font-size: ' . $styledata\[159\] . 'px;
214
font-family: ' . $this->font\_familly($styledata\[161\]) . ';
215
font-weight: ' . $styledata\[165\] . ';
216
font-style:' . $styledata\[163\] . ';
217
padding:' . $styledata\[169\] . 'px ' . $styledata\[175\] . 'px ' . $styledata\[171\] . 'px ' . $styledata\[173\] . 'px;
218
219
}
220
.oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{
221
-webkit-border-radius: ' . $styledata\[153\] . 'px;
222
-moz-border-radius: ' . $styledata\[153\] . 'px;
223
-ms-border-radius: ' . $styledata\[153\] . 'px;
224
-o-border-radius: ' . $styledata\[153\] . 'px;
225
border-radius: ' . $styledata\[153\] . 'px;
226
background-color: ' . $styledata\[15\] . ';
230
227
overflow: hidden;
231
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
232
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
233
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
234
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
235
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
236
}
237
.oxilab-flip-box-back-<?php echo $styleid; ?>{
228
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
229
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
230
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
231
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
232
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
233
}
234
.oxilab-flip-box-back-' . $styleid . '{
238
235
position: absolute;
239
236
top: 0;
…
…
241
238
right: 0;
242
239
bottom: 0;
243
margin: <?php echo $styledata\[105\]; ?>px;
244
border-width: <?php echo $styledata\[149\]; ?>px;
245
border-style:<?php echo $styledata\[151\]; ?>;
246
border-color: <?php echo $styledata\[17\]; ?>;
247
display: block;
248
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
249
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
250
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
251
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
252
border-radius: <?php echo $styledata\[153\]; ?>px;
240
margin: ' . $styledata\[105\] . 'px;
241
border-width: ' . $styledata\[149\] . 'px;
242
border-style:' . $styledata\[151\] . ';
243
border-color: ' . $styledata\[17\] . ';
244
display: block;
245
-webkit-border-radius: ' . $styledata\[153\] . 'px;
246
-moz-border-radius: ' . $styledata\[153\] . 'px;
247
-ms-border-radius: ' . $styledata\[153\] . 'px;
248
-o-border-radius: ' . $styledata\[153\] . 'px;
249
border-radius: ' . $styledata\[153\] . 'px;
253
250
overflow: hidden;
254
251
}
255
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
252
.oxilab-flip-box-back-' . $styleid . '-data{
256
253
position: absolute;
257
254
left: 0%;
258
255
right: 0;
259
top: 50%;
260
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
256
top: 50%;
257
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
261
258
-webkit-transform: translateY(-50%);
262
259
-ms-transform: translateY(-50%);
263
260
-moz-transform: translateY(-50%);
264
261
-o-transform: translateY(-50%);
265
transform: translateY(-50%);
266
}
267
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
262
transform: translateY(-50%);
263
}
264
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
268
265
display: block;
269
266
position: relative;
270
color: <?php echo $styledata\[31\]; ?>;
271
text-align: <?php echo $styledata\[189\]; ?>;
272
font-size: <?php echo $styledata\[181\]; ?>px;
273
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
274
font-weight: <?php echo $styledata\[187\]; ?>;
275
font-style:<?php echo $styledata\[185\]; ?>;
276
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
277
278
}
279
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading .oxilab-span{
267
color: ' . $styledata\[31\] . ';
268
text-align: ' . $styledata\[189\] . ';
269
font-size: ' . $styledata\[181\] . 'px;
270
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
271
font-weight: ' . $styledata\[187\] . ';
272
font-style:' . $styledata\[185\] . ';
273
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
274
275
}
276
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading .oxilab-span{
280
277
position: absolute;
281
278
bottom: 0;
282
left: 50%;
279
left: 50%;
283
280
-webkit-transform: translateX(-50%);
284
281
-ms-transform: translateX(-50%);
…
…
286
283
-o-transform: translateX(-50%);
287
284
transform: translateX(-50%);
288
background-color: <?php echo $styledata\[7\]; ?>;
289
width: <?php echo $styledata\[155\]; ?>px;
290
height: <?php echo $styledata\[157\]; ?>px;
291
}
292
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
293
display: block;
294
color: <?php echo $styledata\[19\]; ?>;
295
text-align: <?php echo $styledata\[115\]; ?>;
296
font-size: <?php echo $styledata\[107\]; ?>px;
297
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
298
font-weight: <?php echo $styledata\[113\]; ?>;
299
font-style:<?php echo $styledata\[111\]; ?>;
300
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
301
}
302
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
303
display: block;
304
text-align: <?php echo $styledata\[139\]; ?>;
305
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
306
}
307
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
308
display: inline-block;
309
color: <?php echo $styledata\[21\]; ?>;
310
background-color: <?php echo $styledata\[23\]; ?>;
311
font-size: <?php echo $styledata\[125\]; ?>px;
312
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
313
font-weight: <?php echo $styledata\[131\]; ?>;
314
font-style:<?php echo $styledata\[129\]; ?>;
315
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
316
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
317
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
318
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
319
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
320
border-radius: <?php echo $styledata\[137\]; ?>px;
321
}
322
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
323
background-color: <?php echo $styledata\[27\]; ?>;
324
color: <?php echo $styledata\[25\]; ?>;
325
}
326
<?php echo $styledata\[199\]; ?>;
327
</style>
285
background-color: ' . $styledata\[7\] . ';
286
width: ' . $styledata\[155\] . 'px;
287
height: ' . $styledata\[157\] . 'px;
288
}
289
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
290
display: block;
291
color: ' . $styledata\[19\] . ';
292
text-align: ' . $styledata\[115\] . ';
293
font-size: ' . $styledata\[107\] . 'px;
294
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
295
font-weight: ' . $styledata\[113\] . ';
296
font-style:' . $styledata\[111\] . ';
297
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
298
}
299
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
300
display: block;
301
text-align: ' . $styledata\[139\] . ';
302
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
303
}
304
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
305
display: inline-block;
306
color: ' . $styledata\[21\] . ';
307
background-color: ' . $styledata\[23\] . ';
308
font-size: ' . $styledata\[125\] . 'px;
309
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
310
font-weight: ' . $styledata\[131\] . ';
311
font-style:' . $styledata\[129\] . ';
312
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
313
-webkit-border-radius: ' . $styledata\[137\] . 'px;
314
-moz-border-radius: ' . $styledata\[137\] . 'px;
315
-ms-border-radius: ' . $styledata\[137\] . 'px;
316
-o-border-radius: ' . $styledata\[137\] . 'px;
317
border-radius: ' . $styledata\[137\] . 'px;
318
}
319
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
320
background-color: ' . $styledata\[27\] . ';
321
color: ' . $styledata\[25\] . ';
322
}
323
' . $styledata\[199\] . ';';
324
?>
325
328
326
</div>
329
327
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style27.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-heading">
59
57
<?php echo $this->text\_render($filesdata\[1\]); ?>
…
…
67
65
</div>
68
66
<div class="oxilab-flip-box-back">
69
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
67
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
71
69
<div class="oxilab-heading">
72
70
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
78
76
<?php
79
77
if ($filesdata\[9\] != '') {
80
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
78
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
81
79
echo '<div class="oxilab-button">
82
80
<div class="oxilab-button-data">
…
…
95
93
</div>
96
94
<?php
97
echo $fileslinkend;
95
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
96
echo '</a>';
97
}
98
98
echo $this->admin\_edit\_panel($value\['id'\]);
99
99
?>
100
100
</div>
101
<style>
102
<?php
103
if ($filesdata\[5\] != '') {
104
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
101
102
<?php
103
if ($filesdata\[5\] != '') {
104
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
105
105
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
106
106
\-moz-background-size: 100% 100%;
…
…
108
108
background-size: 100% 100%;
109
109
}';
110
}
111
if ($filesdata\[13\] != '') {
112
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
110
}
111
if ($filesdata\[13\] != '') {
112
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
113
113
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
114
114
\-moz-background-size: 100% 100%;
…
…
116
116
background-size: 100% 100%;
117
117
}';
118
}
119
?>
120
</style>
118
}
119
?>
120
121
121
</div>
122
122
<?php
123
123
endif;
124
124
}
125
?>
126
<style>
127
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
128
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
129
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
130
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
131
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
132
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
133
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
134
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
135
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
136
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
137
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
138
animation-duration: <?php echo $styledata\[57\]; ?>s;
139
}
140
.oxilab-flip-box-body-<?php echo $styleid; ?>{
141
max-width: <?php echo $styledata\[45\]; ?>px;
125
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
126
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
127
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
128
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
129
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
130
-o-transition: opacity ' . $styledata\[57\] . 's linear;
131
transition: opacity ' . $styledata\[57\] . 's linear;
132
-webkit-animation-duration: ' . $styledata\[57\] . 's;
133
-moz-animation-duration: ' . $styledata\[57\] . 's;
134
-ms-animation-duration: ' . $styledata\[57\] . 's;
135
-o-animation-duration: ' . $styledata\[57\] . 's;
136
animation-duration: ' . $styledata\[57\] . 's;
137
}
138
.oxilab-flip-box-body-' . $styleid . '{
139
max-width: ' . $styledata\[45\] . 'px;
142
140
width: 100%;
143
141
margin: 0 auto;
144
position: relative;
145
}
146
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
147
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
142
position: relative;
143
}
144
.oxilab-flip-box-body-' . $styleid . ':after {
145
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
148
146
content: "";
149
147
display: block;
150
148
}
151
.oxilab-flip-box-<?php echo $styleid; ?>{
149
.oxilab-flip-box-' . $styleid . '{
152
150
position: absolute;
153
151
top: 0;
…
…
156
154
bottom: 0;
157
155
display: block;
158
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
159
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
160
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
161
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
162
border-radius: <?php echo $styledata\[153\]; ?>px;
163
background-color: <?php echo $styledata\[5\]; ?>;
156
-webkit-border-radius: ' . $styledata\[153\] . 'px;
157
-moz-border-radius: ' . $styledata\[153\] . 'px;
158
-ms-border-radius: ' . $styledata\[153\] . 'px;
159
-o-border-radius: ' . $styledata\[153\] . 'px;
160
border-radius: ' . $styledata\[153\] . 'px;
161
background-color: ' . $styledata\[5\] . ';
164
162
overflow: hidden;
165
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
166
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
167
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
168
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
169
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
170
}
171
.oxilab-flip-box-<?php echo $styleid; ?>-data{
163
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
164
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
165
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
166
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
167
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
168
}
169
.oxilab-flip-box-' . $styleid . '-data{
172
170
position: absolute;
173
171
left: 0%;
174
top: 50%;
175
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
172
top: 50%;
173
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
176
174
-webkit-transform: translateY(-50%);
177
175
-ms-transform: translateY(-50%);
…
…
180
178
transform: translateY(-50%);
181
179
right: 0;
182
}
183
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
180
}
181
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
184
182
display: block;
185
183
position: relative;
186
color: <?php echo $styledata\[13\]; ?>;
187
text-align: <?php echo $styledata\[167\]; ?>;
188
font-size: <?php echo $styledata\[159\]; ?>px;
189
font-family: <?php echo $this->font\_familly($styledata\[161\]); ?>;
190
font-weight: <?php echo $styledata\[165\]; ?>;
191
font-style:<?php echo $styledata\[163\]; ?>;
192
padding:<?php echo $styledata\[169\]; ?>px <?php echo $styledata\[175\]; ?>px <?php echo $styledata\[171\]; ?>px <?php echo $styledata\[173\]; ?>px;
193
}
194
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading .oxilab-span{
184
color: ' . $styledata\[13\] . ';
185
text-align: ' . $styledata\[167\] . ';
186
font-size: ' . $styledata\[159\] . 'px;
187
font-family: ' . $this->font\_familly($styledata\[161\]) . ';
188
font-weight: ' . $styledata\[165\] . ';
189
font-style:' . $styledata\[163\] . ';
190
padding:' . $styledata\[169\] . 'px ' . $styledata\[175\] . 'px ' . $styledata\[171\] . 'px ' . $styledata\[173\] . 'px;
191
}
192
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading .oxilab-span{
195
193
position: absolute;
196
194
bottom: 0;
197
left: 50%;
195
left: 50%;
198
196
-webkit-transform: translateX(-50%);
199
197
-ms-transform: translateX(-50%);
…
…
201
199
-o-transform: translateX(-50%);
202
200
transform: translateX(-50%);
203
background-color: <?php echo $styledata\[9\]; ?>;
204
width: <?php echo $styledata\[75\]; ?>px;
205
height: <?php echo $styledata\[77\]; ?>px;
206
}
207
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
208
display: block;
209
color: <?php echo $styledata\[17\]; ?>;
210
text-align: <?php echo $styledata\[87\]; ?>;
211
font-size: <?php echo $styledata\[79\]; ?>px;
212
font-family: <?php echo $this->font\_familly($styledata\[81\]); ?>;
213
font-weight: <?php echo $styledata\[85\]; ?>;
214
font-style:<?php echo $styledata\[83\]; ?>;
215
padding:<?php echo $styledata\[89\]; ?>px <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[91\]; ?>px <?php echo $styledata\[93\]; ?>px;
216
217
}
218
.oxilab-flip-box-back-<?php echo $styleid; ?>{
201
background-color: ' . $styledata\[9\] . ';
202
width: ' . $styledata\[75\] . 'px;
203
height: ' . $styledata\[77\] . 'px;
204
}
205
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
206
display: block;
207
color: ' . $styledata\[17\] . ';
208
text-align: ' . $styledata\[87\] . ';
209
font-size: ' . $styledata\[79\] . 'px;
210
font-family: ' . $this->font\_familly($styledata\[81\]) . ';
211
font-weight: ' . $styledata\[85\] . ';
212
font-style:' . $styledata\[83\] . ';
213
padding:' . $styledata\[89\] . 'px ' . $styledata\[93\] . 'px ' . $styledata\[91\] . 'px ' . $styledata\[93\] . 'px;
214
215
}
216
.oxilab-flip-box-back-' . $styleid . '{
219
217
position: absolute;
220
218
top: 0;
…
…
223
221
bottom: 0;
224
222
display: block;
225
background-color: <?php echo $styledata\[15\]; ?>;
226
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
227
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
228
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
229
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
230
border-radius: <?php echo $styledata\[153\]; ?>px;
223
background-color: ' . $styledata\[15\] . ';
224
-webkit-border-radius: ' . $styledata\[153\] . 'px;
225
-moz-border-radius: ' . $styledata\[153\] . 'px;
226
-ms-border-radius: ' . $styledata\[153\] . 'px;
227
-o-border-radius: ' . $styledata\[153\] . 'px;
228
border-radius: ' . $styledata\[153\] . 'px;
231
229
overflow: hidden;
232
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
233
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
234
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
235
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
236
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
237
}
238
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
230
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
231
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
232
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
233
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
234
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
235
}
236
.oxilab-flip-box-back-' . $styleid . '-data{
239
237
position: absolute;
240
238
left: 0%;
241
239
right: 0;
242
top: 50%;
243
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
240
top: 50%;
241
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
244
242
-webkit-transform: translateY(-50%);
245
243
-ms-transform: translateY(-50%);
246
244
-moz-transform: translateY(-50%);
247
245
-o-transform: translateY(-50%);
248
transform: translateY(-50%);
249
}
250
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
246
transform: translateY(-50%);
247
}
248
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
251
249
display: block;
252
250
position: relative;
253
color: <?php echo $styledata\[31\]; ?>;
254
text-align: <?php echo $styledata\[189\]; ?>;
255
font-size: <?php echo $styledata\[181\]; ?>px;
256
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
257
font-weight: <?php echo $styledata\[187\]; ?>;
258
font-style:<?php echo $styledata\[185\]; ?>;
259
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
260
}
261
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading .oxilab-span{
251
color: ' . $styledata\[31\] . ';
252
text-align: ' . $styledata\[189\] . ';
253
font-size: ' . $styledata\[181\] . 'px;
254
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
255
font-weight: ' . $styledata\[187\] . ';
256
font-style:' . $styledata\[185\] . ';
257
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
258
}
259
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading .oxilab-span{
262
260
position: absolute;
263
261
bottom: 0;
264
left: 50%;
262
left: 50%;
265
263
-webkit-transform: translateX(-50%);
266
264
-ms-transform: translateX(-50%);
…
…
268
266
-o-transform: translateX(-50%);
269
267
transform: translateX(-50%);
270
background-color: <?php echo $styledata\[7\]; ?>;
271
width: <?php echo $styledata\[155\]; ?>px;
272
height: <?php echo $styledata\[157\]; ?>px;
273
}
274
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
275
display: block;
276
color: <?php echo $styledata\[19\]; ?>;
277
text-align: <?php echo $styledata\[115\]; ?>;
278
font-size: <?php echo $styledata\[107\]; ?>px;
279
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
280
font-weight: <?php echo $styledata\[113\]; ?>;
281
font-style:<?php echo $styledata\[111\]; ?>;
282
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
283
}
284
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
285
display: block;
286
text-align: <?php echo $styledata\[139\]; ?>;
287
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
288
}
289
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
290
display: inline-block;
291
color: <?php echo $styledata\[21\]; ?>;
292
background-color: <?php echo $styledata\[23\]; ?>;
293
font-size: <?php echo $styledata\[125\]; ?>px;
294
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
295
font-weight: <?php echo $styledata\[131\]; ?>;
296
font-style:<?php echo $styledata\[129\]; ?>;
297
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
298
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
299
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
300
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
301
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
302
border-radius: <?php echo $styledata\[137\]; ?>px;
303
}
304
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
305
background-color: <?php echo $styledata\[27\]; ?>;
306
color: <?php echo $styledata\[25\]; ?>;
307
}
308
<?php echo $styledata\[199\]; ?>;
309
</style>
268
background-color: ' . $styledata\[7\] . ';
269
width: ' . $styledata\[155\] . 'px;
270
height: ' . $styledata\[157\] . 'px;
271
}
272
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
273
display: block;
274
color: ' . $styledata\[19\] . ';
275
text-align: ' . $styledata\[115\] . ';
276
font-size: ' . $styledata\[107\] . 'px;
277
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
278
font-weight: ' . $styledata\[113\] . ';
279
font-style:' . $styledata\[111\] . ';
280
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
281
}
282
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
283
display: block;
284
text-align: ' . $styledata\[139\] . ';
285
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
286
}
287
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
288
display: inline-block;
289
color: ' . $styledata\[21\] . ';
290
background-color: ' . $styledata\[23\] . ';
291
font-size: ' . $styledata\[125\] . 'px;
292
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
293
font-weight: ' . $styledata\[131\] . ';
294
font-style:' . $styledata\[129\] . ';
295
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
296
-webkit-border-radius: ' . $styledata\[137\] . 'px;
297
-moz-border-radius: ' . $styledata\[137\] . 'px;
298
-ms-border-radius: ' . $styledata\[137\] . 'px;
299
-o-border-radius: ' . $styledata\[137\] . 'px;
300
border-radius: ' . $styledata\[137\] . 'px;
301
}
302
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
303
background-color: ' . $styledata\[27\] . ';
304
color: ' . $styledata\[25\] . ';
305
}
306
' . $styledata\[199\] . ';';
307
?>
308
310
309
</div>
311
310
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style28.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-icon">
59
57
<div class="oxilab-icon-data">
…
…
63
61
<div class="oxilab-heading">
64
62
<?php echo $this->text\_render($filesdata\[1\]); ?>
65
</div>
63
</div>
66
64
</div>
67
65
</div>
68
66
</div>
69
67
<div class="oxilab-flip-box-back">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
71
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
69
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
72
70
<div class="oxilab-heading">
73
71
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
78
76
<?php
79
77
if ($filesdata\[9\] != '') {
80
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
78
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
81
79
echo '<div class="oxilab-button">
82
80
<div class="oxilab-button-data">
…
…
95
93
</div>
96
94
<?php
97
echo $fileslinkend;
95
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
96
echo '</a>';
97
}
98
98
echo $this->admin\_edit\_panel($value\['id'\]);
99
99
?>
100
100
</div>
101
<style>
102
<?php
103
if ($filesdata\[5\] != '') {
104
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
101
102
<?php
103
if ($filesdata\[5\] != '') {
104
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
105
105
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
106
106
\-moz-background-size: 100% 100%;
…
…
108
108
background-size: 100% 100%;
109
109
}';
110
}
111
if ($filesdata\[13\] != '') {
112
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
110
}
111
if ($filesdata\[13\] != '') {
112
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
113
113
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
114
114
\-moz-background-size: 100% 100%;
…
…
116
116
background-size: 100% 100%;
117
117
}';
118
}
119
?>
120
</style>
118
}
119
?>
120
121
121
</div>
122
122
<?php
123
123
endif;
124
124
}
125
?>
126
127
<style>
128
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
129
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
130
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
131
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
132
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
133
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
134
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
135
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
136
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
137
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
138
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
139
animation-duration: <?php echo $styledata\[57\]; ?>s;
140
}
141
.oxilab-flip-box-body-<?php echo $styleid; ?>{
142
max-width: <?php echo $styledata\[45\]; ?>px;
125
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
126
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
127
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
128
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
129
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
130
-o-transition: opacity ' . $styledata\[57\] . 's linear;
131
transition: opacity ' . $styledata\[57\] . 's linear;
132
-webkit-animation-duration: ' . $styledata\[57\] . 's;
133
-moz-animation-duration: ' . $styledata\[57\] . 's;
134
-ms-animation-duration: ' . $styledata\[57\] . 's;
135
-o-animation-duration: ' . $styledata\[57\] . 's;
136
animation-duration: ' . $styledata\[57\] . 's;
137
}
138
.oxilab-flip-box-body-' . $styleid . '{
139
max-width: ' . $styledata\[45\] . 'px;
143
140
width: 100%;
144
141
margin: 0 auto;
145
position: relative;
146
}
147
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
148
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
142
position: relative;
143
}
144
.oxilab-flip-box-body-' . $styleid . ':after {
145
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
149
146
content: "";
150
147
display: block;
151
148
}
152
.oxilab-flip-box-<?php echo $styleid; ?>{
149
.oxilab-flip-box-' . $styleid . '{
153
150
position: absolute;
154
151
top: 0;
…
…
156
153
right: 0;
157
154
bottom: 0;
158
border-width: <?php echo $styledata\[149\]; ?>px;
159
border-style:<?php echo $styledata\[151\]; ?>;
160
background-color: <?php echo $styledata\[5\]; ?>;
161
border-color: <?php echo $styledata\[7\]; ?>;
162
display: block;
163
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
164
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
165
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
166
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
167
border-radius: <?php echo $styledata\[153\]; ?>px;
155
border-width: ' . $styledata\[149\] . 'px;
156
border-style:' . $styledata\[151\] . ';
157
background-color: ' . $styledata\[5\] . ';
158
border-color: ' . $styledata\[7\] . ';
159
display: block;
160
-webkit-border-radius: ' . $styledata\[153\] . 'px;
161
-moz-border-radius: ' . $styledata\[153\] . 'px;
162
-ms-border-radius: ' . $styledata\[153\] . 'px;
163
-o-border-radius: ' . $styledata\[153\] . 'px;
164
border-radius: ' . $styledata\[153\] . 'px;
168
165
overflow: hidden;
169
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
170
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
171
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
172
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
173
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
174
}
175
.oxilab-flip-box-<?php echo $styleid; ?>-data{
166
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
167
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
168
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
169
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
170
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
171
}
172
.oxilab-flip-box-' . $styleid . '-data{
176
173
position: absolute;
177
174
left: 0%;
178
top: 50%;
179
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
175
top: 50%;
176
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
180
177
-webkit-transform: translateY(-50%);
181
178
-ms-transform: translateY(-50%);
…
…
185
182
right: 0;
186
183
}
187
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
188
display: block;
189
text-align: center;
190
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
191
}
192
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
193
display: inline-block;
194
width: <?php echo $styledata\[79\]; ?>px;
195
height: <?php echo $styledata\[79\]; ?>px;
196
}
197
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
198
line-height: <?php echo $styledata\[79\]; ?>px;
199
font-size: <?php echo $styledata\[77\]; ?>px;
200
color: <?php echo $styledata\[9\]; ?>;
201
}
202
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
203
display: block;
204
color: <?php echo $styledata\[13\]; ?>;
205
text-align: <?php echo $styledata\[91\]; ?>;
206
font-size: <?php echo $styledata\[83\]; ?>px;
207
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
208
font-weight: <?php echo $styledata\[89\]; ?>;
209
font-style:<?php echo $styledata\[87\]; ?>;
210
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
211
212
}
213
.oxilab-flip-box-back-<?php echo $styleid; ?>{
184
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
185
display: block;
186
text-align: center;
187
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
188
}
189
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
190
display: inline-block;
191
width: ' . $styledata\[79\] . 'px;
192
height: ' . $styledata\[79\] . 'px;
193
}
194
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
195
line-height: ' . $styledata\[79\] . 'px;
196
font-size: ' . $styledata\[77\] . 'px;
197
color: ' . $styledata\[9\] . ';
198
}
199
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
200
display: block;
201
color: ' . $styledata\[13\] . ';
202
text-align: ' . $styledata\[91\] . ';
203
font-size: ' . $styledata\[83\] . 'px;
204
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
205
font-weight: ' . $styledata\[89\] . ';
206
font-style:' . $styledata\[87\] . ';
207
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
208
209
}
210
.oxilab-flip-box-back-' . $styleid . '{
214
211
position: absolute;
215
212
top: 0;
…
…
217
214
right: 0;
218
215
bottom: 0;
219
border-width: <?php echo $styledata\[155\]; ?>px;
220
border-style:<?php echo $styledata\[157\]; ?>;
221
background-color: <?php echo $styledata\[15\]; ?>;
222
border-color: <?php echo $styledata\[11\]; ?>;
223
display: block;
224
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
225
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
226
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
227
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
228
border-radius: <?php echo $styledata\[153\]; ?>px;
216
border-width: ' . $styledata\[155\] . 'px;
217
border-style:' . $styledata\[157\] . ';
218
background-color: ' . $styledata\[15\] . ';
219
border-color: ' . $styledata\[11\] . ';
220
display: block;
221
-webkit-border-radius: ' . $styledata\[153\] . 'px;
222
-moz-border-radius: ' . $styledata\[153\] . 'px;
223
-ms-border-radius: ' . $styledata\[153\] . 'px;
224
-o-border-radius: ' . $styledata\[153\] . 'px;
225
border-radius: ' . $styledata\[153\] . 'px;
229
226
overflow: hidden;
230
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
231
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
232
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
233
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
234
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
235
}
236
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
227
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
228
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
229
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
230
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
231
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
232
}
233
.oxilab-flip-box-back-' . $styleid . '-data{
237
234
position: absolute;
238
235
left: 0%;
239
236
right: 0;
240
top: 50%;
241
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
237
top: 50%;
238
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
242
239
-webkit-transform: translateY(-50%);
243
240
-ms-transform: translateY(-50%);
244
241
-moz-transform: translateY(-50%);
245
242
-o-transform: translateY(-50%);
246
transform: translateY(-50%);
247
}
248
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
249
display: block;
250
color: <?php echo $styledata\[31\]; ?>;
251
text-align: <?php echo $styledata\[189\]; ?>;
252
font-size: <?php echo $styledata\[181\]; ?>px;
253
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
254
font-weight: <?php echo $styledata\[187\]; ?>;
255
font-style:<?php echo $styledata\[185\]; ?>;
256
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
257
258
}
259
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
260
display: block;
261
color: <?php echo $styledata\[19\]; ?>;
262
text-align: <?php echo $styledata\[115\]; ?>;
263
font-size: <?php echo $styledata\[107\]; ?>px;
264
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
265
font-weight: <?php echo $styledata\[113\]; ?>;
266
font-style:<?php echo $styledata\[111\]; ?>;
267
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
268
269
}
270
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
271
display: block;
272
text-align: <?php echo $styledata\[139\]; ?>;
273
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
274
275
}
276
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
277
display: inline-block;
278
color: <?php echo $styledata\[21\]; ?>;
279
background-color: <?php echo $styledata\[23\]; ?>;
280
font-size: <?php echo $styledata\[125\]; ?>px;
281
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
282
font-weight: <?php echo $styledata\[131\]; ?>;
283
font-style:<?php echo $styledata\[129\]; ?>;
284
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
285
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
286
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
287
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
288
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
289
border-radius: <?php echo $styledata\[137\]; ?>px;
290
}
291
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
292
background-color: <?php echo $styledata\[27\]; ?>;
293
color: <?php echo $styledata\[25\]; ?>;
294
}
295
<?php echo $styledata\[199\]; ?>;
296
</style>
243
transform: translateY(-50%);
244
}
245
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
246
display: block;
247
color: ' . $styledata\[31\] . ';
248
text-align: ' . $styledata\[189\] . ';
249
font-size: ' . $styledata\[181\] . 'px;
250
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
251
font-weight: ' . $styledata\[187\] . ';
252
font-style:' . $styledata\[185\] . ';
253
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
254
255
}
256
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
257
display: block;
258
color: ' . $styledata\[19\] . ';
259
text-align: ' . $styledata\[115\] . ';
260
font-size: ' . $styledata\[107\] . 'px;
261
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
262
font-weight: ' . $styledata\[113\] . ';
263
font-style:' . $styledata\[111\] . ';
264
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
265
266
}
267
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
268
display: block;
269
text-align: ' . $styledata\[139\] . ';
270
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
271
272
}
273
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
274
display: inline-block;
275
color: ' . $styledata\[21\] . ';
276
background-color: ' . $styledata\[23\] . ';
277
font-size: ' . $styledata\[125\] . 'px;
278
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
279
font-weight: ' . $styledata\[131\] . ';
280
font-style:' . $styledata\[129\] . ';
281
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
282
-webkit-border-radius: ' . $styledata\[137\] . 'px;
283
-moz-border-radius: ' . $styledata\[137\] . 'px;
284
-ms-border-radius: ' . $styledata\[137\] . 'px;
285
-o-border-radius: ' . $styledata\[137\] . 'px;
286
border-radius: ' . $styledata\[137\] . 'px;
287
}
288
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
289
background-color: ' . $styledata\[27\] . ';
290
color: ' . $styledata\[25\] . ';
291
}
292
' . $styledata\[199\] . ';';
293
?>
294
297
295
</div>
298
296
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style29.php
r2328035
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-image">
59
<img src="<?php echo $filesdata\[5\]; ?>">
57
<img src="<?php echo esc\_url($filesdata\[5\]); ?>">
60
58
</div>
61
59
<div class="oxilab-heading">
62
60
<?php echo $this->text\_render($filesdata\[1\]); ?>
63
</div>
61
</div>
64
62
</div>
65
63
</div>
66
64
</div>
67
65
<div class="oxilab-flip-box-back">
68
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
69
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
66
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
67
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
70
68
<div class="oxilab-heading">
71
69
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
76
74
<?php
77
75
if ($filesdata\[9\] != '') {
78
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
76
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
79
77
echo '<div class="oxilab-button">
80
78
<div class="oxilab-button-data">
…
…
93
91
</div>
94
92
<?php
95
echo $fileslinkend;
93
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
94
echo '</a>';
95
}
96
96
echo $this->admin\_edit\_panel($value\['id'\]);
97
97
?>
98
98
</div>
99
<style>
100
<?php
101
if ($filesdata\[5\] != '') {
102
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
103
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
104
\-moz-background-size: 100% 100%;
105
\-o-background-size: 100% 100%;
106
background-size: 100% 100%;
107
}';
108
}
109
if ($filesdata\[13\] != '') {
110
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
111
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
112
\-moz-background-size: 100% 100%;
113
\-o-background-size: 100% 100%;
114
background-size: 100% 100%;
115
}';
116
}
117
?>
118
</style>
99
100
<?php
101
if ($filesdata\[5\] != '') {
102
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
103
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
104
\-moz-background-size: 100% 100%;
105
\-o-background-size: 100% 100%;
106
background-size: 100% 100%;
107
}';
108
}
109
if ($filesdata\[13\] != '') {
110
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
111
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
112
\-moz-background-size: 100% 100%;
113
\-o-background-size: 100% 100%;
114
background-size: 100% 100%;
115
}';
116
}
117
?>
118
119
119
</div>
120
120
<?php
121
121
endif;
122
122
}
123
?>
124
125
<style>
126
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
127
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
128
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
129
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
130
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
131
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
132
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
133
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
134
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
135
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
136
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
137
animation-duration: <?php echo $styledata\[57\]; ?>s;
138
}
139
.oxilab-flip-box-body-<?php echo $styleid; ?>{
140
max-width: <?php echo $styledata\[45\]; ?>px;
123
124
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
125
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
126
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
127
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
128
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
129
-o-transition: opacity ' . $styledata\[57\] . 's linear;
130
transition: opacity ' . $styledata\[57\] . 's linear;
131
-webkit-animation-duration: ' . $styledata\[57\] . 's;
132
-moz-animation-duration: ' . $styledata\[57\] . 's;
133
-ms-animation-duration: ' . $styledata\[57\] . 's;
134
-o-animation-duration: ' . $styledata\[57\] . 's;
135
animation-duration: ' . $styledata\[57\] . 's;
136
}
137
.oxilab-flip-box-body-' . $styleid . '{
138
max-width: ' . $styledata\[45\] . 'px;
141
139
width: 100%;
142
140
margin: 0 auto;
143
position: relative;
144
}
145
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
146
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
141
position: relative;
142
}
143
.oxilab-flip-box-body-' . $styleid . ':after {
144
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
147
145
content: "";
148
146
display: block;
149
147
}
150
.oxilab-flip-box-<?php echo $styleid; ?>{
151
position: absolute;
152
top: 0;
153
left: 0;
154
right: 0;
155
bottom: 0;
156
background-color: <?php echo $styledata\[5\]; ?>;
157
border-color:<?php echo $styledata\[7\]; ?>;
158
border-width: <?php echo $styledata\[163\]; ?>px;
159
border-style:<?php echo $styledata\[165\]; ?>;
160
display: block;
161
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
162
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
163
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
164
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
165
border-radius: <?php echo $styledata\[153\]; ?>px;
166
overflow: hidden;
167
}
168
.oxilab-flip-box-<?php echo $styleid; ?>-data{
148
.oxilab-flip-box-' . $styleid . '{
149
position: absolute;
150
top: 0;
151
left: 0;
152
right: 0;
153
bottom: 0;
154
background-color: ' . $styledata\[5\] . ';
155
border-color:' . $styledata\[7\] . ';
156
border-width: ' . $styledata\[163\] . 'px;
157
border-style:' . $styledata\[165\] . ';
158
display: block;
159
-webkit-border-radius: ' . $styledata\[153\] . 'px;
160
-moz-border-radius: ' . $styledata\[153\] . 'px;
161
-ms-border-radius: ' . $styledata\[153\] . 'px;
162
-o-border-radius: ' . $styledata\[153\] . 'px;
163
border-radius: ' . $styledata\[153\] . 'px;
164
overflow: hidden;
165
}
166
.oxilab-flip-box-' . $styleid . '-data{
169
167
position: absolute;
170
168
left: 0%;
171
top: 0%;
172
right: 0;
173
bottom: 0;
174
}
175
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-image{
169
top: 0%;
170
right: 0;
171
bottom: 0;
172
}
173
.oxilab-flip-box-' . $styleid . '\-data .oxilab-image{
176
174
position: absolute;
177
175
top: 0;
…
…
179
177
right: 0;
180
178
bottom:0;
181
margin: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[77\]; ?>px <?php echo $styledata\[73\]; ?>px <?php echo $styledata\[75\]; ?>px;
182
display: block;
183
}
184
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-image img{
179
margin: ' . $styledata\[71\] . 'px ' . $styledata\[77\] . 'px ' . $styledata\[73\] . 'px ' . $styledata\[75\] . 'px;
180
display: block;
181
}
182
.oxilab-flip-box-' . $styleid . '\-data .oxilab-image img{
185
183
position: absolute;
186
184
top: 0;
…
…
190
188
width: 100%;
191
189
height:100%;
192
display: block;
193
}
194
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
190
display: block;
191
}
192
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
195
193
position: absolute;
196
194
left: 0;
197
195
bottom: 0;
198
196
width: 100%;
199
margin-top: <?php echo $styledata\[69\]; ?>%;
200
color: <?php echo $styledata\[13\]; ?>;
201
background: <?php echo $styledata\[5\]; ?>;
202
display: block;
203
text-align: <?php echo $styledata\[91\]; ?>;
204
font-size: <?php echo $styledata\[83\]; ?>px;
205
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
206
font-weight: <?php echo $styledata\[89\]; ?>;
207
font-style:<?php echo $styledata\[87\]; ?>;
208
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
209
}
210
.oxilab-flip-box-back-<?php echo $styleid; ?>{
211
position: absolute;
212
top: 0;
213
left: 0;
214
right: 0;
215
bottom: 0;
216
background-color: <?php echo $styledata\[15\]; ?>;
217
border-color:<?php echo $styledata\[9\]; ?>;
218
border-width: <?php echo $styledata\[167\]; ?>px;
219
border-style:<?php echo $styledata\[169\]; ?>;
220
display: block;
221
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
222
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
223
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
224
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
225
border-radius: <?php echo $styledata\[153\]; ?>px;
226
overflow: hidden;
227
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
228
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
229
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
230
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
231
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
232
}
233
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
197
margin-top: ' . $styledata\[69\] . '%;
198
color: ' . $styledata\[13\] . ';
199
background: ' . $styledata\[5\] . ';
200
display: block;
201
text-align: ' . $styledata\[91\] . ';
202
font-size: ' . $styledata\[83\] . 'px;
203
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
204
font-weight: ' . $styledata\[89\] . ';
205
font-style:' . $styledata\[87\] . ';
206
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
207
}
208
.oxilab-flip-box-back-' . $styleid . '{
209
position: absolute;
210
top: 0;
211
left: 0;
212
right: 0;
213
bottom: 0;
214
background-color: ' . $styledata\[15\] . ';
215
border-color:' . $styledata\[9\] . ';
216
border-width: ' . $styledata\[167\] . 'px;
217
border-style:' . $styledata\[169\] . ';
218
display: block;
219
-webkit-border-radius: ' . $styledata\[153\] . 'px;
220
-moz-border-radius: ' . $styledata\[153\] . 'px;
221
-ms-border-radius: ' . $styledata\[153\] . 'px;
222
-o-border-radius: ' . $styledata\[153\] . 'px;
223
border-radius: ' . $styledata\[153\] . 'px;
224
overflow: hidden;
225
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
226
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
227
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
228
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
229
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
230
}
231
.oxilab-flip-box-back-' . $styleid . '-data{
234
232
position: absolute;
235
233
left: 0%;
236
234
right: 0;
237
top: 50%;
238
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
235
top: 50%;
236
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
239
237
-webkit-transform: translateY(-50%);
240
238
-ms-transform: translateY(-50%);
241
239
-moz-transform: translateY(-50%);
242
240
-o-transform: translateY(-50%);
243
transform: translateY(-50%);
244
}
245
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
246
display: block;
247
color: <?php echo $styledata\[31\]; ?>;
248
text-align: <?php echo $styledata\[189\]; ?>;
249
font-size: <?php echo $styledata\[181\]; ?>px;
250
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
251
font-weight: <?php echo $styledata\[187\]; ?>;
252
font-style:<?php echo $styledata\[185\]; ?>;
253
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
254
}
255
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-info{
256
display: block;
257
color: <?php echo $styledata\[19\]; ?>;
258
text-align: <?php echo $styledata\[115\]; ?>;
259
font-size: <?php echo $styledata\[107\]; ?>px;
260
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
261
font-weight: <?php echo $styledata\[113\]; ?>;
262
font-style:<?php echo $styledata\[111\]; ?>;
263
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
264
}
265
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button{
266
display: block;
267
text-align: <?php echo $styledata\[139\]; ?>;
268
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
269
}
270
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data{
271
display: inline-block;
272
color: <?php echo $styledata\[21\]; ?>;
273
background-color: <?php echo $styledata\[23\]; ?>;
274
font-size: <?php echo $styledata\[125\]; ?>px;
275
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
276
font-weight: <?php echo $styledata\[131\]; ?>;
277
font-style:<?php echo $styledata\[129\]; ?>;
278
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
279
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
280
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
281
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
282
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
283
border-radius: <?php echo $styledata\[137\]; ?>px;
284
}
285
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data:hover{
286
background-color: <?php echo $styledata\[27\]; ?>;
287
color: <?php echo $styledata\[25\]; ?>;
288
}
289
<?php echo $styledata\[199\]; ?>;
290
</style\>
241
transform: translateY(-50%);
242
}
243
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
244
display: block;
245
color: ' . $styledata\[31\] . ';
246
text-align: ' . $styledata\[189\] . ';
247
font-size: ' . $styledata\[181\] . 'px;
248
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
249
font-weight: ' . $styledata\[187\] . ';
250
font-style:' . $styledata\[185\] . ';
251
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
252
}
253
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-info{
254
display: block;
255
color: ' . $styledata\[19\] . ';
256
text-align: ' . $styledata\[115\] . ';
257
font-size: ' . $styledata\[107\] . 'px;
258
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
259
font-weight: ' . $styledata\[113\] . ';
260
font-style:' . $styledata\[111\] . ';
261
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
262
}
263
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button{
264
display: block;
265
text-align: ' . $styledata\[139\] . ';
266
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
267
}
268
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data{
269
display: inline-block;
270
color: ' . $styledata\[21\] . ';
271
background-color: ' . $styledata\[23\] . ';
272
font-size: ' . $styledata\[125\] . 'px;
273
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
274
font-weight: ' . $styledata\[131\] . ';
275
font-style:' . $styledata\[129\] . ';
276
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
277
-webkit-border-radius: ' . $styledata\[137\] . 'px;
278
-moz-border-radius: ' . $styledata\[137\] . 'px;
279
-ms-border-radius: ' . $styledata\[137\] . 'px;
280
-o-border-radius: ' . $styledata\[137\] . 'px;
281
border-radius: ' . $styledata\[137\] . 'px;
282
}
283
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data:hover{
284
background-color: ' . $styledata\[27\] . ';
285
color: ' . $styledata\[25\] . ';
286
}
287
' . $styledata\[199\] . ';';
288
?\>
291
289
</div>
292
290
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style3.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] != '') {
45
echo '<a href="' . $filesdata\[9\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[9\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-icon">
59
57
<div class="oxilab-icon-data">
…
…
72
70
</div>
73
71
<div class="oxilab-flip-box-back">
74
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
75
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
72
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
73
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
76
74
<div class="oxilab-info">
77
75
<?php echo $this->text\_render($filesdata\[7\]); ?>
…
…
85
83
</div>
86
84
<?php
87
echo $fileslinkend;
85
if ($filesdata\[9\] != '') {
86
echo '</a>';
87
}
88
88
echo $this->admin\_edit\_panel($value\['id'\]);
89
89
?>
…
…
91
91
92
92
93
<style>
94
<?php
95
if ($filesdata\[5\] != '') {
96
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
93
<?php
94
if ($filesdata\[5\] != '') {
95
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
97
96
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
98
97
\-moz-background-size: 100% 100%;
…
…
100
99
background-size: 100% 100%;
101
100
}';
102
}
103
?>
104
<?php
105
if ($filesdata\[11\] != '') {
106
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
101
}
102
?>
103
<?php
104
if ($filesdata\[11\] != '') {
105
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
107
106
background: linear-gradient(' . $styledata\[13\] . ', ' . $styledata\[13\] . '), url("' . $filesdata\[11\] . '");
108
107
\-moz-background-size: 100% 100%;
…
…
110
109
background-size: 100% 100%;
111
110
}';
112
}
113
?>
114
</style>
111
}
112
?>
113
115
114
</div>
116
115
<?php
117
116
endif;
118
117
}
119
?>
120
<style>
121
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
122
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
123
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
124
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
125
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
126
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
127
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
128
animation-duration: <?php echo $styledata\[57\]; ?>s;
129
}
130
.oxilab-flip-box-body-<?php echo $styleid; ?>{
131
max-width: <?php echo $styledata\[45\]; ?>px;
118
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
119
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
120
transition: opacity ' . $styledata\[57\] . 's linear;
121
-webkit-animation-duration: ' . $styledata\[57\] . 's;
122
-moz-animation-duration: ' . $styledata\[57\] . 's;
123
-ms-animation-duration: ' . $styledata\[57\] . 's;
124
-o-animation-duration: ' . $styledata\[57\] . 's;
125
animation-duration: ' . $styledata\[57\] . 's;
126
}
127
.oxilab-flip-box-body-' . $styleid . '{
128
max-width: ' . $styledata\[45\] . 'px;
132
129
width: 100%;
133
130
margin: 0 auto;
134
position: relative;
135
}
136
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
137
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
131
position: relative;
132
}
133
.oxilab-flip-box-body-' . $styleid . ':after {
134
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
138
135
content: "";
139
136
display: block;
140
137
}
141
.oxilab-flip-box-<?php echo $styleid; ?>{
138
.oxilab-flip-box-' . $styleid . '{
142
139
position: absolute;
143
140
top: 0;
…
…
145
142
right: 0;
146
143
bottom: 0;
147
display: block;
148
background-color: <?php echo $styledata\[5\]; ?>;
149
-webkit-border-radius: <?php echo $styledata\[141\]; ?>px;
150
-moz-border-radius: <?php echo $styledata\[141\]; ?>px;
151
-ms-border-radius: <?php echo $styledata\[141\]; ?>px;
152
-o-border-radius: <?php echo $styledata\[141\]; ?>px;
153
border-radius: <?php echo $styledata\[141\]; ?>px;
144
display: block;
145
background-color: ' . $styledata\[5\] . ';
146
-webkit-border-radius: ' . $styledata\[141\] . 'px;
147
-moz-border-radius: ' . $styledata\[141\] . 'px;
148
-ms-border-radius: ' . $styledata\[141\] . 'px;
149
-o-border-radius: ' . $styledata\[141\] . 'px;
150
border-radius: ' . $styledata\[141\] . 'px;
154
151
overflow: hidden;
155
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
156
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
157
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
158
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
159
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
160
}
161
.oxilab-flip-box-<?php echo $styleid; ?>\-data{
152
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
153
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
154
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
155
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
156
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
157
}
158
.oxilab-flip-box-' . $styleid . '\-data{
162
159
position: absolute;
163
160
left: 0%;
164
top: 50%;
165
padding: <?php echo $styledata\[69\]; ?>px <?php echo $styledata\[71\]; ?>px;
161
top: 50%;
162
padding: ' . $styledata\[69\] . 'px ' . $styledata\[71\] . 'px;
166
163
-webkit-transform: translateY(-50%);
167
164
-ms-transform: translateY(-50%);
…
…
171
168
right: 0;
172
169
}
173
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
174
display: block;
175
text-align: <?php echo $styledata\[81\]; ?>;
176
padding: <?php echo $styledata\[77\]; ?>px <?php echo $styledata\[79\]; ?>px;
177
}
178
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
179
display: inline-block;
180
width: <?php echo $styledata\[75\]; ?>px;
181
height: <?php echo $styledata\[75\]; ?>px;
182
}
183
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
184
line-height: <?php echo $styledata\[75\]; ?>px;
185
font-size: <?php echo $styledata\[73\]; ?>px;
186
color: <?php echo $styledata\[7\]; ?>;
187
}
188
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
189
display: block;
190
color: <?php echo $styledata\[11\]; ?>;
191
text-align: <?php echo $styledata\[91\]; ?>;
192
font-size: <?php echo $styledata\[83\]; ?>px;
193
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
194
font-weight: <?php echo $styledata\[89\]; ?>;
195
font-style:<?php echo $styledata\[87\]; ?>;
196
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
197
}
198
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
199
display: block;
200
color: <?php echo $styledata\[17\]; ?>;
201
text-align: <?php echo $styledata\[109\]; ?>;
202
font-size: <?php echo $styledata\[101\]; ?>px;
203
font-family: <?php echo $this->font\_familly($styledata\[103\]); ?>;
204
font-weight: <?php echo $styledata\[107\]; ?>;
205
font-style:<?php echo $styledata\[105\]; ?>;
206
padding: <?php echo $styledata\[111\]; ?>px <?php echo $styledata\[117\]; ?>px <?php echo $styledata\[113\]; ?>px <?php echo $styledata\[115\]; ?>px;
207
}
208
.oxilab-flip-box-back-<?php echo $styleid; ?>{
170
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
171
display: block;
172
text-align: ' . $styledata\[81\] . ';
173
padding: ' . $styledata\[77\] . 'px ' . $styledata\[79\] . 'px;
174
}
175
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
176
display: inline-block;
177
width: ' . $styledata\[75\] . 'px;
178
height: ' . $styledata\[75\] . 'px;
179
}
180
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
181
line-height: ' . $styledata\[75\] . 'px;
182
font-size: ' . $styledata\[73\] . 'px;
183
color: ' . $styledata\[7\] . ';
184
}
185
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
186
display: block;
187
color: ' . $styledata\[11\] . ';
188
text-align: ' . $styledata\[91\] . ';
189
font-size: ' . $styledata\[83\] . 'px;
190
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
191
font-weight: ' . $styledata\[89\] . ';
192
font-style:' . $styledata\[87\] . ';
193
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
194
}
195
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
196
display: block;
197
color: ' . $styledata\[17\] . ';
198
text-align: ' . $styledata\[109\] . ';
199
font-size: ' . $styledata\[101\] . 'px;
200
font-family: ' . $this->font\_familly($styledata\[103\]) . ';
201
font-weight: ' . $styledata\[107\] . ';
202
font-style:' . $styledata\[105\] . ';
203
padding: ' . $styledata\[111\] . 'px ' . $styledata\[117\] . 'px ' . $styledata\[113\] . 'px ' . $styledata\[115\] . 'px;
204
}
205
.oxilab-flip-box-back-' . $styleid . '{
209
206
position: absolute;
210
207
top: 0;
…
…
213
210
bottom: 0;
214
211
display: block;
215
background-color: <?php echo $styledata\[13\]; ?>;
216
-webkit-border-radius: <?php echo $styledata\[141\]; ?>px;
217
-moz-border-radius: <?php echo $styledata\[141\]; ?>px;
218
-ms-border-radius: <?php echo $styledata\[141\]; ?>px;
219
-o-border-radius: <?php echo $styledata\[141\]; ?>px;
220
border-radius: <?php echo $styledata\[141\]; ?>px;
212
background-color: ' . $styledata\[13\] . ';
213
-webkit-border-radius: ' . $styledata\[141\] . 'px;
214
-moz-border-radius: ' . $styledata\[141\] . 'px;
215
-ms-border-radius: ' . $styledata\[141\] . 'px;
216
-o-border-radius: ' . $styledata\[141\] . 'px;
217
border-radius: ' . $styledata\[141\] . 'px;
221
218
overflow: hidden;
222
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
223
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
224
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
225
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
226
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
227
228
}
229
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
219
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
220
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
221
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
222
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
223
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
224
225
}
226
.oxilab-flip-box-back-' . $styleid . '-data{
230
227
position: absolute;
231
228
left: 0%;
232
229
right: 0;
233
top: 50%;
234
padding: <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
230
top: 50%;
231
padding: ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
235
232
-webkit-transform: translateY(-50%);
236
233
-ms-transform: translateY(-50%);
237
234
-moz-transform: translateY(-50%);
238
235
-o-transform: translateY(-50%);
239
transform: translateY(-50%);
240
}
241
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
242
display: block;
243
color: <?php echo $styledata\[15\]; ?>;
244
text-align: <?php echo $styledata\[131\]; ?>;
245
font-size: <?php echo $styledata\[123\]; ?>px;
246
font-family: <?php echo $this->font\_familly($styledata\[125\]); ?>;
247
font-weight: <?php echo $styledata\[129\]; ?>;
248
font-style:<?php echo $styledata\[127\]; ?>;
249
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[139\]; ?>px <?php echo $styledata\[135\]; ?>px <?php echo $styledata\[137\]; ?>px;
250
251
}
252
<?php echo $styledata\[143\]; ?>;
253
</style>
236
transform: translateY(-50%);
237
}
238
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
239
display: block;
240
color: ' . $styledata\[15\] . ';
241
text-align: ' . $styledata\[131\] . ';
242
font-size: ' . $styledata\[123\] . 'px;
243
font-family: ' . $this->font\_familly($styledata\[125\]) . ';
244
font-weight: ' . $styledata\[129\] . ';
245
font-style:' . $styledata\[127\] . ';
246
padding: ' . $styledata\[133\] . 'px ' . $styledata\[139\] . 'px ' . $styledata\[135\] . 'px ' . $styledata\[137\] . 'px;
247
248
}
249
' . $styledata\[143\] . ';';
250
?>
251
254
252
</div>
255
253
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style4.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-icon">
59
57
<div class="oxilab-icon-data">
…
…
72
70
</div>
73
71
<div class="oxilab-flip-box-back">
74
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
75
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
72
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
73
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
76
74
<div class="oxilab-heading">
77
75
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
82
80
<?php
83
81
if ($filesdata\[9\] != '') {
84
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
82
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
85
83
echo '<div class="oxilab-button">
86
84
<div class="oxilab-button-data">
…
…
99
97
</div>
100
98
<?php
101
echo $fileslinkend;
99
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
100
echo '</a>';
101
}
102
102
echo $this->admin\_edit\_panel($value\['id'\]);
103
103
?>
…
…
105
105
</div>
106
106
107
<style>
108
<?php
109
if ($filesdata\[5\] != '') {
110
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
107
108
<?php
109
if ($filesdata\[5\] != '') {
110
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
111
111
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
112
112
\-moz-background-size: 100% 100%;
…
…
114
114
background-size: 100% 100%;
115
115
}';
116
}
117
?>
118
<?php
119
if ($filesdata\[13\] != '') {
120
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
116
}
117
?>
118
<?php
119
if ($filesdata\[13\] != '') {
120
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
121
121
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
122
122
\-moz-background-size: 100% 100%;
…
…
124
124
background-size: 100% 100%;
125
125
}';
126
}
127
?>
128
</style>
126
}
127
?>
128
129
129
</div>
130
130
<?php
131
131
endif;
132
132
}
133
?>
134
135
<style>
136
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
137
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
138
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
139
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
140
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
141
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
142
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
143
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
144
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
145
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
146
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
147
animation-duration: <?php echo $styledata\[57\]; ?>s;
148
}
149
.oxilab-flip-box-body-<?php echo $styleid; ?>{
150
max-width: <?php echo $styledata\[45\]; ?>px;
133
134
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
135
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
136
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
137
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
138
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
139
-o-transition: opacity ' . $styledata\[57\] . 's linear;
140
transition: opacity ' . $styledata\[57\] . 's linear;
141
-webkit-animation-duration: ' . $styledata\[57\] . 's;
142
-moz-animation-duration: ' . $styledata\[57\] . 's;
143
-ms-animation-duration: ' . $styledata\[57\] . 's;
144
-o-animation-duration: ' . $styledata\[57\] . 's;
145
animation-duration: ' . $styledata\[57\] . 's;
146
}
147
.oxilab-flip-box-body-' . $styleid . '{
148
max-width: ' . $styledata\[45\] . 'px;
151
149
width: 100%;
152
150
margin: 0 auto;
153
position: relative;
154
}
155
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
156
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
151
position: relative;
152
}
153
.oxilab-flip-box-body-' . $styleid . ':after {
154
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
157
155
content: "";
158
156
display: block;
159
157
}
160
.oxilab-flip-box-<?php echo $styleid; ?>{
158
.oxilab-flip-box-' . $styleid . '{
161
159
position: absolute;
162
160
top: 0;
…
…
165
163
bottom: 0;
166
164
display: block;
167
background-color: <?php echo $styledata\[5\]; ?>;
168
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
169
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
170
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
171
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
172
border-radius: <?php echo $styledata\[153\]; ?>px;
165
background-color: ' . $styledata\[5\] . ';
166
-webkit-border-radius: ' . $styledata\[153\] . 'px;
167
-moz-border-radius: ' . $styledata\[153\] . 'px;
168
-o-border-radius: ' . $styledata\[153\] . 'px;
169
-ms-border-radius: ' . $styledata\[153\] . 'px;
170
border-radius: ' . $styledata\[153\] . 'px;
173
171
overflow: hidden;
174
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
175
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
176
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
177
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
178
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
179
}
180
.oxilab-flip-box-<?php echo $styleid; ?>-data{
172
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
173
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
174
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
175
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
176
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
177
}
178
.oxilab-flip-box-' . $styleid . '-data{
181
179
position: absolute;
182
180
left: 0%;
183
top: 50%;
184
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
181
top: 50%;
182
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
185
183
-webkit-transform: translateY(-50%);
186
184
-ms-transform: translateY(-50%);
…
…
190
188
right: 0;
191
189
}
192
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
193
display: block;
194
text-align: center;
195
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
196
}
197
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
198
display: inline-block;
199
width: <?php echo $styledata\[79\]; ?>px;
200
height: <?php echo $styledata\[79\]; ?>px;
190
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
191
display: block;
201
192
text-align: center;
202
}
203
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
204
line-height: <?php echo $styledata\[79\]; ?>px;
205
font-size: <?php echo $styledata\[77\]; ?>px;
206
color: <?php echo $styledata\[9\]; ?>;
207
}
208
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
209
display: block;
210
color: <?php echo $styledata\[13\]; ?>;
211
text-align: <?php echo $styledata\[91\]; ?>;
212
font-size: <?php echo $styledata\[83\]; ?>px;
213
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
214
font-weight: <?php echo $styledata\[89\]; ?>;
215
font-style:<?php echo $styledata\[87\]; ?>;
216
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
217
218
}
219
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
220
display: block;
221
color: <?php echo $styledata\[29\]; ?>;
222
text-align: <?php echo $styledata\[171\]; ?>;
223
font-size: <?php echo $styledata\[163\]; ?>px;
224
font-family: <?php echo $this->font\_familly($styledata\[165\]); ?>;
225
font-weight: <?php echo $styledata\[169\]; ?>;
226
font-style:<?php echo $styledata\[167\]; ?>;
227
padding: <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[179\]; ?>px <?php echo $styledata\[175\]; ?>px <?php echo $styledata\[177\]; ?>px;
228
229
}
230
.oxilab-flip-box-back-<?php echo $styleid; ?>{
193
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
194
}
195
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
196
display: inline-block;
197
width: ' . $styledata\[79\] . 'px;
198
height: ' . $styledata\[79\] . 'px;
199
text-align: center;
200
}
201
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
202
line-height: ' . $styledata\[79\] . 'px;
203
font-size: ' . $styledata\[77\] . 'px;
204
color: ' . $styledata\[9\] . ';
205
}
206
.oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
207
display: block;
208
color: ' . $styledata\[13\] . ';
209
text-align: ' . $styledata\[91\] . ';
210
font-size: ' . $styledata\[83\] . 'px;
211
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
212
font-weight: ' . $styledata\[89\] . ';
213
font-style:' . $styledata\[87\] . ';
214
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
215
216
}
217
.oxilab-flip-box-' . $styleid . '-data .oxilab-info{
218
display: block;
219
color: ' . $styledata\[29\] . ';
220
text-align: ' . $styledata\[171\] . ';
221
font-size: ' . $styledata\[163\] . 'px;
222
font-family: ' . $this->font\_familly($styledata\[165\]) . ';
223
font-weight: ' . $styledata\[169\] . ';
224
font-style:' . $styledata\[167\] . ';
225
padding: ' . $styledata\[173\] . 'px ' . $styledata\[179\] . 'px ' . $styledata\[175\] . 'px ' . $styledata\[177\] . 'px;
226
227
}
228
.oxilab-flip-box-back-' . $styleid . '{
231
229
position: absolute;
232
230
top: 0;
…
…
235
233
bottom: 0;
236
234
display: block;
237
background-color: <?php echo $styledata\[15\]; ?>;
238
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
239
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
240
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
241
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
242
border-radius:<?php echo $styledata\[153\]; ?>px;
235
background-color: ' . $styledata\[15\] . ';
236
-webkit-border-radius: ' . $styledata\[153\] . 'px;
237
-moz-border-radius: ' . $styledata\[153\] . 'px;
238
-o-border-radius: ' . $styledata\[153\] . 'px;
239
-ms-border-radius: ' . $styledata\[153\] . 'px;
240
border-radius:' . $styledata\[153\] . 'px;
243
241
overflow: hidden;
244
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
245
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
246
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
247
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
248
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
249
}
250
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
242
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
243
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
244
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
245
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
246
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
247
}
248
.oxilab-flip-box-back-' . $styleid . '-data{
251
249
position: absolute;
252
250
left: 0%;
253
251
right: 0;
254
top: 50%;
255
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
252
top: 50%;
253
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
256
254
-webkit-transform: translateY(-50%);
257
255
-ms-transform: translateY(-50%);
258
256
-moz-transform: translateY(-50%);
259
257
-o-transform: translateY(-50%);
260
transform: translateY(-50%);
261
}
262
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
263
display: block;
264
color: <?php echo $styledata\[31\]; ?>;
265
text-align: <?php echo $styledata\[189\]; ?>;
266
font-size: <?php echo $styledata\[181\]; ?>px;
267
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
268
font-weight: <?php echo $styledata\[187\]; ?>;
269
font-style:<?php echo $styledata\[185\]; ?>;
270
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
271
272
}
273
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-info{
274
display: block;
275
color: <?php echo $styledata\[19\]; ?>;
276
text-align: <?php echo $styledata\[115\]; ?>;
277
font-size: <?php echo $styledata\[107\]; ?>px;
278
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
279
font-weight: <?php echo $styledata\[113\]; ?>;
280
font-style:<?php echo $styledata\[111\]; ?>;
281
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
282
283
}
284
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button{
285
display: block;
286
text-align: <?php echo $styledata\[139\]; ?>;
287
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
288
289
}
290
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data{
291
display: inline-block;
292
font-size: <?php echo $styledata\[125\]; ?>px;
293
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
294
font-weight: <?php echo $styledata\[131\]; ?>;
295
font-style:<?php echo $styledata\[129\]; ?>;
296
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
297
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
298
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
299
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
300
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
301
border-radius: <?php echo $styledata\[137\]; ?>px;
302
color: <?php echo $styledata\[21\]; ?>;
303
background-color: <?php echo $styledata\[23\]; ?>;
304
}
305
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data:hover{
306
background-color: <?php echo $styledata\[27\]; ?>;
307
color: <?php echo $styledata\[25\]; ?>;
308
}
309
<?php echo $styledata\[199\]; ?>px;
310
</style\>
258
transform: translateY(-50%);
259
}
260
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
261
display: block;
262
color: ' . $styledata\[31\] . ';
263
text-align: ' . $styledata\[189\] . ';
264
font-size: ' . $styledata\[181\] . 'px;
265
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
266
font-weight: ' . $styledata\[187\] . ';
267
font-style:' . $styledata\[185\] . ';
268
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
269
270
}
271
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-info{
272
display: block;
273
color: ' . $styledata\[19\] . ';
274
text-align: ' . $styledata\[115\] . ';
275
font-size: ' . $styledata\[107\] . 'px;
276
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
277
font-weight: ' . $styledata\[113\] . ';
278
font-style:' . $styledata\[111\] . ';
279
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
280
281
}
282
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button{
283
display: block;
284
text-align: ' . $styledata\[139\] . ';
285
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
286
287
}
288
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data{
289
display: inline-block;
290
font-size: ' . $styledata\[125\] . 'px;
291
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
292
font-weight: ' . $styledata\[131\] . ';
293
font-style:' . $styledata\[129\] . ';
294
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
295
-webkit-border-radius: ' . $styledata\[137\] . 'px;
296
-moz-border-radius: ' . $styledata\[137\] . 'px;
297
-o-border-radius: ' . $styledata\[137\] . 'px;
298
-ms-border-radius: ' . $styledata\[137\] . 'px;
299
border-radius: ' . $styledata\[137\] . 'px;
300
color: ' . $styledata\[21\] . ';
301
background-color: ' . $styledata\[23\] . ';
302
}
303
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data:hover{
304
background-color: ' . $styledata\[27\] . ';
305
color: ' . $styledata\[25\] . ';
306
}
307
' . $styledata\[199\] . 'px;';
308
?\>
311
309
</div>
312
310
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style5.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
34
35
35
36
36
$filesdata = explode("{#}|{#}", $value\['files'\]);
37
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
37
38
?>
38
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
39
sa-data-animation="<?php echo $styledata\[55\]; ?>"
39
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
40
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
40
41
sa-data-animation-offset="100%"
41
42
sa-data-animation-delay="0ms"
42
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
43
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
43
44
>
44
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
45
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
45
46
<?php
46
47
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
47
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
48
$fileslinkend = '</a>';
49
} else {
50
$fileslinkend = '';
48
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
51
49
}
52
50
?>
53
51
<div class="oxilab-flip-box-body-absulote">
54
<div class="<?php echo $styledata\[1\]; ?>">
55
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
52
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
53
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
56
54
<div class="oxilab-flip-box-style">
57
55
<div class="oxilab-flip-box-front">
58
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
59
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
56
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
57
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
60
58
61
59
</div>
…
…
63
61
</div>
64
62
<div class="oxilab-flip-box-back">
65
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
66
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
63
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
64
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
67
65
<div class="oxilab-heading">
68
66
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
73
71
<?php
74
72
if ($filesdata\[9\] != '') {
75
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
73
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
76
74
echo '<div class="oxilab-button">
77
75
<div class="oxilab-button-data">
…
…
90
88
</div>
91
89
<?php
92
echo $fileslinkend;
90
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
91
echo '</a>';
92
}
93
93
echo $this->admin\_edit\_panel($value\['id'\]);
94
94
?>
95
95
</div>
96
96
97
<style>
98
<?php
99
if ($filesdata\[5\] != '') {
100
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
101
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
102
\-moz-background-size: 100% 100%;
103
\-o-background-size: 100% 100%;
104
background-size: 100% 100%;
105
}';
106
}
107
if ($filesdata\[13\] != '') {
108
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
97
98
<?php
99
if ($filesdata\[5\] != '') {
100
101
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
102
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
103
-moz-background-size: 100% 100%;
104
-o-background-size: 100% 100%;
105
background-size: 100% 100%;
106
}';
107
}
108
if ($filesdata\[13\] != '') {
109
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
109
110
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
110
111
\-moz-background-size: 100% 100%;
…
…
112
113
background-size: 100% 100%;
113
114
}';
114
}
115
?>
116
</style>
115
}
116
?>
117
117
118
</div>
118
119
<?php
119
120
endif;
120
121
}
121
?>
122
123
<style>
124
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
125
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
126
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
127
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
128
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
129
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
130
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
131
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
132
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
133
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
134
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
135
animation-duration: <?php echo $styledata\[57\]; ?>s;
136
}
137
.oxilab-flip-box-body-<?php echo $styleid; ?>{
138
max-width: <?php echo $styledata\[45\]; ?>px;
122
123
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
124
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
125
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
126
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
127
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
128
-o-transition: opacity ' . $styledata\[57\] . 's linear;
129
transition: opacity ' . $styledata\[57\] . 's linear;
130
-webkit-animation-duration: ' . $styledata\[57\] . 's;
131
-moz-animation-duration: ' . $styledata\[57\] . 's;
132
-ms-animation-duration: ' . $styledata\[57\] . 's;
133
-o-animation-duration: ' . $styledata\[57\] . 's;
134
animation-duration: ' . $styledata\[57\] . 's;
135
}
136
.oxilab-flip-box-body-' . $styleid . '{
137
max-width: ' . $styledata\[45\] . 'px;
139
138
width: 100%;
140
139
margin: 0 auto;
141
position: relative;
142
}
143
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
144
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
140
position: relative;
141
}
142
.oxilab-flip-box-body-' . $styleid . ':after {
143
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
145
144
content: "";
146
145
display: block;
147
146
}
148
.oxilab-flip-box-<?php echo $styleid; ?>{
147
.oxilab-flip-box-' . $styleid . '{
149
148
position: absolute;
150
149
top: 0;
…
…
152
151
right: 0;
153
152
bottom: 0;
154
display: block;
155
background-color: <?php echo $styledata\[5\]; ?>;
156
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
157
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
158
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
159
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
160
border-radius: <?php echo $styledata\[153\]; ?>px;
153
display: block;
154
background-color: ' . $styledata\[5\] . ';
155
-webkit-border-radius: ' . $styledata\[153\] . 'px;
156
-moz-border-radius: ' . $styledata\[153\] . 'px;
157
-ms-border-radius: ' . $styledata\[153\] . 'px;
158
-o-border-radius: ' . $styledata\[153\] . 'px;
159
border-radius: ' . $styledata\[153\] . 'px;
161
160
overflow: hidden;
162
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
163
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
164
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
165
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
166
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
167
}
168
.oxilab-flip-box-<?php echo $styleid; ?>-data{
161
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
162
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
163
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
164
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
165
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
166
}
167
.oxilab-flip-box-' . $styleid . '-data{
169
168
position: absolute;
170
169
left: 0%;
171
top: 50%;
170
top: 50%;
172
171
-webkit-transform: translateY(-50%);
173
172
-ms-transform: translateY(-50%);
…
…
177
176
right: 0;
178
177
}
179
.oxilab-flip-box-back-<?php echo $styleid; ?>{
178
.oxilab-flip-box-back-' . $styleid . '{
180
179
position: absolute;
181
180
top: 0;
…
…
185
184
display: block;
186
185
background-color: red;
187
background-color: <?php echo $styledata\[15\]; ?>;
188
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
189
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
190
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
191
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
192
border-radius:<?php echo $styledata\[153\]; ?>px;
186
background-color: ' . $styledata\[15\] . ';
187
-webkit-border-radius: ' . $styledata\[153\] . 'px;
188
-moz-border-radius: ' . $styledata\[153\] . 'px;
189
-ms-border-radius: ' . $styledata\[153\] . 'px;
190
-o-border-radius: ' . $styledata\[153\] . 'px;
191
border-radius:' . $styledata\[153\] . 'px;
193
192
overflow: hidden;
194
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
195
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
196
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
197
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
198
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
199
}
200
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
193
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
194
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
195
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
196
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
197
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
198
}
199
.oxilab-flip-box-back-' . $styleid . '-data{
201
200
position: absolute;
202
201
left: 0%;
203
202
right: 0;
204
top: 50%;
205
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
203
top: 50%;
204
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
206
205
-webkit-transform: translateY(-50%);
207
206
-ms-transform: translateY(-50%);
208
207
-moz-transform: translateY(-50%);
209
208
-o-transform: translateY(-50%);
210
transform: translateY(-50%);
211
}
212
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
213
display: block;
214
color: <?php echo $styledata\[31\]; ?>;
215
text-align: <?php echo $styledata\[189\]; ?>;
216
font-size: <?php echo $styledata\[181\]; ?>px;
217
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
218
font-weight: <?php echo $styledata\[187\]; ?>;
219
font-style:<?php echo $styledata\[185\]; ?>;
220
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
221
222
}
223
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
224
display: block;
225
color: <?php echo $styledata\[19\]; ?>;
226
text-align: <?php echo $styledata\[115\]; ?>;
227
font-size: <?php echo $styledata\[107\]; ?>px;
228
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
229
font-weight: <?php echo $styledata\[113\]; ?>;
230
font-style:<?php echo $styledata\[111\]; ?>;
231
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
232
}
233
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
234
display: block;
235
text-align: <?php echo $styledata\[139\]; ?>;
236
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
237
}
238
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
239
display: inline-block;
240
font-size: <?php echo $styledata\[125\]; ?>px;
241
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
242
font-weight: <?php echo $styledata\[131\]; ?>;
243
font-style:<?php echo $styledata\[129\]; ?>;
244
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
245
-webkit-border-radius:<?php echo $styledata\[137\]; ?>px;
246
-moz-border-radius:<?php echo $styledata\[137\]; ?>px;
247
-ms-border-radius:<?php echo $styledata\[137\]; ?>px;
248
-o-border-radius:<?php echo $styledata\[137\]; ?>px;
249
border-radius: <?php echo $styledata\[137\]; ?>px;
250
color: <?php echo $styledata\[21\]; ?>;
251
background-color: <?php echo $styledata\[23\]; ?>;
252
}
253
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
254
background-color: <?php echo $styledata\[27\]; ?>;
255
color: <?php echo $styledata\[25\]; ?>;
256
}
257
<?php echo $styledata\[199\]; ?>;
258
</style>
209
transform: translateY(-50%);
210
}
211
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
212
display: block;
213
color: ' . $styledata\[31\] . ';
214
text-align: ' . $styledata\[189\] . ';
215
font-size: ' . $styledata\[181\] . 'px;
216
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
217
font-weight: ' . $styledata\[187\] . ';
218
font-style:' . $styledata\[185\] . ';
219
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
220
221
}
222
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
223
display: block;
224
color: ' . $styledata\[19\] . ';
225
text-align: ' . $styledata\[115\] . ';
226
font-size: ' . $styledata\[107\] . 'px;
227
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
228
font-weight: ' . $styledata\[113\] . ';
229
font-style:' . $styledata\[111\] . ';
230
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
231
}
232
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
233
display: block;
234
text-align: ' . $styledata\[139\] . ';
235
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
236
}
237
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
238
display: inline-block;
239
font-size: ' . $styledata\[125\] . 'px;
240
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
241
font-weight: ' . $styledata\[131\] . ';
242
font-style:' . $styledata\[129\] . ';
243
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
244
-webkit-border-radius:' . $styledata\[137\] . 'px;
245
-moz-border-radius:' . $styledata\[137\] . 'px;
246
-ms-border-radius:' . $styledata\[137\] . 'px;
247
-o-border-radius:' . $styledata\[137\] . 'px;
248
border-radius: ' . $styledata\[137\] . 'px;
249
color: ' . $styledata\[21\] . ';
250
background-color: ' . $styledata\[23\] . ';
251
}
252
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
253
background-color: ' . $styledata\[27\] . ';
254
color: ' . $styledata\[25\] . ';
255
}
256
' . $styledata\[199\] . ';';
257
?>
258
259
259
260
</div>
260
261
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style6.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
33
34
if (!empty($value\['files'\])):
34
35
35
$filesdata = explode("{#}|{#}", $value\['files'\]);
36
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
36
37
?>
37
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>
38
sa-data-animation="<?php echo $styledata\[55\]; ?>"
38
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>
39
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
39
40
sa-data-animation-offset="100%"
40
41
sa-data-animation-delay="0ms"
41
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
42
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
42
43
>
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
44
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
44
45
<?php
45
46
if ($filesdata\[11\] != '') {
46
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
47
$fileslinkend = '</a>';
48
} else {
49
$fileslinkend = '';
47
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
50
48
}
51
49
?>
52
50
<div class="oxilab-flip-box-body-absulote">
53
<div class="<?php echo $styledata\[1\]; ?>">
54
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
51
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
52
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
55
53
<div class="oxilab-flip-box-style">
56
54
<div class="oxilab-flip-box-front">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
58
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
56
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
59
57
60
58
</div>
…
…
62
60
</div>
63
61
<div class="oxilab-flip-box-back">
64
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
65
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
62
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
63
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
66
64
<div class="oxilab-heading">
67
65
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
69
67
<div class="oxilab-info">
70
68
<?php echo $this->text\_render($filesdata\[7\]); ?>
71
</div>
69
</div>
72
70
</div>
73
71
</div>
…
…
78
76
</div>
79
77
<?php
80
echo $fileslinkend;
78
if ($filesdata\[11\] != '') {
79
echo '</a>';
80
}
81
81
echo $this->admin\_edit\_panel($value\['id'\]);
82
82
?>
83
83
</div>
84
<style>
85
<?php
86
if ($filesdata\[5\] != '') {
87
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
84
85
<?php
86
if ($filesdata\[5\] != '') {
87
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
88
88
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
89
89
\-moz-background-size: 100% 100%;
…
…
91
91
background-size: 100% 100%;
92
92
}';
93
}
94
?>
95
<?php
96
if ($filesdata\[13\] != '') {
97
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
93
}
94
?>
95
<?php
96
if ($filesdata\[13\] != '') {
97
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
98
98
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
99
99
\-moz-background-size: 100% 100%;
…
…
101
101
background-size: 100% 100%;
102
102
}';
103
}
104
?>
105
</style>
103
}
104
?>
105
106
106
</div>
107
107
<?php
108
108
endif;
109
109
}
110
?>
111
112
<style>
113
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
114
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
115
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
116
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
117
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
118
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
119
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
120
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
121
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
122
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
123
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
124
animation-duration: <?php echo $styledata\[57\]; ?>s;
125
}
126
.oxilab-flip-box-body-<?php echo $styleid; ?>{
127
max-width: <?php echo $styledata\[45\]; ?>px;
110
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
111
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
112
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
113
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
114
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
115
-o-transition: opacity ' . $styledata\[57\] . 's linear;
116
transition: opacity ' . $styledata\[57\] . 's linear;
117
-webkit-animation-duration: ' . $styledata\[57\] . 's;
118
-moz-animation-duration: ' . $styledata\[57\] . 's;
119
-ms-animation-duration: ' . $styledata\[57\] . 's;
120
-o-animation-duration: ' . $styledata\[57\] . 's;
121
animation-duration: ' . $styledata\[57\] . 's;
122
}
123
.oxilab-flip-box-body-' . $styleid . '{
124
max-width: ' . $styledata\[45\] . 'px;
128
125
width: 100%;
129
126
margin: 0 auto;
130
position: relative;
131
}
132
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
133
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
127
position: relative;
128
}
129
.oxilab-flip-box-body-' . $styleid . ':after {
130
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
134
131
content: "";
135
132
display: block;
136
133
}
137
.oxilab-flip-box-<?php echo $styleid; ?>{
134
.oxilab-flip-box-' . $styleid . '{
138
135
position: absolute;
139
136
top: 0;
…
…
142
139
bottom: 0;
143
140
display: block;
144
border-color: <?php echo $styledata\[7\]; ?>;
145
background-color: <?php echo $styledata\[5\]; ?>;
146
border-width: <?php echo $styledata\[69\]; ?>px;
147
border-style:<?php echo $styledata\[71\]; ?>;
148
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
149
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
150
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
151
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
152
border-radius: <?php echo $styledata\[153\]; ?>px;
141
border-color: ' . $styledata\[7\] . ';
142
background-color: ' . $styledata\[5\] . ';
143
border-width: ' . $styledata\[69\] . 'px;
144
border-style:' . $styledata\[71\] . ';
145
-webkit-border-radius: ' . $styledata\[153\] . 'px;
146
-moz-border-radius: ' . $styledata\[153\] . 'px;
147
-ms-border-radius: ' . $styledata\[153\] . 'px;
148
-o-border-radius: ' . $styledata\[153\] . 'px;
149
border-radius: ' . $styledata\[153\] . 'px;
153
150
overflow: hidden;
154
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
155
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
156
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
157
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
158
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
159
}
160
.oxilab-flip-box-<?php echo $styleid; ?>-data{
151
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
152
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
153
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
154
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
155
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
156
}
157
.oxilab-flip-box-' . $styleid . '-data{
161
158
position: absolute;
162
159
left: 0%;
163
top: 50%;
160
top: 50%;
164
161
-webkit-transform: translateY(-50%);
165
162
-ms-transform: translateY(-50%);
…
…
169
166
right: 0;
170
167
}
171
.oxilab-flip-box-back-<?php echo $styleid; ?>{
168
.oxilab-flip-box-back-' . $styleid . '{
172
169
position: absolute;
173
170
top: 0;
…
…
176
173
bottom: 0;
177
174
display: block;
178
border-color: <?php echo $styledata\[17\]; ?>;
179
background-color: <?php echo $styledata\[15\]; ?>;
180
border-width: <?php echo $styledata\[97\]; ?>px;
181
border-style:<?php echo $styledata\[99\]; ?>;
182
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
183
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
184
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
185
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
186
border-radius:<?php echo $styledata\[153\]; ?>px;
175
border-color: ' . $styledata\[17\] . ';
176
background-color: ' . $styledata\[15\] . ';
177
border-width: ' . $styledata\[97\] . 'px;
178
border-style:' . $styledata\[99\] . ';
179
-webkit-border-radius: ' . $styledata\[153\] . 'px;
180
-moz-border-radius: ' . $styledata\[153\] . 'px;
181
-ms-border-radius: ' . $styledata\[153\] . 'px;
182
-o-border-radius: ' . $styledata\[153\] . 'px;
183
border-radius:' . $styledata\[153\] . 'px;
187
184
overflow: hidden;
188
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
189
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
190
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
191
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
192
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
193
}
194
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
185
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
186
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
187
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
188
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
189
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
190
}
191
.oxilab-flip-box-back-' . $styleid . '-data{
195
192
position: absolute;
196
193
left: 0%;
197
194
right: 0;
198
top: 50%;
199
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
195
top: 50%;
196
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
200
197
-webkit-transform: translateY(-50%);
201
198
-ms-transform: translateY(-50%);
202
199
-moz-transform: translateY(-50%);
203
200
-o-transform: translateY(-50%);
204
transform: translateY(-50%);
205
}
206
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-heading{
207
display: block;
208
color: <?php echo $styledata\[31\]; ?>;
209
text-align: <?php echo $styledata\[189\]; ?>;
210
font-size: <?php echo $styledata\[181\]; ?>px;
211
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
212
font-weight: <?php echo $styledata\[187\]; ?>;
213
font-style:<?php echo $styledata\[185\]; ?>;
214
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
215
}
216
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-info{
217
display: block;
218
color: <?php echo $styledata\[19\]; ?>;
219
text-align: <?php echo $styledata\[115\]; ?>;
220
font-size: <?php echo $styledata\[107\]; ?>px;
221
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
222
font-weight: <?php echo $styledata\[113\]; ?>;
223
font-style:<?php echo $styledata\[111\]; ?>;
224
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
225
226
}
227
<?php echo $styledata\[199\]; ?>;
228
</style\>
201
transform: translateY(-50%);
202
}
203
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-heading{
204
display: block;
205
color: ' . $styledata\[31\] . ';
206
text-align: ' . $styledata\[189\] . ';
207
font-size: ' . $styledata\[181\] . 'px;
208
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
209
font-weight: ' . $styledata\[187\] . ';
210
font-style:' . $styledata\[185\] . ';
211
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
212
}
213
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-info{
214
display: block;
215
color: ' . $styledata\[19\] . ';
216
text-align: ' . $styledata\[115\] . ';
217
font-size: ' . $styledata\[107\] . 'px;
218
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
219
font-weight: ' . $styledata\[113\] . ';
220
font-style:' . $styledata\[111\] . ';
221
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
222
223
}
224
' . $styledata\[199\] . ';';
225
?\>
229
226
</div>
230
227
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style7.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
41
42
>
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
43
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
43
44
<?php
44
45
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
45
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
46
$fileslinkend = '</a>';
47
} else {
48
$fileslinkend = '';
46
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
49
47
}
50
48
?>
51
49
<div class="oxilab-flip-box-body-absulote">
52
<div class="<?php echo $styledata\[1\]; ?>">
53
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
50
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
51
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
54
52
<div class="oxilab-flip-box-style">
55
53
<div class="oxilab-flip-box-front">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
57
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
55
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
58
56
<div class="oxilab-heading">
59
57
<?php echo $this->text\_render($filesdata\[1\]); ?>
…
…
72
70
</div>
73
71
<div class="oxilab-flip-box-back">
74
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
75
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
72
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
73
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
76
74
<div class="oxilab-info">
77
75
<?php echo $this->text\_render($filesdata\[7\]); ?>
…
…
79
77
<?php
80
78
if ($filesdata\[9\] != '') {
81
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
79
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
82
80
echo '<div class="oxilab-button">
83
81
<div class="oxilab-button-data">
…
…
97
95
</div>
98
96
<?php
99
echo $fileslinkend;
97
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
98
echo '</a>';
99
}
100
100
echo $this->admin\_edit\_panel($value\['id'\]);
101
101
?>
…
…
103
103
</div>
104
104
105
<style>
106
<?php
107
if ($filesdata\[5\] != '') {
108
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
105
106
<?php
107
if ($filesdata\[5\] != '') {
108
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
109
109
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
110
110
\-moz-background-size: 100% 100%;
…
…
112
112
background-size: 100% 100%;
113
113
}';
114
}
115
if ($filesdata\[13\] != '') {
116
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
114
}
115
if ($filesdata\[13\] != '') {
116
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
117
117
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
118
118
\-moz-background-size: 100% 100%;
…
…
120
120
background-size: 100% 100%;
121
121
}';
122
}
123
?>
124
</style>
122
}
123
?>
124
125
125
</div>
126
126
<?php
127
127
endif;
128
128
}
129
?>
130
131
<style>
132
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
133
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
134
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
135
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
136
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
137
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
138
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
139
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
140
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
141
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
142
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
143
animation-duration: <?php echo $styledata\[57\]; ?>s;
144
}
145
.oxilab-flip-box-body-<?php echo $styleid; ?>{
146
max-width: <?php echo $styledata\[45\]; ?>px;
129
130
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
131
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
132
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
133
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
134
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
135
-o-transition: opacity ' . $styledata\[57\] . 's linear;
136
transition: opacity ' . $styledata\[57\] . 's linear;
137
-webkit-animation-duration: ' . $styledata\[57\] . 's;
138
-moz-animation-duration: ' . $styledata\[57\] . 's;
139
-ms-animation-duration: ' . $styledata\[57\] . 's;
140
-o-animation-duration: ' . $styledata\[57\] . 's;
141
animation-duration: ' . $styledata\[57\] . 's;
142
}
143
.oxilab-flip-box-body-' . $styleid . '{
144
max-width: ' . $styledata\[45\] . 'px;
147
145
width: 100%;
148
146
margin: 0 auto;
149
position: relative;
150
}
151
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
152
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
147
position: relative;
148
}
149
.oxilab-flip-box-body-' . $styleid . ':after {
150
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
153
151
content: "";
154
152
display: block;
155
153
}
156
.oxilab-flip-box-<?php echo $styleid; ?>{
154
.oxilab-flip-box-' . $styleid . '{
157
155
position: absolute;
158
156
top: 0;
…
…
161
159
bottom: 0;
162
160
display: block;
163
background-color: <?php echo $styledata\[5\]; ?>;
164
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
165
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
166
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
167
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
168
border-radius: <?php echo $styledata\[153\]; ?>px;
169
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
170
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
171
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
172
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
173
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
161
background-color: ' . $styledata\[5\] . ';
162
-webkit-border-radius: ' . $styledata\[153\] . 'px;
163
-moz-border-radius: ' . $styledata\[153\] . 'px;
164
-ms-border-radius: ' . $styledata\[153\] . 'px;
165
-o-border-radius: ' . $styledata\[153\] . 'px;
166
border-radius: ' . $styledata\[153\] . 'px;
167
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
168
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
169
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
170
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
171
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
174
172
overflow: hidden;
175
173
}
176
.oxilab-flip-box-<?php echo $styleid; ?>-data{
174
.oxilab-flip-box-' . $styleid . '-data{
177
175
position: absolute;
178
176
left: 0%;
179
top: 50%;
180
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
177
top: 50%;
178
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
181
179
-webkit-transform: translateY(-50%);
182
180
-ms-transform: translateY(-50%);
…
…
186
184
right: 0;
187
185
}
188
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
189
display: block;
190
text-align: center;
191
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
192
}
193
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
194
display: inline-block;
195
width: <?php echo $styledata\[79\]; ?>px;
196
height: <?php echo $styledata\[79\]; ?>px;
197
}
198
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
199
line-height: <?php echo $styledata\[79\]; ?>px;
200
font-size: <?php echo $styledata\[77\]; ?>px;
201
color: <?php echo $styledata\[9\]; ?>;
202
}
203
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
204
display: block;
205
color: <?php echo $styledata\[13\]; ?>;
206
text-align: <?php echo $styledata\[91\]; ?>;
207
font-size: <?php echo $styledata\[83\]; ?>px;
208
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
209
font-weight: <?php echo $styledata\[89\]; ?>;
210
font-style:<?php echo $styledata\[87\]; ?>;
211
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
212
}
213
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-info{
214
display: block;
215
color: <?php echo $styledata\[29\]; ?>;
216
text-align: <?php echo $styledata\[171\]; ?>;
217
font-size: <?php echo $styledata\[163\]; ?>px;
218
font-family: <?php echo $this->font\_familly($styledata\[165\]); ?>;
219
font-weight: <?php echo $styledata\[169\]; ?>;
220
font-style:<?php echo $styledata\[167\]; ?>;
221
padding: <?php echo $styledata\[173\]; ?>px <?php echo $styledata\[179\]; ?>px <?php echo $styledata\[175\]; ?>px <?php echo $styledata\[177\]; ?>px;
222
}
223
.oxilab-flip-box-back-<?php echo $styleid; ?>{
186
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
187
display: block;
188
text-align: center;
189
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
190
}
191
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
192
display: inline-block;
193
width: ' . $styledata\[79\] . 'px;
194
height: ' . $styledata\[79\] . 'px;
195
}
196
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
197
line-height: ' . $styledata\[79\] . 'px;
198
font-size: ' . $styledata\[77\] . 'px;
199
color: ' . $styledata\[9\] . ';
200
}
201
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
202
display: block;
203
color: ' . $styledata\[13\] . ';
204
text-align: ' . $styledata\[91\] . ';
205
font-size: ' . $styledata\[83\] . 'px;
206
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
207
font-weight: ' . $styledata\[89\] . ';
208
font-style:' . $styledata\[87\] . ';
209
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
210
}
211
.oxilab-flip-box-' . $styleid . '\-data .oxilab-info{
212
display: block;
213
color: ' . $styledata\[29\] . ';
214
text-align: ' . $styledata\[171\] . ';
215
font-size: ' . $styledata\[163\] . 'px;
216
font-family: ' . $this->font\_familly($styledata\[165\]) . ';
217
font-weight: ' . $styledata\[169\] . ';
218
font-style:' . $styledata\[167\] . ';
219
padding: ' . $styledata\[173\] . 'px ' . $styledata\[179\] . 'px ' . $styledata\[175\] . 'px ' . $styledata\[177\] . 'px;
220
}
221
.oxilab-flip-box-back-' . $styleid . '{
224
222
position: absolute;
225
223
top: 0;
…
…
228
226
bottom: 0;
229
227
display: block;
230
background-color: <?php echo $styledata\[15\]; ?>;
231
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
232
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
233
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
234
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
235
border-radius: <?php echo $styledata\[153\]; ?>px;
228
background-color: ' . $styledata\[15\] . ';
229
-webkit-border-radius: ' . $styledata\[153\] . 'px;
230
-moz-border-radius: ' . $styledata\[153\] . 'px;
231
-ms-border-radius: ' . $styledata\[153\] . 'px;
232
-o-border-radius: ' . $styledata\[153\] . 'px;
233
border-radius: ' . $styledata\[153\] . 'px;
236
234
overflow: hidden;
237
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
238
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
239
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
240
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
241
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
242
243
}
244
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
235
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
236
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
237
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
238
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
239
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
240
241
}
242
.oxilab-flip-box-back-' . $styleid . '-data{
245
243
position: absolute;
246
244
left: 0%;
247
245
right: 0;
248
top: 50%;
249
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
246
top: 50%;
247
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
250
248
-webkit-transform: translateY(-50%);
251
249
-ms-transform: translateY(-50%);
252
250
-moz-transform: translateY(-50%);
253
251
-o-transform: translateY(-50%);
254
transform: translateY(-50%);
255
}
256
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-info{
257
display: block;
258
color: <?php echo $styledata\[19\]; ?>;
259
text-align: <?php echo $styledata\[115\]; ?>;
260
font-size: <?php echo $styledata\[107\]; ?>px;
261
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
262
font-weight: <?php echo $styledata\[113\]; ?>;
263
font-style:<?php echo $styledata\[111\]; ?>;
264
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
265
}
266
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button{
267
display: block;
268
text-align: <?php echo $styledata\[139\]; ?>;
269
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
270
}
271
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data{
272
display: inline-block;
273
color: <?php echo $styledata\[21\]; ?>;
274
font-size: <?php echo $styledata\[125\]; ?>px;
275
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
276
font-weight: <?php echo $styledata\[131\]; ?>;
277
font-style:<?php echo $styledata\[129\]; ?>;
278
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
279
}
280
.oxilab-flip-box-back-<?php echo $styleid; ?>\-data .oxilab-button-data:hover{
281
color: <?php echo $styledata\[25\]; ?>;
282
}
283
<?php echo $styledata\[181\]; ?>;
284
</style\>
252
transform: translateY(-50%);
253
}
254
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-info{
255
display: block;
256
color: ' . $styledata\[19\] . ';
257
text-align: ' . $styledata\[115\] . ';
258
font-size: ' . $styledata\[107\] . 'px;
259
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
260
font-weight: ' . $styledata\[113\] . ';
261
font-style:' . $styledata\[111\] . ';
262
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
263
}
264
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button{
265
display: block;
266
text-align: ' . $styledata\[139\] . ';
267
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
268
}
269
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data{
270
display: inline-block;
271
color: ' . $styledata\[21\] . ';
272
font-size: ' . $styledata\[125\] . 'px;
273
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
274
font-weight: ' . $styledata\[131\] . ';
275
font-style:' . $styledata\[129\] . ';
276
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
277
}
278
.oxilab-flip-box-back-' . $styleid . '\-data .oxilab-button-data:hover{
279
color: ' . $styledata\[25\] . ';
280
}
281
' . $styledata\[181\] . ';';
282
?\>
285
283
</div>
286
284
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style8.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
34
35
35
36
36
$filesdata = explode("{#}|{#}", $value\['files'\]);
37
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
37
38
?>
38
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?> "
39
sa-data-animation="<?php echo $styledata\[55\]; ?>"
39
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?> "
40
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
40
41
sa-data-animation-offset="100%"
41
42
sa-data-animation-delay="0ms"
42
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms"
43
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms"
43
44
>
44
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
45
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
45
46
<?php
46
47
if ($filesdata\[3\] != '') {
47
echo '<a href="' . $filesdata\[3\] . '" target="' . $styledata\[53\] . '">';
48
$fileslinkend = '</a>';
49
} else {
50
$fileslinkend = '';
48
echo '<a href="' . esc\_url($filesdata\[3\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
51
49
}
52
50
?>
53
51
<div class="oxilab-flip-box-body-absulote">
54
<div class="<?php echo $styledata\[1\]; ?>">
55
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
52
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
53
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
56
54
<div class="oxilab-flip-box-style">
57
55
<div class="oxilab-flip-box-front">
58
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
59
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
56
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
57
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
60
58
<div class="oxilab-icon">
61
59
<div class="oxilab-icon-data">
…
…
67
65
</div>
68
66
<div class="oxilab-flip-box-back">
69
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
67
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
71
69
<div class="oxilab-icon">
72
70
<div class="oxilab-icon-data">
…
…
82
80
</div>
83
81
<?php
84
echo $fileslinkend;
82
if ($filesdata\[3\] != '') {
83
echo '</a>';
84
}
85
85
echo $this->admin\_edit\_panel($value\['id'\]);
86
86
?>
…
…
88
88
</div>
89
89
90
<style>
91
<?php
92
if ($filesdata\[1\] != '') {
93
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
90
91
<?php
92
if ($filesdata\[1\] != '') {
93
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
94
94
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[1\] . '");
95
95
\-moz-background-size: 100% 100%;
…
…
97
97
background-size: 100% 100%;
98
98
}';
99
}
100
?>
101
<?php
102
if ($filesdata\[5\] != '') {
103
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
99
}
100
?>
101
<?php
102
if ($filesdata\[5\] != '') {
103
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
104
104
background: linear-gradient(' . $styledata\[9\] . ', ' . $styledata\[9\] . '), url("' . $filesdata\[5\] . '");
105
105
\-moz-background-size: 100% 100%;
…
…
107
107
background-size: 100% 100%;
108
108
}';
109
}
110
?>
111
</style>
109
}
110
?>
111
112
112
</div>
113
113
<?php
114
114
endif;
115
115
}
116
?>
117
118
<style>
119
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
120
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
121
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
122
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
123
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
124
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
125
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
126
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
127
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
128
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
129
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
130
animation-duration: <?php echo $styledata\[57\]; ?>s;
131
}
132
.oxilab-flip-box-body-<?php echo $styleid; ?>{
133
max-width: <?php echo $styledata\[45\]; ?>px;
116
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
117
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
118
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
119
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
120
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
121
-o-transition: opacity ' . $styledata\[57\] . 's linear;
122
transition: opacity ' . $styledata\[57\] . 's linear;
123
-webkit-animation-duration: ' . $styledata\[57\] . 's;
124
-moz-animation-duration: ' . $styledata\[57\] . 's;
125
-ms-animation-duration: ' . $styledata\[57\] . 's;
126
-o-animation-duration: ' . $styledata\[57\] . 's;
127
animation-duration: ' . $styledata\[57\] . 's;
128
}
129
.oxilab-flip-box-body-' . $styleid . '{
130
max-width: ' . $styledata\[45\] . 'px;
134
131
width: 100%;
135
132
margin: 0 auto;
136
position: relative;
137
}
138
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
139
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
133
position: relative;
134
}
135
.oxilab-flip-box-body-' . $styleid . ':after {
136
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
140
137
content: "";
141
138
display: block;
142
139
}
143
.oxilab-flip-box-<?php echo $styleid; ?>{
140
.oxilab-flip-box-' . $styleid . '{
144
141
position: absolute;
145
142
top: 0;
…
…
147
144
right: 0;
148
145
bottom: 0;
149
border-color: <?php echo $styledata\[7\]; ?>;
150
background-color: <?php echo $styledata\[5\]; ?>;
151
border-width: <?php echo $styledata\[69\]; ?>px;
152
border-style:<?php echo $styledata\[71\]; ?>;
153
display: block;
154
-webkit-border-radius: <?php echo $styledata\[93\]; ?>px;
155
-moz-border-radius: <?php echo $styledata\[93\]; ?>px;
156
-ms-border-radius: <?php echo $styledata\[93\]; ?>px;
157
-o-border-radius: <?php echo $styledata\[93\]; ?>px;
158
border-radius: <?php echo $styledata\[93\]; ?>px;
146
border-color: ' . $styledata\[7\] . ';
147
background-color: ' . $styledata\[5\] . ';
148
border-width: ' . $styledata\[69\] . 'px;
149
border-style:' . $styledata\[71\] . ';
150
display: block;
151
-webkit-border-radius: ' . $styledata\[93\] . 'px;
152
-moz-border-radius: ' . $styledata\[93\] . 'px;
153
-ms-border-radius: ' . $styledata\[93\] . 'px;
154
-o-border-radius: ' . $styledata\[93\] . 'px;
155
border-radius: ' . $styledata\[93\] . 'px;
159
156
overflow: hidden;
160
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
161
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
162
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
163
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
164
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
165
166
}
167
.oxilab-flip-box-<?php echo $styleid; ?>-data{
157
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
158
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
159
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
160
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
161
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
162
163
}
164
.oxilab-flip-box-' . $styleid . '-data{
168
165
position: absolute;
169
166
left: 0%;
170
top: 50%;
167
top: 50%;
171
168
padding: 10px 10px;
172
169
-webkit-transform: translateY(-50%);
…
…
177
174
right: 0;
178
175
}
179
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
180
display: block;
181
text-align: center;
182
padding: <?php echo $styledata\[81\]; ?>px <?php echo $styledata\[83\]; ?>px;
183
}
184
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
185
display: inline-block;
186
}
187
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
188
line-height: <?php echo $styledata\[79\]; ?>px;
189
font-size: <?php echo $styledata\[77\]; ?>px;
190
color: <?php echo $styledata\[13\]; ?>;
191
}
192
.oxilab-flip-box-back-<?php echo $styleid; ?>{
176
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
177
display: block;
178
text-align: center;
179
padding: ' . $styledata\[81\] . 'px ' . $styledata\[83\] . 'px;
180
}
181
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
182
display: inline-block;
183
}
184
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
185
line-height: ' . $styledata\[79\] . 'px;
186
font-size: ' . $styledata\[77\] . 'px;
187
color: ' . $styledata\[13\] . ';
188
}
189
.oxilab-flip-box-back-' . $styleid . '{
193
190
position: absolute;
194
191
top: 0;
…
…
196
193
right: 0;
197
194
bottom: 0;
198
border-color: <?php echo $styledata\[11\]; ?>;
199
background-color: <?php echo $styledata\[9\]; ?>;
200
border-width: <?php echo $styledata\[73\]; ?>px;
201
border-style:<?php echo $styledata\[75\]; ?>;
202
display: block;
203
-webkit-border-radius: <?php echo $styledata\[93\]; ?>px;
204
-moz-border-radius: <?php echo $styledata\[93\]; ?>px;
205
-ms-border-radius: <?php echo $styledata\[93\]; ?>px;
206
-o-border-radius: <?php echo $styledata\[93\]; ?>px;
207
border-radius: <?php echo $styledata\[93\]; ?>px;
195
border-color: ' . $styledata\[11\] . ';
196
background-color: ' . $styledata\[9\] . ';
197
border-width: ' . $styledata\[73\] . 'px;
198
border-style:' . $styledata\[75\] . ';
199
display: block;
200
-webkit-border-radius: ' . $styledata\[93\] . 'px;
201
-moz-border-radius: ' . $styledata\[93\] . 'px;
202
-ms-border-radius: ' . $styledata\[93\] . 'px;
203
-o-border-radius: ' . $styledata\[93\] . 'px;
204
border-radius: ' . $styledata\[93\] . 'px;
208
205
overflow: hidden;
209
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
210
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
211
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
212
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
213
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
214
215
}
216
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
206
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
207
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
208
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
209
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
210
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
211
212
}
213
.oxilab-flip-box-back-' . $styleid . '-data{
217
214
position: absolute;
218
215
left: 0%;
219
216
right: 0;
220
top: 50%;
217
top: 50%;
221
218
padding: 10px 10px;
222
219
-webkit-transform: translateY(-50%);
…
…
224
221
-moz-transform: translateY(-50%);
225
222
-o-transform: translateY(-50%);
226
transform: translateY(-50%);
227
}
228
.oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon{
229
display: block;
230
text-align: center;
231
padding: <?php echo $styledata\[89\]; ?>px <?php echo $styledata\[91\]; ?>px;
232
}
233
.oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon-data{
234
display: inline-block;
235
}
236
.oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon-data .oxi-icons{
237
line-height: <?php echo $styledata\[87\]; ?>px;
238
font-size: <?php echo $styledata\[85\]; ?>px;
239
color: <?php echo $styledata\[15\]; ?>;
240
}
241
<?php echo $styledata\[95\]; ?>
242
</style>
223
transform: translateY(-50%);
224
}
225
.oxilab-flip-box-back-' . $styleid . ' .oxilab-icon{
226
display: block;
227
text-align: center;
228
padding: ' . $styledata\[89\] . 'px ' . $styledata\[91\] . 'px;
229
}
230
.oxilab-flip-box-back-' . $styleid . ' .oxilab-icon-data{
231
display: inline-block;
232
}
233
.oxilab-flip-box-back-' . $styleid . ' .oxilab-icon-data .oxi-icons{
234
line-height: ' . $styledata\[87\] . 'px;
235
font-size: ' . $styledata\[85\] . 'px;
236
color: ' . $styledata\[15\] . ';
237
}
238
' . $styledata\[95\] . '';
239
?>
240
241
243
242
</div>
244
243
<?php
image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style9.php
r2278127
r2648808
26
26
$styleid = $this->oxiid;
27
27
$styledata = explode('|', $this->dbdata\['css'\]);
28
$styledata = array\_map('esc\_attr', explode('|', $this->dbdata\['css'\]));
28
29
$listdata = $this->child;
29
30
?>
…
…
32
33
foreach ($listdata as $value) {
33
34
if (!empty($value\['files'\])):
34
$filesdata = explode("{#}|{#}", $value\['files'\]);
35
$filesdata = array\_map('wp\_kses\_post', explode("{#}|{#}", $value\['files'\]));
35
36
?>
36
<div class="<?php echo $styledata\[43\]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
37
sa-data-animation="<?php echo $styledata\[55\]; ?>"
37
<div class="<?php echo esc\_attr($styledata\[43\]); ?> oxilab-flip-box-padding-<?php echo esc\_attr($styleid); ?>"
38
sa-data-animation="<?php echo esc\_attr($styledata\[55\]); ?>"
38
39
sa-data-animation-offset="100%"
39
40
sa-data-animation-delay="0ms"
40
sa-data-animation-duration=" <?php echo ($styledata\[57\] \* 1000); ?>ms">
41
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value\['id'\]; ?>">
41
sa-data-animation-duration=" <?php echo esc\_attr(($styledata\[57\] \* 1000)); ?>ms">
42
<div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc\_attr($styleid); ?>-<?php echo esc\_attr($value\['id'\]); ?>">
42
43
<?php
43
44
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
44
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
45
$fileslinkend = '</a>';
46
} else {
47
$fileslinkend = '';
45
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
48
46
}
49
47
?>
50
48
<div class="oxilab-flip-box-body-absulote">
51
<div class="<?php echo $styledata\[1\]; ?>">
52
<div class="oxilab-flip-box-style-data <?php echo $styledata\[3\]; ?>">
49
<div class="<?php echo esc\_attr($styledata\[1\]); ?>">
50
<div class="oxilab-flip-box-style-data <?php echo esc\_attr($styledata\[3\]); ?>">
53
51
<div class="oxilab-flip-box-style">
54
52
<div class="oxilab-flip-box-front">
55
<div class="oxilab-flip-box-<?php echo $styleid; ?>">
56
<div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
53
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>">
54
<div class="oxilab-flip-box-<?php echo esc\_attr($styleid); ?>-data">
57
55
<div class="oxilab-icon">
58
56
<div class="oxilab-icon-data">
…
…
68
66
</div>
69
67
<div class="oxilab-flip-box-back">
70
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
71
<div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
68
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>">
69
<div class="oxilab-flip-box-back-<?php echo esc\_attr($styleid); ?>-data">
72
70
<div class="oxilab-heading">
73
71
<?php echo $this->text\_render($filesdata\[17\]); ?>
…
…
78
76
<?php
79
77
if ($filesdata\[9\] != '') {
80
echo '<a href="' . $filesdata\[11\] . '" target="' . $styledata\[53\] . '">';
78
echo '<a href="' . esc\_url($filesdata\[11\]) . '" target="' . esc\_attr($styledata\[53\]) . '">';
81
79
echo '<div class="oxilab-button">
82
80
<div class="oxilab-button-data">
…
…
95
93
</div>
96
94
<?php
97
echo $fileslinkend;
95
if ($filesdata\[9\] == '' && $filesdata\[11\] != '') {
96
echo '</a>';
97
}
98
98
echo $this->admin\_edit\_panel($value\['id'\]);
99
99
?>
…
…
101
101
</div>
102
102
103
<style>
104
<?php
105
if ($filesdata\[5\] != '') {
106
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
103
104
<?php
105
if ($filesdata\[5\] != '') {
106
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-' . $styleid . '{
107
107
background: linear-gradient(' . $styledata\[5\] . ', ' . $styledata\[5\] . '), url("' . $filesdata\[5\] . '");
108
108
\-moz-background-size: 100% 100%;
…
…
110
110
background-size: 100% 100%;
111
111
}';
112
}
113
if ($filesdata\[13\] != '') {
114
echo '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
112
}
113
if ($filesdata\[13\] != '') {
114
$this->inline\_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value\['id'\] . ' .oxilab-flip-box-back-' . $styleid . '{
115
115
background: linear-gradient(' . $styledata\[15\] . ', ' . $styledata\[15\] . '), url("' . $filesdata\[13\] . '");
116
116
\-moz-background-size: 100% 100%;
…
…
118
118
background-size: 100% 100%;
119
119
}';
120
}
121
?>
122
</style>
120
}
121
?>
122
123
123
</div>
124
124
<?php
125
125
endif;
126
126
}
127
?>
128
129
<style>
130
.oxilab-flip-box-padding-<?php echo $styleid; ?>{
131
padding: <?php echo $styledata\[49\]; ?>px <?php echo $styledata\[51\]; ?>px;
132
-webkit-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
133
-moz-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
134
-ms-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
135
-o-transition: opacity <?php echo $styledata\[57\]; ?>s linear;
136
transition: opacity <?php echo $styledata\[57\]; ?>s linear;
137
-webkit-animation-duration: <?php echo $styledata\[57\]; ?>s;
138
-moz-animation-duration: <?php echo $styledata\[57\]; ?>s;
139
-ms-animation-duration: <?php echo $styledata\[57\]; ?>s;
140
-o-animation-duration: <?php echo $styledata\[57\]; ?>s;
141
animation-duration: <?php echo $styledata\[57\]; ?>s;
142
}
143
.oxilab-flip-box-body-<?php echo $styleid; ?>{
144
max-width: <?php echo $styledata\[45\]; ?>px;
127
$this->inline\_css .= '.oxilab-flip-box-padding-' . $styleid . '{
128
padding: ' . $styledata\[49\] . 'px ' . $styledata\[51\] . 'px;
129
-webkit-transition: opacity ' . $styledata\[57\] . 's linear;
130
-moz-transition: opacity ' . $styledata\[57\] . 's linear;
131
-ms-transition: opacity ' . $styledata\[57\] . 's linear;
132
-o-transition: opacity ' . $styledata\[57\] . 's linear;
133
transition: opacity ' . $styledata\[57\] . 's linear;
134
-webkit-animation-duration: ' . $styledata\[57\] . 's;
135
-moz-animation-duration: ' . $styledata\[57\] . 's;
136
-ms-animation-duration: ' . $styledata\[57\] . 's;
137
-o-animation-duration: ' . $styledata\[57\] . 's;
138
animation-duration: ' . $styledata\[57\] . 's;
139
}
140
.oxilab-flip-box-body-' . $styleid . '{
141
max-width: ' . $styledata\[45\] . 'px;
145
142
width: 100%;
146
143
margin: 0 auto;
147
position: relative;
148
}
149
.oxilab-flip-box-body-<?php echo $styleid; ?>:after {
150
padding-bottom: <?php echo $styledata\[47\] / $styledata\[45\] \* 100; ?>%;
144
position: relative;
145
}
146
.oxilab-flip-box-body-' . $styleid . ':after {
147
padding-bottom: ' . ($styledata\[47\] / $styledata\[45\] \* 100) . '%;
151
148
content: "";
152
149
display: block;
153
150
}
154
.oxilab-flip-box-<?php echo $styleid; ?>{
151
.oxilab-flip-box-' . $styleid . '{
155
152
position: absolute;
156
153
top: 0;
…
…
159
156
bottom: 0;
160
157
display: block;
161
background-color: <?php echo $styledata\[5\]; ?>;
162
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
163
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
164
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
165
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
166
border-radius: <?php echo $styledata\[153\]; ?>px;
158
background-color: ' . $styledata\[5\] . ';
159
-webkit-border-radius: ' . $styledata\[153\] . 'px;
160
-moz-border-radius: ' . $styledata\[153\] . 'px;
161
-ms-border-radius: ' . $styledata\[153\] . 'px;
162
-o-border-radius: ' . $styledata\[153\] . 'px;
163
border-radius: ' . $styledata\[153\] . 'px;
167
164
overflow: hidden;
168
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
169
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
170
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
171
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
172
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
173
}
174
.oxilab-flip-box-<?php echo $styleid; ?>-data{
165
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
166
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
167
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
168
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
169
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
170
}
171
.oxilab-flip-box-' . $styleid . '-data{
175
172
position: absolute;
176
173
left: 0%;
177
top: 50%;
178
padding: <?php echo $styledata\[71\]; ?>px <?php echo $styledata\[73\]; ?>px;
174
top: 50%;
175
padding: ' . $styledata\[71\] . 'px ' . $styledata\[73\] . 'px;
179
176
-webkit-transform: translateY(-50%);
180
177
-ms-transform: translateY(-50%);
…
…
184
181
right: 0;
185
182
}
186
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon{
187
display: block;
188
text-align: center;
189
padding:<?php echo $styledata\[159\]; ?>px <?php echo $styledata\[161\]; ?>px;
190
}
191
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-icon-data{
192
display: inline-block;
193
background-color: <?php echo $styledata\[29\]; ?>;
194
width:<?php echo $styledata\[79\]; ?>px;
195
height:<?php echo $styledata\[79\]; ?>px;
196
-webkit-border-radius: <?php echo $styledata\[81\]; ?>px;
197
-moz-border-radius: <?php echo $styledata\[81\]; ?>px;
198
-ms-border-radius: <?php echo $styledata\[81\]; ?>px;
199
-o-border-radius: <?php echo $styledata\[81\]; ?>px;
200
border-radius: <?php echo $styledata\[81\]; ?>px;
201
}
202
.oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
203
line-height: <?php echo $styledata\[79\]; ?>px;
204
font-size: <?php echo $styledata\[77\]; ?>px;
205
color: <?php echo $styledata\[9\]; ?>;
206
}
207
.oxilab-flip-box-<?php echo $styleid; ?>\-data .oxilab-heading{
208
display: block;
209
color: <?php echo $styledata\[13\]; ?>;
210
text-align: <?php echo $styledata\[91\]; ?>;
211
font-size: <?php echo $styledata\[83\]; ?>px;
212
font-family: <?php echo $this->font\_familly($styledata\[85\]); ?>;
213
font-weight: <?php echo $styledata\[89\]; ?>;
214
font-style:<?php echo $styledata\[87\]; ?>;
215
padding: <?php echo $styledata\[93\]; ?>px <?php echo $styledata\[99\]; ?>px <?php echo $styledata\[95\]; ?>px <?php echo $styledata\[97\]; ?>px;
216
}
217
.oxilab-flip-box-back-<?php echo $styleid; ?>{
183
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon{
184
display: block;
185
text-align: center;
186
padding:' . $styledata\[159\] . 'px ' . $styledata\[161\] . 'px;
187
}
188
.oxilab-flip-box-' . $styleid . '\-data .oxilab-icon-data{
189
display: inline-block;
190
background-color: ' . $styledata\[29\] . ';
191
width:' . $styledata\[79\] . 'px;
192
height:' . $styledata\[79\] . 'px;
193
-webkit-border-radius: ' . $styledata\[81\] . 'px;
194
-moz-border-radius: ' . $styledata\[81\] . 'px;
195
-ms-border-radius: ' . $styledata\[81\] . 'px;
196
-o-border-radius: ' . $styledata\[81\] . 'px;
197
border-radius: ' . $styledata\[81\] . 'px;
198
}
199
.oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
200
line-height: ' . $styledata\[79\] . 'px;
201
font-size: ' . $styledata\[77\] . 'px;
202
color: ' . $styledata\[9\] . ';
203
}
204
.oxilab-flip-box-' . $styleid . '\-data .oxilab-heading{
205
display: block;
206
color: ' . $styledata\[13\] . ';
207
text-align: ' . $styledata\[91\] . ';
208
font-size: ' . $styledata\[83\] . 'px;
209
font-family: ' . $this->font\_familly($styledata\[85\]) . ';
210
font-weight: ' . $styledata\[89\] . ';
211
font-style:' . $styledata\[87\] . ';
212
padding: ' . $styledata\[93\] . 'px ' . $styledata\[99\] . 'px ' . $styledata\[95\] . 'px ' . $styledata\[97\] . 'px;
213
}
214
.oxilab-flip-box-back-' . $styleid . '{
218
215
position: absolute;
219
216
top: 0;
…
…
222
219
bottom: 0;
223
220
display: block;
224
background-color: <?php echo $styledata\[15\]; ?>;
225
-webkit-border-radius: <?php echo $styledata\[153\]; ?>px;
226
-moz-border-radius: <?php echo $styledata\[153\]; ?>px;
227
-ms-border-radius: <?php echo $styledata\[153\]; ?>px;
228
-o-border-radius: <?php echo $styledata\[153\]; ?>px;
229
border-radius: <?php echo $styledata\[153\]; ?>px;
221
background-color: ' . $styledata\[15\] . ';
222
-webkit-border-radius: ' . $styledata\[153\] . 'px;
223
-moz-border-radius: ' . $styledata\[153\] . 'px;
224
-ms-border-radius: ' . $styledata\[153\] . 'px;
225
-o-border-radius: ' . $styledata\[153\] . 'px;
226
border-radius: ' . $styledata\[153\] . 'px;
230
227
overflow: hidden;
231
-webkit-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
232
-moz-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
233
-ms-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
234
-o-box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
235
box-shadow: <?php echo $styledata\[61\]; ?>px <?php echo $styledata\[63\]; ?>px <?php echo $styledata\[65\]; ?>px <?php echo $styledata\[67\]; ?>px <?php echo $styledata\[59\]; ?>;
236
}
237
.oxilab-flip-box-back-<?php echo $styleid; ?>-data{
228
-webkit-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
229
-moz-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
230
-ms-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
231
-o-box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
232
box-shadow: ' . $styledata\[61\] . 'px ' . $styledata\[63\] . 'px ' . $styledata\[65\] . 'px ' . $styledata\[67\] . 'px ' . $styledata\[59\] . ';
233
}
234
.oxilab-flip-box-back-' . $styleid . '-data{
238
235
position: absolute;
239
236
left: 0%;
240
237
right: 0;
241
top: 50%;
242
padding: <?php echo $styledata\[101\]; ?>px <?php echo $styledata\[103\]; ?>px;
238
top: 50%;
239
padding: ' . $styledata\[101\] . 'px ' . $styledata\[103\] . 'px;
243
240
-webkit-transform: translateY(-50%);
244
241
-ms-transform: translateY(-50%);
245
242
-moz-transform: translateY(-50%);
246
243
-o-transform: translateY(-50%);
247
transform: translateY(-50%);
248
}
249
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
250
display: block;
251
color: <?php echo $styledata\[31\]; ?>;
252
text-align: <?php echo $styledata\[189\]; ?>;
253
font-size: <?php echo $styledata\[181\]; ?>px;
254
font-family: <?php echo $this->font\_familly($styledata\[183\]); ?>;
255
font-weight: <?php echo $styledata\[187\]; ?>;
256
font-style:<?php echo $styledata\[185\]; ?>;
257
padding:<?php echo $styledata\[191\]; ?>px <?php echo $styledata\[197\]; ?>px <?php echo $styledata\[193\]; ?>px <?php echo $styledata\[195\]; ?>px;
258
259
}
260
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
261
display: block;
262
color: <?php echo $styledata\[19\]; ?>;
263
text-align: <?php echo $styledata\[115\]; ?>;
264
font-size: <?php echo $styledata\[107\]; ?>px;
265
font-family: <?php echo $this->font\_familly($styledata\[109\]); ?>;
266
font-weight: <?php echo $styledata\[113\]; ?>;
267
font-style:<?php echo $styledata\[111\]; ?>;
268
padding:<?php echo $styledata\[117\]; ?>px <?php echo $styledata\[123\]; ?>px <?php echo $styledata\[119\]; ?>px <?php echo $styledata\[121\]; ?>px;
269
270
}
271
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
272
display: block;
273
text-align: <?php echo $styledata\[139\]; ?>;
274
padding: <?php echo $styledata\[141\]; ?>px <?php echo $styledata\[147\]; ?>px <?php echo $styledata\[143\]; ?>px <?php echo $styledata\[145\]; ?>px;
275
276
}
277
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
278
display: inline-block;
279
color: <?php echo $styledata\[21\]; ?>;
280
background-color: <?php echo $styledata\[23\]; ?>;
281
font-size: <?php echo $styledata\[125\]; ?>px;
282
font-family: <?php echo $this->font\_familly($styledata\[127\]); ?>;
283
font-weight: <?php echo $styledata\[131\]; ?>;
284
font-style:<?php echo $styledata\[129\]; ?>;
285
padding: <?php echo $styledata\[133\]; ?>px <?php echo $styledata\[135\]; ?>px;
286
-webkit-border-radius: <?php echo $styledata\[137\]; ?>px;
287
-moz-border-radius: <?php echo $styledata\[137\]; ?>px;
288
-ms-border-radius: <?php echo $styledata\[137\]; ?>px;
289
-o-border-radius: <?php echo $styledata\[137\]; ?>px;
290
border-radius: <?php echo $styledata\[137\]; ?>px;
291
}
292
.oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
293
background-color: <?php echo $styledata\[27\]; ?>;
294
color: <?php echo $styledata\[25\]; ?>;
295
}
296
<?php echo $styledata\[199\]; ?>;
297
</style>
244
transform: translateY(-50%);
245
}
246
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
247
display: block;
248
color: ' . $styledata\[31\] . ';
249
text-align: ' . $styledata\[189\] . ';
250
font-size: ' . $styledata\[181\] . 'px;
251
font-family: ' . $this->font\_familly($styledata\[183\]) . ';
252
font-weight: ' . $styledata\[187\] . ';
253
font-style:' . $styledata\[185\] . ';
254
padding:' . $styledata\[191\] . 'px ' . $styledata\[197\] . 'px ' . $styledata\[193\] . 'px ' . $styledata\[195\] . 'px;
255
256
}
257
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
258
display: block;
259
color: ' . $styledata\[19\] . ';
260
text-align: ' . $styledata\[115\] . ';
261
font-size: ' . $styledata\[107\] . 'px;
262
font-family: ' . $this->font\_familly($styledata\[109\]) . ';
263
font-weight: ' . $styledata\[113\] . ';
264
font-style:' . $styledata\[111\] . ';
265
padding:' . $styledata\[117\] . 'px ' . $styledata\[123\] . 'px ' . $styledata\[119\] . 'px ' . $styledata\[121\] . 'px;
266
267
}
268
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
269
display: block;
270
text-align: ' . $styledata\[139\] . ';
271
padding: ' . $styledata\[141\] . 'px ' . $styledata\[147\] . 'px ' . $styledata\[143\] . 'px ' . $styledata\[145\] . 'px;
272
273
}
274
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
275
display: inline-block;
276
color: ' . $styledata\[21\] . ';
277
background-color: ' . $styledata\[23\] . ';
278
font-size: ' . $styledata\[125\] . 'px;
279
font-family: ' . $this->font\_familly($styledata\[127\]) . ';
280
font-weight: ' . $styledata\[131\] . ';
281
font-style:' . $styledata\[129\] . ';
282
padding: ' . $styledata\[133\] . 'px ' . $styledata\[135\] . 'px;
283
-webkit-border-radius: ' . $styledata\[137\] . 'px;
284
-moz-border-radius: ' . $styledata\[137\] . 'px;
285
-ms-border-radius: ' . $styledata\[137\] . 'px;
286
-o-border-radius: ' . $styledata\[137\] . 'px;
287
border-radius: ' . $styledata\[137\] . 'px;
288
}
289
.oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
290
background-color: ' . $styledata\[27\] . ';
291
color: ' . $styledata\[25\] . ';
292
}
293
' . $styledata\[199\] . ';';
294
?>
295
298
296
</div>
299
297
image-hover-effects-ultimate-visual-composer/trunk/asset/backend/css/bootstrap.min.css
r2209121
r2648808
1
/\*!
2
\* Bootstrap v4.3.1 (https://getbootstrap.com/)
3
\* Copyright 2011-2019 The Bootstrap Authors
4
\* Copyright 2011-2019 Twitter, Inc.
5
\* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
\*/:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}\*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}\[tabindex="-1"\]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr\[data-original-title\],abbr\[title\]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not(\[href\]):not(\[tabindex\]){color:inherit;text-decoration:none}a:not(\[href\]):not(\[tabindex\]):focus,a:not(\[href\]):not(\[tabindex\]):hover{color:inherit;text-decoration:none}a:not(\[href\]):not(\[tabindex\]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}\[type=button\],\[type=reset\],\[type=submit\],button{-webkit-appearance:button}\[type=button\]:not(:disabled),\[type=reset\]:not(:disabled),\[type=submit\]:not(:disabled),button:not(:disabled){cursor:pointer}\[type=button\]::-moz-focus-inner,\[type=reset\]::-moz-focus-inner,\[type=submit\]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input\[type=checkbox\],input\[type=radio\]{box-sizing:border-box;padding:0}input\[type=date\],input\[type=datetime-local\],input\[type=month\],input\[type=time\]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}\[type=number\]::-webkit-inner-spin-button,\[type=number\]::-webkit-outer-spin-button{height:auto}\[type=search\]{outline-offset:-2px;-webkit-appearance:none}\[type=search\]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}\[hidden\]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\\2014\\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>\[class\*=col-\]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control\[readonly\]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control\[multiple\],select.form-control\[size\]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>\[class\*=col-\]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) \* 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) \* 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input\[type=button\].btn-block,input\[type=reset\].btn-block,input\[type=submit\].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu\[x-placement^=bottom\],.dropdown-menu\[x-placement^=left\],.dropdown-menu\[x-placement^=right\],.dropdown-menu\[x-placement^=top\]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input\[type=checkbox\],.btn-group-toggle>.btn input\[type=radio\],.btn-group-toggle>.btn-group>.btn input\[type=checkbox\],.btn-group-toggle>.btn-group>.btn input\[type=radio\]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input\[type=checkbox\],.input-group-text input\[type=radio\]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select\[multiple\],.custom-select\[size\]:not(\[size="1"\]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label\[data-browse\]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto\[x-placement^=top\],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto\[x-placement^=top\] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto\[x-placement^=top\] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto\[x-placement^=right\],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto\[x-placement^=right\] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto\[x-placement^=right\] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto\[x-placement^=bottom\],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto\[x-placement^=bottom\] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto\[x-placement^=bottom\] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto\[x-placement^=left\],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto\[x-placement^=left\] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto\[x-placement^=left\] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto\[x-placement^=top\],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto\[x-placement^=top\]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) \* -1)}.bs-popover-auto\[x-placement^=top\]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto\[x-placement^=top\]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto\[x-placement^=right\],.bs-popover-right{margin-left:.5rem}.bs-popover-auto\[x-placement^=right\]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) \* -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto\[x-placement^=right\]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto\[x-placement^=right\]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto\[x-placement^=bottom\],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto\[x-placement^=bottom\]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) \* -1)}.bs-popover-auto\[x-placement^=bottom\]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto\[x-placement^=bottom\]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto\[x-placement^=bottom\] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto\[x-placement^=left\],.bs-popover-left{margin-right:.5rem}.bs-popover-auto\[x-placement^=left\]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) \* -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto\[x-placement^=left\]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto\[x-placement^=left\]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{\*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr\[title\]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
1
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}\*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}\[tabindex="-1"\]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr\[data-original-title\],abbr\[title\]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not(\[href\]):not(\[tabindex\]){color:inherit;text-decoration:none}a:not(\[href\]):not(\[tabindex\]):focus,a:not(\[href\]):not(\[tabindex\]):hover{color:inherit;text-decoration:none}a:not(\[href\]):not(\[tabindex\]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}\[type=button\],\[type=reset\],\[type=submit\],button{-webkit-appearance:button}\[type=button\]:not(:disabled),\[type=reset\]:not(:disabled),\[type=submit\]:not(:disabled),button:not(:disabled){cursor:pointer}\[type=button\]::-moz-focus-inner,\[type=reset\]::-moz-focus-inner,\[type=submit\]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input\[type=checkbox\],input\[type=radio\]{box-sizing:border-box;padding:0}input\[type=date\],input\[type=datetime-local\],input\[type=month\],input\[type=time\]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}\[type=number\]::-webkit-inner-spin-button,\[type=number\]::-webkit-outer-spin-button{height:auto}\[type=search\]{outline-offset:-2px;-webkit-appearance:none}\[type=search\]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}\[hidden\]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\\2014\\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>\[class\*=col-\]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control\[readonly\]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control\[multiple\],select.form-control\[size\]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>\[class\*=col-\]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) \* 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) \* 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input\[type=button\].btn-block,input\[type=reset\].btn-block,input\[type=submit\].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu\[x-placement^=bottom\],.dropdown-menu\[x-placement^=left\],.dropdown-menu\[x-placement^=right\],.dropdown-menu\[x-placement^=top\]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input\[type=checkbox\],.btn-group-toggle>.btn input\[type=radio\],.btn-group-toggle>.btn-group>.btn input\[type=checkbox\],.btn-group-toggle>.btn-group>.btn input\[type=radio\]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input\[type=checkbox\],.input-group-text input\[type=radio\]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select\[multiple\],.custom-select\[size\]:not(\[size="1"\]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label\[data-browse\]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto\[x-placement^=top\],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto\[x-placement^=top\] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto\[x-placement^=top\] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto\[x-placement^=right\],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto\[x-placement^=right\] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto\[x-placement^=right\] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto\[x-placement^=bottom\],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto\[x-placement^=bottom\] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto\[x-placement^=bottom\] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto\[x-placement^=left\],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto\[x-placement^=left\] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto\[x-placement^=left\] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto\[x-placement^=top\],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto\[x-placement^=top\]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) \* -1)}.bs-popover-auto\[x-placement^=top\]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto\[x-placement^=top\]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto\[x-placement^=right\],.bs-popover-right{margin-left:.5rem}.bs-popover-auto\[x-placement^=right\]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) \* -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto\[x-placement^=right\]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto\[x-placement^=right\]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto\[x-placement^=bottom\],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto\[x-placement^=bottom\]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) \* -1)}.bs-popover-auto\[x-placement^=bottom\]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto\[x-placement^=bottom\]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto\[x-placement^=bottom\] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto\[x-placement^=left\],.bs-popover-left{margin-right:.5rem}.bs-popover-auto\[x-placement^=left\]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) \* -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto\[x-placement^=left\]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto\[x-placement^=left\]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{\*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr\[title\]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
7
2
/\*# sourceMappingURL=bootstrap.min.css.map \*/
image-hover-effects-ultimate-visual-composer/trunk/asset/backend/js/bootstrap.min.js
r2209121
r2648808
1
/\*!
2
\* Bootstrap v4.3.1 (https://getbootstrap.com/)
3
\* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
4
\* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5
\*/
6
1
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(\["exports","jquery","popper.js"\],e):e((t=t||self).bootstrap={},t.jQuery,t.Popper)}(this,function(t,g,u){"use strict";function i(t,e){for(var n=0;n<e.length;n++){var i=e\[n\];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function s(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function l(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments\[t\]?arguments\[t\]:{},e=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.forEach(function(t){var e,n,i;e=o,i=r\[n=t\],n in e?Object.defineProperty(e,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):e\[n\]=i})}return o}g=g&&g.hasOwnProperty("default")?g.default:g,u=u&&u.hasOwnProperty("default")?u.default:u;var e="transitionend";function n(t){var e=this,n=!1;return g(this).one(\_.TRANSITION\_END,function(){n=!0}),setTimeout(function(){n||\_.triggerTransitionEnd(e)},t),this}var \_={TRANSITION\_END:"bsTransitionEnd",getUID:function(t){for(;t+=~~(1e6\*Math.random()),document.getElementById(t););return t},getSelectorFromElement:function(t){var e=t.getAttribute("data-target");if(!e||"#"===e){var n=t.getAttribute("href");e=n&&"#"!==n?n.trim():""}try{return document.querySelector(e)?e:null}catch(t){return null}},getTransitionDurationFromElement:function(t){if(!t)return 0;var e=g(t).css("transition-duration"),n=g(t).css("transition-delay"),i=parseFloat(e),o=parseFloat(n);return i||o?(e=e.split(",")\[0\],n=n.split(",")\[0\],1e3\*(parseFloat(e)+parseFloat(n))):0},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(t){g(t).trigger(e)},supportsTransitionEnd:function(){return Boolean(e)},isElement:function(t){return(t\[0\]||t).nodeType},typeCheckConfig:function(t,e,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i)){var o=n\[i\],r=e\[i\],s=r&&\_.isElement(r)?"element":(a=r,{}.toString.call(a).match(/\\s(\[a-z\]+)/i)\[1\].toLowerCase());if(!new RegExp(o).test(s))throw new Error(t.toUpperCase()+': Option "'+i+'" provided type "'+s+'" but expected type "'+o+'".')}var a},findShadowRoot:function(t){if(!document.documentElement.attachShadow)return null;if("function"!=typeof t.getRootNode)return t instanceof ShadowRoot?t:t.parentNode?\_.findShadowRoot(t.parentNode):null;var e=t.getRootNode();return e instanceof ShadowRoot?e:null}};g.fn.emulateTransitionEnd=n,g.event.special\[\_.TRANSITION\_END\]={bindType:e,delegateType:e,handle:function(t){if(g(t.target).is(this))return t.handleObj.handler.apply(this,arguments)}};var o="alert",r="bs.alert",a="."+r,c=g.fn\[o\],h={CLOSE:"close"+a,CLOSED:"closed"+a,CLICK\_DATA\_API:"click"+a+".data-api"},f="alert",d="fade",m="show",p=function(){function i(t){this.\_element=t}var t=i.prototype;return t.close=function(t){var e=this.\_element;t&&(e=this.\_getRootElement(t)),this.\_triggerCloseEvent(e).isDefaultPrevented()||this.\_removeElement(e)},t.dispose=function(){g.removeData(this.\_element,r),this.\_element=null},t.\_getRootElement=function(t){var e=\_.getSelectorFromElement(t),n=!1;return e&&(n=document.querySelector(e)),n||(n=g(t).closest("."+f)\[0\]),n},t.\_triggerCloseEvent=function(t){var e=g.Event(h.CLOSE);return g(t).trigger(e),e},t.\_removeElement=function(e){var n=this;if(g(e).removeClass(m),g(e).hasClass(d)){var t=\_.getTransitionDurationFromElement(e);g(e).one(\_.TRANSITION\_END,function(t){return n.\_destroyElement(e,t)}).emulateTransitionEnd(t)}else this.\_destroyElement(e)},t.\_destroyElement=function(t){g(t).detach().trigger(h.CLOSED).remove()},i.\_jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(r);e||(e=new i(this),t.data(r,e)),"close"===n&&e\[n\](this)})},i.\_handleDismiss=function(e){return function(t){t&&t.preventDefault(),e.close(this)}},s(i,null,\[{key:"VERSION",get:function(){return"4.3.1"}}\]),i}();g(document).on(h.CLICK\_DATA\_API,'\[data-dismiss="alert"\]',p.\_handleDismiss(new p)),g.fn\[o\]=p.\_jQueryInterface,g.fn\[o\].Constructor=p,g.fn\[o\].noConflict=function(){return g.fn\[o\]=c,p.\_jQueryInterface};var v="button",y="bs.button",E="."+y,C=".data-api",T=g.fn\[v\],S="active",b="btn",I="focus",D='\[data-toggle^="button"\]',w='\[data-toggle="buttons"\]',A='input:not(\[type="hidden"\])',N=".active",O=".btn",k={CLICK\_DATA\_API:"click"+E+C,FOCUS\_BLUR\_DATA\_API:"focus"+E+C+" blur"+E+C},P=function(){function n(t){this.\_element=t}var t=n.prototype;return t.toggle=function(){var t=!0,e=!0,n=g(this.\_element).closest(w)\[0\];if(n){var i=this.\_element.querySelector(A);if(i){if("radio"===i.type)if(i.checked&&this.\_element.classList.contains(S))t=!1;else{var o=n.querySelector(N);o&&g(o).removeClass(S)}if(t){if(i.hasAttribute("disabled")||n.hasAttribute("disabled")||i.classList.contains("disabled")||n.classList.contains("disabled"))return;i.checked=!this.\_element.classList.contains(S),g(i).trigger("change")}i.focus(),e=!1}}e&&this.\_element.setAttribute("aria-pressed",!this.\_element.classList.contains(S)),t&&g(this.\_element).toggleClass(S)},t.dispose=function(){g.removeData(this.\_element,y),this.\_element=null},n.\_jQueryInterface=function(e){return this.each(function(){var t=g(this).data(y);t||(t=new n(this),g(this).data(y,t)),"toggle"===e&&t\[e\]()})},s(n,null,\[{key:"VERSION",get:function(){return"4.3.1"}}\]),n}();g(document).on(k.CLICK\_DATA\_API,D,function(t){t.preventDefault();var e=t.target;g(e).hasClass(b)||(e=g(e).closest(O)),P.\_jQueryInterface.call(g(e),"toggle")}).on(k.FOCUS\_BLUR\_DATA\_API,D,function(t){var e=g(t.target).closest(O)\[0\];g(e).toggleClass(I,/^focus(in)?$/.test(t.type))}),g.fn\[v\]=P.\_jQueryInterface,g.fn\[v\].Constructor=P,g.fn\[v\].noConflict=function(){return g.fn\[v\]=T,P.\_jQueryInterface};var L="carousel",j="bs.carousel",H="."+j,R=".data-api",x=g.fn\[L\],F={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},U={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},W="next",q="prev",M="left",K="right",Q={SLIDE:"slide"+H,SLID:"slid"+H,KEYDOWN:"keydown"+H,MOUSEENTER:"mouseenter"+H,MOUSELEAVE:"mouseleave"+H,TOUCHSTART:"touchstart"+H,TOUCHMOVE:"touchmove"+H,TOUCHEND:"touchend"+H,POINTERDOWN:"pointerdown"+H,POINTERUP:"pointerup"+H,DRAG\_START:"dragstart"+H,LOAD\_DATA\_API:"load"+H+R,CLICK\_DATA\_API:"click"+H+R},B="carousel",V="active",Y="slide",z="carousel-item-right",X="carousel-item-left",$="carousel-item-next",G="carousel-item-prev",J="pointer-event",Z=".active",tt=".active.carousel-item",et=".carousel-item",nt=".carousel-item img",it=".carousel-item-next, .carousel-item-prev",ot=".carousel-indicators",rt="\[data-slide\], \[data-slide-to\]",st='\[data-ride="carousel"\]',at={TOUCH:"touch",PEN:"pen"},lt=function(){function r(t,e){this.\_items=null,this.\_interval=null,this.\_activeElement=null,this.\_isPaused=!1,this.\_isSliding=!1,this.touchTimeout=null,this.touchStartX=0,this.touchDeltaX=0,this.\_config=this.\_getConfig(e),this.\_element=t,this.\_indicatorsElement=this.\_element.querySelector(ot),this.\_touchSupported="ontouchstart"in document.documentElement||0<navigator.maxTouchPoints,this.\_pointerEvent=Boolean(window.PointerEvent||window.MSPointerEvent),this.\_addEventListeners()}var t=r.prototype;return t.next=function(){this.\_isSliding||this.\_slide(W)},t.nextWhenVisible=function(){!document.hidden&&g(this.\_element).is(":visible")&&"hidden"!==g(this.\_element).css("visibility")&&this.next()},t.prev=function(){this.\_isSliding||this.\_slide(q)},t.pause=function(t){t||(this.\_isPaused=!0),this.\_element.querySelector(it)&&(\_.triggerTransitionEnd(this.\_element),this.cycle(!0)),clearInterval(this.\_interval),this.\_interval=null},t.cycle=function(t){t||(this.\_isPaused=!1),this.\_interval&&(clearInterval(this.\_interval),this.\_interval=null),this.\_config.interval&&!this.\_isPaused&&(this.\_interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this.\_config.interval))},t.to=function(t){var e=this;this.\_activeElement=this.\_element.querySelector(tt);var n=this.\_getItemIndex(this.\_activeElement);if(!(t>this.\_items.length-1||t<0))if(this.\_isSliding)g(this.\_element).one(Q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=n<t?W:q;this.\_slide(i,this.\_items\[t\])}},t.dispose=function(){g(this.\_element).off(H),g.removeData(this.\_element,j),this.\_items=null,this.\_config=null,this.\_element=null,this.\_interval=null,this.\_isPaused=null,this.\_isSliding=null,this.\_activeElement=null,this.\_indicatorsElement=null},t.\_getConfig=function(t){return t=l({},F,t),\_.typeCheckConfig(L,t,U),t},t.\_handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;0<e&&this.prev(),e<0&&this.next()}},t.\_addEventListeners=function(){var e=this;this.\_config.keyboard&&g(this.\_element).on(Q.KEYDOWN,function(t){return e.\_keydown(t)}),"hover"===this.\_config.pause&&g(this.\_element).on(Q.MOUSEENTER,function(t){return e.pause(t)}).on(Q.MOUSELEAVE,function(t){return e.cycle(t)}),this.\_config.touch&&this.\_addTouchEventListeners()},t.\_addTouchEventListeners=function(){var n=this;if(this.\_touchSupported){var e=function(t){n.\_pointerEvent&&at\[t.originalEvent.pointerType.toUpperCase()\]?n.touchStartX=t.originalEvent.clientX:n.\_pointerEvent||(n.touchStartX=t.originalEvent.touches\[0\].clientX)},i=function(t){n.\_pointerEvent&&at\[t.originalEvent.pointerType.toUpperCase()\]&&(n.touchDeltaX=t.originalEvent.clientX-n.touchStartX),n.\_handleSwipe(),"hover"===n.\_config.pause&&(n.pause(),n.touchTimeout&&clearTimeout(n.touchTimeout),n.touchTimeout=setTimeout(function(t){return n.cycle(t)},500+n.\_config.interval))};g(this.\_element.querySelectorAll(nt)).on(Q.DRAG\_START,function(t){return t.preventDefault()}),this.\_pointerEvent?(g(this.\_element).on(Q.POINTERDOWN,function(t){return e(t)}),g(this.\_element).on(Q.POINTERUP,function(t){return i(t)}),this.\_element.classList.add(J)):(g(this.\_element).on(Q.TOUCHSTART,function(t){return e(t)}),g(this.\_element).on(Q.TOUCHMOVE,function(t){var e;(e=t).originalEvent.touches&&1<e.originalEvent.touches.length?n.touchDeltaX=0:n.touchDeltaX=e.originalEvent.touches\[0\].clientX-n.touchStartX}),g(this.\_element).on(Q.TOUCHEND,function(t){return i(t)}))}},t.\_keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},t.\_getItemIndex=function(t){return this.\_items=t&&t.parentNode?\[\].slice.call(t.parentNode.querySelectorAll(et)):\[\],this.\_items.indexOf(t)},t.\_getItemByDirection=function(t,e){var n=t===W,i=t===q,o=this.\_getItemIndex(e),r=this.\_items.length-1;if((i&&0===o||n&&o===r)&&!this.\_config.wrap)return e;var s=(o+(t===q?-1:1))%this.\_items.length;return-1===s?this.\_items\[this.\_items.length-1\]:this.\_items\[s\]},t.\_triggerSlideEvent=function(t,e){var n=this.\_getItemIndex(t),i=this.\_getItemIndex(this.\_element.querySelector(tt)),o=g.Event(Q.SLIDE,{relatedTarget:t,direction:e,from:i,to:n});return g(this.\_element).trigger(o),o},t.\_setActiveIndicatorElement=function(t){if(this.\_indicatorsElement){var e=\[\].slice.call(this.\_indicatorsElement.querySelectorAll(Z));g(e).removeClass(V);var n=this.\_indicatorsElement.children\[this.\_getItemIndex(t)\];n&&g(n).addClass(V)}},t.\_slide=function(t,e){var n,i,o,r=this,s=this.\_element.querySelector(tt),a=this.\_getItemIndex(s),l=e||s&&this.\_getItemByDirection(t,s),c=this.\_getItemIndex(l),h=Boolean(this.\_interval);if(o=t===W?(n=X,i=$,M):(n=z,i=G,K),l&&g(l).hasClass(V))this.\_isSliding=!1;else if(!this.\_triggerSlideEvent(l,o).isDefaultPrevented()&&s&&l){this.\_isSliding=!0,h&&this.pause(),this.\_setActiveIndicatorElement(l);var u=g.Event(Q.SLID,{relatedTarget:l,direction:o,from:a,to:c});if(g(this.\_element).hasClass(Y)){g(l).addClass(i),\_.reflow(l),g(s).addClass(n),g(l).addClass(n);var f=parseInt(l.getAttribute("data-interval"),10);this.\_config.interval=f?(this.\_config.defaultInterval=this.\_config.defaultInterval||this.\_config.interval,f):this.\_config.defaultInterval||this.\_config.interval;var d=\_.getTransitionDurationFromElement(s);g(s).one(\_.TRANSITION\_END,function(){g(l).removeClass(n+" "+i).addClass(V),g(s).removeClass(V+" "+i+" "+n),r.\_isSliding=!1,setTimeout(function(){return g(r.\_element).trigger(u)},0)}).emulateTransitionEnd(d)}else g(s).removeClass(V),g(l).addClass(V),this.\_isSliding=!1,g(this.\_element).trigger(u);h&&this.cycle()}},r.\_jQueryInterface=function(i){return this.each(function(){var t=g(this).data(j),e=l({},F,g(this).data());"object"==typeof i&&(e=l({},e,i));var n="string"==typeof i?i:e.slide;if(t||(t=new r(this,e),g(this).data(j,t)),"number"==typeof i)t.to(i);else if("string"==typeof n){if("undefined"==typeof t\[n\])throw new TypeError('No method named "'+n+'"');t\[n\]()}else e.interval&&e.ride&&(t.pause(),t.cycle())})},r.\_dataApiClickHandler=function(t){var e=\_.getSelectorFromElement(this);if(e){var n=g(e)\[0\];if(n&&g(n).hasClass(B)){var i=l({},g(n).data(),g(this).data()),o=this.getAttribute("data-slide-to");o&&(i.interval=!1),r.\_jQueryInterface.call(g(n),i),o&&g(n).data(j).to(o),t.preventDefault()}}},s(r,null,\[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return F}}\]),r}();g(document).on(Q.CLICK\_DATA\_API,rt,lt.\_dataApiClickHandler),g(window).on(Q.LOAD\_DATA\_API,function(){for(var t=\[\].slice.call(document.querySelectorAll(st)),e=0,n=t.length;e<n;e++){var i=g(t\[e\]);lt.\_jQueryInterface.call(i,i.data())}}),g.fn\[L\]=lt.\_jQueryInterface,g.fn\[L\].Constructor=lt,g.fn\[L\].noConflict=function(){return g.fn\[L\]=x,lt.\_jQueryInterface};var ct="collapse",ht="bs.collapse",ut="."+ht,ft=g.fn\[ct\],dt={toggle:!0,parent:""},gt={toggle:"boolean",parent:"(string|element)"},\_t={SHOW:"show"+ut,SHOWN:"shown"+ut,HIDE:"hide"+ut,HIDDEN:"hidden"+ut,CLICK\_DATA\_API:"click"+ut+".data-api"},mt="show",pt="collapse",vt="collapsing",yt="collapsed",Et="width",Ct="height",Tt=".show, .collapsing",St='\[data-toggle="collapse"\]',bt=function(){function a(e,t){this.\_isTransitioning=!1,this.\_element=e,this.\_config=this.\_getConfig(t),this.\_triggerArray=\[\].slice.call(document.querySelectorAll('\[data-toggle="collapse"\]\[href="#'+e.id+'"\],\[data-toggle="collapse"\]\[data-target="#'+e.id+'"\]'));for(var n=\[\].slice.call(document.querySelectorAll(St)),i=0,o=n.length;i<o;i++){var r=n\[i\],s=\_.getSelectorFromElement(r),a=\[\].slice.call(document.querySelectorAll(s)).filter(function(t){return t===e});null!==s&&0<a.length&&(this.\_selector=s,this.\_triggerArray.push(r))}this.\_parent=this.\_config.parent?this.\_getParent():null,this.\_config.parent||this.\_addAriaAndCollapsedClass(this.\_element,this.\_triggerArray),this.\_config.toggle&&this.toggle()}var t=a.prototype;return t.toggle=function(){g(this.\_element).hasClass(mt)?this.hide():this.show()},t.show=function(){var t,e,n=this;if(!this.\_isTransitioning&&!g(this.\_element).hasClass(mt)&&(this.\_parent&&0===(t=\[\].slice.call(this.\_parent.querySelectorAll(Tt)).filter(function(t){return"string"==typeof n.\_config.parent?t.getAttribute("data-parent")===n.\_config.parent:t.classList.contains(pt)})).length&&(t=null),!(t&&(e=g(t).not(this.\_selector).data(ht))&&e.\_isTransitioning))){var i=g.Event(\_t.SHOW);if(g(this.\_element).trigger(i),!i.isDefaultPrevented()){t&&(a.\_jQueryInterface.call(g(t).not(this.\_selector),"hide"),e||g(t).data(ht,null));var o=this.\_getDimension();g(this.\_element).removeClass(pt).addClass(vt),this.\_element.style\[o\]=0,this.\_triggerArray.length&&g(this.\_triggerArray).removeClass(yt).attr("aria-expanded",!0),this.setTransitioning(!0);var r="scroll"+(o\[0\].toUpperCase()+o.slice(1)),s=\_.getTransitionDurationFromElement(this.\_element);g(this.\_element).one(\_.TRANSITION\_END,function(){g(n.\_element).removeClass(vt).addClass(pt).addClass(mt),n.\_element.style\[o\]="",n.setTransitioning(!1),g(n.\_element).trigger(\_t.SHOWN)}).emulateTransitionEnd(s),this.\_element.style\[o\]=this.\_element\[r\]+"px"}}},t.hide=function(){var t=this;if(!this.\_isTransitioning&&g(this.\_element).hasClass(mt)){var e=g.Event(\_t.HIDE);if(g(this.\_element).trigger(e),!e.isDefaultPrevented()){var n=this.\_getDimension();this.\_element.style\[n\]=this.\_element.getBoundingClientRect()\[n\]+"px",\_.reflow(this.\_element),g(this.\_element).addClass(vt).removeClass(pt).removeClass(mt);var i=this.\_triggerArray.length;if(0<i)for(var o=0;o<i;o++){var r=this.\_triggerArray\[o\],s=\_.getSelectorFromElement(r);if(null!==s)g(\[\].slice.call(document.querySelectorAll(s))).hasClass(mt)||g(r).addClass(yt).attr("aria-expanded",!1)}this.setTransitioning(!0);this.\_element.style\[n\]="";var a=\_.getTransitionDurationFromElement(this.\_element);g(this.\_element).one(\_.TRANSITION\_END,function(){t.setTransitioning(!1),g(t.\_element).removeClass(vt).addClass(pt).trigger(\_t.HIDDEN)}).emulateTransitionEnd(a)}}},t.setTransitioning=function(t){this.\_isTransitioning=t},t.dispose=function(){g.removeData(this.\_element,ht),this.\_config=null,this.\_parent=null,this.\_element=null,this.\_triggerArray=null,this.\_isTransitioning=null},t.\_getConfig=function(t){return(t=l({},dt,t)).toggle=Boolean(t.toggle),\_.typeCheckConfig(ct,t,gt),t},t.\_getDimension=function(){return g(this.\_element).hasClass(Et)?Et:Ct},t.\_getParent=function(){var t,n=this;\_.isElement(this.\_config.parent)?(t=this.\_config.parent,"undefined"!=typeof this.\_config.parent.jquery&&(t=this.\_config.parent\[0\])):t=document.querySelector(this.\_config.parent);var e='\[data-toggle="collapse"\]\[data-parent="'+this.\_config.parent+'"\]',i=\[\].slice.call(t.querySelectorAll(e));return g(i).each(function(t,e){n.\_addAriaAndCollapsedClass(a.\_getTargetFromElement(e),\[e\])}),t},t.\_addAriaAndCollapsedClass=function(t,e){var n=g(t).hasClass(mt);e.length&&g(e).toggleClass(yt,!n).attr("aria-expanded",n)},a.\_getTargetFromElement=function(t){var e=\_.getSelectorFromElement(t);return e?document.querySelector(e):null},a.\_jQueryInterface=function(i){return this.each(function(){var t=g(this),e=t.data(ht),n=l({},dt,t.data(),"object"==typeof i&&i?i:{});if(!e&&n.toggle&&/show|hide/.test(i)&&(n.toggle=!1),e||(e=new a(this,n),t.data(ht,e)),"string"==typeof i){if("undefined"==typeof e\[i\])throw new TypeError('No method named "'+i+'"');e\[i\]()}})},s(a,null,\[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return dt}}\]),a}();g(document).on(\_t.CLICK\_DATA\_API,St,function(t){"A"===t.currentTarget.tagName&&t.preventDefault();var n=g(this),e=\_.getSelectorFromElement(this),i=\[\].slice.call(document.querySelectorAll(e));g(i).each(function(){var t=g(this),e=t.data(ht)?"toggle":n.data();bt.\_jQueryInterface.call(t,e)})}),g.fn\[ct\]=bt.\_jQueryInterface,g.fn\[ct\].Constructor=bt,g.fn\[ct\].noConflict=function(){return g.fn\[ct\]=ft,bt.\_jQueryInterface};var It="dropdown",Dt="bs.dropdown",wt="."+Dt,At=".data-api",Nt=g.fn\[It\],Ot=new RegExp("38|40|27"),kt={HIDE:"hide"+wt,HIDDEN:"hidden"+wt,SHOW:"show"+wt,SHOWN:"shown"+wt,CLICK:"click"+wt,CLICK\_DATA\_API:"click"+wt+At,KEYDOWN\_DATA\_API:"keydown"+wt+At,KEYUP\_DATA\_API:"keyup"+wt+At},Pt="disabled",Lt="show",jt="dropup",Ht="dropright",Rt="dropleft",xt="dropdown-menu-right",Ft="position-static",Ut='\[data-toggle="dropdown"\]',Wt=".dropdown form",qt=".dropdown-menu",Mt=".navbar-nav",Kt=".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",Qt="top-start",Bt="top-end",Vt="bottom-start",Yt="bottom-end",zt="right-start",Xt="left-start",$t={offset:0,flip:!0,boundary:"scrollParent",reference:"toggle",display:"dynamic"},Gt={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)",reference:"(string|element)",display:"string"},Jt=function(){function c(t,e){this.\_element=t,this.\_popper=null,this.\_config=this.\_getConfig(e),this.\_menu=this.\_getMenuElement(),this.\_inNavbar=this.\_detectNavbar(),this.\_addEventListeners()}var t=c.prototype;return t.toggle=function(){if(!this.\_element.disabled&&!g(this.\_element).hasClass(Pt)){var t=c.\_getParentFromElement(this.\_element),e=g(this.\_menu).hasClass(Lt);if(c.\_clearMenus(),!e){var n={relatedTarget:this.\_element},i=g.Event(kt.SHOW,n);if(g(t).trigger(i),!i.isDefaultPrevented()){if(!this.\_inNavbar){if("undefined"==typeof u)throw new TypeError("Bootstrap's dropdowns require Popper.js (https://popper.js.org/)");var o=this.\_element;"parent"===this.\_config.reference?o=t:\_.isElement(this.\_config.reference)&&(o=this.\_config.reference,"undefined"!=typeof this.\_config.reference.jquery&&(o=this.\_config.reference\[0\])),"scrollParent"!==this.\_config.boundary&&g(t).addClass(Ft),this.\_popper=new u(o,this.\_menu,this.\_getPopperConfig())}"ontouchstart"in document.documentElement&&0===g(t).closest(Mt).length&&g(document.body).children().on("mouseover",null,g.noop),this.\_element.focus(),this.\_element.setAttribute("aria-expanded",!0),g(this.\_menu).toggleClass(Lt),g(t).toggleClass(Lt).trigger(g.Event(kt.SHOWN,n))}}}},t.show=function(){if(!(this.\_element.disabled||g(this.\_element).hasClass(Pt)||g(this.\_menu).hasClass(Lt))){var t={relatedTarget:this.\_element},e=g.Event(kt.SHOW,t),n=c.\_getParentFromElement(this.\_element);g(n).trigger(e),e.isDefaultPrevented()||(g(this.\_menu).toggleClass(Lt),g(n).toggleClass(Lt).trigger(g.Event(kt.SHOWN,t)))}},t.hide=function(){if(!this.\_element.disabled&&!g(this.\_element).hasClass(Pt)&&g(this.\_menu).hasClass(Lt)){var t={relatedTarget:this.\_element},e=g.Event(kt.HIDE,t),n=c.\_getParentFromElement(this.\_element);g(n).trigger(e),e.isDefaultPrevented()||(g(this.\_menu).toggleClass(Lt),g(n).toggleClass(Lt).trigger(g.Event(kt.HIDDEN,t)))}},t.dispose=function(){g.removeData(this.\_element,Dt),g(this.\_element).off(wt),this.\_element=null,(this.\_menu=null)!==this.\_popper&&(this.\_popper.destroy(),this.\_popper=null)},t.update=function(){this.\_inNavbar=this.\_detectNavbar(),null!==this.\_popper&&this.\_popper.scheduleUpdate()},t.\_addEventListeners=function(){var e=this;g(this.\_element).on(kt.CLICK,function(t){t.preventDefault(),t.stopPropagation(),e.toggle()})},t.\_getConfig=function(t){return t=l({},this.constructor.Default,g(this.\_element).data(),t),\_.typeCheckConfig(It,t,this.constructor.DefaultType),t},t.\_getMenuElement=function(){if(!this.\_menu){var t=c.\_getParentFromElement(this.\_element);t&&(this.\_menu=t.querySelector(qt))}return this.\_menu},t.\_getPlacement=function(){var t=g(this.\_element.parentNode),e=Vt;return t.hasClass(jt)?(e=Qt,g(this.\_menu).hasClass(xt)&&(e=Bt)):t.hasClass(Ht)?e=zt:t.hasClass(Rt)?e=Xt:g(this.\_menu).hasClass(xt)&&(e=Yt),e},t.\_detectNavbar=function(){return 0<g(this.\_element).closest(".navbar").length},t.\_getOffset=function(){var e=this,t={};return"function"==typeof this.\_config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e.\_config.offset(t.offsets,e.\_element)||{}),t}:t.offset=this.\_config.offset,t},t.\_getPopperConfig=function(){var t={placement:this.\_getPlacement(),modifiers:{offset:this.\_getOffset(),flip:{enabled:this.\_config.flip},preventOverflow:{boundariesElement:this.\_config.boundary}}};return"static"===this.\_config.display&&(t.modifiers.applyStyle={enabled:!1}),t},c.\_jQueryInterface=function(e){return this.each(function(){var t=g(this).data(Dt);if(t||(t=new c(this,"object"==typeof e?e:null),g(this).data(Dt,t)),"string"==typeof e){if("undefined"==typeof t\[e\])throw new TypeError('No method named "'+e+'"');t\[e\]()}})},c.\_clearMenus=function(t){if(!t||3!==t.which&&("keyup"!==t.type||9===t.which))for(var e=\[\].slice.call(document.querySelectorAll(Ut)),n=0,i=e.length;n<i;n++){var o=c.\_getParentFromElement(e\[n\]),r=g(e\[n\]).data(Dt),s={relatedTarget:e\[n\]};if(t&&"click"===t.type&&(s.clickEvent=t),r){var a=r.\_menu;if(g(o).hasClass(Lt)&&!(t&&("click"===t.type&&/input|textarea/i.test(t.target.tagName)||"keyup"===t.type&&9===t.which)&&g.contains(o,t.target))){var l=g.Event(kt.HIDE,s);g(o).trigger(l),l.isDefaultPrevented()||("ontouchstart"in document.documentElement&&g(document.body).children().off("mouseover",null,g.noop),e\[n\].setAttribute("aria-expanded","false"),g(a).removeClass(Lt),g(o).removeClass(Lt).trigger(g.Event(kt.HIDDEN,s)))}}}},c.\_getParentFromElement=function(t){var e,n=\_.getSelectorFromElement(t);return n&&(e=document.querySelector(n)),e||t.parentNode},c.\_dataApiKeydownHandler=function(t){if((/input|textarea/i.test(t.target.tagName)?!(32===t.which||27!==t.which&&(40!==t.which&&38!==t.which||g(t.target).closest(qt).length)):Ot.test(t.which))&&(t.preventDefault(),t.stopPropagation(),!this.disabled&&!g(this).hasClass(Pt))){var e=c.\_getParentFromElement(this),n=g(e).hasClass(Lt);if(n&&(!n||27!==t.which&&32!==t.which)){var i=\[\].slice.call(e.querySelectorAll(Kt));if(0!==i.length){var o=i.indexOf(t.target);38===t.which&&0<o&&o--,40===t.which&&o<i.length-1&&o++,o<0&&(o=0),i\[o\].focus()}}else{if(27===t.which){var r=e.querySelector(Ut);g(r).trigger("focus")}g(this).trigger("click")}}},s(c,null,\[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return $t}},{key:"DefaultType",get:function(){return Gt}}\]),c}();g(document).on(kt.KEYDOWN\_DATA\_API,Ut,Jt.\_dataApiKeydownHandler).on(kt.KEYDOWN\_DATA\_API,qt,Jt.\_dataApiKeydownHandler).on(kt.CLICK\_DATA\_API+" "+kt.KEYUP\_DATA\_API,Jt.\_clearMenus).on(kt.CLICK\_DATA\_API,Ut,function(t){t.preventDefault(),t.stopPropagation(),Jt.\_jQueryInterface.call(g(this),"toggle")}).on(kt.CLICK\_DATA\_API,Wt,function(t){t.stopPropagation()}),g.fn\[It\]=Jt.\_jQueryInterface,g.fn\[It\].Constructor=Jt,g.fn\[It\].noConflict=function(){return g.fn\[It\]=Nt,Jt.\_jQueryInterface};var Zt="modal",te="bs.modal",ee="."+te,ne=g.fn\[Zt\],ie={backdrop:!0,keyboard:!0,focus:!0,show:!0},oe={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},re={HIDE:"hide"+ee,HIDDEN:"hidden"+ee,SHOW:"show"+ee,SHOWN:"shown"+ee,FOCUSIN:"focusin"+ee,RESIZE:"resize"+ee,CLICK\_DISMISS:"click.dismiss"+ee,KEYDOWN\_DISMISS:"keydown.dismiss"+ee,MOUSEUP\_DISMISS:"mouseup.dismiss"+ee,MOUSEDOWN\_DISMISS:"mousedown.dismiss"+ee,CLICK\_DATA\_API:"click"+ee+".data-api"},se="modal-dialog-scrollable",ae="modal-scrollbar-measure",le="modal-backdrop",ce="modal-open",he="fade",ue="show",fe=".modal-dialog",de=".modal-body",ge='\[data-toggle="modal"\]',\_e='\[data-dismiss="modal"\]',me=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",pe=".sticky-top",ve=function(){function o(t,e){this.\_config=this.\_getConfig(e),this.\_element=t,this.\_dialog=t.querySelector(fe),this.\_backdrop=null,this.\_isShown=!1,this.\_isBodyOverflowing=!1,this.\_ignoreBackdropClick=!1,this.\_isTransitioning=!1,this.\_scrollbarWidth=0}var t=o.prototype;return t.toggle=function(t){return this.\_isShown?this.hide():this.show(t)},t.show=function(t){var e=this;if(!this.\_isShown&&!this.\_isTransitioning){g(this.\_element).hasClass(he)&&(this.\_isTransitioning=!0);var n=g.Event(re.SHOW,{relatedTarget:t});g(this.\_element).trigger(n),this.\_isShown||n.isDefaultPrevented()||(this.\_isShown=!0,this.\_checkScrollbar(),this.\_setScrollbar(),this.\_adjustDialog(),this.\_setEscapeEvent(),this.\_setResizeEvent(),g(this.\_element).on(re.CLICK\_DISMISS,\_e,function(t){return e.hide(t)}),g(this.\_dialog).on(re.MOUSEDOWN\_DISMISS,function(){g(e.\_element).one(re.MOUSEUP\_DISMISS,function(t){g(t.target).is(e.\_element)&&(e.\_ignoreBackdropClick=!0)})}),this.\_showBackdrop(function(){return e.\_showElement(t)}))}},t.hide=function(t){var e=this;if(t&&t.preventDefault(),this.\_isShown&&!this.\_isTransitioning){var n=g.Event(re.HIDE);if(g(this.\_element).trigger(n),this.\_isShown&&!n.isDefaultPrevented()){this.\_isShown=!1;var i=g(this.\_element).hasClass(he);if(i&&(this.\_isTransitioning=!0),this.\_setEscapeEvent(),this.\_setResizeEvent(),g(document).off(re.FOCUSIN),g(this.\_element).removeClass(ue),g(this.\_element).off(re.CLICK\_DISMISS),g(this.\_dialog).off(re.MOUSEDOWN\_DISMISS),i){var o=\_.getTransitionDurationFromElement(this.\_element);g(this.\_element).one(\_.TRANSITION\_END,function(t){return e.\_hideModal(t)}).emulateTransitionEnd(o)}else this.\_hideModal()}}},t.dispose=function(){\[window,this.\_element,this.\_dialog\].forEach(function(t){return g(t).off(ee)}),g(document).off(re.FOCUSIN),g.removeData(this.\_element,te),this.\_config=null,this.\_element=null,this.\_dialog=null,this.\_backdrop=null,this.\_isShown=null,this.\_isBodyOverflowing=null,this.\_ignoreBackdropClick=null,this.\_isTransitioning=null,this.\_scrollbarWidth=null},t.handleUpdate=function(){this.\_adjustDialog()},t.\_getConfig=function(t){return t=l({},ie,t),\_.typeCheckConfig(Zt,t,oe),t},t.\_showElement=function(t){var e=this,n=g(this.\_element).hasClass(he);this.\_element.parentNode&&this.\_element.parentNode.nodeType===Node.ELEMENT\_NODE||document.body.appendChild(this.\_element),this.\_element.style.display="block",this.\_element.removeAttribute("aria-hidden"),this.\_element.setAttribute("aria-modal",!0),g(this.\_dialog).hasClass(se)?this.\_dialog.querySelector(de).scrollTop=0:this.\_element.scrollTop=0,n&&\_.reflow(this.\_element),g(this.\_element).addClass(ue),this.\_config.focus&&this.\_enforceFocus();var i=g.Event(re.SHOWN,{relatedTarget:t}),o=function(){e.\_config.focus&&e.\_element.focus(),e.\_isTransitioning=!1,g(e.\_element).trigger(i)};if(n){var r=\_.getTransitionDurationFromElement(this.\_dialog);g(this.\_dialog).one(\_.TRANSITION\_END,o).emulateTransitionEnd(r)}else o()},t.\_enforceFocus=function(){var e=this;g(document).off(re.FOCUSIN).on(re.FOCUSIN,function(t){document!==t.target&&e.\_element!==t.target&&0===g(e.\_element).has(t.target).length&&e.\_element.focus()})},t.\_setEscapeEvent=function(){var e=this;this.\_isShown&&this.\_config.keyboard?g(this.\_element).on(re.KEYDOWN\_DISMISS,function(t){27===t.which&&(t.preventDefault(),e.hide())}):this.\_isShown||g(this.\_element).off(re.KEYDOWN\_DISMISS)},t.\_setResizeEvent=function(){var e=this;this.\_isShown?g(window).on(re.RESIZE,function(t){return e.handleUpdate(t)}):g(window).off(re.RESIZE)},t.\_hideModal=function(){var t=this;this.\_element.style.display="none",this.\_element.setAttribute("aria-hidden",!0),this.\_element.removeAttribute("aria-modal"),this.\_isTransitioning=!1,this.\_showBackdrop(function(){g(document.body).removeClass(ce),t.\_resetAdjustments(),t.\_resetScrollbar(),g(t.\_element).trigger(re.HIDDEN)})},t.\_removeBackdrop=function(){this.\_backdrop&&(g(this.\_backdrop).remove(),this.\_backdrop=null)},t.\_showBackdrop=function(t){var e=this,n=g(this.\_element).hasClass(he)?he:"";if(this.\_isShown&&this.\_config.backdrop){if(this.\_backdrop=document.createElement("div"),this.\_backdrop.className=le,n&&this.\_backdrop.classList.add(n),g(this.\_backdrop).appendTo(document.body),g(this.\_element).on(re.CLICK\_DISMISS,function(t){e.\_ignoreBackdropClick?e.\_ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===e.\_config.backdrop?e.\_element.focus():e.hide())}),n&&\_.reflow(this.\_backdrop),g(this.\_backdrop).addClass(ue),!t)return;if(!n)return void t();var i=\_.getTransitionDurationFromElement(this.\_backdrop);g(this.\_backdrop).one(\_.TRANSITION\_END,t).emulateTransitionEnd(i)}else if(!this.\_isShown&&this.\_backdrop){g(this.\_backdrop).removeClass(ue);var o=function(){e.\_removeBackdrop(),t&&t()};if(g(this.\_element).hasClass(he)){var r=\_.getTransitionDurationFromElement(this.\_backdrop);g(this.\_backdrop).one(\_.TRANSITION\_END,o).emulateTransitionEnd(r)}else o()}else t&&t()},t.\_adjustDialog=function(){var t=this.\_element.scrollHeight>document.documentElement.clientHeight;!this.\_isBodyOverflowing&&t&&(this.\_element.style.paddingLeft=this.\_scrollbarWidth+"px"),this.\_isBodyOverflowing&&!t&&(this.\_element.style.paddingRight=this.\_scrollbarWidth+"px")},t.\_resetAdjustments=function(){this.\_element.style.paddingLeft="",this.\_element.style.paddingRight=""},t.\_checkScrollbar=function(){var t=document.body.getBoundingClientRect();this.\_isBodyOverflowing=t.left+t.right<window.innerWidth,this.\_scrollbarWidth=this.\_getScrollbarWidth()},t.\_setScrollbar=function(){var o=this;if(this.\_isBodyOverflowing){var t=\[\].slice.call(document.querySelectorAll(me)),e=\[\].slice.call(document.querySelectorAll(pe));g(t).each(function(t,e){var n=e.style.paddingRight,i=g(e).css("padding-right");g(e).data("padding-right",n).css("padding-right",parseFloat(i)+o.\_scrollbarWidth+"px")}),g(e).each(function(t,e){var n=e.style.marginRight,i=g(e).css("margin-right");g(e).data("margin-right",n).css("margin-right",parseFloat(i)-o.\_scrollbarWidth+"px")});var n=document.body.style.paddingRight,i=g(document.body).css("padding-right");g(document.body).data("padding-right",n).css("padding-right",parseFloat(i)+this.\_scrollbarWidth+"px")}g(document.body).addClass(ce)},t.\_resetScrollbar=function(){var t=\[\].slice.call(document.querySelectorAll(me));g(t).each(function(t,e){var n=g(e).data("padding-right");g(e).removeData("padding-right"),e.style.paddingRight=n||""});var e=\[\].slice.call(document.querySelectorAll(""+pe));g(e).each(function(t,e){var n=g(e).data("margin-right");"undefined"!=typeof n&&g(e).css("margin-right",n).removeData("margin-right")});var n=g(document.body).data("padding-right");g(document.body).removeData("padding-right"),document.body.style.paddingRight=n||""},t.\_getScrollbarWidth=function(){var t=document.createElement("div");t.className=ae,document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},o.\_jQueryInterface=function(n,i){return this.each(function(){var t=g(this).data(te),e=l({},ie,g(this).data(),"object"==typeof n&&n?n:{});if(t||(t=new o(this,e),g(this).data(te,t)),"string"==typeof n){if("undefined"==typeof t\[n\])throw new TypeError('No method named "'+n+'"');t\[n\](i)}else e.show&&t.show(i)})},s(o,null,\[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return ie}}\]),o}();g(document).on(re.CLICK\_DATA\_API,ge,function(t){var e,n=this,i=\_.getSelectorFromElement(this);i&&(e=document.querySelector(i));var o=g(e).data(te)?"toggle":l({},g(e).data(),g(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault();var r=g(e).one(re.SHOW,function(t){t.isDefaultPrevented()||r.one(re.HIDDEN,function(){g(n).is(":visible")&&n.focus()})});ve.\_jQueryInterface.call(g(e),o,this)}),g.fn\[Zt\]=ve.\_jQueryInterface,g.fn\[Zt\].Constructor=ve,g.fn\[Zt\].noConflict=function(){return g.fn\[Zt\]=ne,ve.\_jQueryInterface};var ye=\["background","cite","href","itemtype","longdesc","poster","src","xlink:href"\],Ee={"\*":\["class","dir","id","lang","role",/^aria-\[\\w-\]\*$/i\],a:\["target","href","title","rel"\],area:\[\],b:\[\],br:\[\],col:\[\],code:\[\],div:\[\],em:\[\],hr:\[\],h1:\[\],h2:\[\],h3:\[\],h4:\[\],h5:\[\],h6:\[\],i:\[\],img:\["src","alt","title","width","height"\],li:\[\],ol:\[\],p:\[\],pre:\[\],s:\[\],small:\[\],span:\[\],sub:\[\],sup:\[\],strong:\[\],u:\[\],ul:\[\]},Ce=/^(?:(?:https?|mailto|ftp|tel|file):|\[^&:/?#\]\*(?:\[/?#\]|$))/gi,Te=/^data:(?:image\\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\\/(?:mpeg|mp4|ogg|webm)|audio\\/(?:mp3|oga|ogg|opus));base64,\[a-z0-9+/\]+=\*$/i;function Se(t,s,e){if(0===t.length)return t;if(e&&"function"==typeof e)return e(t);for(var n=(new window.DOMParser).parseFromString(t,"text/html"),a=Object.keys(s),l=\[\].slice.call(n.body.querySelectorAll("\*")),i=function(t,e){var n=l\[t\],i=n.nodeName.toLowerCase();if(-1===a.indexOf(n.nodeName.toLowerCase()))return n.parentNode.removeChild(n),"continue";var o=\[\].slice.call(n.attributes),r=\[\].concat(s\["\*"\]||\[\],s\[i\]||\[\]);o.forEach(function(t){(function(t,e){var n=t.nodeName.toLowerCase();if(-1!==e.indexOf(n))return-1===ye.indexOf(n)||Boolean(t.nodeValue.match(Ce)||t.nodeValue.match(Te));for(var i=e.filter(function(t){return t instanceof RegExp}),o=0,r=i.length;o<r;o++)if(n.match(i\[o\]))return!0;return!1})(t,r)||n.removeAttribute(t.nodeName)})},o=0,r=l.length;o<r;o++)i(o);return n.body.innerHTML}var be="tooltip",Ie="bs.tooltip",De="."+Ie,we=g.fn\[be\],Ae="bs-tooltip",Ne=new RegExp("(^|\\\\s)"+Ae+"\\\\S+","g"),Oe=\["sanitize","whiteList","sanitizeFn"\],ke={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string|function)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)",sanitize:"boolean",sanitizeFn:"(null|function)",whiteList:"object"},Pe={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},Le={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,whiteList:Ee},je="show",He="out",Re={HIDE:"hide"+De,HIDDEN:"hidden"+De,SHOW:"show"+De,SHOWN:"shown"+De,INSERTED:"inserted"+De,CLICK:"click"+De,FOCUSIN:"focusin"+De,FOCUSOUT:"focusout"+De,MOUSEENTER:"mouseenter"+De,MOUSELEAVE:"mouseleave"+De},xe="fade",Fe="show",Ue=".tooltip-inner",We=".arrow",qe="hover",Me="focus",Ke="click",Qe="manual",Be=function(){function i(t,e){if("undefined"==typeof u)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this.\_isEnabled=!0,this.\_timeout=0,this.\_hoverState="",this.\_activeTrigger={},this.\_popper=null,this.element=t,this.config=this.\_getConfig(e),this.tip=null,this.\_setListeners()}var t=i.prototype;return t.enable=function(){this.\_isEnabled=!0},t.disable=function(){this.\_isEnabled=!1},t.toggleEnabled=function(){this.\_isEnabled=!this.\_isEnabled},t.toggle=function(t){if(this.\_isEnabled)if(t){var e=this.constructor.DATA\_KEY,n=g(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this.\_getDelegateConfig()),g(t.currentTarget).data(e,n)),n.\_activeTrigger.click=!n.\_activeTrigger.click,n.\_isWithActiveTrigger()?n.\_enter(null,n):n.\_leave(null,n)}else{if(g(this.getTipElement()).hasClass(Fe))return void this.\_leave(null,this);this.\_enter(null,this)}},t.dispose=function(){clearTimeout(this.\_timeout),g.removeData(this.element,this.constructor.DATA\_KEY),g(this.element).off(this.constructor.EVENT\_KEY),g(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&g(this.tip).remove(),this.\_isEnabled=null,this.\_timeout=null,this.\_hoverState=null,(this.\_activeTrigger=null)!==this.\_popper&&this.\_popper.destroy(),this.\_popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===g(this.element).css("display"))throw new Error("Please use show on visible elements");var t=g.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this.\_isEnabled){g(this.element).trigger(t);var n=\_.findShadowRoot(this.element),i=g.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!i)return;var o=this.getTipElement(),r=\_.getUID(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&g(o).addClass(xe);var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this.\_getAttachment(s);this.addAttachmentClass(a);var l=this.\_getContainer();g(o).data(this.constructor.DATA\_KEY,this),g.contains(this.element.ownerDocument.documentElement,this.tip)||g(o).appendTo(l),g(this.element).trigger(this.constructor.Event.INSERTED),this.\_popper=new u(this.element,o,{placement:a,modifiers:{offset:this.\_getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:We},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e.\_handlePopperPlacementChange(t)},onUpdate:function(t){return e.\_handlePopperPlacementChange(t)}}),g(o).addClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().on("mouseover",null,g.noop);var c=function(){e.config.animation&&e.\_fixTransition();var t=e.\_hoverState;e.\_hoverState=null,g(e.element).trigger(e.constructor.Event.SHOWN),t===He&&e.\_leave(null,e)};if(g(this.tip).hasClass(xe)){var h=\_.getTransitionDurationFromElement(this.tip);g(this.tip).one(\_.TRANSITION\_END,c).emulateTransitionEnd(h)}else c()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=g.Event(this.constructor.Event.HIDE),o=function(){e.\_hoverState!==je&&n.parentNode&&n.parentNode.removeChild(n),e.\_cleanTipClass(),e.element.removeAttribute("aria-describedby"),g(e.element).trigger(e.constructor.Event.HIDDEN),null!==e.\_popper&&e.\_popper.destroy(),t&&t()};if(g(this.element).trigger(i),!i.isDefaultPrevented()){if(g(n).removeClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().off("mouseover",null,g.noop),this.\_activeTrigger\[Ke\]=!1,this.\_activeTrigger\[Me\]=!1,this.\_activeTrigger\[qe\]=!1,g(this.tip).hasClass(xe)){var r=\_.getTransitionDurationFromElement(n);g(n).one(\_.TRANSITION\_END,o).emulateTransitionEnd(r)}else o();this.\_hoverState=""}},t.update=function(){null!==this.\_popper&&this.\_popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){g(this.getTipElement()).addClass(Ae+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||g(this.config.template)\[0\],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(g(t.querySelectorAll(Ue)),this.getTitle()),g(t).removeClass(xe+" "+Fe)},t.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=Se(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?g(e).parent().is(t)||t.empty().append(e):t.text(g(e).text())},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t.\_getOffset=function(){var e=this,t={};return"function"==typeof this.config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e.config.offset(t.offsets,e.element)||{}),t}:t.offset=this.config.offset,t},t.\_getContainer=function(){return!1===this.config.container?document.body:\_.isElement(this.config.container)?g(this.config.container):g(document).find(this.config.container)},t.\_getAttachment=function(t){return Pe\[t.toUpperCase()\]},t.\_setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)g(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==Qe){var e=t===qe?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===qe?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;g(i.element).on(e,i.config.selector,function(t){return i.\_enter(t)}).on(n,i.config.selector,function(t){return i.\_leave(t)})}}),g(this.element).closest(".modal").on("hide.bs.modal",function(){i.element&&i.hide()}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this.\_fixTitle()},t.\_fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t.\_enter=function(t,e){var n=this.constructor.DATA\_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this.\_getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e.\_activeTrigger\["focusin"===t.type?Me:qe\]=!0),g(e.getTipElement()).hasClass(Fe)||e.\_hoverState===je?e.\_hoverState=je:(clearTimeout(e.\_timeout),e.\_hoverState=je,e.config.delay&&e.config.delay.show?e.\_timeout=setTimeout(function(){e.\_hoverState===je&&e.show()},e.config.delay.show):e.show())},t.\_leave=function(t,e){var n=this.constructor.DATA\_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this.\_getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e.\_activeTrigger\["focusout"===t.type?Me:qe\]=!1),e.\_isWithActiveTrigger()||(clearTimeout(e.\_timeout),e.\_hoverState=He,e.config.delay&&e.config.delay.hide?e.\_timeout=setTimeout(function(){e.\_hoverState===He&&e.hide()},e.config.delay.hide):e.hide())},t.\_isWithActiveTrigger=function(){for(var t in this.\_activeTrigger)if(this.\_activeTrigger\[t\])return!0;return!1},t.\_getConfig=function(t){var e=g(this.element).data();return Object.keys(e).forEach(function(t){-1!==Oe.indexOf(t)&&delete e\[t\]}),"number"==typeof(t=l({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),\_.typeCheckConfig(be,t,this.constructor.DefaultType),t.sanitize&&(t.template=Se(t.template,t.whiteList,t.sanitizeFn)),t},t.\_getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default\[e\]!==this.config\[e\]&&(t\[e\]=this.config\[e\]);return t},t.\_cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ne);null!==e&&e.length&&t.removeClass(e.join(""))},t.\_handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this.\_cleanTipClass(),this.addAttachmentClass(this.\_getAttachment(t.placement))},t.\_fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(g(t).removeClass(xe),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i.\_jQueryInterface=function(n){return this.each(function(){var t=g(this).data(Ie),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),g(this).data(Ie,t)),"string"==typeof n)){if("undefined"==typeof t\[n\])throw new TypeError('No method named "'+n+'"');t\[n\]()}})},s(i,null,\[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return Le}},{key:"NAME",get:function(){return be}},{key:"DATA\_KEY",get:function(){return Ie}},{key:"Event",get:function(){return Re}},{key:"EVENT\_KEY",get:function(){return De}},{key:"DefaultType",get:function(){return ke}}\]),i}();g.fn\[be\]=Be.\_jQueryInterface,g.fn\[be\].Constructor=Be,g.fn\[be\].noConflict=function(){return g.fn\[be\]=we,Be.\_jQueryInterface};var Ve="popover",Ye="bs.popover",ze="."+Ye,Xe=g.fn\[Ve\],$e="bs-popover",Ge=new RegExp("(^|\\\\s)"+$e+"\\\\S+","g"),Je=l({},Be.Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),Ze=l({},Be.DefaultType,{content:"(string|element|function)"}),tn="fade",en="show",nn=".popover-header",on=".popover-body",rn={HIDE:"hide"+ze,HIDDEN:"hidden"+ze,SHOW:"show"+ze,SHOWN:"shown"+ze,INSERTED:"inserted"+ze,CLICK:"click"+ze,FOCUSIN:"focusin"+ze,FOCUSOUT:"focusout"+ze,MOUSEENTER:"mouseenter"+ze,MOUSELEAVE:"mouseleave"+ze},sn=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),(e.prototype.constructor=e).\_\_proto\_\_=n;var o=i.prototype;return o.isWithContent=function(){return this.getTitle()||this.\_getContent()},o.addAttachmentClass=function(t){g(this.getTipElement()).addClass($e+"-"+t)},o.getTipElement=function(){return this.tip=this.tip||g(this.config.template)\[0\],this.tip},o.setContent=function(){var t=g(this.getTipElement());this.setElementContent(t.find(nn),this.getTitle());var e=this.\_getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(on),e),t.removeClass(tn+" "+en)},o.\_getContent=function(){return this.element.getAttribute("data-content")||this.config.content},o.\_cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ge);null!==e&&0<e.length&&t.removeClass(e.join(""))},i.\_jQueryInterface=function(n){return this.each(function(){var t=g(this).data(Ye),e="object"==typeof n?n:null;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),g(this).data(Ye,t)),"string"==typeof n)){if("undefined"==typeof t\[n\])throw new TypeError('No method named "'+n+'"');t\[n\]()}})},s(i,null,\[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return Je}},{key:"NAME",get:function(){return Ve}},{key:"DATA\_KEY",get:function(){return Ye}},{key:"Event",get:function(){return rn}},{key:"EVENT\_KEY",get:function(){return ze}},{key:"DefaultType",get:function(){return Ze}}\]),i}(Be);g.fn\[Ve\]=sn.\_jQueryInterface,g.fn\[Ve\].Constructor=sn,g.fn\[Ve\].noConflict=function(){return g.fn\[Ve\]=Xe,sn.\_jQueryInterface};var an="scrollspy",ln="bs.scrollspy",cn="."+ln,hn=g.fn\[an\],un={offset:10,method:"auto",target:""},fn={offset:"number",method:"string",target:"(string|element)"},dn={ACTIVATE:"activate"+cn,SCROLL:"scroll"+cn,LOAD\_DATA\_API:"load"+cn+".data-api"},gn="dropdown-item",\_n="active",mn='\[data-spy="scroll"\]',pn=".nav, .list-group",vn=".nav-link",yn=".nav-item",En=".list-group-item",Cn=".dropdown",Tn=".dropdown-item",Sn=".dropdown-toggle",bn="offset",In="position",Dn=function(){function n(t,e){var n=this;this.\_element=t,this.\_scrollElement="BODY"===t.tagName?window:t,this.\_config=this.\_getConfig(e),this.\_selector=this.\_config.target+" "+vn+","+this.\_config.target+" "+En+","+this.\_config.target+" "+Tn,this.\_offsets=\[\],this.\_targets=\[\],this.\_activeTarget=null,this.\_scrollHeight=0,g(this.\_scrollElement).on(dn.SCROLL,function(t){return n.\_process(t)}),this.refresh(),this.\_process()}var t=n.prototype;return t.refresh=function(){var e=this,t=this.\_scrollElement===this.\_scrollElement.window?bn:In,o="auto"===this.\_config.method?t:this.\_config.method,r=o===In?this.\_getScrollTop():0;this.\_offsets=\[\],this.\_targets=\[\],this.\_scrollHeight=this.\_getScrollHeight(),\[\].slice.call(document.querySelectorAll(this.\_selector)).map(function(t){var e,n=\_.getSelectorFromElement(t);if(n&&(e=document.querySelector(n)),e){var i=e.getBoundingClientRect();if(i.width||i.height)return\[g(e)\[o\]().top+r,n\]}return null}).filter(function(t){return t}).sort(function(t,e){return t\[0\]-e\[0\]}).forEach(function(t){e.\_offsets.push(t\[0\]),e.\_targets.push(t\[1\])})},t.dispose=function(){g.removeData(this.\_element,ln),g(this.\_scrollElement).off(cn),this.\_element=null,this.\_scrollElement=null,this.\_config=null,this.\_selector=null,this.\_offsets=null,this.\_targets=null,this.\_activeTarget=null,this.\_scrollHeight=null},t.\_getConfig=function(t){if("string"!=typeof(t=l({},un,"object"==typeof t&&t?t:{})).target){var e=g(t.target).attr("id");e||(e=\_.getUID(an),g(t.target).attr("id",e)),t.target="#"+e}return \_.typeCheckConfig(an,t,fn),t},t.\_getScrollTop=function(){return this.\_scrollElement===window?this.\_scrollElement.pageYOffset:this.\_scrollElement.scrollTop},t.\_getScrollHeight=function(){return this.\_scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},t.\_getOffsetHeight=function(){return this.\_scrollElement===window?window.innerHeight:this.\_scrollElement.getBoundingClientRect().height},t.\_process=function(){var t=this.\_getScrollTop()+this.\_config.offset,e=this.\_getScrollHeight(),n=this.\_config.offset+e-this.\_getOffsetHeight();if(this.\_scrollHeight!==e&&this.refresh(),n<=t){var i=this.\_targets\[this.\_targets.length-1\];this.\_activeTarget!==i&&this.\_activate(i)}else{if(this.\_activeTarget&&t<this.\_offsets\[0\]&&0<this.\_offsets\[0\])return this.\_activeTarget=null,void this.\_clear();for(var o=this.\_offsets.length;o--;){this.\_activeTarget!==this.\_targets\[o\]&&t>=this.\_offsets\[o\]&&("undefined"==typeof this.\_offsets\[o+1\]||t<this.\_offsets\[o+1\])&&this.\_activate(this.\_targets\[o\])}}},t.\_activate=function(e){this.\_activeTarget=e,this.\_clear();var t=this.\_selector.split(",").map(function(t){return t+'\[data-target="'+e+'"\],'+t+'\[href="'+e+'"\]'}),n=g(\[\].slice.call(document.querySelectorAll(t.join(","))));n.hasClass(gn)?(n.closest(Cn).find(Sn).addClass(\_n),n.addClass(\_n)):(n.addClass(\_n),n.parents(pn).prev(vn+", "+En).addClass(\_n),n.parents(pn).prev(yn).children(vn).addClass(\_n)),g(this.\_scrollElement).trigger(dn.ACTIVATE,{relatedTarget:e})},t.\_clear=function(){\[\].slice.call(document.querySelectorAll(this.\_selector)).filter(function(t){return t.classList.contains(\_n)}).forEach(function(t){return t.classList.remove(\_n)})},n.\_jQueryInterface=function(e){return this.each(function(){var t=g(this).data(ln);if(t||(t=new n(this,"object"==typeof e&&e),g(this).data(ln,t)),"string"==typeof e){if("undefined"==typeof t\[e\])throw new TypeError('No method named "'+e+'"');t\[e\]()}})},s(n,null,\[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return un}}\]),n}();g(window).on(dn.LOAD\_DATA\_API,function(){for(var t=\[\].slice.call(document.querySelectorAll(mn)),e=t.length;e--;){var n=g(t\[e\]);Dn.\_jQueryInterface.call(n,n.data())}}),g.fn\[an\]=Dn.\_jQueryInterface,g.fn\[an\].Constructor=Dn,g.fn\[an\].noConflict=function(){return g.fn\[an\]=hn,Dn.\_jQueryInterface};var wn="bs.tab",An="."+wn,Nn=g.fn.tab,On={HIDE:"hide"+An,HIDDEN:"hidden"+An,SHOW:"show"+An,SHOWN:"shown"+An,CLICK\_DATA\_API:"click"+An+".data-api"},kn="dropdown-menu",Pn="active",Ln="disabled",jn="fade",Hn="show",Rn=".dropdown",xn=".nav, .list-group",Fn=".active",Un="> li > .active",Wn='\[data-toggle="tab"\], \[data-toggle="pill"\], \[data-toggle="list"\]',qn=".dropdown-toggle",Mn="> .dropdown-menu .active",Kn=function(){function i(t){this.\_element=t}var t=i.prototype;return t.show=function(){var n=this;if(!(this.\_element.parentNode&&this.\_element.parentNode.nodeType===Node.ELEMENT\_NODE&&g(this.\_element).hasClass(Pn)||g(this.\_element).hasClass(Ln))){var t,i,e=g(this.\_element).closest(xn)\[0\],o=\_.getSelectorFromElement(this.\_element);if(e){var r="UL"===e.nodeName||"OL"===e.nodeName?Un:Fn;i=(i=g.makeArray(g(e).find(r)))\[i.length-1\]}var s=g.Event(On.HIDE,{relatedTarget:this.\_element}),a=g.Event(On.SHOW,{relatedTarget:i});if(i&&g(i).trigger(s),g(this.\_element).trigger(a),!a.isDefaultPrevented()&&!s.isDefaultPrevented()){o&&(t=document.querySelector(o)),this.\_activate(this.\_element,e);var l=function(){var t=g.Event(On.HIDDEN,{relatedTarget:n.\_element}),e=g.Event(On.SHOWN,{relatedTarget:i});g(i).trigger(t),g(n.\_element).trigger(e)};t?this.\_activate(t,t.parentNode,l):l()}}},t.dispose=function(){g.removeData(this.\_element,wn),this.\_element=null},t.\_activate=function(t,e,n){var i=this,o=(!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?g(e).children(Fn):g(e).find(Un))\[0\],r=n&&o&&g(o).hasClass(jn),s=function(){return i.\_transitionComplete(t,o,n)};if(o&&r){var a=\_.getTransitionDurationFromElement(o);g(o).removeClass(Hn).one(\_.TRANSITION\_END,s).emulateTransitionEnd(a)}else s()},t.\_transitionComplete=function(t,e,n){if(e){g(e).removeClass(Pn);var i=g(e.parentNode).find(Mn)\[0\];i&&g(i).removeClass(Pn),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!1)}if(g(t).addClass(Pn),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),\_.reflow(t),t.classList.contains(jn)&&t.classList.add(Hn),t.parentNode&&g(t.parentNode).hasClass(kn)){var o=g(t).closest(Rn)\[0\];if(o){var r=\[\].slice.call(o.querySelectorAll(qn));g(r).addClass(Pn)}t.setAttribute("aria-expanded",!0)}n&&n()},i.\_jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(wn);if(e||(e=new i(this),t.data(wn,e)),"string"==typeof n){if("undefined"==typeof e\[n\])throw new TypeError('No method named "'+n+'"');e\[n\]()}})},s(i,null,\[{key:"VERSION",get:function(){return"4.3.1"}}\]),i}();g(document).on(On.CLICK\_DATA\_API,Wn,function(t){t.preventDefault(),Kn.\_jQueryInterface.call(g(this),"show")}),g.fn.tab=Kn.\_jQueryInterface,g.fn.tab.Constructor=Kn,g.fn.tab.noConflict=function(){return g.fn.tab=Nn,Kn.\_jQueryInterface};var Qn="toast",Bn="bs.toast",Vn="."+Bn,Yn=g.fn\[Qn\],zn={CLICK\_DISMISS:"click.dismiss"+Vn,HIDE:"hide"+Vn,HIDDEN:"hidden"+Vn,SHOW:"show"+Vn,SHOWN:"shown"+Vn},Xn="fade",$n="hide",Gn="show",Jn="showing",Zn={animation:"boolean",autohide:"boolean",delay:"number"},ti={animation:!0,autohide:!0,delay:500},ei='\[data-dismiss="toast"\]',ni=function(){function i(t,e){this.\_element=t,this.\_config=this.\_getConfig(e),this.\_timeout=null,this.\_setListeners()}var t=i.prototype;return t.show=function(){var t=this;g(this.\_element).trigger(zn.SHOW),this.\_config.animation&&this.\_element.classList.add(Xn);var e=function(){t.\_element.classList.remove(Jn),t.\_element.classList.add(Gn),g(t.\_element).trigger(zn.SHOWN),t.\_config.autohide&&t.hide()};if(this.\_element.classList.remove($n),this.\_element.classList.add(Jn),this.\_config.animation){var n=\_.getTransitionDurationFromElement(this.\_element);g(this.\_element).one(\_.TRANSITION\_END,e).emulateTransitionEnd(n)}else e()},t.hide=function(t){var e=this;this.\_element.classList.contains(Gn)&&(g(this.\_element).trigger(zn.HIDE),t?this.\_close():this.\_timeout=setTimeout(function(){e.\_close()},this.\_config.delay))},t.dispose=function(){clearTimeout(this.\_timeout),this.\_timeout=null,this.\_element.classList.contains(Gn)&&this.\_element.classList.remove(Gn),g(this.\_element).off(zn.CLICK\_DISMISS),g.removeData(this.\_element,Bn),this.\_element=null,this.\_config=null},t.\_getConfig=function(t){return t=l({},ti,g(this.\_element).data(),"object"==typeof t&&t?t:{}),\_.typeCheckConfig(Qn,t,this.constructor.DefaultType),t},t.\_setListeners=function(){var t=this;g(this.\_element).on(zn.CLICK\_DISMISS,ei,function(){return t.hide(!0)})},t.\_close=function(){var t=this,e=function(){t.\_element.classList.add($n),g(t.\_element).trigger(zn.HIDDEN)};if(this.\_element.classList.remove(Gn),this.\_config.animation){var n=\_.getTransitionDurationFromElement(this.\_element);g(this.\_element).one(\_.TRANSITION\_END,e).emulateTransitionEnd(n)}else e()},i.\_jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(Bn);if(e||(e=new i(this,"object"==typeof n&&n),t.data(Bn,e)),"string"==typeof n){if("undefined"==typeof e\[n\])throw new TypeError('No method named "'+n+'"');e\[n\](this)}})},s(i,null,\[{key:"VERSION",get:function(){return"4.3.1"}},{key:"DefaultType",get:function(){return Zn}},{key:"Default",get:function(){return ti}}\]),i}();g.fn\[Qn\]=ni.\_jQueryInterface,g.fn\[Qn\].Constructor=ni,g.fn\[Qn\].noConflict=function(){return g.fn\[Qn\]=Yn,ni.\_jQueryInterface},function(){if("undefined"==typeof g)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var t=g.fn.jquery.split(" ")\[0\].split(".");if(t\[0\]<2&&t\[1\]<9||1===t\[0\]&&9===t\[1\]&&t\[2\]<1||4<=t\[0\])throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}(),t.Util=\_,t.Alert=p,t.Button=P,t.Carousel=lt,t.Collapse=bt,t.Dropdown=Jt,t.Modal=ve,t.Popover=sn,t.Scrollspy=Dn,t.Tab=Kn,t.Toast=ni,t.Tooltip=Be,Object.defineProperty(t,"\_\_esModule",{value:!0})});
7
2
//# sourceMappingURL=bootstrap.min.js.map
image-hover-effects-ultimate-visual-composer/trunk/asset/backend/js/settings.js
r2590546
r2648808
49
49
}, 1000));
50
50
51
52
53
54
$(document.body).on("click", "input", function (e) {
55
51
$("input\[name=oxi\_addons\_font\_awesome\] ").on("change", function (e) {
56
52
var $This = $(this), name = $This.attr('name'), $value = $This.val();
57
var rawdata = JSON.stringify({name: name, value: $value});
58
if (name === 'oxilab\_flip\_box\_license\_key') {
59
return;
60
}
61
var functionname = "oxi\_settings";
53
var rawdata = JSON.stringify({value: $value});
54
var functionname = "oxi\_addons\_font\_awesome";
62
55
$('.' + name).html('<span class="spinner sa-spinner-open"></span>');
63
56
Oxi\_Flip\_Admin\_Settings(functionname, rawdata, styleid, childid, function (callback) {
…
…
68
61
});
69
62
});
70
$(document.body).on("change", "select", function (e) {
63
$("input\[name=oxi\_addons\_google\_font\] ").on("change", function (e) {
71
64
var $This = $(this), name = $This.attr('name'), $value = $This.val();
72
var rawdata = JSON.stringify({name: name, value: $value});
73
var functionname = "oxi\_settings";
65
var rawdata = JSON.stringify({value: $value});
66
var functionname = "oxi\_addons\_google\_font";
67
$('.' + name).html('<span class="spinner sa-spinner-open"></span>');
68
Oxi\_Flip\_Admin\_Settings(functionname, rawdata, styleid, childid, function (callback) {
69
$('.' + name).html(callback);
70
setTimeout(function () {
71
$('.' + name).html('');
72
}, 8000);
73
});
74
});
75
$("input\[name=oxi\_addons\_pre\_loader\] ").on("change", function (e) {
76
var $This = $(this), name = $This.attr('name'), $value = $This.val();
77
var rawdata = JSON.stringify({value: $value});
78
var functionname = "oxi\_addons\_pre\_loader";
79
$('.' + name).html('<span class="spinner sa-spinner-open"></span>');
80
Oxi\_Flip\_Admin\_Settings(functionname, rawdata, styleid, childid, function (callback) {
81
$('.' + name).html(callback);
82
setTimeout(function () {
83
$('.' + name).html('');
84
}, 8000);
85
});
86
});
87
88
89
90
$("#oxi\_addons\_user\_permission").on("change", function (e) {
91
var $This = $(this), name = $This.attr('name'), $value = $This.val();
92
var rawdata = JSON.stringify({ value: $value});
93
var functionname = "oxi\_addons\_user\_permission";
74
94
$('.' + name).html('<span class="spinner sa-spinner-open"></span>');
75
95
Oxi\_Flip\_Admin\_Settings(functionname, rawdata, styleid, childid, function (callback) {
image-hover-effects-ultimate-visual-composer/trunk/index.php
r2646976
r2648808
7
7
Author: Biplob Adhikari
8
8
Author URI: http://www.oxilab.org/
9
Version: 2.6.0
9
Version: 2.6.1
10
10
\*/
11
11
if (!defined('ABSPATH'))
…
…
16
16
define('OXI\_FLIP\_BOX\_PATH', plugin\_dir\_path(\_\_FILE\_\_));
17
17
define('OXI\_FLIP\_BOX\_URL', plugins\_url('/', \_\_FILE\_\_));
18
define('OXI\_FLIP\_BOX\_PLUGIN\_VERSION', '2.6.0');
19
define('OXI\_FLIP\_BOX\_TEXTDOMAIN', 'oxi-flip-box-plugin');
18
define('OXI\_FLIP\_BOX\_PLUGIN\_VERSION', '2.6.1');
19
define('OXI\_FLIP\_BOX\_TEXTDOMAIN', 'image-hover-effects-ultimate-visual-composer');
20
20
21
21
/\*\*
image-hover-effects-ultimate-visual-composer/trunk/readme.txt
r2646976
r2648808
5
5
Requires at least: 4.4
6
6
Tested up to: 5.8.2
7
Stable tag: 2.6.0
7
Stable tag: 2.6.1
8
8
Requires PHP: 5.4
9
9
License: GPLv2 or later
…
…
249
249
250
250
\== Changelog ==
251
\= 2.6.0 =
251
\= 2.6.1 =
252
252
\*Update Security
253
253
\*Modify Admin Modules
…
…
317
317
318
318
\== Upgrade Notice ==
319
\= 2.6.0 =
319
\= 2.6.1 =
320
320
Update Security
321
321
Modify Admin Modules