Serious Slider - Version 1.1.0

Version Description

Improved slider responsiveness under 640px and 480px breakpoints
Improved new slider interface in 'Manage Sliders' screen
Added 'random' sort option in slider options
Fixed larger images overflowing slider container when using the 'Adapt to images' mode
Fixed styling overlaps from themes on the dark, tall and caption- styles
Fixed background color text style option no longer applying since 1.0.4

Release Info

Developer	Cryout Creations
Plugin	Serious Slider
Version	1.1.0
Comparing to
See all releases

Code changes from version 1.0.5 to 1.1.0

Files changed (7) hide show

cryout-serious-slider.php +2 -2
inc/shortcodes.php +30 -21
inc/taxmeta.php +15 -1
readme.txt +10 -2
resources/backend.css +7 -0
resources/backend.js +49 -39
resources/style.css +36 -14

cryout-serious-slider.php CHANGED Viewed

	@@ -2,7 +2,7 @@
2	Plugin Name: Cryout Serious Slider
3	Plugin URI: http://www.cryoutcreations.eu/serious-slider
4	Description: A highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
5	- Version: 1.0.5
6	Author: Cryout Creations
7	Author URI: http://www.cryoutcreations.eu
8	Text Domain: cryout-serious-slider
	@@ -15,7 +15,7 @@ if ( !defined( 'ABSPATH' ) ) exit;
