Serious Slider - Version 0.6

Version Description

  • Enabled quick-edit functionality on the sliders
  • Fixed slider query overlapping WordPress query in specific usage scenarios (thanks to webdragon)
  • Limited dashboard resource loading only to plugin's sections
  • Fixed multiple instances of the same slider missing styling after moving inline styling to footer in 0.5.1
  • Added extra taxonomy hook for support in Cryout themes
  • Fixed animation glitch on Fluida theme
Download this release

Release Info

Developer Cryout Creations
Plugin Icon 128x128 Serious Slider
Version 0.6
Comparing to
See all releases

Code changes from version 0.5.1 to 0.6

Files changed (8) hide show
  1. cryout-serious-slider.php +13 -6
  2. inc/settings.php +0 -6
  3. inc/shortcodes.php +25 -17
  4. inc/taxmeta.php +1 -1
  5. readme.txt +14 -5
  6. resources/backend.css +4 -2
  7. resources/backend.js +9 -0
  8. resources/style.css +23 -11
cryout-serious-slider.php CHANGED
@@ -3,9 +3,10 @@
3
  Plugin Name: Cryout Serious Slider
4
  Plugin URI: http://www.cryoutcreations.eu/serious-slider
5
  Description: Responsive slider, built on Bootstrap Carousel, uses core WordPress functionality, easy to use, seriously.
6
- Version: 0.5.1
7
  Author: Cryout Creations
8
  Author URI: http://www.cryoutcreations.eu
 
9
  License: GPLv3
10
  License URI: http://www.gnu.org/licenses/gpl.html
11
  */
