diff options
Diffstat (limited to 'lib/flowplayer-html5/skin')
16 files changed, 950 insertions, 0 deletions
diff --git a/lib/flowplayer-html5/skin/all-skins.css b/lib/flowplayer-html5/skin/all-skins.css new file mode 100644 index 00000000..19141c33 --- /dev/null +++ b/lib/flowplayer-html5/skin/all-skins.css @@ -0,0 +1,475 @@ +.minimalist{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;} +.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} +.minimalist a:focus{outline:0} +.minimalist video{width:100%} +.minimalist.is-ipad video{-webkit-transform:translateX(-2048px);} +.is-ready.minimalist.is-ipad video{-webkit-transform:translateX(0)} +.minimalist .fp-engine,.minimalist .fp-ui,.minimalist .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} +.minimalist .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} +.minimalist .fp-message h2{font-size:120%;margin-bottom:1em} +.minimalist .fp-message p{color:#666;font-size:95%} +.minimalist .fp-controls{position:absolute;bottom:0;width:100%;} +.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} +.is-fullscreen.minimalist .fp-controls{bottom:3px} +.is-mouseover.minimalist .fp-controls{bottom:0} +.minimalist .fp-waiting{display:none;margin:19% auto;text-align:center;} +.minimalist .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333} +.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);} +.minimalist .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} +.minimalist .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} +.minimalist .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} +.minimalist .fp-waiting p{color:#ccc;font-weight:bold} +.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;} +.minimalist .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.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;} +.is-help.minimalist .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.minimalist .fp-help .fp-help-section{margin:3%} +.minimalist .fp-help .fp-help-basics{margin-top:6%} +.minimalist .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} +.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} +.minimalist .fp-help small{font-size:90%;color:#aaa} +.minimalist .fp-help .fp-close{display:block} +@media (max-width: 600px){.minimalist .fp-help p{font-size:9px} +}.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;} +.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;} +.minimalist .fp-subtitle p:after{content:'';clear:both} +.minimalist .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.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;} +.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);} +@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)} +}@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)} +}.is-splash.minimalist .fp-ui,.is-paused.minimalist .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;} +@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%} +}.color-light.is-splash.minimalist .fp-ui,.color-light.is-paused.minimalist .fp-ui{background-image:url(img/play_black.png)} +@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)} +}.is-fullscreen.minimalist .fp-ui{background-size:auto} +.is-seeking.minimalist .fp-ui,.is-loading.minimalist .fp-ui{background-image:none} +.minimalist .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;} +.minimalist .fp-logo img{width:100%} +.is-embedded.minimalist .fp-logo{display:block} +.fixed-controls.minimalist .fp-logo{bottom:15px} +.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} +.minimalist .fp-unload,.minimalist .fp-close{background-position:14px -175px;display:none} +.minimalist .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;} +.play-button.minimalist .fp-play{display:block} +.is-paused.minimalist .fp-play{background-position:9px 7px} +.minimalist.is-ready.is-closeable .fp-unload{display:block} +.minimalist.is-ready.is-closeable .fp-fullscreen{display:none} +.minimalist.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important} +.minimalist.is-fullscreen .fp-unload,.minimalist.is-fullscreen .fp-close{display:none !important} +.minimalist .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;} +.no-volume.minimalist .fp-timeline{margin-right:60px} +.no-mute.minimalist .fp-timeline{margin-right:45px} +.play-button.minimalist .fp-timeline{margin-left:67px} +.is-long.minimalist .fp-timeline{margin:0 180px 0 75px;} +.no-volume.is-long.minimalist .fp-timeline{margin-right:90px} +.no-mute.is-long.minimalist .fp-timeline{margin-right:75px} +.play-button.is-long.minimalist .fp-timeline{margin-left:97px} +.aside-time.minimalist .fp-timeline,.no-time.minimalist .fp-timeline{margin:0 110px 0 5px} +.aside-time.no-volume.minimalist .fp-timeline,.no-time.no-volume.minimalist .fp-timeline{margin-right:20px} +.aside-time.no-mute.minimalist .fp-timeline,.no-time.no-mute.minimalist .fp-timeline{margin-right:5px} +.play-button.no-time.minimalist .fp-timeline,.play-button.aside-time.minimalist .fp-timeline{margin-left:27px} +.minimalist .fp-buffer,.minimalist .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} +.minimalist .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} +.minimalist .fp-volume{position:absolute;top:7.5px;right:5px} +.minimalist .fp-mute{width:10px;height:15px;float:left;position:relative;top:-5px;left:;cursor:pointer;background-position:-2px -99px;} +.no-mute.minimalist .fp-mute{display:none} +.minimalist .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;} +.no-volume.minimalist .fp-volumeslider{display:none} +.minimalist .fp-volumelevel{height:100%} +.minimalist .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;} +.minimalist .fp-time.is-inverted .fp-duration{display:none} +.minimalist .fp-time.is-inverted .fp-remaining{display:inline} +.minimalist .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px} +.no-time.minimalist .fp-time{display:none} +.is-long.minimalist .fp-time em{width:65px} +.minimalist .fp-elapsed{left:5px;} +.play-button.minimalist .fp-elapsed{left:27px} +.minimalist .fp-remaining,.minimalist .fp-duration{right:110px;color:#eee;} +.no-volume.minimalist .fp-remaining,.no-volume.minimalist .fp-duration{right:20px} +.no-mute.minimalist .fp-remaining,.no-mute.minimalist .fp-duration{right:5px} +.minimalist .fp-remaining{display:none} +.minimalist.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff} +.minimalist.color-light .fp-remaining,.minimalist.color-light .fp-duration{color:#666} +.minimalist.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;} +.minimalist.aside-time .fp-time strong,.minimalist.aside-time .fp-time em{position:static} +.minimalist.aside-time .fp-time .fp-elapsed{margin-right:5px} +.minimalist.is-long.aside-time .fp-time{width:130px} +.minimalist.is-splash,.minimalist.is-poster{cursor:pointer;} +.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} +.minimalist.is-poster .fp-engine{top:-9999em} +.minimalist.is-loading .fp-waiting{display:block} +.minimalist.is-loading .fp-controls,.minimalist.is-loading .fp-time{display:none} +.minimalist.is-loading .fp-ui{background-position:-9999em} +.minimalist.is-seeking .fp-waiting{display:block} +.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} +.minimalist.is-error{border:1px solid #909090;background:#fdfdfd !important;} +.minimalist.is-error h2{font-weight:bold;font-size:large;margin-top:10%} +.minimalist.is-error .fp-message{display:block} +.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} +.minimalist.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)} +.minimalist.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} +.minimalist.is-mouseout .fp-timeline{margin:0 !important} +.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} +.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} +.minimalist.is-mouseover .fp-controls,.minimalist.fixed-controls .fp-controls{height:20px} +.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)} +.minimalist.fixed-controls .fp-volume{display:block} +.minimalist.fixed-controls .fp-controls{bottom:-20px;} +.is-fullscreen.minimalist.fixed-controls .fp-controls{bottom:0} +.minimalist.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} +.is-fullscreen.minimalist.fixed-controls .fp-time em{bottom:5px} +.minimalist.is-disabled .fp-progress{background-color:#999} +.minimalist .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px} +.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;} +.minimalist .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333} +.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} +.minimalist .fp-embed-code label{display:block;color:#999} +.minimalist.is-embedding .fp-embed,.minimalist.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.minimalist.aside-time .fp-embed{left:85px} +.minimalist.aside-time .fp-embed-code{left:115px} +.minimalist.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.minimalist.is-long.aside-time .fp-embed{left:130px} +.minimalist.no-time .fp-embed{left:5px !important} +@-moz-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-webkit-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-o-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-ms-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@keyframes pulse{0%{opacity:0} +100%{opacity:1} +}.minimalist .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)} +.minimalist.fixed-controls .fp-controls{background-color:#333} +.minimalist .fp-timeline{background-color:#666} +.minimalist .fp-buffer{background-color:#eee} +.minimalist .fp-progress{background-color:#00a7c8} +.minimalist .fp-volumeslider{background-color:#000} +.minimalist .fp-volumelevel{background-color:#fff} +.minimalist .fp-play{height:24px} +.minimalist.color-light .fp-controls{background-color:rgba(255,255,255,0.6)} +.minimalist.color-light.fixed-controls .fp-controls{background-color:#fff} +.minimalist.color-light .fp-volumeslider{background-color:#ddd} +.minimalist.color-light .fp-volumelevel{background-color:#222} +.minimalist.color-alt .fp-progress{background-color:#fff} +.minimalist.color-alt .fp-buffer{background-color:#999} +.minimalist.color-alt2 .fp-progress{background-color:#900} +.functional{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;} +.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} +.functional a:focus{outline:0} +.functional video{width:100%} +.functional.is-ipad video{-webkit-transform:translateX(-2048px);} +.is-ready.functional.is-ipad video{-webkit-transform:translateX(0)} +.functional .fp-engine,.functional .fp-ui,.functional .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} +.functional .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} +.functional .fp-message h2{font-size:120%;margin-bottom:1em} +.functional .fp-message p{color:#666;font-size:95%} +.functional .fp-controls{position:absolute;bottom:0;width:100%;} +.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} +.is-fullscreen.functional .fp-controls{bottom:3px} +.is-mouseover.functional .fp-controls{bottom:0} +.functional .fp-waiting{display:none;margin:19% auto;text-align:center;} +.functional .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333} +.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);} +.functional .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} +.functional .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} +.functional .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} +.functional .fp-waiting p{color:#ccc;font-weight:bold} +.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;} +.functional .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.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;} +.is-help.functional .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.functional .fp-help .fp-help-section{margin:3%} +.functional .fp-help .fp-help-basics{margin-top:6%} +.functional .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} +.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} +.functional .fp-help small{font-size:90%;color:#aaa} +.functional .fp-help .fp-close{display:block} +@media (max-width: 600px){.functional .fp-help p{font-size:9px} +}.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;} +.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;} +.functional .fp-subtitle p:after{content:'';clear:both} +.functional .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.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;} +.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);} +@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)} +}@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)} +}.is-splash.functional .fp-ui,.is-paused.functional .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;} +@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%} +}.color-light.is-splash.functional .fp-ui,.color-light.is-paused.functional .fp-ui{background-image:url(img/play_black.png)} +@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)} +}.is-fullscreen.functional .fp-ui{background-size:auto} +.is-seeking.functional .fp-ui,.is-loading.functional .fp-ui{background-image:none} +.functional .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;} +.functional .fp-logo img{width:100%} +.is-embedded.functional .fp-logo{display:block} +.fixed-controls.functional .fp-logo{bottom:15px} +.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} +.functional .fp-unload,.functional .fp-close{background-position:14px -175px;display:none} +.functional .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;} +.play-button.functional .fp-play{display:block} +.is-paused.functional .fp-play{background-position:9px 7px} +.functional.is-ready.is-closeable .fp-unload{display:block} +.functional.is-ready.is-closeable .fp-fullscreen{display:none} +.functional.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important} +.functional.is-fullscreen .fp-unload,.functional.is-fullscreen .fp-close{display:none !important} +.functional .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;} +.no-volume.functional .fp-timeline{margin-right:75px} +.no-mute.functional .fp-timeline{margin-right:55px} +.play-button.functional .fp-timeline{margin-left:72px} +.is-long.functional .fp-timeline{margin:0 195px 0 85px;} +.no-volume.is-long.functional .fp-timeline{margin-right:105px} +.no-mute.is-long.functional .fp-timeline{margin-right:85px} +.play-button.is-long.functional .fp-timeline{margin-left:102px} +.aside-time.functional .fp-timeline,.no-time.functional .fp-timeline{margin:0 120px 0 10px} +.aside-time.no-volume.functional .fp-timeline,.no-time.no-volume.functional .fp-timeline{margin-right:30px} +.aside-time.no-mute.functional .fp-timeline,.no-time.no-mute.functional .fp-timeline{margin-right:10px} +.play-button.no-time.functional .fp-timeline,.play-button.aside-time.functional .fp-timeline{margin-left:27px} +.functional .fp-buffer,.functional .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} +.functional .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} +.functional .fp-volume{position:absolute;top:11px;right:10px} +.functional .fp-mute{width:10px;height:15px;float:left;position:relative;top:-3.5px;left:;cursor:pointer;background-position:-2px -99px;} +.no-mute.functional .fp-mute{display:none} +.functional .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;} +.no-volume.functional .fp-volumeslider{display:none} +.functional .fp-volumelevel{height:100%} +.functional .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;} +.functional .fp-time.is-inverted .fp-duration{display:none} +.functional .fp-time.is-inverted .fp-remaining{display:inline} +.functional .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px} +.no-time.functional .fp-time{display:none} +.is-long.functional .fp-time em{width:65px} +.functional .fp-elapsed{left:10px;} +.play-button.functional .fp-elapsed{left:27px} +.functional .fp-remaining,.functional .fp-duration{right:120px;color:#eee;} +.no-volume.functional .fp-remaining,.no-volume.functional .fp-duration{right:30px} +.no-mute.functional .fp-remaining,.no-mute.functional .fp-duration{right:10px} +.functional .fp-remaining{display:none} +.functional.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff} +.functional.color-light .fp-remaining,.functional.color-light .fp-duration{color:#666} +.functional.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;} +.functional.aside-time .fp-time strong,.functional.aside-time .fp-time em{position:static} +.functional.aside-time .fp-time .fp-elapsed{margin-right:10px} +.functional.is-long.aside-time .fp-time{width:130px} +.functional.is-splash,.functional.is-poster{cursor:pointer;} +.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} +.functional.is-poster .fp-engine{top:-9999em} +.functional.is-loading .fp-waiting{display:block} +.functional.is-loading .fp-controls,.functional.is-loading .fp-time{display:none} +.functional.is-loading .fp-ui{background-position:-9999em} +.functional.is-seeking .fp-waiting{display:block} +.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} +.functional.is-error{border:1px solid #909090;background:#fdfdfd !important;} +.functional.is-error h2{font-weight:bold;font-size:large;margin-top:10%} +.functional.is-error .fp-message{display:block} +.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} +.functional.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)} +.functional.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} +.functional.is-mouseout .fp-timeline{margin:0 !important} +.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} +.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} +.functional.is-mouseover .fp-controls,.functional.fixed-controls .fp-controls{height:30px} +.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)} +.functional.fixed-controls .fp-volume{display:block} +.functional.fixed-controls .fp-controls{bottom:-30px;} +.is-fullscreen.functional.fixed-controls .fp-controls{bottom:0} +.functional.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} +.is-fullscreen.functional.fixed-controls .fp-time em{bottom:10px} +.functional.is-disabled .fp-progress{background-color:#999} +.functional .fp-embed{position:absolute;top:10px;left:10px;display:block;width:25px;height:20px;background-position:3px -237px} +.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;} +.functional .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333} +.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} +.functional .fp-embed-code label{display:block;color:#999} +.functional.is-embedding .fp-embed,.functional.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.functional.aside-time .fp-embed{left:100px} +.functional.aside-time .fp-embed-code{left:130px} +.functional.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.functional.is-long.aside-time .fp-embed{left:130px} +.functional.no-time .fp-embed{left:10px !important} +@-moz-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-webkit-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-o-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-ms-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@keyframes pulse{0%{opacity:0} +100%{opacity:1} +}.functional .fp-controls{background-color:#111} +.functional .fp-timeline{background-color:#555} +.functional .fp-buffer{background-color:#eee} +.functional .fp-progress{background-color:#4da5d8} +.functional .fp-volumelevel{background-color:#fff} +.functional .fp-volumeslider{background-color:#555} +.functional .fp-timeline,.functional .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)} +.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)))} +.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} +.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)))} +.functional.color-light .fp-timeline,.functional.color-light .fp-volumeslider{border-color:#eee #ccc} +.functional.color-light .fp-timeline,.functional.color-light .fp-volumeslider{background-color:#ccc;font-size:10px} +.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))} +.functional.color-alt .fp-timeline,.functional.color-alt .fp-volumeslider{background-color:#111} +.functional.color-alt2 .fp-progress{background-color:#900} +.playful{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;} +.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} +.playful a:focus{outline:0} +.playful video{width:100%} +.playful.is-ipad video{-webkit-transform:translateX(-2048px);} +.is-ready.playful.is-ipad video{-webkit-transform:translateX(0)} +.playful .fp-engine,.playful .fp-ui,.playful .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} +.playful .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} +.playful .fp-message h2{font-size:120%;margin-bottom:1em} +.playful .fp-message p{color:#666;font-size:95%} +.playful .fp-controls{position:absolute;bottom:0;width:100%;} +.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} +.is-fullscreen.playful .fp-controls{bottom:3px} +.is-mouseover.playful .fp-controls{bottom:0} +.playful .fp-waiting{display:none;margin:19% auto;text-align:center;} +.playful .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #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);} +.playful .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} +.playful .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} +.playful .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} +.playful .fp-waiting p{color:#ccc;font-weight:bold} +.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;} +.playful .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.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;} +.is-help.playful .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.playful .fp-help .fp-help-section{margin:3%} +.playful .fp-help .fp-help-basics{margin-top:6%} +.playful .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} +.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} +.playful .fp-help small{font-size:90%;color:#aaa} +.playful .fp-help .fp-close{display:block} +@media (max-width: 600px){.playful .fp-help p{font-size:9px} +}.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;} +.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;} +.playful .fp-subtitle p:after{content:'';clear:both} +.playful .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.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;} +.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);} +@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)} +}@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)} +}.is-splash.playful .fp-ui,.is-paused.playful .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;} +@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%} +}.color-light.is-splash.playful .fp-ui,.color-light.is-paused.playful .fp-ui{background-image:url(img/play_black.png)} +@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)} +}.is-fullscreen.playful .fp-ui{background-size:auto} +.is-seeking.playful .fp-ui,.is-loading.playful .fp-ui{background-image:none} +.playful .fp-logo{position:absolute;top:auto;left:15px;bottom:45px;cursor:pointer;display:none;z-index:100;} +.playful .fp-logo img{width:100%} +.is-embedded.playful .fp-logo{display:block} +.fixed-controls.playful .fp-logo{bottom:15px} +.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} +.playful .fp-unload,.playful .fp-close{background-position:14px -175px;display:none} +.playful .fp-play{display:none;width:27px;height:35px;background-position:9px -24px;position:absolute;bottom:0;left:0;} +.play-button.playful .fp-play{display:block} +.is-paused.playful .fp-play{background-position:9px 7px} +.playful.is-ready.is-closeable .fp-unload{display:block} +.playful.is-ready.is-closeable .fp-fullscreen{display:none} +.playful.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important} +.playful.is-fullscreen .fp-unload,.playful.is-fullscreen .fp-close{display:none !important} +.playful .fp-timeline{height:3px;position:relative;overflow:hidden;top:12px;height:11px;margin:0 199px 0 59px;} +.no-volume.playful .fp-timeline{margin-right:109px} +.no-mute.playful .fp-timeline{margin-right:59px} +.play-button.playful .fp-timeline{margin-left:74px} +.is-long.playful .fp-timeline{margin:0 229px 0 89px;} +.no-volume.is-long.playful .fp-timeline{margin-right:139px} +.no-mute.is-long.playful .fp-timeline{margin-right:89px} +.play-button.is-long.playful .fp-timeline{margin-left:104px} +.aside-time.playful .fp-timeline,.no-time.playful .fp-timeline{margin:0 152px 0 12px} +.aside-time.no-volume.playful .fp-timeline,.no-time.no-volume.playful .fp-timeline{margin-right:62px} +.aside-time.no-mute.playful .fp-timeline,.no-time.no-mute.playful .fp-timeline{margin-right:12px} +.play-button.no-time.playful .fp-timeline,.play-button.aside-time.playful .fp-timeline{margin-left:27px} +.playful .fp-buffer,.playful .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} +.playful .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} +.playful .fp-volume{position:absolute;top:12px;right:12px} +.playful .fp-mute{width:38px;height:20px;float:left;position:relative;top:-4.5px;left:;cursor:pointer;background-position:-2px -99px;} +.no-mute.playful .fp-mute{display:none} +.playful .fp-volumeslider{width:90px;height:11px;cursor:col-resize;float:left;} +.no-volume.playful .fp-volumeslider{display:none} +.playful .fp-volumelevel{height:100%} +.playful .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;} +.playful .fp-time.is-inverted .fp-duration{display:none} +.playful .fp-time.is-inverted .fp-remaining{display:inline} +.playful .fp-time em{width:35px;height:11px;line-height:11px;text-align:center;position:absolute;bottom:12px} +.no-time.playful .fp-time{display:none} +.is-long.playful .fp-time em{width:65px} +.playful .fp-elapsed{left:12px;} +.play-button.playful .fp-elapsed{left:27px} +.playful .fp-remaining,.playful .fp-duration{right:152px;color:#eee;} +.no-volume.playful .fp-remaining,.no-volume.playful .fp-duration{right:62px} +.no-mute.playful .fp-remaining,.no-mute.playful .fp-duration{right:12px} +.playful .fp-remaining{display:none} +.playful.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff} +.playful.color-light .fp-remaining,.playful.color-light .fp-duration{color:#666} +.playful.aside-time .fp-time{position:absolute;top:12px;left:12px;bottom:auto !important;width:110px;} +.playful.aside-time .fp-time strong,.playful.aside-time .fp-time em{position:static} +.playful.aside-time .fp-time .fp-elapsed{margin-right:12px} +.playful.is-long.aside-time .fp-time{width:130px} +.playful.is-splash,.playful.is-poster{cursor:pointer;} +.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} +.playful.is-poster .fp-engine{top:-9999em} +.playful.is-loading .fp-waiting{display:block} +.playful.is-loading .fp-controls,.playful.is-loading .fp-time{display:none} +.playful.is-loading .fp-ui{background-position:-9999em} +.playful.is-seeking .fp-waiting{display:block} +.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} +.playful.is-error{border:1px solid #909090;background:#fdfdfd !important;} +.playful.is-error h2{font-weight:bold;font-size:large;margin-top:10%} +.playful.is-error .fp-message{display:block} +.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} +.playful.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)} +.playful.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} +.playful.is-mouseout .fp-timeline{margin:0 !important} +.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} +.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} +.playful.is-mouseover .fp-controls,.playful.fixed-controls .fp-controls{height:35px} +.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)} +.playful.fixed-controls .fp-volume{display:block} +.playful.fixed-controls .fp-controls{bottom:-35px;} +.is-fullscreen.playful.fixed-controls .fp-controls{bottom:0} +.playful.fixed-controls .fp-time em{bottom:-23px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} +.is-fullscreen.playful.fixed-controls .fp-time em{bottom:12px} +.playful.is-disabled .fp-progress{background-color:#999} +.playful .fp-embed{position:absolute;top:12px;left:12px;display:block;width:25px;height:20px;background-position:3px -237px} +.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;} +.playful .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333} +.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} +.playful .fp-embed-code label{display:block;color:#999} +.playful.is-embedding .fp-embed,.playful.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.playful.aside-time .fp-embed{left:110px} +.playful.aside-time .fp-embed-code{left:140px} +.playful.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.playful.is-long.aside-time .fp-embed{left:130px} +.playful.no-time .fp-embed{left:12px !important} +@-moz-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-webkit-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-o-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-ms-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@keyframes pulse{0%{opacity:0} +100%{opacity:1} +}.playful .fp-controls{background-color:#111} +.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)))} +.playful .fp-buffer{background-color:#eee} +.playful .fp-progress{background-color:#008000} +.playful .fp-volumelevel{background-color:#fff} +.playful .fp-mute{display:block;width:38px;height:20px;background-position:0 -79px;} +.is-muted.playful .fp-mute{background-position:0 -109px;opacity:.85;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85)} +.playful .fp-play{background-position:9px -20px;} +.is-paused.playful .fp-play{background-position:9px 11px} +.playful .fp-timeline,.playful .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.3) rgba(17,17,17,0.05)} +.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)))} +.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} +.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)))} +.playful.color-light .fp-timeline,.playful.color-light .fp-volumeslider{border-color:#eee #ccc} +.playful.color-alt .fp-progress,.playful.color-alt .fp-volumelevel{background-color:#111} +.playful.color-alt2 .fp-progress,.playful.color-alt2 .fp-volumelevel{background-color:#900} diff --git a/lib/flowplayer-html5/skin/functional.css b/lib/flowplayer-html5/skin/functional.css new file mode 100644 index 00000000..df98b4ea --- /dev/null +++ b/lib/flowplayer-html5/skin/functional.css @@ -0,0 +1,158 @@ +.flowplayer{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;} +.flowplayer *{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} +.flowplayer a:focus{outline:0} +.flowplayer video{width:100%} +.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);} +.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)} +.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} +.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} +.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em} +.flowplayer .fp-message p{color:#666;font-size:95%} +.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;} +.no-background.flowplayer .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} +.is-fullscreen.flowplayer .fp-controls{bottom:3px} +.is-mouseover.flowplayer .fp-controls{bottom:0} +.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;} +.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333} +.flowplayer .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);} +.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} +.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} +.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} +.flowplayer .fp-waiting p{color:#ccc;font-weight:bold} +.flowplayer .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;} +.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .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;} +.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .fp-help .fp-help-section{margin:3%} +.flowplayer .fp-help .fp-help-basics{margin-top:6%} +.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} +.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333} +.flowplayer .fp-help small{font-size:90%;color:#aaa} +.flowplayer .fp-help .fp-close{display:block} +@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px} +}.flowplayer .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;} +.flowplayer .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;} +.flowplayer .fp-subtitle p:after{content:'';clear:both} +.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(img/white.png);background-size:37px 300px;} +.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(img/black.png);} +@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(img/black@x2.png)} +}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(img/white@x2.png)} +}.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;} +@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%} +}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black.png)} +@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black@x2.png)} +}.is-fullscreen.flowplayer .fp-ui{background-size:auto} +.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none} +.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:40px;cursor:pointer;display:none;z-index:100;} +.flowplayer .fp-logo img{width:100%} +.is-embedded.flowplayer .fp-logo{display:block} +.fixed-controls.flowplayer .fp-logo{bottom:15px} +.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:10px;left:auto;right:10px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer} +.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none} +.flowplayer .fp-play{display:none;width:27px;height:30px;background-position:9px -24px;position:absolute;bottom:0;left:0;} +.play-button.flowplayer .fp-play{display:block} +.is-paused.flowplayer .fp-play{background-position:9px 7px} +.flowplayer.is-ready.is-closeable .fp-unload{display:block} +.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none} +.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important} +.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important} +.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:10px;height:10px;margin:0 165px 0 55px;} +.no-volume.flowplayer .fp-timeline{margin-right:75px} +.no-mute.flowplayer .fp-timeline{margin-right:55px} +.play-button.flowplayer .fp-timeline{margin-left:72px} +.is-long.flowplayer .fp-timeline{margin:0 195px 0 85px;} +.no-volume.is-long.flowplayer .fp-timeline{margin-right:105px} +.no-mute.is-long.flowplayer .fp-timeline{margin-right:85px} +.play-button.is-long.flowplayer .fp-timeline{margin-left:102px} +.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 120px 0 10px} +.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:30px} +.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:10px} +.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px} +.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} +.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} +.flowplayer .fp-volume{position:absolute;top:11px;right:10px} +.flowplayer .fp-mute{width:10px;height:15px;float:left;position:relative;top:-3.5px;left:;cursor:pointer;background-position:-2px -99px;} +.no-mute.flowplayer .fp-mute{display:none} +.flowplayer .fp-volumeslider{width:90px;height:8px;cursor:col-resize;float:left;} +.no-volume.flowplayer .fp-volumeslider{display:none} +.flowplayer .fp-volumelevel{height:100%} +.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;} +.flowplayer .fp-time.is-inverted .fp-duration{display:none} +.flowplayer .fp-time.is-inverted .fp-remaining{display:inline} +.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:10px} +.no-time.flowplayer .fp-time{display:none} +.is-long.flowplayer .fp-time em{width:65px} +.flowplayer .fp-elapsed{left:10px;} +.play-button.flowplayer .fp-elapsed{left:27px} +.flowplayer .fp-remaining,.flowplayer .fp-duration{right:120px;color:#eee;} +.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:30px} +.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:10px} +.flowplayer .fp-remaining{display:none} +.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff} +.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666} +.flowplayer.aside-time .fp-time{position:absolute;top:10px;left:10px;bottom:auto !important;width:100px;} +.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static} +.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:10px} +.flowplayer.is-long.aside-time .fp-time{width:130px} +.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;} +.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important} +.flowplayer.is-poster .fp-engine{top:-9999em} +.flowplayer.is-loading .fp-waiting{display:block} +.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none} +.flowplayer.is-loading .fp-ui{background-position:-9999em} +.flowplayer.is-seeking .fp-waiting{display:block} +.flowplayer.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} +.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;} +.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%} +.flowplayer.is-error .fp-message{display:block} +.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none} +.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)} +.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} +.flowplayer.is-mouseout .fp-timeline{margin:0 !important} +.flowplayer.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} +.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.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} +.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:30px} +.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.fixed-controls .fp-volume{display:block} +.flowplayer.fixed-controls .fp-controls{bottom:-30px;} +.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0} +.flowplayer.fixed-controls .fp-time em{bottom:-20px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} +.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:10px} +.flowplayer.is-disabled .fp-progress{background-color:#999} +.flowplayer .fp-embed{position:absolute;top:10px;left:10px;display:block;width:25px;height:20px;background-position:3px -237px} +.flowplayer .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;} +.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333} +.flowplayer .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} +.flowplayer .fp-embed-code label{display:block;color:#999} +.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.aside-time .fp-embed{left:100px} +.flowplayer.aside-time .fp-embed-code{left:130px} +.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.is-long.aside-time .fp-embed{left:130px} +.flowplayer.no-time .fp-embed{left:10px !important} +@-moz-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-webkit-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-o-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-ms-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@keyframes pulse{0%{opacity:0} +100%{opacity:1} +}.flowplayer .fp-controls{background-color:#111} +.flowplayer .fp-timeline{background-color:#555} +.flowplayer .fp-buffer{background-color:#eee} +.flowplayer .fp-progress{background-color:#4da5d8} +.flowplayer .fp-volumelevel{background-color:#fff} +.flowplayer .fp-volumeslider{background-color:#555} +.flowplayer .fp-timeline,.flowplayer .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.2) rgba(17,17,17,0.05)} +.flowplayer .fp-controls,.flowplayer .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)))} +.flowplayer .fp-timeline,.flowplayer .fp-buffer,.flowplayer .fp-progress,.flowplayer .fp-volumeslider,.flowplayer .fp-volumelevel{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px} +.flowplayer.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)))} +.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{border-color:#eee #ccc} +.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{background-color:#ccc;font-size:10px} +.flowplayer.color-alt .fp-progress{background-image:-moz-linear-gradient(#999,#111);background-image:-webkit-gradient(linear,0 0,0 100%,from(#999),to(#111))} +.flowplayer.color-alt .fp-timeline,.flowplayer.color-alt .fp-volumeslider{background-color:#111} +.flowplayer.color-alt2 .fp-progress{background-color:#900} diff --git a/lib/flowplayer-html5/skin/img/black.png b/lib/flowplayer-html5/skin/img/black.png Binary files differnew file mode 100644 index 00000000..d37fd70b --- /dev/null +++ b/lib/flowplayer-html5/skin/img/black.png diff --git a/lib/flowplayer-html5/skin/img/black@x2.png b/lib/flowplayer-html5/skin/img/black@x2.png Binary files differnew file mode 100644 index 00000000..13eaa220 --- /dev/null +++ b/lib/flowplayer-html5/skin/img/black@x2.png diff --git a/lib/flowplayer-html5/skin/img/play_black.png b/lib/flowplayer-html5/skin/img/play_black.png Binary files differnew file mode 100644 index 00000000..c3c69085 --- /dev/null +++ b/lib/flowplayer-html5/skin/img/play_black.png diff --git a/lib/flowplayer-html5/skin/img/play_black@x2.png b/lib/flowplayer-html5/skin/img/play_black@x2.png Binary files differnew file mode 100644 index 00000000..82f9e66a --- /dev/null +++ b/lib/flowplayer-html5/skin/img/play_black@x2.png diff --git a/lib/flowplayer-html5/skin/img/play_white.png b/lib/flowplayer-html5/skin/img/play_white.png Binary files differnew file mode 100644 index 00000000..251aa00c --- /dev/null +++ b/lib/flowplayer-html5/skin/img/play_white.png diff --git a/lib/flowplayer-html5/skin/img/play_white@x2.png b/lib/flowplayer-html5/skin/img/play_white@x2.png Binary files differnew file mode 100644 index 00000000..1cf2369b --- /dev/null +++ b/lib/flowplayer-html5/skin/img/play_white@x2.png diff --git a/lib/flowplayer-html5/skin/img/playful_black.png b/lib/flowplayer-html5/skin/img/playful_black.png Binary files differnew file mode 100644 index 00000000..ca7825b8 --- /dev/null +++ b/lib/flowplayer-html5/skin/img/playful_black.png diff --git a/lib/flowplayer-html5/skin/img/playful_black@x2.png b/lib/flowplayer-html5/skin/img/playful_black@x2.png Binary files differnew file mode 100644 index 00000000..9a13b6d1 --- /dev/null +++ b/lib/flowplayer-html5/skin/img/playful_black@x2.png diff --git a/lib/flowplayer-html5/skin/img/playful_white.png b/lib/flowplayer-html5/skin/img/playful_white.png Binary files differnew file mode 100644 index 00000000..c028155e --- /dev/null +++ b/lib/flowplayer-html5/skin/img/playful_white.png diff --git a/lib/flowplayer-html5/skin/img/playful_white@x2.png b/lib/flowplayer-html5/skin/img/playful_white@x2.png Binary files differnew file mode 100644 index 00000000..1bade5e6 --- /dev/null +++ b/lib/flowplayer-html5/skin/img/playful_white@x2.png diff --git a/lib/flowplayer-html5/skin/img/white.png b/lib/flowplayer-html5/skin/img/white.png Binary files differnew file mode 100644 index 00000000..9722281b --- /dev/null +++ b/lib/flowplayer-html5/skin/img/white.png diff --git a/lib/flowplayer-html5/skin/img/white@x2.png b/lib/flowplayer-html5/skin/img/white@x2.png Binary files differnew file mode 100644 index 00000000..a937c94c --- /dev/null +++ b/lib/flowplayer-html5/skin/img/white@x2.png diff --git a/lib/flowplayer-html5/skin/minimalist.css b/lib/flowplayer-html5/skin/minimalist.css new file mode 100644 index 00000000..cdec9f4b --- /dev/null +++ b/lib/flowplayer-html5/skin/minimalist.css @@ -0,0 +1,158 @@ +.flowplayer{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;} +.flowplayer *{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} +.flowplayer a:focus{outline:0} +.flowplayer video{width:100%} +.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);} +.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)} +.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} +.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} +.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em} +.flowplayer .fp-message p{color:#666;font-size:95%} +.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;} +.no-background.flowplayer .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} +.is-fullscreen.flowplayer .fp-controls{bottom:3px} +.is-mouseover.flowplayer .fp-controls{bottom:0} +.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;} +.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333} +.flowplayer .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);} +.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} +.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} +.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} +.flowplayer .fp-waiting p{color:#ccc;font-weight:bold} +.flowplayer .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;} +.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .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;} +.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .fp-help .fp-help-section{margin:3%} +.flowplayer .fp-help .fp-help-basics{margin-top:6%} +.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} +.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333} +.flowplayer .fp-help small{font-size:90%;color:#aaa} +.flowplayer .fp-help .fp-close{display:block} +@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px} +}.flowplayer .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;} +.flowplayer .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;} +.flowplayer .fp-subtitle p:after{content:'';clear:both} +.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(img/white.png);background-size:37px 300px;} +.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(img/black.png);} +@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(img/black@x2.png)} +}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(img/white@x2.png)} +}.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;} +@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%} +}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black.png)} +@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black@x2.png)} +}.is-fullscreen.flowplayer .fp-ui{background-size:auto} +.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none} +.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;} +.flowplayer .fp-logo img{width:100%} +.is-embedded.flowplayer .fp-logo{display:block} +.fixed-controls.flowplayer .fp-logo{bottom:15px} +.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:5px;left:auto;right:5px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer} +.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none} +.flowplayer .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;} +.play-button.flowplayer .fp-play{display:block} +.is-paused.flowplayer .fp-play{background-position:9px 7px} +.flowplayer.is-ready.is-closeable .fp-unload{display:block} +.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none} +.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important} +.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important} +.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;} +.no-volume.flowplayer .fp-timeline{margin-right:60px} +.no-mute.flowplayer .fp-timeline{margin-right:45px} +.play-button.flowplayer .fp-timeline{margin-left:67px} +.is-long.flowplayer .fp-timeline{margin:0 180px 0 75px;} +.no-volume.is-long.flowplayer .fp-timeline{margin-right:90px} +.no-mute.is-long.flowplayer .fp-timeline{margin-right:75px} +.play-button.is-long.flowplayer .fp-timeline{margin-left:97px} +.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 110px 0 5px} +.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:20px} +.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:5px} +.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px} +.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} +.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} +.flowplayer .fp-volume{position:absolute;top:7.5px;right:5px} +.flowplayer .fp-mute{width:10px;height:15px;float:left;position:relative;top:-5px;left:;cursor:pointer;background-position:-2px -99px;} +.no-mute.flowplayer .fp-mute{display:none} +.flowplayer .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;} +.no-volume.flowplayer .fp-volumeslider{display:none} +.flowplayer .fp-volumelevel{height:100%} +.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;} +.flowplayer .fp-time.is-inverted .fp-duration{display:none} +.flowplayer .fp-time.is-inverted .fp-remaining{display:inline} +.flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px} +.no-time.flowplayer .fp-time{display:none} +.is-long.flowplayer .fp-time em{width:65px} +.flowplayer .fp-elapsed{left:5px;} +.play-button.flowplayer .fp-elapsed{left:27px} +.flowplayer .fp-remaining,.flowplayer .fp-duration{right:110px;color:#eee;} +.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:20px} +.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:5px} +.flowplayer .fp-remaining{display:none} +.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff} +.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666} +.flowplayer.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;} +.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static} +.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:5px} +.flowplayer.is-long.aside-time .fp-time{width:130px} +.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;} +.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important} +.flowplayer.is-poster .fp-engine{top:-9999em} +.flowplayer.is-loading .fp-waiting{display:block} +.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none} +.flowplayer.is-loading .fp-ui{background-position:-9999em} +.flowplayer.is-seeking .fp-waiting{display:block} +.flowplayer.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} +.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;} +.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%} +.flowplayer.is-error .fp-message{display:block} +.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none} +.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)} +.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} +.flowplayer.is-mouseout .fp-timeline{margin:0 !important} +.flowplayer.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} +.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.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} +.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:20px} +.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.fixed-controls .fp-volume{display:block} +.flowplayer.fixed-controls .fp-controls{bottom:-20px;} +.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0} +.flowplayer.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} +.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:5px} +.flowplayer.is-disabled .fp-progress{background-color:#999} +.flowplayer .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px} +.flowplayer .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;} +.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333} +.flowplayer .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} +.flowplayer .fp-embed-code label{display:block;color:#999} +.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.aside-time .fp-embed{left:85px} +.flowplayer.aside-time .fp-embed-code{left:115px} +.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.is-long.aside-time .fp-embed{left:130px} +.flowplayer.no-time .fp-embed{left:5px !important} +@-moz-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-webkit-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-o-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-ms-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@keyframes pulse{0%{opacity:0} +100%{opacity:1} +}.flowplayer .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)} +.flowplayer.fixed-controls .fp-controls{background-color:#333} +.flowplayer .fp-timeline{background-color:#666} +.flowplayer .fp-buffer{background-color:#eee} +.flowplayer .fp-progress{background-color:#00a7c8} +.flowplayer .fp-volumeslider{background-color:#000} +.flowplayer .fp-volumelevel{background-color:#fff} +.flowplayer .fp-play{height:24px} +.flowplayer.color-light .fp-controls{background-color:rgba(255,255,255,0.6)} +.flowplayer.color-light.fixed-controls .fp-controls{background-color:#fff} +.flowplayer.color-light .fp-volumeslider{background-color:#ddd} +.flowplayer.color-light .fp-volumelevel{background-color:#222} +.flowplayer.color-alt .fp-progress{background-color:#fff} +.flowplayer.color-alt .fp-buffer{background-color:#999} +.flowplayer.color-alt2 .fp-progress{background-color:#900} diff --git a/lib/flowplayer-html5/skin/playful.css b/lib/flowplayer-html5/skin/playful.css new file mode 100644 index 00000000..871187a8 --- /dev/null +++ b/lib/flowplayer-html5/skin/playful.css @@ -0,0 +1,159 @@ +.flowplayer{position:relative;width:100%;text-align:left;background-size:contain;background-repeat:no-repeat;background-position:center center;display:inline-block;} +.flowplayer *{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} +.flowplayer a:focus{outline:0} +.flowplayer video{width:100%} +.flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);} +.is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)} +.flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} +.flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} +.flowplayer .fp-message h2{font-size:120%;margin-bottom:1em} +.flowplayer .fp-message p{color:#666;font-size:95%} +.flowplayer .fp-controls{position:absolute;bottom:0;width:100%;} +.no-background.flowplayer .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} +.is-fullscreen.flowplayer .fp-controls{bottom:3px} +.is-mouseover.flowplayer .fp-controls{bottom:0} +.flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;} +.flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333} +.flowplayer .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);} +.flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} +.flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} +.flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} +.flowplayer .fp-waiting p{color:#ccc;font-weight:bold} +.flowplayer .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;} +.flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .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;} +.is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .fp-help .fp-help-section{margin:3%} +.flowplayer .fp-help .fp-help-basics{margin-top:6%} +.flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} +.flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333} +.flowplayer .fp-help small{font-size:90%;color:#aaa} +.flowplayer .fp-help .fp-close{display:block} +@media (max-width: 600px){.flowplayer .fp-help p{font-size:9px} +}.flowplayer .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;} +.flowplayer .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;} +.flowplayer .fp-subtitle p:after{content:'';clear:both} +.flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(img/playful_white.png);background-size:37px 300px;} +.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(img/playful_black.png);} +@media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(img/playful_black@x2.png)} +}@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(img/playful_white@x2.png)} +}.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white.png) center no-repeat;background-size:12%;} +@media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(img/play_white@x2.png) center no-repeat;background-size:12%} +}.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black.png)} +@media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(img/play_black@x2.png)} +}.is-fullscreen.flowplayer .fp-ui{background-size:auto} +.is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none} +.flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:45px;cursor:pointer;display:none;z-index:100;} +.flowplayer .fp-logo img{width:100%} +.is-embedded.flowplayer .fp-logo{display:block} +.fixed-controls.flowplayer .fp-logo{bottom:15px} +.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:12px;left:auto;right:12px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer} +.flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none} +.flowplayer .fp-play{display:none;width:27px;height:35px;background-position:9px -24px;position:absolute;bottom:0;left:0;} +.play-button.flowplayer .fp-play{display:block} +.is-paused.flowplayer .fp-play{background-position:9px 7px} +.flowplayer.is-ready.is-closeable .fp-unload{display:block} +.flowplayer.is-ready.is-closeable .fp-fullscreen{display:none} +.flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important} +.flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important} +.flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:12px;height:11px;margin:0 199px 0 59px;} +.no-volume.flowplayer .fp-timeline{margin-right:109px} +.no-mute.flowplayer .fp-timeline{margin-right:59px} +.play-button.flowplayer .fp-timeline{margin-left:74px} +.is-long.flowplayer .fp-timeline{margin:0 229px 0 89px;} +.no-volume.is-long.flowplayer .fp-timeline{margin-right:139px} +.no-mute.is-long.flowplayer .fp-timeline{margin-right:89px} +.play-button.is-long.flowplayer .fp-timeline{margin-left:104px} +.aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 152px 0 12px} +.aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:62px} +.aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:12px} +.play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px} +.flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} +.flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} +.flowplayer .fp-volume{position:absolute;top:12px;right:12px} +.flowplayer .fp-mute{width:38px;height:20px;float:left;position:relative;top:-4.5px;left:;cursor:pointer;background-position:-2px -99px;} +.no-mute.flowplayer .fp-mute{display:none} +.flowplayer .fp-volumeslider{width:90px;height:11px;cursor:col-resize;float:left;} +.no-volume.flowplayer .fp-volumeslider{display:none} +.flowplayer .fp-volumelevel{height:100%} +.flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;} +.flowplayer .fp-time.is-inverted .fp-duration{display:none} +.flowplayer .fp-time.is-inverted .fp-remaining{display:inline} +.flowplayer .fp-time em{width:35px;height:11px;line-height:11px;text-align:center;position:absolute;bottom:12px} +.no-time.flowplayer .fp-time{display:none} +.is-long.flowplayer .fp-time em{width:65px} +.flowplayer .fp-elapsed{left:12px;} +.play-button.flowplayer .fp-elapsed{left:27px} +.flowplayer .fp-remaining,.flowplayer .fp-duration{right:152px;color:#eee;} +.no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:62px} +.no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:12px} +.flowplayer .fp-remaining{display:none} +.flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff} +.flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666} +.flowplayer.aside-time .fp-time{position:absolute;top:12px;left:12px;bottom:auto !important;width:110px;} +.flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static} +.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:12px} +.flowplayer.is-long.aside-time .fp-time{width:130px} +.flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;} +.flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important} +.flowplayer.is-poster .fp-engine{top:-9999em} +.flowplayer.is-loading .fp-waiting{display:block} +.flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none} +.flowplayer.is-loading .fp-ui{background-position:-9999em} +.flowplayer.is-seeking .fp-waiting{display:block} +.flowplayer.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} +.flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;} +.flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%} +.flowplayer.is-error .fp-message{display:block} +.flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none} +.flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)} +.flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} +.flowplayer.is-mouseout .fp-timeline{margin:0 !important} +.flowplayer.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} +.flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.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} +.flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:35px} +.flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.fixed-controls .fp-volume{display:block} +.flowplayer.fixed-controls .fp-controls{bottom:-35px;} +.is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0} +.flowplayer.fixed-controls .fp-time em{bottom:-23px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} +.is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:12px} +.flowplayer.is-disabled .fp-progress{background-color:#999} +.flowplayer .fp-embed{position:absolute;top:12px;left:12px;display:block;width:25px;height:20px;background-position:3px -237px} +.flowplayer .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;} +.flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333} +.flowplayer .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} +.flowplayer .fp-embed-code label{display:block;color:#999} +.flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.aside-time .fp-embed{left:110px} +.flowplayer.aside-time .fp-embed-code{left:140px} +.flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} +.flowplayer.is-long.aside-time .fp-embed{left:130px} +.flowplayer.no-time .fp-embed{left:12px !important} +@-moz-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-webkit-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-o-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@-ms-keyframes pulse{0%{opacity:0} +100%{opacity:1} +}@keyframes pulse{0%{opacity:0} +100%{opacity:1} +}.flowplayer .fp-controls{background-color:#111} +.flowplayer .fp-timeline,.flowplayer .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)))} +.flowplayer .fp-buffer{background-color:#eee} +.flowplayer .fp-progress{background-color:#008000} +.flowplayer .fp-volumelevel{background-color:#fff} +.flowplayer .fp-mute{display:block;width:38px;height:20px;background-position:0 -79px;} +.is-muted.flowplayer .fp-mute{background-position:0 -109px;opacity:.85;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85)} +.flowplayer .fp-play{background-position:9px -20px;} +.is-paused.flowplayer .fp-play{background-position:9px 11px} +.flowplayer .fp-timeline,.flowplayer .fp-volumeslider{border:1px inset;border-color:rgba(0,0,0,0.3) rgba(17,17,17,0.05)} +.flowplayer .fp-controls,.flowplayer .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)))} +.flowplayer .fp-timeline,.flowplayer .fp-progress,.flowplayer .fp-buffer,.flowplayer .fp-volumeslider,.flowplayer .fp-volumelevel{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px} +.flowplayer.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)))} +.flowplayer.color-light .fp-timeline,.flowplayer.color-light .fp-volumeslider{border-color:#eee #ccc} +.flowplayer.color-alt .fp-progress,.flowplayer.color-alt .fp-volumelevel{background-color:#111} +.flowplayer.color-alt2 .fp-progress,.flowplayer.color-alt2 .fp-volumelevel{background-color:#900} |
