Easy Video Player - Version 1.0.1

Version Description

  • First commit
Download this release

Release Info

Developer naa986
Plugin Icon 128x128 Easy Video Player
Version 1.0.1
Comparing to
See all releases

Version 1.0.1

Files changed (21) hide show
  1. easy-video-player.php +129 -0
  2. lib/all-skins.css +475 -0
  3. lib/flowplayer.js +2222 -0
  4. lib/flowplayer.swf +0 -0
  5. lib/functional.css +158 -0
  6. lib/img/Thumbs.db +0 -0
  7. lib/img/black.png +0 -0
  8. lib/img/black@x2.png +0 -0
  9. lib/img/play_black.png +0 -0
  10. lib/img/play_black@x2.png +0 -0
  11. lib/img/play_white.png +0 -0
  12. lib/img/play_white@x2.png +0 -0
  13. lib/img/playful_black.png +0 -0
  14. lib/img/playful_black@x2.png +0 -0
  15. lib/img/playful_white.png +0 -0
  16. lib/img/playful_white@x2.png +0 -0
  17. lib/img/white.png +0 -0
  18. lib/img/white@x2.png +0 -0
  19. lib/minimalist.css +158 -0
  20. lib/playful.css +159 -0
  21. readme.txt +65 -0
easy-video-player.php ADDED
@@ -0,0 +1,129 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ Plugin Name: Easy Video Player
4
+ Version: 1.0.1
5
+ Plugin URI: http://easywpguide.wordpress.com/?p=25
6
+ Author: naa986
7
+ Author URI: http://easywpguide.wordpress.com/
8
+ Description: Easily embed videos into your WordPress blog
9
+ */
10
+
11
+ if(!defined('ABSPATH')) exit;
12
+ if(!class_exists('EASY_VIDEO_PLAYER'))
13
+ {
14
+ class EASY_VIDEO_PLAYER
15
+ {
16
+ var $plugin_version = '1.0.1';
17
+ function __construct()
18
+ {
19
+ define('EASY_VIDEO_PLAYER_VERSION', $this->plugin_version);
20
+ $this->plugin_includes();
21
+ }
22
+ function plugin_includes()
23
+ {
24
+ if(is_admin( ) )
25
+ {
26
+ add_filter('plugin_action_links', array(&$this,'easy_video_player_plugin_action_links'), 10, 2 );
27
+ }
28
+ add_action('wp_enqueue_scripts', 'easy_video_player_enqueue_scripts');
29
+ add_action('admin_menu', array( &$this, 'easy_video_player_add_options_menu' ));
30
+ add_shortcode('evp_embed_video','evp_embed_video_handler');
31
+ }
32
+ function plugin_url()
33
+ {
34
+ if($this->plugin_url) return $this->plugin_url;
35
+ return $this->plugin_url = plugins_url( basename( plugin_dir_path(__FILE__) ), basename( __FILE__ ) );
36
+ }
37
+ function easy_video_player_plugin_action_links($links, $file)
38
+ {
39
+ if ( $file == plugin_basename( dirname( __FILE__ ) . '/easy-video-player.php' ) )
40
+ {
41
+ $links[] = '<a href="options-general.php?page=easy-video-player-settings">Settings</a>';
42
+ }
43
+ return $links;
44
+ }
45
+
46
+ function easy_video_player_add_options_menu()
47
+ {
48
+ if(is_admin())
49
+ {
50
+ add_options_page('Easy Video Player Settings', 'Easy Video Player', 'manage_options', 'easy-video-player-settings', array(&$this, 'easy_video_player_options_page'));
51
+ }
52
+ add_action('admin_init', array(&$this, 'easy_video_player_add_settings'));
53
+ }
54
+ function easy_video_player_add_settings()
55
+ {
56
+ register_setting('easy-video-player-settings-group', 'evp_enable_jquery');
57
+ }
58
+ function easy_video_player_options_page()
59
+ {
60
+
61
+ ?>
62
+ <div class="wrap">
63
+ <div id="poststuff"><div id="post-body">
64
+
65
+ <h2>Easy Video Player - v<?php echo $this->plugin_version;?></h2>
66
+ <div class="postbox">
67
+ <h3><label for="title">Setup Guide</label></h3>
68
+ <div class="inside">
69
+ <p>For detailed documentation please visit the plugin homepage <a href="http://easywpguide.wordpress.com/?p=25" target="_blank">here</a></p>
70
+ </div></div>
71
+ <div class="postbox">
72
+ <h3><label for="title">General Settings</label></h3>
73
+ <div class="inside">
74
+ <form method="post" action="options.php">
75
+ <?php settings_fields('easy-video-player-settings-group'); ?>
76
+ <table class="form-table">
77
+ <tr valign="top">
78
+ <th scope="row">Enable jQuery</th>
79
+ <td><input type="checkbox" id="evp_enable_jquery" name="evp_enable_jquery" value="1" <?php echo checked(1, get_option('evp_enable_jquery'), false) ?> />
80
+ <p><i>By default this option should always be checked.</i></p>
81
+ </td>
82
+ </tr>
83
+ </table>
84
+
85
+ <p class="submit">
86
+ <input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
87
+ </p>
88
+ </form>
89
+ </div></div>
90
+
91
+ </div></div>
92
+ </div>
93
+ <?php
94
+ }
95
+ }
96
+ $GLOBALS['easy_video_player'] = new EASY_VIDEO_PLAYER();
97
+ }
98
+
99
+ function easy_video_player_enqueue_scripts()
100
+ {
101
+ if (!is_admin())
102
+ {
103
+ $plugin_url = plugins_url('',__FILE__);
104
+ $enable_jquery = get_option('evp_enable_jquery');
105
+ if($enable_jquery)
106
+ {
107
+ wp_enqueue_script('jquery');
108
+ }
109
+ wp_register_script('flowplayer-js', $plugin_url.'/lib/flowplayer.js');
110
+ wp_enqueue_script('flowplayer-js');
111
+ wp_register_style('flowplayer-css', $plugin_url.'/lib/minimalist.css');
112
+ wp_enqueue_style('flowplayer-css');
113
+ }
114
+ }
115
+
116
+ function evp_embed_video_handler($atts)
117
+ {
118
+ extract(shortcode_atts(array(
119
+ 'url' => '',
120
+ ), $atts));
121
+ $output = <<<EOT
122
+ <div data-ratio="0.417" class="flowplayer">
123
+ <video>
124
+ <source type="video/mp4" src="$url"/>
125
+ </video>
126
+ </div>
127
+ EOT;
128
+ return $output;
129
+ }
lib/all-skins.css ADDED
@@ -0,0 +1,475 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .minimalist{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
2
+ .minimalist *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
3
+ .minimalist a:focus{outline:0}
4
+ .minimalist video{width:100%}
5
+ .minimalist.is-ipad video{-webkit-transform:translateX(-2048px);}
6
+ .is-ready.minimalist.is-ipad video{-webkit-transform:translateX(0)}
7
+ .minimalist .fp-engine,.minimalist .fp-ui,.minimalist .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
8
+ .minimalist .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
9
+ .minimalist .fp-message h2{font-size:120%;margin-bottom:1em}
10
+ .minimalist .fp-message p{color:#666;font-size:95%}
11
+ .minimalist .fp-controls{position:absolute;bottom:0;width:100%;}
12
+ .no-background.minimalist .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
13
+ .is-fullscreen.minimalist .fp-controls{bottom:3px}
14
+ .is-mouseover.minimalist .fp-controls{bottom:0}
15
+ .minimalist .fp-waiting{display:none;margin:19% auto;text-align:center;}
16
+ .minimalist .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
17
+ .minimalist .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
18
+ .minimalist .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
19
+ .minimalist .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
20
+ .minimalist .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
21
+ .minimalist .fp-waiting p{color:#ccc;font-weight:bold}
22
+ .minimalist .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
23
+ .minimalist .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
24
+ .minimalist .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
25
+ .is-help.minimalist .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
26
+ .minimalist .fp-help .fp-help-section{margin:3%}
27
+ .minimalist .fp-help .fp-help-basics{margin-top:6%}
28
+ .minimalist .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
29
+ .minimalist .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
30
+ .minimalist .fp-help small{font-size:90%;color:#aaa}
31
+ .minimalist .fp-help .fp-close{display:block}
32
+ @media (max-width: 600px){.minimalist .fp-help p{font-size:9px}
33
+ }.minimalist .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
34
+ .minimalist .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
35
+ .minimalist .fp-subtitle p:after{content:'';clear:both}
36
+ .minimalist .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
37
+ .minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-mute,.minimalist .fp-embed,.minimalist .fp-close,.minimalist .fp-play{background-image:url(img/white.png);background-size:37px 300px;}
38
+ .color-light.minimalist .fp-fullscreen,.color-light.minimalist .fp-unload,.color-light.minimalist .fp-mute,.color-light.minimalist .fp-embed,.color-light.minimalist .fp-close,.color-light.minimalist .fp-play{background-image:url(img/black.png);}
39
+ @media (-webkit-min-device-pixel-ratio: 2){.color-light.minimalist .fp-fullscreen,.color-light.minimalist .fp-unload,.color-light.minimalist .fp-mute,.color-light.minimalist .fp-embed,.color-light.minimalist .fp-close,.color-light.minimalist .fp-play{background-image:url(img/black@x2.png)}
40
+ }@media (-webkit-min-device-pixel-ratio: 2){.minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-mute,.minimalist .fp-embed,.minimalist .fp-close,.minimalist .fp-play{background-image:url(img/white@x2.png)}
41
+ }.is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
42
+ @media (-webkit-min-device-pixel-ratio: 2){.is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
43
+ }.color-light.is-splash.minimalist .fp-ui,.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black.png)}
44
+ @media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.minimalist .fp-ui,.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black@x2.png)}
45
+ }.is-fullscreen.minimalist .fp-ui{background-size:auto}
46
+ .is-seeking.minimalist .fp-ui,.is-loading.minimalist .fp-ui{background-image:none}
47
+ .minimalist .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;}
48
+ .minimalist .fp-logo img{width:100%}
49
+ .is-embedded.minimalist .fp-logo{display:block}
50
+ .fixed-controls.minimalist .fp-logo{bottom:15px}
51
+ .minimalist .fp-fullscreen,.minimalist .fp-unload,.minimalist .fp-close{position:absolute;top:5px;left:auto;right:5px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer}
52
+ .minimalist .fp-unload,.minimalist .fp-close{background-position:14px -175px;display:none}
53
+ .minimalist .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
54
+ .play-button.minimalist .fp-play{display:block}
55
+ .is-paused.minimalist .fp-play{background-position:9px 7px}
56
+ .minimalist.is-ready.is-closeable .fp-unload{display:block}
57
+ .minimalist.is-ready.is-closeable .fp-fullscreen{display:none}
58
+ .minimalist.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important}
59
+ .minimalist.is-fullscreen .fp-unload,.minimalist.is-fullscreen .fp-close{display:none !important}
60
+ .minimalist .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;}
61
+ .no-volume.minimalist .fp-timeline{margin-right:60px}
62
+ .no-mute.minimalist .fp-timeline{margin-right:45px}
63
+ .play-button.minimalist .fp-timeline{margin-left:67px}
64
+ .is-long.minimalist .fp-timeline{margin:0 180px 0 75px;}
65
+ .no-volume.is-long.minimalist .fp-timeline{margin-right:90px}
66
+ .no-mute.is-long.minimalist .fp-timeline{margin-right:75px}
67
+ .play-button.is-long.minimalist .fp-timeline{margin-left:97px}
68
+ .aside-time.minimalist .fp-timeline,.no-time.minimalist .fp-timeline{margin:0 110px 0 5px}
69
+ .aside-time.no-volume.minimalist .fp-timeline,.no-time.no-volume.minimalist .fp-timeline{margin-right:20px}
70
+ .aside-time.no-mute.minimalist .fp-timeline,.no-time.no-mute.minimalist .fp-timeline{margin-right:5px}
71
+ .play-button.no-time.minimalist .fp-timeline,.play-button.aside-time.minimalist .fp-timeline{margin-left:27px}
72
+ .minimalist .fp-buffer,.minimalist .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
73
+ .minimalist .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
74
+ .minimalist .fp-volume{position:absolute;top:7.5px;right:5px}
75
+ .minimalist .fp-mute{width:10px;height:15px;float:left;position:relative;top:-5px;left:;cursor:pointer;background-position:-2px -99px;}
76
+ .no-mute.minimalist .fp-mute{display:none}
77
+ .minimalist .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;}
78
+ .no-volume.minimalist .fp-volumeslider{display:none}
79
+ .minimalist .fp-volumelevel{height:100%}
80
+ .minimalist .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
81
+ .minimalist .fp-time.is-inverted .fp-duration{display:none}
82
+ .minimalist .fp-time.is-inverted .fp-remaining{display:inline}
83
+ .minimalist .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px}
84
+ .no-time.minimalist .fp-time{display:none}
85
+ .is-long.minimalist .fp-time em{width:65px}
86
+ .minimalist .fp-elapsed{left:5px;}
87
+ .play-button.minimalist .fp-elapsed{left:27px}
88
+ .minimalist .fp-remaining,.minimalist .fp-duration{right:110px;color:#eee;}
89
+ .no-volume.minimalist .fp-remaining,.no-volume.minimalist .fp-duration{right:20px}
90
+ .no-mute.minimalist .fp-remaining,.no-mute.minimalist .fp-duration{right:5px}
91
+ .minimalist .fp-remaining{display:none}
92
+ .minimalist.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
93
+ .minimalist.color-light .fp-remaining,.minimalist.color-light .fp-duration{color:#666}
94
+ .minimalist.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;}
95
+ .minimalist.aside-time .fp-time strong,.minimalist.aside-time .fp-time em{position:static}
96
+ .minimalist.aside-time .fp-time .fp-elapsed{margin-right:5px}
97
+ .minimalist.is-long.aside-time .fp-time{width:130px}
98
+ .minimalist.is-splash,.minimalist.is-poster{cursor:pointer;}
99
+ .minimalist.is-splash .fp-controls,.minimalist.is-poster .fp-controls,.minimalist.is-splash .fp-fullscreen,.minimalist.is-poster .fp-fullscreen,.minimalist.is-splash .fp-unload,.minimalist.is-poster .fp-unload,.minimalist.is-splash .fp-time,.minimalist.is-poster .fp-time,.minimalist.is-splash .fp-embed,.minimalist.is-poster .fp-embed{display:none !important}
100
+ .minimalist.is-poster .fp-engine{top:-9999em}
101
+ .minimalist.is-loading .fp-waiting{display:block}
102
+ .minimalist.is-loading .fp-controls,.minimalist.is-loading .fp-time{display:none}
103
+ .minimalist.is-loading .fp-ui{background-position:-9999em}
104
+ .minimalist.is-seeking .fp-waiting{display:block}
105
+ .minimalist.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333}
106
+ .minimalist.is-error{border:1px solid #909090;background:#fdfdfd !important;}
107
+ .minimalist.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
108
+ .minimalist.is-error .fp-message{display:block}
109
+ .minimalist.is-error object,.minimalist.is-error video,.minimalist.is-error .fp-controls,.minimalist.is-error .fp-time,.minimalist.is-error .fp-subtitle{display:none}
110
+ .minimalist.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
111
+ .minimalist.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
112
+ .minimalist.is-mouseout .fp-timeline{margin:0 !important}
113
+ .minimalist.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
114
+ .minimalist.is-mouseout .fp-fullscreen,.minimalist.is-mouseout .fp-unload,.minimalist.is-mouseout .fp-elapsed,.minimalist.is-mouseout .fp-remaining,.minimalist.is-mouseout .fp-duration,.minimalist.is-mouseout .fp-embed,.minimalist.is-mouseout .fp-volume,.minimalist.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
115
+ .minimalist.is-mouseover .fp-controls,.minimalist.fixed-controls .fp-controls{height:20px}
116
+ .minimalist.is-mouseover .fp-fullscreen,.minimalist.fixed-controls .fp-fullscreen,.minimalist.is-mouseover .fp-unload,.minimalist.fixed-controls .fp-unload,.minimalist.is-mouseover .fp-elapsed,.minimalist.fixed-controls .fp-elapsed,.minimalist.is-mouseover .fp-remaining,.minimalist.fixed-controls .fp-remaining,.minimalist.is-mouseover .fp-duration,.minimalist.fixed-controls .fp-duration,.minimalist.is-mouseover .fp-embed,.minimalist.fixed-controls .fp-embed,.minimalist.is-mouseover .fp-logo,.minimalist.fixed-controls .fp-logo,.minimalist.is-mouseover .fp-volume,.minimalist.fixed-controls .fp-volume,.minimalist.is-mouseover .fp-play,.minimalist.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
117
+ .minimalist.fixed-controls .fp-volume{display:block}
118
+ .minimalist.fixed-controls .fp-controls{bottom:-20px;}
119
+ .is-fullscreen.minimalist.fixed-controls .fp-controls{bottom:0}
120
+ .minimalist.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
121
+ .is-fullscreen.minimalist.fixed-controls .fp-time em{bottom:5px}
122
+ .minimalist.is-disabled .fp-progress{background-color:#999}
123
+ .minimalist .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px}
124
+ .minimalist .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
125
+ .minimalist .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
126
+ .minimalist .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
127
+ .minimalist .fp-embed-code label{display:block;color:#999}
128
+ .minimalist.is-embedding .fp-embed,.minimalist.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
129
+ .minimalist.aside-time .fp-embed{left:85px}
130
+ .minimalist.aside-time .fp-embed-code{left:115px}
131
+ .minimalist.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
132
+ .minimalist.is-long.aside-time .fp-embed{left:130px}
133
+ .minimalist.no-time .fp-embed{left:5px !important}
134
+ @-moz-keyframes pulse{0%{opacity:0}
135
+ 100%{opacity:1}
136
+ }@-webkit-keyframes pulse{0%{opacity:0}
137
+ 100%{opacity:1}
138
+ }@-o-keyframes pulse{0%{opacity:0}
139
+ 100%{opacity:1}
140
+ }@-ms-keyframes pulse{0%{opacity:0}
141
+ 100%{opacity:1}
142
+ }@keyframes pulse{0%{opacity:0}
143
+ 100%{opacity:1}
144
+ }.minimalist .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)}
145
+ .minimalist.fixed-controls .fp-controls{background-color:#333}
146
+ .minimalist .fp-timeline{background-color:#666}
147
+ .minimalist .fp-buffer{background-color:#eee}
148
+ .minimalist .fp-progress{background-color:#00a7c8}
149
+ .minimalist .fp-volumeslider{background-color:#000}
150
+ .minimalist .fp-volumelevel{background-color:#fff}
151
+ .minimalist .fp-play{height:24px}
152
+ .minimalist.color-light .fp-controls{background-color:rgba(255,255,255,0.6)}
153
+ .minimalist.color-light.fixed-controls .fp-controls{background-color:#fff}
154
+ .minimalist.color-light .fp-volumeslider{background-color:#ddd}
155
+ .minimalist.color-light .fp-volumelevel{background-color:#222}
156
+ .minimalist.color-alt .fp-progress{background-color:#fff}
157
+ .minimalist.color-alt .fp-buffer{background-color:#999}
158
+ .minimalist.color-alt2 .fp-progress{background-color:#900}
159
+ .functional{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
160
+ .functional *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
161
+ .functional a:focus{outline:0}
162
+ .functional video{width:100%}
163
+ .functional.is-ipad video{-webkit-transform:translateX(-2048px);}
164
+ .is-ready.functional.is-ipad video{-webkit-transform:translateX(0)}
165
+ .functional .fp-engine,.functional .fp-ui,.functional .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
166
+ .functional .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
167
+ .functional .fp-message h2{font-size:120%;margin-bottom:1em}
168
+ .functional .fp-message p{color:#666;font-size:95%}
169
+ .functional .fp-controls{position:absolute;bottom:0;width:100%;}
170
+ .no-background.functional .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
171
+ .is-fullscreen.functional .fp-controls{bottom:3px}
172
+ .is-mouseover.functional .fp-controls{bottom:0}
173
+ .functional .fp-waiting{display:none;margin:19% auto;text-align:center;}
174
+ .functional .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
175
+ .functional .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
176
+ .functional .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
177
+ .functional .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
178
+ .functional .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
179
+ .functional .fp-waiting p{color:#ccc;font-weight:bold}
180
+ .functional .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
181
+ .functional .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
182
+ .functional .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
183
+ .is-help.functional .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
184
+ .functional .fp-help .fp-help-section{margin:3%}
185
+ .functional .fp-help .fp-help-basics{margin-top:6%}
186
+ .functional .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
187
+ .functional .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
188
+ .functional .fp-help small{font-size:90%;color:#aaa}
189
+ .functional .fp-help .fp-close{display:block}
190
+ @media (max-width: 600px){.functional .fp-help p{font-size:9px}
191
+ }.functional .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
192
+ .functional .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
193
+ .functional .fp-subtitle p:after{content:'';clear:both}
194
+ .functional .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
195
+ .functional .fp-fullscreen,.functional .fp-unload,.functional .fp-mute,.functional .fp-embed,.functional .fp-close,.functional .fp-play{background-image:url(img/white.png);background-size:37px 300px;}
196
+ .color-light.functional .fp-fullscreen,.color-light.functional .fp-unload,.color-light.functional .fp-mute,.color-light.functional .fp-embed,.color-light.functional .fp-close,.color-light.functional .fp-play{background-image:url(img/black.png);}
197
+ @media (-webkit-min-device-pixel-ratio: 2){.color-light.functional .fp-fullscreen,.color-light.functional .fp-unload,.color-light.functional .fp-mute,.color-light.functional .fp-embed,.color-light.functional .fp-close,.color-light.functional .fp-play{background-image:url(img/black@x2.png)}
198
+ }@media (-webkit-min-device-pixel-ratio: 2){.functional .fp-fullscreen,.functional .fp-unload,.functional .fp-mute,.functional .fp-embed,.functional .fp-close,.functional .fp-play{background-image:url(img/white@x2.png)}
199
+ }.is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
200
+ @media (-webkit-min-device-pixel-ratio: 2){.is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
201
+ }.color-light.is-splash.functional .fp-ui,.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black.png)}
202
+ @media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.functional .fp-ui,.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black@x2.png)}
203
+ }.is-fullscreen.functional .fp-ui{background-size:auto}
204
+ .is-seeking.functional .fp-ui,.is-loading.functional .fp-ui{background-image:none}
205
+ .functional .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;}
206
+ .functional .fp-logo img{width:100%}
207
+ .is-embedded.functional .fp-logo{display:block}
208
+ .fixed-controls.functional .fp-logo{bottom:15px}
209
+ .functional .fp-fullscreen,.functional .fp-unload,.functional .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer}
210
+ .functional .fp-unload,.functional .fp-close{background-position:14px -175px;display:none}
211
+ .functional .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
212
+ .play-button.functional .fp-play{display:block}
213
+ .is-paused.functional .fp-play{background-position:9px 7px}
214
+ .functional.is-ready.is-closeable .fp-unload{display:block}
215
+ .functional.is-ready.is-closeable .fp-fullscreen{display:none}
216
+ .functional.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important}
217
+ .functional.is-fullscreen .fp-unload,.functional.is-fullscreen .fp-close{display:none !important}
218
+ .functional .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;}
219
+ .no-volume.functional .fp-timeline{margin-right:75px}
220
+ .no-mute.functional .fp-timeline{margin-right:55px}
221
+ .play-button.functional .fp-timeline{margin-left:72px}
222
+ .is-long.functional .fp-timeline{margin:0 195px 0 85px;}
223
+ .no-volume.is-long.functional .fp-timeline{margin-right:105px}
224
+ .no-mute.is-long.functional .fp-timeline{margin-right:85px}
225
+ .play-button.is-long.functional .fp-timeline{margin-left:102px}
226
+ .aside-time.functional .fp-timeline,.no-time.functional .fp-timeline{margin:0 120px 0 10px}
227
+ .aside-time.no-volume.functional .fp-timeline,.no-time.no-volume.functional .fp-timeline{margin-right:30px}
228
+ .aside-time.no-mute.functional .fp-timeline,.no-time.no-mute.functional .fp-timeline{margin-right:10px}
229
+ .play-button.no-time.functional .fp-timeline,.play-button.aside-time.functional .fp-timeline{margin-left:27px}
230
+ .functional .fp-buffer,.functional .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
231
+ .functional .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
232
+ .functional .fp-volume{position:absolute;top:11px;right:10px}
233
+ .functional .fp-mute{width:10px;height:15px;float:left;position:relative;top:-3.5px;left:;cursor:pointer;background-position:-2px -99px;}
234
+ .no-mute.functional .fp-mute{display:none}
235
+ .functional .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;}
236
+ .no-volume.functional .fp-volumeslider{display:none}
237
+ .functional .fp-volumelevel{height:100%}
238
+ .functional .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
239
+ .functional .fp-time.is-inverted .fp-duration{display:none}
240
+ .functional .fp-time.is-inverted .fp-remaining{display:inline}
241
+ .functional .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px}
242
+ .no-time.functional .fp-time{display:none}
243
+ .is-long.functional .fp-time em{width:65px}
244
+ .functional .fp-elapsed{left:10px;}
245
+ .play-button.functional .fp-elapsed{left:27px}
246
+ .functional .fp-remaining,.functional .fp-duration{right:120px;color:#eee;}
247
+ .no-volume.functional .fp-remaining,.no-volume.functional .fp-duration{right:30px}
248
+ .no-mute.functional .fp-remaining,.no-mute.functional .fp-duration{right:10px}
249
+ .functional .fp-remaining{display:none}
250
+ .functional.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
251
+ .functional.color-light .fp-remaining,.functional.color-light .fp-duration{color:#666}
252
+ .functional.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;}
253
+ .functional.aside-time .fp-time strong,.functional.aside-time .fp-time em{position:static}
254
+ .functional.aside-time .fp-time .fp-elapsed{margin-right:10px}
255
+ .functional.is-long.aside-time .fp-time{width:130px}
256
+ .functional.is-splash,.functional.is-poster{cursor:pointer;}
257
+ .functional.is-splash .fp-controls,.functional.is-poster .fp-controls,.functional.is-splash .fp-fullscreen,.functional.is-poster .fp-fullscreen,.functional.is-splash .fp-unload,.functional.is-poster .fp-unload,.functional.is-splash .fp-time,.functional.is-poster .fp-time,.functional.is-splash .fp-embed,.functional.is-poster .fp-embed{display:none !important}
258
+ .functional.is-poster .fp-engine{top:-9999em}
259
+ .functional.is-loading .fp-waiting{display:block}
260
+ .functional.is-loading .fp-controls,.functional.is-loading .fp-time{display:none}
261
+ .functional.is-loading .fp-ui{background-position:-9999em}
262
+ .functional.is-seeking .fp-waiting{display:block}
263
+ .functional.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333}
264
+ .functional.is-error{border:1px solid #909090;background:#fdfdfd !important;}
265
+ .functional.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
266
+ .functional.is-error .fp-message{display:block}
267
+ .functional.is-error object,.functional.is-error video,.functional.is-error .fp-controls,.functional.is-error .fp-time,.functional.is-error .fp-subtitle{display:none}
268
+ .functional.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
269
+ .functional.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
270
+ .functional.is-mouseout .fp-timeline{margin:0 !important}
271
+ .functional.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
272
+ .functional.is-mouseout .fp-fullscreen,.functional.is-mouseout .fp-unload,.functional.is-mouseout .fp-elapsed,.functional.is-mouseout .fp-remaining,.functional.is-mouseout .fp-duration,.functional.is-mouseout .fp-embed,.functional.is-mouseout .fp-volume,.functional.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
273
+ .functional.is-mouseover .fp-controls,.functional.fixed-controls .fp-controls{height:30px}
274
+ .functional.is-mouseover .fp-fullscreen,.functional.fixed-controls .fp-fullscreen,.functional.is-mouseover .fp-unload,.functional.fixed-controls .fp-unload,.functional.is-mouseover .fp-elapsed,.functional.fixed-controls .fp-elapsed,.functional.is-mouseover .fp-remaining,.functional.fixed-controls .fp-remaining,.functional.is-mouseover .fp-duration,.functional.fixed-controls .fp-duration,.functional.is-mouseover .fp-embed,.functional.fixed-controls .fp-embed,.functional.is-mouseover .fp-logo,.functional.fixed-controls .fp-logo,.functional.is-mouseover .fp-volume,.functional.fixed-controls .fp-volume,.functional.is-mouseover .fp-play,.functional.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
275
+ .functional.fixed-controls .fp-volume{display:block}
276
+ .functional.fixed-controls .fp-controls{bottom:-30px;}
277
+ .is-fullscreen.functional.fixed-controls .fp-controls{bottom:0}
278
+ .functional.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
279
+ .is-fullscreen.functional.fixed-controls .fp-time em{bottom:10px}
280
+ .functional.is-disabled .fp-progress{background-color:#999}
281
+ .functional .fp-embed{position:absolute;top:10px;left:10px;display:block;width:25px;height:20px;background-position:3px -237px}
282
+ .functional .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
283
+ .functional .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
284
+ .functional .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
285
+ .functional .fp-embed-code label{display:block;color:#999}
286
+ .functional.is-embedding .fp-embed,.functional.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
287
+ .functional.aside-time .fp-embed{left:100px}
288
+ .functional.aside-time .fp-embed-code{left:130px}
289
+ .functional.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
290
+ .functional.is-long.aside-time .fp-embed{left:130px}
291
+ .functional.no-time .fp-embed{left:10px !important}
292
+ @-moz-keyframes pulse{0%{opacity:0}
293
+ 100%{opacity:1}
294
+ }@-webkit-keyframes pulse{0%{opacity:0}
295
+ 100%{opacity:1}
296
+ }@-o-keyframes pulse{0%{opacity:0}
297
+ 100%{opacity:1}
298
+ }@-ms-keyframes pulse{0%{opacity:0}
299
+ 100%{opacity:1}
300
+ }@keyframes pulse{0%{opacity:0}
301
+ 100%{opacity:1}
302
+ }.functional .fp-controls{background-color:#111}
303
+ .functional .fp-timeline{background-color:#555}
304
+ .functional .fp-buffer{background-color:#eee}
305
+ .functional .fp-progress{background-color:#4da5d8}
306
+ .functional .fp-volumelevel{background-color:#fff}
307
+ .functional .fp-volumeslider{background-color:#555}
308
+ .functional .fp-timeline,.functional .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)}
309
+ .functional .fp-controls,.functional .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.4)),to(rgba(255,255,255,0.01)))}
310
+ .functional .fp-timeline,.functional .fp-buffer,.functional .fp-progress,.functional .fp-volumeslider,.functional .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
311
+ .functional.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
312
+ .functional.color-light .fp-timeline,.functional.color-light .fp-volumeslider{border-color:#eee #ccc}
313
+ .functional.color-light .fp-timeline,.functional.color-light .fp-volumeslider{background-color:#ccc;font-size:10px}
314
+ .functional.color-alt .fp-progress{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))}
315
+ .functional.color-alt .fp-timeline,.functional.color-alt .fp-volumeslider{background-color:#111}
316
+ .functional.color-alt2 .fp-progress{background-color:#900}
317
+ .playful{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;}
318
+ .playful *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none}
319
+ .playful a:focus{outline:0}
320
+ .playful video{width:100%}
321
+ .playful.is-ipad video{-webkit-transform:translateX(-2048px);}
322
+ .is-ready.playful.is-ipad video{-webkit-transform:translateX(0)}
323
+ .playful .fp-engine,.playful .fp-ui,.playful .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1}
324
+ .playful .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;}
325
+ .playful .fp-message h2{font-size:120%;margin-bottom:1em}
326
+ .playful .fp-message p{color:#666;font-size:95%}
327
+ .playful .fp-controls{position:absolute;bottom:0;width:100%;}
328
+ .no-background.playful .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important}
329
+ .is-fullscreen.playful .fp-controls{bottom:3px}
330
+ .is-mouseover.playful .fp-controls{bottom:0}
331
+ .playful .fp-waiting{display:none;margin:19% auto;text-align:center;}
332
+ .playful .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
333
+ .playful .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
334
+ .playful .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
335
+ .playful .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s}
336
+ .playful .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
337
+ .playful .fp-waiting p{color:#ccc;font-weight:bold}
338
+ .playful .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;}
339
+ .playful .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
340
+ .playful .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;}
341
+ .is-help.playful .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
342
+ .playful .fp-help .fp-help-section{margin:3%}
343
+ .playful .fp-help .fp-help-basics{margin-top:6%}
344
+ .playful .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%}
345
+ .playful .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333}
346
+ .playful .fp-help small{font-size:90%;color:#aaa}
347
+ .playful .fp-help .fp-close{display:block}
348
+ @media (max-width: 600px){.playful .fp-help p{font-size:9px}
349
+ }.playful .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;}
350
+ .playful .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;}
351
+ .playful .fp-subtitle p:after{content:'';clear:both}
352
+ .playful .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
353
+ .playful .fp-fullscreen,.playful .fp-unload,.playful .fp-mute,.playful .fp-embed,.playful .fp-close,.playful .fp-play{background-image:url(img/playful_white.png);background-size:37px 300px;}
354
+ .color-light.playful .fp-fullscreen,.color-light.playful .fp-unload,.color-light.playful .fp-mute,.color-light.playful .fp-embed,.color-light.playful .fp-close,.color-light.playful .fp-play{background-image:url(img/playful_black.png);}
355
+ @media (-webkit-min-device-pixel-ratio: 2){.color-light.playful .fp-fullscreen,.color-light.playful .fp-unload,.color-light.playful .fp-mute,.color-light.playful .fp-embed,.color-light.playful .fp-close,.color-light.playful .fp-play{background-image:url(img/playful_black@x2.png)}
356
+ }@media (-webkit-min-device-pixel-ratio: 2){.playful .fp-fullscreen,.playful .fp-unload,.playful .fp-mute,.playful .fp-embed,.playful .fp-close,.playful .fp-play{background-image:url(img/playful_white@x2.png)}
357
+ }.is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;}
358
+ @media (-webkit-min-device-pixel-ratio: 2){.is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%}
359
+ }.color-light.is-splash.playful .fp-ui,.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black.png)}
360
+ @media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.playful .fp-ui,.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black@x2.png)}
361
+ }.is-fullscreen.playful .fp-ui{background-size:auto}
362
+ .is-seeking.playful .fp-ui,.is-loading.playful .fp-ui{background-image:none}
363
+ .playful .fp-logo{position:absolute;top:auto;left:15px;bottom:45px;cursor:pointer;display:none;z-index:100;}
364
+ .playful .fp-logo img{width:100%}
365
+ .is-embedded.playful .fp-logo{display:block}
366
+ .fixed-controls.playful .fp-logo{bottom:15px}
367
+ .playful .fp-fullscreen,.playful .fp-unload,.playful .fp-close{position:absolute;top:12px;left:auto;right:12px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer}
368
+ .playful .fp-unload,.playful .fp-close{background-position:14px -175px;display:none}
369
+ .playful .fp-play{display:none;width:27px;height:35px;background-position:9px -24px;position:absolute;bottom:0;left:0;}
370
+ .play-button.playful .fp-play{display:block}
371
+ .is-paused.playful .fp-play{background-position:9px 7px}
372
+ .playful.is-ready.is-closeable .fp-unload{display:block}
373
+ .playful.is-ready.is-closeable .fp-fullscreen{display:none}
374
+ .playful.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important}
375
+ .playful.is-fullscreen .fp-unload,.playful.is-fullscreen .fp-close{display:none !important}
376
+ .playful .fp-timeline{height:3px;position:relative;overflow:hidden;top:12px;height:11px;margin:0 199px 0 59px;}
377
+ .no-volume.playful .fp-timeline{margin-right:109px}
378
+ .no-mute.playful .fp-timeline{margin-right:59px}
379
+ .play-button.playful .fp-timeline{margin-left:74px}
380
+ .is-long.playful .fp-timeline{margin:0 229px 0 89px;}
381
+ .no-volume.is-long.playful .fp-timeline{margin-right:139px}
382
+ .no-mute.is-long.playful .fp-timeline{margin-right:89px}
383
+ .play-button.is-long.playful .fp-timeline{margin-left:104px}
384
+ .aside-time.playful .fp-timeline,.no-time.playful .fp-timeline{margin:0 152px 0 12px}
385
+ .aside-time.no-volume.playful .fp-timeline,.no-time.no-volume.playful .fp-timeline{margin-right:62px}
386
+ .aside-time.no-mute.playful .fp-timeline,.no-time.no-mute.playful .fp-timeline{margin-right:12px}
387
+ .play-button.no-time.playful .fp-timeline,.play-button.aside-time.playful .fp-timeline{margin-left:27px}
388
+ .playful .fp-buffer,.playful .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize}
389
+ .playful .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear}
390
+ .playful .fp-volume{position:absolute;top:12px;right:12px}
391
+ .playful .fp-mute{width:38px;height:20px;float:left;position:relative;top:-4.5px;left:;cursor:pointer;background-position:-2px -99px;}
392
+ .no-mute.playful .fp-mute{display:none}
393
+ .playful .fp-volumeslider{width:90px;height:11px;cursor:col-resize;float:left;}
394
+ .no-volume.playful .fp-volumeslider{display:none}
395
+ .playful .fp-volumelevel{height:100%}
396
+ .playful .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;}
397
+ .playful .fp-time.is-inverted .fp-duration{display:none}
398
+ .playful .fp-time.is-inverted .fp-remaining{display:inline}
399
+ .playful .fp-time em{width:35px;height:11px;line-height:11px;text-align:center;position:absolute;bottom:12px}
400
+ .no-time.playful .fp-time{display:none}
401
+ .is-long.playful .fp-time em{width:65px}
402
+ .playful .fp-elapsed{left:12px;}
403
+ .play-button.playful .fp-elapsed{left:27px}
404
+ .playful .fp-remaining,.playful .fp-duration{right:152px;color:#eee;}
405
+ .no-volume.playful .fp-remaining,.no-volume.playful .fp-duration{right:62px}
406
+ .no-mute.playful .fp-remaining,.no-mute.playful .fp-duration{right:12px}
407
+ .playful .fp-remaining{display:none}
408
+ .playful.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff}
409
+ .playful.color-light .fp-remaining,.playful.color-light .fp-duration{color:#666}
410
+ .playful.aside-time .fp-time{position:absolute;top:12px;left:12px;bottom:auto !important;width:110px;}
411
+ .playful.aside-time .fp-time strong,.playful.aside-time .fp-time em{position:static}
412
+ .playful.aside-time .fp-time .fp-elapsed{margin-right:12px}
413
+ .playful.is-long.aside-time .fp-time{width:130px}
414
+ .playful.is-splash,.playful.is-poster{cursor:pointer;}
415
+ .playful.is-splash .fp-controls,.playful.is-poster .fp-controls,.playful.is-splash .fp-fullscreen,.playful.is-poster .fp-fullscreen,.playful.is-splash .fp-unload,.playful.is-poster .fp-unload,.playful.is-splash .fp-time,.playful.is-poster .fp-time,.playful.is-splash .fp-embed,.playful.is-poster .fp-embed{display:none !important}
416
+ .playful.is-poster .fp-engine{top:-9999em}
417
+ .playful.is-loading .fp-waiting{display:block}
418
+ .playful.is-loading .fp-controls,.playful.is-loading .fp-time{display:none}
419
+ .playful.is-loading .fp-ui{background-position:-9999em}
420
+ .playful.is-seeking .fp-waiting{display:block}
421
+ .playful.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333}
422
+ .playful.is-error{border:1px solid #909090;background:#fdfdfd !important;}
423
+ .playful.is-error h2{font-weight:bold;font-size:large;margin-top:10%}
424
+ .playful.is-error .fp-message{display:block}
425
+ .playful.is-error object,.playful.is-error video,.playful.is-error .fp-controls,.playful.is-error .fp-time,.playful.is-error .fp-subtitle{display:none}
426
+ .playful.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)}
427
+ .playful.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s}
428
+ .playful.is-mouseout .fp-timeline{margin:0 !important}
429
+ .playful.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
430
+ .playful.is-mouseout .fp-fullscreen,.playful.is-mouseout .fp-unload,.playful.is-mouseout .fp-elapsed,.playful.is-mouseout .fp-remaining,.playful.is-mouseout .fp-duration,.playful.is-mouseout .fp-embed,.playful.is-mouseout .fp-volume,.playful.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s}
431
+ .playful.is-mouseover .fp-controls,.playful.fixed-controls .fp-controls{height:35px}
432
+ .playful.is-mouseover .fp-fullscreen,.playful.fixed-controls .fp-fullscreen,.playful.is-mouseover .fp-unload,.playful.fixed-controls .fp-unload,.playful.is-mouseover .fp-elapsed,.playful.fixed-controls .fp-elapsed,.playful.is-mouseover .fp-remaining,.playful.fixed-controls .fp-remaining,.playful.is-mouseover .fp-duration,.playful.fixed-controls .fp-duration,.playful.is-mouseover .fp-embed,.playful.fixed-controls .fp-embed,.playful.is-mouseover .fp-logo,.playful.fixed-controls .fp-logo,.playful.is-mouseover .fp-volume,.playful.fixed-controls .fp-volume,.playful.is-mouseover .fp-play,.playful.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
433
+ .playful.fixed-controls .fp-volume{display:block}
434
+ .playful.fixed-controls .fp-controls{bottom:-35px;}
435
+ .is-fullscreen.playful.fixed-controls .fp-controls{bottom:0}
436
+ .playful.fixed-controls .fp-time em{bottom:-23px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
437
+ .is-fullscreen.playful.fixed-controls .fp-time em{bottom:12px}
438
+ .playful.is-disabled .fp-progress{background-color:#999}
439
+ .playful .fp-embed{position:absolute;top:12px;left:12px;display:block;width:25px;height:20px;background-position:3px -237px}
440
+ .playful .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;}
441
+ .playful .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333}
442
+ .playful .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc}
443
+ .playful .fp-embed-code label{display:block;color:#999}
444
+ .playful.is-embedding .fp-embed,.playful.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
445
+ .playful.aside-time .fp-embed{left:110px}
446
+ .playful.aside-time .fp-embed-code{left:140px}
447
+ .playful.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
448
+ .playful.is-long.aside-time .fp-embed{left:130px}
449
+ .playful.no-time .fp-embed{left:12px !important}
450
+ @-moz-keyframes pulse{0%{opacity:0}
451
+ 100%{opacity:1}
452
+ }@-webkit-keyframes pulse{0%{opacity:0}
453
+ 100%{opacity:1}
454
+ }@-o-keyframes pulse{0%{opacity:0}
455
+ 100%{opacity:1}
456
+ }@-ms-keyframes pulse{0%{opacity:0}
457
+ 100%{opacity:1}
458
+ }@keyframes pulse{0%{opacity:0}
459
+ 100%{opacity:1}
460
+ }.playful .fp-controls{background-color:#111}
461
+ .playful .fp-timeline,.playful .fp-volumeslider{background-color:#555;background-image:-moz-linear-gradient(rgba(255,255,255,0.01),rgba(255,255,255,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.01)),to(rgba(255,255,255,0.3)))}
462
+ .playful .fp-buffer{background-color:#eee}
463
+ .playful .fp-progress{background-color:#008000}
464
+ .playful .fp-volumelevel{background-color:#fff}
465
+ .playful .fp-mute{display:block;width:38px;height:20px;background-position:0 -79px;}
466
+ .is-muted.playful .fp-mute{background-position:0 -109px;opacity:.85;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85)}
467
+ .playful .fp-play{background-position:9px -20px;}
468
+ .is-paused.playful .fp-play{background-position:9px 11px}
469
+ .playful .fp-timeline,.playful .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.3) rgba(17,17,17,0.05)}
470
+ .playful .fp-controls,.playful .fp-progress{background-image:-moz-linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.01));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.3)),to(rgba(255,255,255,0.01)))}
471
+ .playful .fp-timeline,.playful .fp-progress,.playful .fp-buffer,.playful .fp-volumeslider,.playful .fp-volumelevel{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
472
+ .playful.color-light .fp-controls{background-color:#eee;background-image:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.3));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0.01)),to(rgba(0,0,0,0.3)))}
473
+ .playful.color-light .fp-timeline,.playful.color-light .fp-volumeslider{border-color:#eee #ccc}
474
+ .playful.color-alt .fp-progress,.playful.color-alt .fp-volumelevel{background-color:#111}
475
+ .playful.color-alt2 .fp-progress,.playful.color-alt2 .fp-volumelevel{background-color:#900}
lib/flowplayer.js ADDED
@@ -0,0 +1,2222 @@