@@ -29,7 +30,7 @@ class Cryout_Serious_Slider {
29
  'cryout_serious_slider_sizing' => 0, // 1 = force slider size
30
  'cryout_serious_slider_width' => '1920', // px
31
  'cryout_serious_slider_height' => '700', // px
32
- 'cryout_serious_slider_theme' => 'light', // light, dark, blank, bootstrap
33
  'cryout_serious_slider_textsize' => '1.0', // em
34
  'cryout_serious_slider_overlay' => 1, // 1 = autohide, 2 = visible
35
  'cryout_serious_slider_animation' => 'slide', // fade, slide, overslide, underslide, parallax, hflip, vflip
@@ -44,6 +45,7 @@ class Cryout_Serious_Slider {
44
  add_action( 'init', array( $this, 'register' ) );
45
  add_action( 'init', array( $this, 'register_post_types' ) );
46
  add_action( 'init', array( $this, 'register_taxonomies' ), 0 );
 
47
  } // __construct()
48
 
49
 
@@ -233,7 +235,7 @@ class Cryout_Serious_Slider {
233
 
234
  $sliders = array();
235
  foreach ($data as $slider) {
236
- $sliders[$slider->term_id] = $slider->name;
237
  }
238
  return $sliders;
239
  } // get_sliders_list()
@@ -580,9 +582,10 @@ class Cryout_Serious_Slider {
580
  ***********************/
581
  function admin_head() {
582
  global $post_type;
 
583
 
584
  // don't allow slider shortcode inside slide posts
585
- if( $this->posttype != $post_type ) {
586
  // check user permissions
587
  if ( !current_user_can( 'edit_posts' ) && !current_user_can( 'edit_pages' ) ) {
588
  return;
@@ -608,9 +611,13 @@ class Cryout_Serious_Slider {
608
 
609
  function admin_enqueue_scripts($hook){
610
  global $post_type;
611
- wp_enqueue_style('serious-slider-shortcode', plugins_url( 'resources/mce-button.css' , __FILE__ ) );
612
- if( ($hook == $this->thepage) || ( $this->posttype == $post_type ) )
 
 
 
613
  wp_enqueue_style('serious-slider-admincss', plugins_url( 'resources/backend.css' , __FILE__ ) );
 
614
  } // admin_enqueue_scripts()
615
 
616
 
3
  Plugin Name: Cryout Serious Slider
4
  Plugin URI: http://www.cryoutcreations.eu/serious-slider
5
  Description: Responsive slider, built on Bootstrap Carousel, uses core WordPress functionality, easy to use, seriously.
6
+ Version: 0.6
7
  Author: Cryout Creations
8
  Author URI: http://www.cryoutcreations.eu
9
+ Text Domain: cryout-serious-slider
10
  License: GPLv3
11
  License URI: http://www.gnu.org/licenses/gpl.html
12
  */
30
  'cryout_serious_slider_sizing' => 0, // 1 = force slider size
31
  'cryout_serious_slider_width' => '1920', // px
32
  'cryout_serious_slider_height' => '700', // px
33
+ 'cryout_serious_slider_theme' => 'light', // light, dark, theme, bootstrap
34
  'cryout_serious_slider_textsize' => '1.0', // em
35
  'cryout_serious_slider_overlay' => 1, // 1 = autohide, 2 = visible
36
  'cryout_serious_slider_animation' => 'slide', // fade, slide, overslide, underslide, parallax, hflip, vflip
45
  add_action( 'init', array( $this, 'register' ) );
46
  add_action( 'init', array( $this, 'register_post_types' ) );
47
  add_action( 'init', array( $this, 'register_taxonomies' ), 0 );
48
+ add_action( 'setup_theme', array( $this, 'register_taxonomies' ), 0 );
49
  } // __construct()
50
 
51
 
235
 
236
  $sliders = array();
237
  foreach ($data as $slider) {
238
+ if (!empty($slider->term_id)) $sliders[$slider->term_id] = $slider->name;
239
  }
240
  return $sliders;
241
  } // get_sliders_list()
582
  ***********************/
583
  function admin_head() {
584
  global $post_type;
585
+ global $pagenow;
586
 
587
  // don't allow slider shortcode inside slide posts
588
+ if( $this->posttype != $post_type && in_array( $pagenow, array( 'edit.php', 'post-new.php', 'post.php' ) ) ) {
589
  // check user permissions
590
  if ( !current_user_can( 'edit_posts' ) && !current_user_can( 'edit_pages' ) ) {
591
  return;
611
 
612
  function admin_enqueue_scripts($hook){
613
  global $post_type;
614
+ global $pagenow;
615
+ if ( in_array( $pagenow, array( 'edit.php', 'post-new.php', 'post.php' ) ) ) {
616
+ wp_enqueue_style('serious-slider-shortcode', plugins_url( 'resources/mce-button.css' , __FILE__ ) );
617
+ };
618
+ if( ($hook == $this->thepage) || ( $this->posttype == $post_type ) ) {
619
  wp_enqueue_style('serious-slider-admincss', plugins_url( 'resources/backend.css' , __FILE__ ) );
620
+ };
621
  } // admin_enqueue_scripts()
622
 
623
 
inc/settings.php CHANGED
@@ -98,9 +98,3 @@
98
  </div> <!-- poststuff -->
99
 
100
  </div><!--end wrap-->
101
-
102
- <script type="text/javascript">
103
- jQuery(document).ready( function() {
104
- jQuery('.color-field').wpColorPicker();
105
- });
106
- </script>
98
  </div> <!-- poststuff -->
99
 
100
  </div><!--end wrap-->
 
 
 
 
 
 
inc/shortcodes.php CHANGED
@@ -6,6 +6,7 @@ class Cryout_Serious_Slider_Shortcode {
6
  public $shortcode_tag = 'serious-slider';
7
  private $id = 0;
8
  private $cid = 0;
 
9
 
10
  function __construct($args = array()){
11
  //register shortcode
@@ -21,18 +22,9 @@ class Cryout_Serious_Slider_Shortcode {
21
  ob_start();
22
  ?><style type="text/css">
23
  <!-- cryout serious slider -->
24
- #serious-slider-<?php echo $cid ?> { max-width: <?php echo $width; ?>px; max-height: <?php echo $height; ?>px; }
25
- #serious-slider-<?php echo $cid ?> .seriousslider-caption-title { font-size: <?php echo round($textsize*2,2) ?>em; }
26
- #serious-slider-<?php echo $cid ?> .seriousslider-caption-text { font-size: <?php echo round($textsize,2) ?>em; }
27
- #serious-slider-<?php echo $cid ?> .seriousslider-caption-text a { font-size: <?php echo round($textsize*0.8,2) ?>em; }
28
-
29
- #serious-slider-<?php echo $cid ?> .seriousslider-inner > .item {
30
- -webkit-transition-duration: <?php echo round($transition/1000,2) ?>s;
31
- -o-transition-duration: <?php echo round($transition/1000,2) ?>s;
32
- transition-duration: <?php echo round($transition/1000,2) ?>s; }
33
  </style><?php
34
- $custom_style = ob_get_contents();
35
- ob_end_clean();
36
 
37
  echo $custom_style;
38
  } // shortcode_slyle()
@@ -50,6 +42,7 @@ class Cryout_Serious_Slider_Shortcode {
50
  $slider_classes[] = 'seriousslider-overlay' . $overlay;
51
  $slider_classes[] = 'seriousslider-' . $theme;
52
  $slider_classes[] = 'seriousslider-' . $animation;
 
53
  $slider_classes = implode(' ', $slider_classes);
54
 
55
  if (!empty($attr['count'])) $count = esc_attr($attr['count']); else $count = -1;
@@ -85,10 +78,24 @@ class Cryout_Serious_Slider_Shortcode {
85
  $counter = 0;
86
  $this->id = $attr['id'];
87
  $this->cid = $cid;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
88
  add_action( 'wp_footer', array($this, 'shortcode_style') );
89
 
90
  if ( $the_query->have_posts() ): ?>
91
- <div id="serious-slider-<?php echo $cid ?>" class="cryout-serious-slider seriousslider cryout-serious-slider-<?php echo $attr['id'] ?> <?php echo $slider_classes ?>" data-ride="seriousslider">
92
  <div class="seriousslider-inner" role="listbox">
93
 
94
  <?php while ($the_query->have_posts()):
@@ -120,7 +127,7 @@ class Cryout_Serious_Slider_Shortcode {
120
  <?php endif; ?>
121
  <div class="seriousslider-caption">
122
  <h3 class="seriousslider-caption-title">
123
- <a <?php echo $meta_link?> <?php echo $meta_target ?>><?php the_title(); ?></a>
124
  </h3>
125
  <div class="seriousslider-caption-text"><?php the_content() ?></div>
126
  </div>
@@ -135,14 +142,14 @@ class Cryout_Serious_Slider_Shortcode {
135
  <?php } ?>
136
  </ol>
137
 
138
- <a class="left seriousslider-control" href="#serious-slider-<?php echo $cid ?>" role="button" data-slide="prev">
139
  <span class="sicon-prev" aria-hidden="true"></span>
140
  <span class="sr-only"><?php _e('Previous','cryout-serious-slider') ?></span>
141
- </a>
142
- <a class="right seriousslider-control" href="#serious-slider-<?php echo $cid; ?>" role="button" data-slide="next">
143
  <span class="sicon-next" aria-hidden="true"></span>
144
  <span class="sr-only"><?php _e('Next','cryout-serious-slider') ?></span>
145
- </a>
146
  </div>
147
  <script type='text/javascript'>
148
  jQuery('#serious-slider-<?php echo $cid ?>').carousel({
@@ -152,6 +159,7 @@ class Cryout_Serious_Slider_Shortcode {
152
  })
153
  </script>
154
  <?php endif; ?>
 
155
  <!-- end cryout serious slider -->
156
  <?php
157
  } // if id defined
6
  public $shortcode_tag = 'serious-slider';
7
  private $id = 0;
8
  private $cid = 0;
9
+ private $custom_style = array();
10
 
11
  function __construct($args = array()){
12
  //register shortcode
22
  ob_start();
23
  ?><style type="text/css">
24
  <!-- cryout serious slider -->
25
+ <?php echo implode("\n", $this->custom_style); ?>
 
 
 
 
 
 
 
 
26
  </style><?php
27
+ $custom_style = ob_get_clean();
 
28
 
29
  echo $custom_style;
30
  } // shortcode_slyle()
42
  $slider_classes[] = 'seriousslider-overlay' . $overlay;
43
  $slider_classes[] = 'seriousslider-' . $theme;
44
  $slider_classes[] = 'seriousslider-' . $animation;
45
+ $slider_classes[] = 'seriousslider-sizing' . $sizing;
46
  $slider_classes = implode(' ', $slider_classes);
47
 
48
  if (!empty($attr['count'])) $count = esc_attr($attr['count']); else $count = -1;
78
  $counter = 0;
79
  $this->id = $attr['id'];
80
  $this->cid = $cid;
81
+
82
+ ob_start(); ?>
83
+ .serious-slider-<?php echo $cid ?> { max-width: <?php echo $width; ?>px; max-height: <?php echo $height; ?>px; }
84
+ .serious-slider-<?php echo $cid ?>.seriousslider-sizing1 img { max-height: <?php echo $height; ?>px; }
85
+ .serious-slider-<?php echo $cid ?> .seriousslider-caption-title { font-size: <?php echo round($textsize*2,2) ?>em; }
86
+ .serious-slider-<?php echo $cid ?> .seriousslider-caption-text { font-size: <?php echo round($textsize,2) ?>em; }
87
+ .serious-slider-<?php echo $cid ?> .seriousslider-caption-text a { font-size: <?php echo round($textsize*0.8,2) ?>em; }
88
+
89
+ .serious-slider-<?php echo $cid ?> .seriousslider-inner > .item {
90
+ -webkit-transition-duration: <?php echo round($transition/1000,2) ?>s;
91
+ -o-transition-duration: <?php echo round($transition/1000,2) ?>s;
92
+ transition-duration: <?php echo round($transition/1000,2) ?>s; }
93
+ <?php
94
+ $this->custom_style[] = ob_get_clean();
95
  add_action( 'wp_footer', array($this, 'shortcode_style') );
96
 
97
  if ( $the_query->have_posts() ): ?>
98
+ <div id="serious-slider-<?php echo $cid ?>" class="cryout-serious-slider seriousslider serious-slider-<?php echo $cid ?> cryout-serious-slider-<?php echo $attr['id'] ?> <?php echo $slider_classes ?>" data-ride="seriousslider">
99
  <div class="seriousslider-inner" role="listbox">
100
 
101
  <?php while ($the_query->have_posts()):
127
  <?php endif; ?>
128
  <div class="seriousslider-caption">
129
  <h3 class="seriousslider-caption-title">
130
+ <?php the_title(); ?>
131
  </h3>
132
  <div class="seriousslider-caption-text"><?php the_content() ?></div>
133
  </div>
142
  <?php } ?>
143
  </ol>
144
 
145
+ <button class="left seriousslider-control" data-target="#serious-slider-<?php echo $cid ?>" role="button" data-slide="prev">
146
  <span class="sicon-prev" aria-hidden="true"></span>
147
  <span class="sr-only"><?php _e('Previous','cryout-serious-slider') ?></span>
148
+ </button>
149
+ <button class="right seriousslider-control" data-target="#serious-slider-<?php echo $cid; ?>" role="button" data-slide="next">
150
  <span class="sicon-next" aria-hidden="true"></span>
151
  <span class="sr-only"><?php _e('Next','cryout-serious-slider') ?></span>
152
+ </button>
153
  </div>
154
  <script type='text/javascript'>
155
  jQuery('#serious-slider-<?php echo $cid ?>').carousel({
159
  })
160
  </script>
161
  <?php endif; ?>
162
+ <?php wp_reset_query(); /* clean up the query */ ?>
163
  <!-- end cryout serious slider -->
164
  <?php
165
  } // if id defined
inc/taxmeta.php CHANGED
@@ -39,7 +39,7 @@
39
  'term_meta[cryout_serious_slider_theme]',
40
  array( 'light' => __('Light','cryout-serious-slider'),
41
  'dark' => __('Dark','cryout-serious-slider'),
42
- 'blank' => __('Blank','cryout-serious-slider'),
43
  'boots' => __('Bootstrap','cryout-serious-slider') ),
44
  $the_meta['cryout_serious_slider_theme'],
45
  __('Color Scheme','cryout-serious-slider'),
39
  'term_meta[cryout_serious_slider_theme]',
40
  array( 'light' => __('Light','cryout-serious-slider'),
41
  'dark' => __('Dark','cryout-serious-slider'),
42
+ 'theme' => __('Cryout Theme','cryout-serious-slider'),
43
  'boots' => __('Bootstrap','cryout-serious-slider') ),
44
  $the_meta['cryout_serious_slider_theme'],
45
  __('Color Scheme','cryout-serious-slider'),
readme.txt CHANGED
@@ -1,14 +1,15 @@
1
  === Plugin Name ===
2
- Contributors: cryout-creations, Cryout Creations
3
- Donate link: http://www.cryoutcreations.eu/donate/
4
  Tags: slider, carousel, shortcode, bootstrap, responsive, responsive slider
5
  Requires at least: 4.0
6
- Tested up to: 4.5.3
7
- Stable tag: 0.5.1
 
8
  License: GPLv3
9
  License URI: http://www.gnu.org/licenses/gpl.html
10
 
11
- Responsive slider, built on Bootstrap Carousel, uses core WordPress functionality, easy to use, seriously.
12
 
13
  == Description ==
14
 
@@ -44,6 +45,14 @@ Responsive slider, built on Bootstrap Carousel, uses core WordPress functionalit
44
 
45
  == Changelog ==
46
 
 
 
 
 
 
 
 
 
47
  = 0.5.1 =
48
  * Moved inline styling to footer
49
  * Fixed responsive styling issue on about page
1
  === Plugin Name ===
2
+ Contributors: Cryout Creations
3
+ Donate link: https://www.cryoutcreations.eu/donate/
4
  Tags: slider, carousel, shortcode, bootstrap, responsive, responsive slider
5
  Requires at least: 4.0
6
+ Tested up to: 4.6.1
7
+ Stable tag: 0.6
8
+ Text Domain: cryout-serious-slider
9
  License: GPLv3
10
  License URI: http://www.gnu.org/licenses/gpl.html
11
 
12
+ Responsive slider, built on Bootstrap Carousel, uses core WordPress functionality, easy to use. Seriously!
13
 
14
  == Description ==
15
 
45
 
46
  == Changelog ==
47
 
48
+ = 0.6 =
49
+ * Enabled quick-edit functionality on the sliders
50
+ * Fixed slider query overlapping WordPress query in specific usage scenarios (thanks to webdragon)
51
+ * Limited dashboard resource loading only to plugin's sections
52
+ * Fixed multiple instances of the same slider missing styling after moving inline styling to footer in 0.5.1
53
+ * Added extra taxonomy hook for support in Cryout themes
54
+ * Fixed animation glitch on Fluida theme
55
+
56
  = 0.5.1 =
57
  * Moved inline styling to footer
58
  * Fixed responsive styling issue on about page
resources/backend.css CHANGED
@@ -87,8 +87,10 @@ tr.term-name-wrap p{
87
  }
88
 
89
  /* temporarily hide quick edit button on slides */
90
- div.row-actions .editinline { display: none; }
91
- div.row-actions .edit + .inline { display: none; }
 
 
92
 
93
  .type-cryout_serious_slide .column-featured_image img { max-height: 120px; }
94
 
87
  }
88
 
89
  /* temporarily hide quick edit button on slides */
90
+ /*div.row-actions .editinline { display: none; }
91
+ div.row-actions .edit + .inline { display: none; } */
92
+
93
+ #the-list ul.cat-checklist { max-height: 12em; height: auto; }
94
 
95
  .type-cryout_serious_slide .column-featured_image img { max-height: 120px; }
96
 
resources/backend.js CHANGED
@@ -0,0 +1,9 @@
 
 
 
 
 
 
 
 
 
1
+
2
+ jQuery(document).ready( function() {
3
+ jQuery('div.row-actions a.editinline').on('click', 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
+ } );
resources/style.css CHANGED
@@ -231,11 +231,11 @@
231
  }
232
  }
233
 
234
- /*
235
  * Overslide animation
236
  **/
237
 
238
- .seriousslider-overslide .seriousslider-inner > .item {
239
  -webkit-transition: .6s ease-in-out left;
240
  -o-transition: .6s ease-in-out left;
241
  transition: .6s ease-in-out left;
@@ -261,11 +261,11 @@
261
  }
262
  }
263
 
264
- /*
265
  * Underslide animation
266
  **/
267
 
268
- .seriousslider-underslide .seriousslider-inner > .item {
269
  -webkit-transition: .6s ease-in-out left;
270
  -o-transition: .6s ease-in-out left;
271
  transition: .6s ease-in-out left;
@@ -292,7 +292,7 @@
292
 
293
  /* Parallax animation */
294
 
295
- .seriousslider-parallax .seriousslider-inner > .item {
296
  -webkit-transition: .6s ease-in-out left;
297
  -o-transition: .6s ease-in-out left;
298
  transition: .6s ease-in-out left;
@@ -329,7 +329,7 @@
329
  /* Horizontal Flip */
330
  .seriousslider-hflip .seriousslider-inner {
331
  -webkit-transform-style: preserve-3d;
332
- transform-style: preserve-3d;
333
  }
334
 
335
  .seriousslider-hflip .seriousslider-inner > .active {
@@ -363,7 +363,7 @@
363
  /* Vertical Flip */
364
  .seriousslider-vflip .seriousslider-inner {
365
  -webkit-transform-style: preserve-3d;
366
- transform-style: preserve-3d;
367
  }
368
 
369
  .seriousslider-vflip .seriousslider-inner > .active {
@@ -394,7 +394,7 @@
394
  }
395
 
396
  /***************
397
- =Appearance
398
  ***************/
399
 
400
  /* General */
@@ -411,15 +411,24 @@
411
  z-index: 15;
412
  width: 10%;
413
  font-size: 30px;
 
 
 
 
 
 
414
  }
 
415
  .seriousslider-control.left {}
416
  .seriousslider-control.right {
417
  right: 0;
418
  left: auto;
419
  }
 
420
  .seriousslider-control:hover,
421
  .seriousslider-control:focus {
422
  }
 
423
  .seriousslider-control .sicon-prev,
424
  .seriousslider-control .sicon-next {
425
  position: absolute;
@@ -428,14 +437,17 @@
428
  display: inline-block;
429
  margin-top: -0.5em;
430
  }
 
431
  .seriousslider-control .sicon-prev {
432
  left: 50%;
433
  margin-left: -10px;
434
  }
 
435
  .seriousslider-control .sicon-next {
436
  right: 50%;
437
  margin-right: -10px;
438
  }
 
439
  .seriousslider-control .sicon-prev,
440
  .seriousslider-control .sicon-next {}
441
 
@@ -574,7 +586,7 @@ ol.seriousslider-indicators .active {}
574
  background-color: rgba(255, 255, 255, .8);
575
  }
576
 
577
- .seriousslider-boots .seriousslider-caption-title a {
578
  color: #FFF;
579
  }
580
 
@@ -603,7 +615,7 @@ ol.seriousslider-indicators .active {}
603
  }
604
 
605
  /* Light Theme */
606
- .seriousslider-light .seriousslider-caption-title a{
607
  text-transform: uppercase;
608
  color: #FFF;
609
  font-weight: bold;
@@ -666,7 +678,7 @@ ol.seriousslider-indicators .active {}
666
 
667
 
668
  /* Dark Theme */
669
- .seriousslider-dark .seriousslider-caption-title a{
670
  text-transform: uppercase;
671
  color: #000;
672
  font-weight: bold;
231
  }
232
  }
233
 
234
+ /*
235
  * Overslide animation
236
  **/
237
 
238
+ .seriousslider-overslide .seriousslider-inner > .item {
239
  -webkit-transition: .6s ease-in-out left;
240
  -o-transition: .6s ease-in-out left;
241
  transition: .6s ease-in-out left;
261
  }
262
  }
263
 
264
+ /*
265
  * Underslide animation
266
  **/
267
 
268
+ .seriousslider-underslide .seriousslider-inner > .item {
269
  -webkit-transition: .6s ease-in-out left;
270
  -o-transition: .6s ease-in-out left;
271
  transition: .6s ease-in-out left;
292
 
293
  /* Parallax animation */
294
 
295
+ .seriousslider-parallax .seriousslider-inner > .item {
296
  -webkit-transition: .6s ease-in-out left;
297
  -o-transition: .6s ease-in-out left;
298
  transition: .6s ease-in-out left;
329
  /* Horizontal Flip */
330
  .seriousslider-hflip .seriousslider-inner {
331
  -webkit-transform-style: preserve-3d;
332
+ transform-style: preserve-3d;
333
  }
334
 
335
  .seriousslider-hflip .seriousslider-inner > .active {
363
  /* Vertical Flip */
364
  .seriousslider-vflip .seriousslider-inner {
365
  -webkit-transform-style: preserve-3d;
366
+ transform-style: preserve-3d;
367
  }
368
 
369
  .seriousslider-vflip .seriousslider-inner > .active {
394
  }
395
 
396
  /***************
397
+ =Appearance
398
  ***************/
399
 
400
  /* General */
411
  z-index: 15;
412
  width: 10%;
413
  font-size: 30px;
414
+ cursor: pointer;
415
+ background: transparent;
416
+ }
417
+
418
+ .seriousslider-control:hover {
419
+ background: transparent;
420
  }
421
+
422
  .seriousslider-control.left {}
423
  .seriousslider-control.right {
424
  right: 0;
425
  left: auto;
426
  }
427
+
428
  .seriousslider-control:hover,
429
  .seriousslider-control:focus {
430
  }
431
+
432
  .seriousslider-control .sicon-prev,
433
  .seriousslider-control .sicon-next {
434
  position: absolute;
437
  display: inline-block;
438
  margin-top: -0.5em;
439
  }
440
+
441
  .seriousslider-control .sicon-prev {
442
  left: 50%;
443
  margin-left: -10px;
444
  }
445
+
446
  .seriousslider-control .sicon-next {
447
  right: 50%;
448
  margin-right: -10px;
449
  }
450
+
451
  .seriousslider-control .sicon-prev,
452
  .seriousslider-control .sicon-next {}
453
 
586
  background-color: rgba(255, 255, 255, .8);
587
  }
588
 
589
+ .seriousslider-boots .seriousslider-caption-title {
590
  color: #FFF;
591
  }
592
 
615
  }
616
 
617
  /* Light Theme */
618
+ .seriousslider-light .seriousslider-caption-title {
619
  text-transform: uppercase;
620
  color: #FFF;
621
  font-weight: bold;
678
 
679
 
680
  /* Dark Theme */
681
+ .seriousslider-dark .seriousslider-caption-title {
682
  text-transform: uppercase;
683
  color: #000;
684
  font-weight: bold;