15
16	class Cryout_Serious_Slider {
17
18	- public $version = "1.0.5";
19	public $options = array();
20	public $shortcode_tag = 'serious-slider';
21	public $mce_tag = 'serious_slider';


2	Plugin Name: Cryout Serious Slider
3	Plugin URI: http://www.cryoutcreations.eu/serious-slider
4	Description: A highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
5	+ Version: 1.1.0
6	Author: Cryout Creations
7	Author URI: http://www.cryoutcreations.eu
8	Text Domain: cryout-serious-slider

15
16	class Cryout_Serious_Slider {
17
18	+ public $version = "1.1.0";
19	public $options = array();
20	public $shortcode_tag = 'serious-slider';
21	public $mce_tag = 'serious_slider';

inc/shortcodes.php CHANGED Viewed

	@@ -64,16 +64,25 @@ class Cryout_Serious_Slider_Shortcode {
64	$hidecaption = !empty($attr['hidecaption']);
65	$hidetitle = !empty($attr['hidetitle']);
66
67	- if ($sort ~~== 'order'):~~

68	// sort by order param
69	$orderby = 'menu_order';
70	$order = 'ASC';
71	- ~~else:~~






72	// sort by publish date (default)
73	$orderby = 'date';
74	$order = 'DESC';
75	- ~~endif~~;

76

77	if (!empty($attr['orderby'])) $orderby = esc_attr($attr['orderby']);
78
79	$slider_classes = array();
	@@ -111,8 +120,8 @@ class Cryout_Serious_Slider_Shortcode {
111	$this->cid = $cid;
112
113	ob_start(); ?>
114	- .serious-slider-<?php echo $cid ?> { max-width: <?php echo intval( $width ); ?>px; ~~max-height: <?php echo intval( $height ); ?>px;~~ }
115	- .serious-slider-<?php echo $cid ?>.seriousslider-sizing1 img { max-height: <?php echo intval( $height ); ?>px; }
116	.serious-slider-<?php echo $cid ?> .seriousslider-caption-inside { max-width: <?php echo intval($caption_width) ?>px; font-size: <?php echo round($textsize,2) ?>em; }
117
118	.serious-slider-<?php echo $cid ?> .seriousslider-inner > .item {
	@@ -155,10 +164,10 @@ class Cryout_Serious_Slider_Shortcode {
155	}
156
157	/* Buttons */
158	-
159	<?php switch ($theme) {
160	case 'light': ?>
161	-
162	/* Light */
163	.seriousslider-light .seriousslider-caption-buttons a:nth-child(2n+1),
164	.seriousslider-light .seriousslider-caption-buttons a:hover:nth-child(2n) {
	@@ -171,8 +180,8 @@ class Cryout_Serious_Slider_Shortcode {
171	}
172
173	<?php break;
174	- case 'dark': ?>
175	-
176	/* Dark */
177	.seriousslider-dark .seriousslider-caption-buttons a:nth-child(2n) {
178	color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
	@@ -189,11 +198,11 @@ class Cryout_Serious_Slider_Shortcode {
189	.seriousslider-dark .seriousslider-caption-buttons a:nth-child(2n+1) {
190	background-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
191	border-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
192	- }
193	-
194	<?php break;
195	- case 'square': ?>
196	-
197	/* Square */
198	.seriousslider-square .seriousslider-caption-buttons a:nth-child(2n+1) {
199	background-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
	@@ -213,10 +222,10 @@ class Cryout_Serious_Slider_Shortcode {
213	color: #fff;
214	background-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
215	}
216	-
217	<?php break;
218	- case 'tall': ?>
219	-
220	/* Tall */
221	.seriousslider-tall .seriousslider-caption-buttons a:nth-child(2n+1) {
222	background-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
	@@ -230,16 +239,16 @@ class Cryout_Serious_Slider_Shortcode {
230	.seriousslider-tall .seriousslider-caption-buttons a:hover {
231	opacity: 0.8;
232	}
233	-
234	<?php break;
235	- case 'captionleft': ?>
236	-
237	/* Left caption */
238	.seriousslider-captionleft .seriousslider-caption-buttons a:hover {
239	color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
240	}
241	-
242	- <?php
243	break;
244	default:
245	break;


64	$hidecaption = !empty($attr['hidecaption']);
65	$hidetitle = !empty($attr['hidetitle']);
66
67	+ switch ($sort) {
68	+ case 'order':
69	// sort by order param
70	$orderby = 'menu_order';
71	$order = 'ASC';
72	+ break;
73	+ case 'rand':
74	+ // sort by order param
75	+ $orderby = 'rand';
76	+ $order = 'ASC';
77	+ break;
78	+ default:
79	// sort by publish date (default)
80	$orderby = 'date';
81	$order = 'DESC';
82	+ break;
83	+ } // switch
84
85	+ // allow order override via shortcode
86	if (!empty($attr['orderby'])) $orderby = esc_attr($attr['orderby']);
87
88	$slider_classes = array();

120	$this->cid = $cid;
121
122	ob_start(); ?>
123	+ .serious-slider-<?php echo $cid ?> { max-width: <?php echo intval( $width ); ?>px; }
124	+ .serious-slider-<?php echo $cid ?>.seriousslider-sizing1, .serious-slider-<?php echo $cid ?>.seriousslider-sizing1 img { max-height: <?php echo intval( $height ); ?>px; }
125	.serious-slider-<?php echo $cid ?> .seriousslider-caption-inside { max-width: <?php echo intval($caption_width) ?>px; font-size: <?php echo round($textsize,2) ?>em; }
126
127	.serious-slider-<?php echo $cid ?> .seriousslider-inner > .item {

164	}
165
166	/* Buttons */
167	+
168	<?php switch ($theme) {
169	case 'light': ?>
170	+
171	/* Light */
172	.seriousslider-light .seriousslider-caption-buttons a:nth-child(2n+1),
173	.seriousslider-light .seriousslider-caption-buttons a:hover:nth-child(2n) {

180	}
181
182	<?php break;
183	+ case 'dark': ?>
184	+
185	/* Dark */
186	.seriousslider-dark .seriousslider-caption-buttons a:nth-child(2n) {
187	color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;

198	.seriousslider-dark .seriousslider-caption-buttons a:nth-child(2n+1) {
199	background-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
200	border-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
201	+ }
202	+
203	<?php break;
204	+ case 'square': ?>
205	+
206	/* Square */
207	.seriousslider-square .seriousslider-caption-buttons a:nth-child(2n+1) {
208	background-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;

222	color: #fff;
223	background-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
224	}
225	+
226	<?php break;
227	+ case 'tall': ?>
228	+
229	/* Tall */
230	.seriousslider-tall .seriousslider-caption-buttons a:nth-child(2n+1) {
231	background-color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;

239	.seriousslider-tall .seriousslider-caption-buttons a:hover {
240	opacity: 0.8;
241	}
242	+
243	<?php break;
244	+ case 'captionleft': ?>
245	+
246	/* Left caption */
247	.seriousslider-captionleft .seriousslider-caption-buttons a:hover {
248	color: <?php echo $this->sanitizer->color_clean( $accent ); ?>;
249	}
250	+
251	+ <?php
252	break;
253	default:
254	break;

inc/taxmeta.php CHANGED Viewed

	@@ -9,6 +9,14 @@ if ( !defined( 'ABSPATH' ) ) exit;
9	<a href="#" class="button" id="seriousslider-media"><?php _e( 'Select Images', 'cryout-serious-slider' ) ?></a>
10	</div>
11








12	<div id="seriousslider-tabs">
13	<ul>
14	<li><a href="#general"><?php _e( 'General', 'cryout-serious-slider' ) ?></a></li>
	@@ -24,7 +32,11 @@ if ( !defined( 'ABSPATH' ) ) exit;
24
25	echo $this->selectfield(
26	'term_meta[cryout_serious_slider_sort]',
27	- array( ~~'date' => __('by date','cryout-serious-slider'), 'order' => __('by order value','cryout-serious-slider') ),~~




28	$the_meta['cryout_serious_slider_sort'],
29	__('Sort Order','cryout-serious-slider'),
30	'',
	@@ -206,4 +218,6 @@ if ( !defined( 'ABSPATH' ) ) exit;
206	</div><!--animation-->
207
208	</div><!--#seriousslider-tabs-->


209	<br>


9	<a href="#" class="button" id="seriousslider-media"><?php _e( 'Select Images', 'cryout-serious-slider' ) ?></a>
10	</div>
11
12	+ <div class="seriousslider-new-slider-button">
13	+ <a id="new-slider-button" class="button button-primary">
14	+ <?php _e( 'Add New Slider', 'cryout-serious-slider' ) ?>
15	+ </a>
16	+ </div>
17	+
18	+ <div class="seriousslider-new-slider-wrapper">
19	+
20	<div id="seriousslider-tabs">
21	<ul>
22	<li><a href="#general"><?php _e( 'General', 'cryout-serious-slider' ) ?></a></li>

32
33	echo $this->selectfield(
34	'term_meta[cryout_serious_slider_sort]',
35	+ array(
36	+ 'date' => __('by date','cryout-serious-slider'),
37	+ 'order' => __('by order value','cryout-serious-slider'),
38	+ 'rand' => __('random','cryout-serious-slider'),
39	+ ),
40	$the_meta['cryout_serious_slider_sort'],
41	__('Sort Order','cryout-serious-slider'),
42	'',

218	</div><!--animation-->
219
220	</div><!--#seriousslider-tabs-->
221	+
222	+ </div><!--seriousslider-new-slider-wrapper-->
223	<br>

readme.txt CHANGED Viewed

	@@ -7,7 +7,7 @@ Tags: slider, slideshow, image slider, responsive slider, wordpress slider
7	Text Domain: cryout-serious-slider
8	Requires at least: 4.2
9	Tested up to: 4.9.1
10	- Stable tag: 1.0.5
11
12	Serious Slider is a highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
13
	@@ -105,9 +105,17 @@ Serious Slider version 1.0 brings a lot of new features but moves styling of ins
105
106	== Changelog ==
107








108	= 1.0.5 =
109	* Small styling fix to remove an erroneous bottom margin
110	- * Cleaned up some ~~lefover~~ dev code
111
112	= 1.0.4 =
113	* Added responsiveness option to choose between the new responsiveness mode and the pre-1.0 behaviour


7	Text Domain: cryout-serious-slider
8	Requires at least: 4.2
9	Tested up to: 4.9.1
10	+ Stable tag: 1.1.0
11
12	Serious Slider is a highly efficient SEO friendly fully translatable accessibility ready free image slider for WordPress. Seriously!
13

105
106	== Changelog ==
107
108	+ = 1.1.0 =
109	+ * Improved slider responsiveness under 640px and 480px breakpoints
110	+ * Improved new slider interface in 'Manage Sliders' screen
111	+ * Added 'random' sort option in slider options
112	+ * Fixed larger images overflowing slider container when using the 'Adapt to images' mode
113	+ * Fixed styling overlaps from themes on the dark, tall and caption- styles
114	+ * Fixed background color text style option no longer applying since 1.0.4
115	+
116	= 1.0.5 =
117	* Small styling fix to remove an erroneous bottom margin
118	+ * Cleaned up some leftover dev code
119
120	= 1.0.4 =
121	* Added responsiveness option to choose between the new responsiveness mode and the pre-1.0 behaviour

resources/backend.css CHANGED Viewed

	@@ -115,6 +115,7 @@
115	padding: 10px;
116	}
117

118	.edit-tag-actions .button-primary,
119	.form-wrap .submit .button-primary {
120	height: auto;
	@@ -123,6 +124,12 @@
123	float: right;
124	}
125






126	.edit-tag-actions #delete-link {
127	display: none;
128	}


115	padding: 10px;
116	}
117
118	+ .seriousslider-new-slider-button .button-primary,
119	.edit-tag-actions .button-primary,
120	.form-wrap .submit .button-primary {
121	height: auto;

124	float: right;
125	}
126
127	+ body:not(.edit-tags-php) .seriousslider-new-slider-button .button-primary,
128	+ .edit-tags-php .seriousslider-new-slider-wrapper,
129	+ .edit-tags-php p.submit {
130	+ display: none;
131	+ }
132	+
133	.edit-tag-actions #delete-link {
134	display: none;
135	}

resources/backend.js CHANGED Viewed

	@@ -1,14 +1,24 @@
1
2	jQuery(document).ready( function() {


3	jQuery('#the-list').on('click', 'div.row-actions a.editinline', function( event ) {
4	setTimeout( function() {
5	jQuery('#the-list').find('input[name="post_name"]').parents('label').hide();
6	jQuery('#the-list').find('input[name="post_password"]').parents('label').parent().hide();
7	}, 3);
8	});

9	if (jQuery.isFunction(jQuery.fn.wpColorPicker)) {
10	jQuery('input[name*="cryout_serious_slider_accent"]').wpColorPicker();
11	}







12
13	/*
14	* bind the media uploader at current and future ( 'live()' ) image upload buttons
	@@ -18,13 +28,13 @@ jQuery(document).ready( function() {
18
19	e.preventDefault();
20
21	- // get number of post
22	var post_id = this.id.match( /[0-9]+/ );
23
24	- // get parent jQ object of clicked link
25	var origin_parent = jQuery( this ).parent();
26
27	- // Extend the wp.media object for selection of a single image
28	var text_link = jQuery( this ).text();
29	var custom_uploader = wp.media.frames.file_frame = wp.media( {
30	title: text_link,
	@@ -37,12 +47,12 @@ jQuery(document).ready( function() {
37	multiple: false
38	} );
39
40	- // When a file is selected, grab the URL and set it as the text field's value
41	custom_uploader.on( 'select', function() {
42	- // get selected image
43	var attachment = custom_uploader.state().get( 'selection' ).first().toJSON();
44
45	- // set image as featured for current post via Ajax and print response
46	jQuery.post( ajaxurl, {
47	action: 'cryout_serious_slider_set_image',
48	post_id: post_id,
	@@ -50,16 +60,16 @@ jQuery(document).ready( function() {
50	cryout_sslider_column_nonce: CRYOUT_MCE_LOCALIZED.nonce,
51	cookie: encodeURIComponent( document.cookie )
52	}, function( response ) {
53	- // fade in new content
54	origin_parent.html( response ).hide().fadeIn();
55	});
56
57	} );
58
59	- //Open the uploader dialog
60	custom_uploader.open();
61
62	- // prevent following the link href
63	return false;
64
65	} );
	@@ -72,24 +82,24 @@ jQuery(document).ready( function() {
72
73	e.preventDefault();
74
75	- // get number of post
76	var post_id = this.id.match( /[0-9]+/ );
77
78	- // get parent jQ object of clicked link
79	var origin_parent = jQuery( this ).parent();
80
81	- // remove featured image
82	jQuery.post( ajaxurl, {
83	action: 'cryout_serious_slider_delete_image',
84	post_id: post_id,
85	cryout_sslider_column_nonce: CRYOUT_MCE_LOCALIZED.nonce,
86	cookie: encodeURIComponent( document.cookie )
87	}, function( response ) {
88	- // fade in new content
89	origin_parent.html( response ).hide().fadeIn();
90	});
91
92	- // prevent following the link href
93	return false;
94
95	} );
	@@ -107,42 +117,42 @@ jQuery(document).ready(function($){
107	} );
108
109	/* Image selector */
110	- var custom_uploader;
111	- $('#seriousslider-media').click(function(e) {
112	- e.preventDefault();
113	- //If the uploader object has already been created, reopen the dialog
114	- if (custom_uploader) {
115	- custom_uploader.open();
116	- return;
117	- }
118	- //Extend the wp.media object
119	- custom_uploader = wp.media.frames.file_frame = wp.media({
120	- title: jQuery('#seriousslider-media').text(),
121	- /* button: {
122	- text: 'Choose Images'
123	- }, */
124	library: {
125	type: [ 'image' ]
126	},
127	- multiple: true
128	- });
129	- custom_uploader.on('select', function() {
130
131	$(".seriousslider-media-container").empty();
132	$(".cryout-serious-slider-imagelist").val('');
133
134	- var selection = custom_uploader.state().get('selection');
135	var ids = [];
136	- selection.map( function( attachment ) {
137	thumbnail_url = attachment.attributes.sizes.thumbnail.url;
138	- attachment = attachment.toJSON();
139	- $(".seriousslider-media-container").append("<div class='seriousslider-single-thumb'><img src=" +thumbnail_url+"></div>");
140	ids.push( attachment.id );
141	- });
142	$(".cryout-serious-slider-imagelist").val( ids );
143	- });
144	- custom_uploader.open();
145	- });
146
147	});
148


1
2	jQuery(document).ready( function() {
3	+
4	+ /* hide unused built-in attributes in quick edit */
5	jQuery('#the-list').on('click', 'div.row-actions a.editinline', function( event ) {
6	setTimeout( function() {
7	jQuery('#the-list').find('input[name="post_name"]').parents('label').hide();
8	jQuery('#the-list').find('input[name="post_password"]').parents('label').parent().hide();
9	}, 3);
10	});
11	+ /* meta color picker */
12	if (jQuery.isFunction(jQuery.fn.wpColorPicker)) {
13	jQuery('input[name*="cryout_serious_slider_accent"]').wpColorPicker();
14	}
15	+
16	+ /* 'add new slider' button */
17	+ jQuery('body').on('click', '.seriousslider-new-slider-button a#new-slider-button', function() {
18	+ jQuery('.seriousslider-new-slider-wrapper').parent().children('.submit').slideDown('fast');
19	+ jQuery('.seriousslider-new-slider-button').slideUp( 'fast' );
20	+ jQuery('.seriousslider-new-slider-wrapper').slideDown( 'fast' );
21	+ });
22
23	/*
24	* bind the media uploader at current and future ( 'live()' ) image upload buttons

28
29	e.preventDefault();
30
31	+ /* get number of post */
32	var post_id = this.id.match( /[0-9]+/ );
33
34	+ /* get parent jQ object of clicked link */
35	var origin_parent = jQuery( this ).parent();
36
37	+ /* Extend the wp.media object for selection of a single image */
38	var text_link = jQuery( this ).text();
39	var custom_uploader = wp.media.frames.file_frame = wp.media( {
40	title: text_link,

47	multiple: false
48	} );
49
50	+ /* When a file is selected, grab the URL and set it as the text field's value */
51	custom_uploader.on( 'select', function() {
52	+ /* get selected image */
53	var attachment = custom_uploader.state().get( 'selection' ).first().toJSON();
54
55	+ /* set image as featured for current post via Ajax and print response */
56	jQuery.post( ajaxurl, {
57	action: 'cryout_serious_slider_set_image',
58	post_id: post_id,

60	cryout_sslider_column_nonce: CRYOUT_MCE_LOCALIZED.nonce,
61	cookie: encodeURIComponent( document.cookie )
62	}, function( response ) {
63	+ /* fade in new content */
64	origin_parent.html( response ).hide().fadeIn();
65	});
66
67	} );
68
69	+ /* Open the uploader dialog */
70	custom_uploader.open();
71
72	+ /* prevent following the link href */
73	return false;
74
75	} );

82
83	e.preventDefault();
84
85	+ /* get number of post */
86	var post_id = this.id.match( /[0-9]+/ );
87
88	+ /* get parent jQ object of clicked link */
89	var origin_parent = jQuery( this ).parent();
90
91	+ /* remove featured image */
92	jQuery.post( ajaxurl, {
93	action: 'cryout_serious_slider_delete_image',
94	post_id: post_id,
95	cryout_sslider_column_nonce: CRYOUT_MCE_LOCALIZED.nonce,
96	cookie: encodeURIComponent( document.cookie )
97	}, function( response ) {
98	+ /* fade in new content */
99	origin_parent.html( response ).hide().fadeIn();
100	});
101
102	+ /* prevent following the link href */
103	return false;
104
105	} );

117	} );
118
119	/* Image selector */
120	+ var custom_uploader;
121	+ $('#seriousslider-media').click(function(e) {
122	+ e.preventDefault();
123	+ /* If the uploader object has already been created, reopen the dialog */
124	+ if (custom_uploader) {
125	+ custom_uploader.open();
126	+ return;
127	+ }
128	+ /* Extend the wp.media object */
129	+ custom_uploader = wp.media.frames.file_frame = wp.media({
130	+ title: jQuery('#seriousslider-media').text(),
131	+ /* button: {
132	+ text: 'Choose Images'
133	+ }, */
134	library: {
135	type: [ 'image' ]
136	},
137	+ multiple: true
138	+ });
139	+ custom_uploader.on('select', function() {
140
141	$(".seriousslider-media-container").empty();
142	$(".cryout-serious-slider-imagelist").val('');
143
144	+ var selection = custom_uploader.state().get('selection');
145	var ids = [];
146	+ selection.map( function( attachment ) {
147	thumbnail_url = attachment.attributes.sizes.thumbnail.url;
148	+ attachment = attachment.toJSON();
149	+ $(".seriousslider-media-container").append("<div class='seriousslider-single-thumb'><img src=" +thumbnail_url+"></div>");
150	ids.push( attachment.id );
151	+ });
152	$(".cryout-serious-slider-imagelist").val( ids );
153	+ });
154	+ custom_uploader.open();
155	+ });
156
157	});
158

resources/style.css CHANGED Viewed

	@@ -134,7 +134,7 @@
134	transform: translateX(-50%);
135	}
136
137	- .seriousslider-responsive-legacy .seriousslider-inner > .item img.item-image {
138	max-width: 100%;
139	}
140
	@@ -145,6 +145,12 @@
145	font-size: 17px;
146	}
147






148	.seriousslider-inner {
149	position: relative;
150	width: 100%;
	@@ -159,7 +165,7 @@
159	}
160
161	.seriousslider .seriousslider-inner > .item p {
162	- margin: 0 auto;
163	}
164
165	@media all and (transform-3d), (-webkit-transform-3d) {
	@@ -1015,6 +1021,7 @@
1015	text-transform: uppercase;
1016	font-weight: 300;
1017	color: #FFF;

1018	background: rgba(0, 0, 0, .5);
1019	-webkit-transition: .3s ease-out;
1020	transition: .3s ease-out;
	@@ -1106,6 +1113,7 @@
1106
1107	.seriousslider-tall .seriousslider-caption-buttons a:hover {
1108	background: rgba(0, 0, 0, 1);

1109	}
1110
1111	.seriousslider-tall .seriousslider-control {
	@@ -1202,6 +1210,7 @@
1202	letter-spacing: 1px;
1203	text-shadow: 0 0;
1204	color: #FFF;

1205	-webkit-transition: .3s ease-out;
1206	transition: .3s ease-out;
1207	}
	@@ -1352,6 +1361,8 @@
1352	.seriousslider-captionbottom .seriousslider-control {
1353	font-size: 34px;
1354	color: #fff;


1355	-webkit-transition: .3s ease-out;
1356	transition: .3s ease-out;
1357	}
	@@ -1661,16 +1672,14 @@
1661	}
1662
1663	.seriousslider.seriousslider-textstyle-bgcolor .seriousslider-caption-title span,
1664	- .seriousslider.seriousslider-textstyle-bgcolor .seriousslider-caption-text ~~span~~ {
1665	- ~~padding~~: ~~0 20px~~;
1666	- ~~background~~: ~~rgba(~~0~~,0,0,.25)~~;
1667	- ~~-webkit-box-decoration-break~~: ~~clone~~;
1668	- box-decoration-break: clone;

1669	}
1670
1671	- .seriousslider.seriousslider-textstyle-bgcolor .seriousslider-caption-text span {
1672	- padding: 0 10px;
1673	- }
1674
1675	/*********************
1676	# LOADERS
	@@ -1769,12 +1778,10 @@
1769	**********************/
1770	@media (max-width: 1200px) {
1771
1772	- body .lp-staticslider .staticslider-caption-title,
1773	body .seriousslider .seriousslider-caption-title {
1774	letter-spacing: 0;
1775	}
1776
1777	- .lp-staticslider .staticslider-caption,
1778	.seriousslider .seriousslider-caption {
1779	font-size: .9em;
1780	}
	@@ -1795,9 +1802,8 @@
1795
1796	}
1797
1798	- @media (max-width: ~~480px~~) {
1799
1800	- .lp-staticslider .staticslider-caption,
1801	.seriousslider .seriousslider-caption {
1802	font-size: .8em;
1803	}
	@@ -1814,4 +1820,20 @@
1814
1815	}
1816
















1817	/* FIN */


134	transform: translateX(-50%);
135	}
136
137	+ .seriousslider-responsive-legacy .seriousslider-inner > .item img.item-image {
138	max-width: 100%;
139	}
140

145	font-size: 17px;
146	}
147
148	+ .seriousslider::after {
149	+ content: "";
150	+ display: block;
151	+ clear: both;
152	+ }
153	+
154	.seriousslider-inner {
155	position: relative;
156	width: 100%;

165	}
166
167	.seriousslider .seriousslider-inner > .item p {
168	+ margin: 0 auto;
169	}
170
171	@media all and (transform-3d), (-webkit-transform-3d) {

1021	text-transform: uppercase;
1022	font-weight: 300;
1023	color: #FFF;
1024	+ border-radius: 0;
1025	background: rgba(0, 0, 0, .5);
1026	-webkit-transition: .3s ease-out;
1027	transition: .3s ease-out;

1113
1114	.seriousslider-tall .seriousslider-caption-buttons a:hover {
1115	background: rgba(0, 0, 0, 1);
1116	+ color: inherit;
1117	}
1118
1119	.seriousslider-tall .seriousslider-control {

1210	letter-spacing: 1px;
1211	text-shadow: 0 0;
1212	color: #FFF;
1213	+ border-radius: 0;
1214	-webkit-transition: .3s ease-out;
1215	transition: .3s ease-out;
1216	}

1361	.seriousslider-captionbottom .seriousslider-control {
1362	font-size: 34px;
1363	color: #fff;
1364	+ background: transparent;
1365	+ box-shadow: none;
1366	-webkit-transition: .3s ease-out;
1367	transition: .3s ease-out;
1368	}

1672	}
1673
1674	.seriousslider.seriousslider-textstyle-bgcolor .seriousslider-caption-title span,
1675	+ .seriousslider.seriousslider-textstyle-bgcolor .seriousslider-caption-text > p {
1676	+ display: inline;
1677	+ padding: 0 20px;
1678	+ background: rgba(0,0,0,.25);
1679	+ -webkit-box-decoration-break: clone;
1680	+ box-decoration-break: clone;
1681	}
1682



1683
1684	/*********************
1685	# LOADERS

1778	**********************/
1779	@media (max-width: 1200px) {
1780

1781	body .seriousslider .seriousslider-caption-title {
1782	letter-spacing: 0;
1783	}
1784

1785	.seriousslider .seriousslider-caption {
1786	font-size: .9em;
1787	}

1802
1803	}
1804
1805	+ @media (max-width: 640px) {
1806

1807	.seriousslider .seriousslider-caption {
1808	font-size: .8em;
1809	}

1820
1821	}
1822
1823	+ @media (max-width: 480px) {
1824	+
1825	+ .seriousslider .seriousslider-caption {
1826	+ font-size: .7em;
1827	+ }
1828	+
1829	+ .seriousslider .seriousslider-caption .seriousslider-caption-title {
1830	+ font-size: 2.5em;
1831	+ }
1832	+
1833	+ .seriousslider .seriousslider-caption .seriousslider-caption-text {
1834	+ font-size: 1.25em;
1835	+ }
1836	+
1837	+ }
1838	+
1839	/* FIN */