| 1 |
.fp-playlist-external h4 { display: block } |
| 2 |
|
| 3 |
.flowplayer .fv-fp-playlist-menu .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } |
| 4 |
.flowplayer .fp-menu.fv-fp-playlist-menu { width: 4em; } |
| 5 |
.flowplayer .fp-menu.fv-fp-playlist-menu .fp-selected::before { content: '' } |
| 6 |
|
| 7 |
#fvp-playlist-play { |
| 8 |
display: block; |
| 9 |
text-align: center; |
| 10 |
} |
| 11 |
.fv-fp-playlist .fvp-icon, |
| 12 |
.fv-fp-playlist #fvp-playlist-play, |
| 13 |
.flowplayer .fp-menu.fv-fp-playlist-menu .fp-selected::before { |
| 14 |
display: none; |
| 15 |
} |
| 16 |
.fv-fp-playlist.mode-repeat-playlist .fvp-icon.fvp-replay-list, |
| 17 |
.fv-fp-playlist.mode-shuffle-playlist .fvp-icon.fvp-shuffle, |
| 18 |
.fv-fp-playlist.mode-repeat-track .fvp-icon.fvp-replay-track { |
| 19 |
display: block; |
| 20 |
} |
| 21 |
.fv-fp-playlist.mode-normal #fvp-playlist-play { |
| 22 |
display: inline-block; |
| 23 |
} |
| 24 |
.fv-fp-playlist.mode-normal #fvp-playlist-play { |
| 25 |
display: inline-block; |
| 26 |
} |
| 27 |
.fv-fp-playlist.mode-normal .fvp-icon.fvp-playlist-play { |
| 28 |
margin-top: 4px; |
| 29 |
} |
| 30 |
|
| 31 |
.flowplayer .fp-controls .fv-fp-prevbtn, |
| 32 |
.flowplayer .fp-controls .fv-fp-nextbtn { |
| 33 |
margin: 0 .2em 0 .4em; |
| 34 |
display: flex; |
| 35 |
vertical-align: middle; |
| 36 |
} |
| 37 |
.flowplayer .fp-controls .fv-fp-nextbtn { |
| 38 |
margin: 0 .4em 0 .2em; |
| 39 |
} |
| 40 |
.flowplayer.is-audio .fp-controls .fp-playbtn { |
| 41 |
margin: 0 .2em 0 .4em; |
| 42 |
} |
| 43 |
.fp-prevbtn:after, .fv-fp-prevbtn:after, .fp-nextbtn:before, .fv-fp-nextbtn:before { |
| 44 |
content: "\e007"; line-height: 1; vertical-align:middle; |
| 45 |
} |
| 46 |
.fv-fp-prevbtn:before { |
| 47 |
content: ""; |
| 48 |
border-left: 2px solid #fff; |
| 49 |
font-size: 1.2em; |
| 50 |
} |
| 51 |
.fp-outlined .fv-fp-prevbtn:before { |
| 52 |
border-left: 1px solid #fff; |
| 53 |
} |
| 54 |
.fv-fp-prevbtn:after { |
| 55 |
content: "\e007"; |
| 56 |
font-size: 1.2em; |
| 57 |
display: inline-block; |
| 58 |
line-height: 1; |
| 59 |
-webkit-transform: scale(-1.00,1.00); |
| 60 |
transform: scale(-1.00,1.00); |
| 61 |
} |
| 62 |
|
| 63 |
.fv-fp-nextbtn:before { |
| 64 |
font-size: 1.2em; |
| 65 |
border-right: 2px solid #fff; |
| 66 |
} |
| 67 |
.fp-outlined .fv-fp-nextbtn:before { |
| 68 |
border-right: 1px solid #fff; |
| 69 |
} |
| 70 |
|
| 71 |
.flowplayer.is-tiny .fp-controls .fv-fp-prevbtn, .flowplayer.is-tiny .fp-controls .fv-fp-nextbtn { |
| 72 |
display: none; |
| 73 |
} |
| 74 |
|
| 75 |
/* Tabs */ |
| 76 |
.fv_flowplayer_tabs { margin: 0 auto; } |
| 77 |
.fv_flowplayer_tabs ul.ui-tabs,.fv_flowplayer_tabs ul.ui-tabs-nav{margin:0 !important;font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;line-height:24px !important} |
| 78 |
.fv_flowplayer_tabs .ui-tabs { padding: 0; zoom: 1; } |
| 79 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 1px 0; } |
| 80 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-width: 0 !important; margin: 0 4px 2px 0 !important; padding: 0 !important; list-style:none !important;line-height:24px !important;} |
| 81 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 4px 10px !important; color:#5E5E5E !important;line-height:24px !important;background-color:#EFEFEF;} |
| 82 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-nav li.ui-state-active a, .fv_flowplayer_tabs .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .fv_flowplayer_tabs .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#FFF !important; background-color:#5E5E5E;} |
| 83 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-nav li a, .fv_flowplayer_tabs .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-state-active a { cursor: pointer; outline: none; border: none; } |
| 84 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-panel { padding: 4px 0; display: block; border-width: 0; background: none; } |
| 85 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; } |
| 86 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-nav li.ui-corner-top, .fv_flowplayer_tabs .ui-tabs-horizontal-top .wpts_ext{padding-bottom:4px!important;height:32px; } |
| 87 |
.fv_flowplayer_tabs .fv_flowplayer_tabs_cl{display:block;visibility:hidden;clear:left;height:0;content:".";} |
| 88 |
.fv_flowplayer_tabs .fv_flowplayer_tabs_cr{display:block;visibility:hidden;clear:right;height:0;content:".";} |
| 89 |
.fv_flowplayer_tabs .ui-tabs .ui-tabs-nav li i.dur {display: none; } |
| 90 |
|
| 91 |
/* Prev/next playlist */ |
| 92 |
.freedomplayer.fp-default-playlist .fp-prev, .freedomplayer.fp-default-playlist .fp-next { |
| 93 |
font-size: 240%; |
| 94 |
color: #fff; |
| 95 |
padding: 4px; |
| 96 |
font-weight: bold; |
| 97 |
text-shadow: 0 0 1px #000; |
| 98 |
cursor: pointer; |
| 99 |
z-index: 12; /* make clickable */ |
| 100 |
opacity: 0; |
| 101 |
} |
| 102 |
.freedomplayer.fp-default-playlist.is-mouseover:not(.is-fullscreen) .fp-prev, |
| 103 |
.freedomplayer.fp-default-playlist.is-mouseover:not(.is-fullscreen) .fp-next, |
| 104 |
.freedomplayer.fp-default-playlist.is-mouseover-bottom .fp-prev, |
| 105 |
.freedomplayer.fp-default-playlist.is-mouseover-bottom .fp-next { |
| 106 |
opacity: 0.6; |
| 107 |
} |
| 108 |
.freedomplayer.fp-default-playlist.is-mouseover .fp-prev:hover, .freedomplayer.fp-default-playlist.is-mouseover .fp-next:hover { |
| 109 |
opacity: 1; |
| 110 |
} |
| 111 |
.flowplayer .fp-prev { |
| 112 |
left: 5px; |
| 113 |
} |
| 114 |
.flowplayer .fp-next { |
| 115 |
right: 5px; |
| 116 |
} |
| 117 |
.is-mouseout.flowplayer .fp-prev, .is-mouseout.flowplayer .fp-next, |
| 118 |
.is-cva.flowplayer .fp-prev, .is-cva.flowplayer .fp-next { |
| 119 |
transition: opacity .1; |
| 120 |
} |
| 121 |
|
| 122 |
@-moz-keyframes blending{ |
| 123 |
to { opacity: 1; } |
| 124 |
}@-webkit-keyframes blending{ |
| 125 |
to { opacity: 1 } |
| 126 |
}@-o-keyframes blending{ |
| 127 |
to { opacity: 1 } |
| 128 |
}@-ms-keyframes blending{ |
| 129 |
to { opacity: 1 } |
| 130 |
}@keyframes blending{ |
| 131 |
to { opacity: 1 } |
| 132 |
} |
| 133 |
|
| 134 |
/* Other playlist styles */ |
| 135 |
.fp-playlist-external a,.entry-content .fp-playlist-external a {position:relative;text-decoration:none;border-bottom:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} |
| 136 |
.fp-playlist-external a:focus,.entry-content .fp-playlist-external a:focus {outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} |
| 137 |
.fp-playlist-external a:hover,.entry-content .fp-playlist-external a:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-decoration:none;border-bottom:0} |
| 138 |
.fp-playlist-external a,.fp-playlist-external a h4,.fp-playlist-vertical-wrapper .fp-playlist-external {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} |
| 139 |
.fp-playlist-external a .fvp-playlist-thumb:empty,.fp-playlist-horizontal a.fvp-video-thumb-no-splash h4 {background-color:#aaa} |
| 140 |
.fp-playlist-external a .fvp-playlist-thumb {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} |
| 141 |
.fp-playlist-external .fvp-playlist-thumb-img { |
| 142 |
height: 0; |
| 143 |
overflow: hidden; |
| 144 |
padding-top: 56.25%; |
| 145 |
position: relative; |
| 146 |
} |
| 147 |
.fp-playlist-external > a > .fvp-playlist-thumb-img > img, |
| 148 |
.fp-playlist-external > div > a > .fvp-playlist-thumb-img > img { |
| 149 |
position: absolute; |
| 150 |
top: 0; |
| 151 |
left: 0; |
| 152 |
width: 100%; |
| 153 |
height: 100%; |
| 154 |
object-fit: cover; |
| 155 |
border: 0; |
| 156 |
} |
| 157 |
.fvp-playlist-thumb-img.no-image { |
| 158 |
background: radial-gradient(transparent, transparent, rgba( 128, 128, 128, 0.15) ) |
| 159 |
} |
| 160 |
.fp-playlist-external a.is-active .fvp-playlist-thumb:after {opacity:0;position:absolute;content:"";top:0;bottom:0;left:0;right:0;opacity:0;border:0;transition: all ease-in-out 1s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:98} |
| 161 |
.fp-playlist-external a h4 {font-family:Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:0;font-weight:400;line-height:1.25} |
| 162 |
.fp-playlist-external a .now-playing {opacity:0;width:100%;height:100%;transition: all 1s ease-in-out 0s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow: inset 0 0 250px #000;color:#fff;font-size:16px;font-family:"myriad pro",Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase;text-shadow:0 0 5px #333;z-index:99;-webkit-animation:blending 3s ease-in-out 1s alternate infinite;-moz-animation:blending 3s ease-in-out 1s alternate infinite;animation:blending 3s ease-in-out 1s alternate infinite} |
| 163 |
.fp-playlist-external a .now-playing span {background-color:transparent;display:block;margin:0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)} |
| 164 |
.fp-playlist-external.fv-playlist-design-2017 a.is-active h4,.fp-playlist-external a.is-active:hover .now-playing {display:none;} |
| 165 |
.fp-playlist-external.fv-playlist-design-2017 a.is-active:hover h4 {display:block} |
| 166 |
|
| 167 |
.fp-playlist-horizontal {text-align:center;display:block;margin-left:auto;margin-right:auto;margin-bottom: 24px;clear:both;font-size:0} |
| 168 |
.fp-playlist-horizontal:before,.fp-playlist-horizontal:after {content:"";display:table} |
| 169 |
.fp-playlist-horizontal:after {clear:both} |
| 170 |
.fp-playlist-horizontal a,.entry-content .fp-playlist-horizontal a,.flowplayer.is-fv-narrow + .fp-playlist-horizontal a {width: 33.333333333%;display:inline-block;vertical-align:top;margin:0;padding:0;background-color:#fff;border:1px solid #fff;text-align:center;font-size:13px;line-height:1.2;position:relative} |
| 171 |
.fp-playlist-horizontal a:hover,.entry-content .fp-playlist-horizontal a:hover {border:1px solid #fff} |
| 172 |
.fp-playlist-horizontal a:nth-child(3n+1) {clear:both} |
| 173 |
.fp-playlist-external a .fvp-playlist-thumb {display:block;position:relative;width:100%;height:auto;margin:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;padding-top:56%;border:0;background-size:cover;background-position:center center;background-repeat:no-repeat} |
| 174 |
.fp-playlist-horizontal a:nth-child(3n+1) .fvp-playlist-thumb:before {display:none} |
| 175 |
.fp-playlist-external a h4 {opacity:0;position:absolute;top:0%;bottom:0;left:0;right:0;width:100%;margin:0 auto;padding:5px 10px;text-align:center;transition:all 0.3s ease-in-out 0.1s;font-size:13px;color:#fff;background-color:rgba(0, 0, 0, 0.75)} |
| 176 |
.fp-playlist-external a h4 span {position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);border:0;padding:5px 10px} |
| 177 |
.fp-playlist-external a:hover h4,.fp-playlist-external a.fvp-video-thumb-no-splash h4,#dashboard-widgets .flowplayer-wrapper a:hover h4,.fp-playlist-external a.is-active:hover h4, .fp-playlist-external a:hover .dur {opacity:1;color:#fff} |
| 178 |
.fp-playlist-horizontal a.is-active {-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} |
| 179 |
.is-touch + .fp-playlist-horizontal a h4 {opacity:1;background-color:transparent;text-shadow:0 0 12px #000;top:20%;bottom:20%;font-family:"myriad pro",Helvetica,Arial,sans-serif !important} |
| 180 |
.is-touch + .fp-playlist-horizontal.is-audio a h4 {text-shadow:none} |
| 181 |
.is-touch + .fp-playlist-horizontal a h4 span {background-color:rgba(0,0,0,.3)} |
| 182 |
.is-touch + .fp-playlist-horizontal.is-audio a h4 span {background-color:transparent} |
| 183 |
.fp-playlist-horizontal.is-wide a,.entry-content .fp-playlist-horizontal.is-wide a {width: 20%} |
| 184 |
.fp-playlist-horizontal.is-wide a:nth-child(3n+1) .fvp-playlist-thumb:before {display: block} |
| 185 |
.fp-playlist-horizontal.is-wide a:nth-child(5n+1) .fvp-playlist-thumb:before {display: none} |
| 186 |
.fp-playlist-horizontal.is-wide a:nth-child(3n+1) {clear:none} |
| 187 |
.fp-playlist-horizontal.is-wide a:nth-child(5n+1) {clear:both} |
| 188 |
|
| 189 |
.fv-playlist-slider-wrapper { overflow-x: auto; margin-bottom: 24px;-webkit-overflow-scrolling: touch;display:block} |
| 190 |
.fv-playlist-slider-wrapper .fp-playlist-horizontal { margin-bottom: 8px; width: 2500px;text-align:left } |
| 191 |
.fv-playlist-slider-wrapper .fp-playlist-horizontal a, .fv-playlist-slider-wrapper .fp-playlist-horizontal.is-wide a { width: 200px } |
| 192 |
|
| 193 |
.fp-playlist-vertical {text-align:left;overflow-x:hidden;max-width:100%;background-color:#fff} |
| 194 |
.fp-playlist-vertical-player {float:left!important;max-width:calc( 100% - 156px)!important} |
| 195 |
.fp-playlist-vertical-wrapper {margin-bottom:24px;overflow:hidden;display:block} |
| 196 |
.fp-playlist-vertical-wrapper:before,.fp-playlist-vertical-wrapper:after,.fp-playlist-text-wrapper:before,.fp-playlist-text-wrapper:after {content:"";display:table} |
| 197 |
.fp-playlist-vertical-wrapper:after,.fp-playlist-text-wrapper:after {clear:both} |
| 198 |
.fp-playlist-vertical.fp-playlist-only-captions a h4 span {line-height:1} |
| 199 |
.fp-playlist-vertical a .fvp-playlist-thumb {display:block;position:relative;width:100%;height:auto;margin:0 0 1px;padding-top:55%;border:0;background-color:#fff;background-size:cover;background-position:center center;background-repeat:no-repeat} |
| 200 |
.fp-playlist-vertical a h4 {margin:0;font-size:13px;color:#000} |
| 201 |
.fp-playlist-vertical-wrapper .flowplayer {width:75%;float:left} |
| 202 |
.fp-playlist-vertical-wrapper .fp-playlist-vertical {width:25%;margin-bottom:0;padding:0 2px} |
| 203 |
.fp-playlist-vertical-wrapper .fp-playlist-vertical a {display:block;margin-bottom:2px} |
| 204 |
.css-videos .fp-playlist-vertical-wrapper video, .fp-playlist-vertical-wrapper video {min-height:0 !important;height:100% !important} |
| 205 |
.fp-playlist-external.fp-playlist-vertical a:hover .now-playing {opacity:0} |
| 206 |
.fp-playlist-only-captions.fp-playlist-vertical a h4 {position:relative;top:auto;background-color:transparent;opacity:1;text-shadow:none} |
| 207 |
.fp-playlist-only-captions.fp-playlist-vertical a,.fp-playlist-only-captions.fp-playlist-vertical a:hover h4 {color:#000} |
| 208 |
|
| 209 |
/* Playlist 2014 - classic */ |
| 210 |
.fv-playlist-design-2014.fp-playlist-external a h4 {opacity:1;position:relative;margin-bottom:7px;padding:0 10px 4px;color:#000;background-color:transparent;text-shadow:none} |
| 211 |
.fv-playlist-design-2014.fp-playlist-external a h4 span {background-color:transparent;position:relative;transform:none;top:auto;padding:0} |
| 212 |
.fv-playlist-design-2014.fp-playlist-external a:hover h4,.fv-playlist-design-2014.fp-playlist-external a.fvp-video-thumb-no-splash h4,#dashboard-widgets .flowplayer-wrapper .fv-playlist-design-2014 a:hover h4 {color:inherit} |
| 213 |
|
| 214 |
/* Playlist 2017 - text only */ |
| 215 |
.fp-playlist-text.fp-playlist-external a h4,.visible-captions.fp-playlist-external a h4 {background-color:transparent;opacity:1} |
| 216 |
.visible-captions.fp-playlist-external a h4 span {color: #fff;background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0, 0.5)} |
| 217 |
.fp-playlist-text.fp-playlist-external a:hover .fvp-playlist-thumb {background-color:#666} |
| 218 |
.fp-playlist-text.fp-playlist-vertical a {margin-bottom:12px;} |
| 219 |
.fp-playlist-text.fp-playlist-external a.is-active .fvp-playlist-thumb:after {background-color:transparent} |
| 220 |
.fp-playlist-text-wrapper .fp-playlist-only-captions a .now-playing {display:none} |
| 221 |
.fp-playlist-only-captions.fp-playlist-vertical a {display:block;} |
| 222 |
.fp-playlist-text-wrapper.is-fv-narrow .flowplayer,.fp-playlist-text-wrapper.is-fv-narrow .fp-playlist-text,.fp-playlist-text-wrapper.is-fv-narrow .fp-playlist-only-captions,.fp-playlist-vertical-wrapper.is-fv-narrow .flowplayer,.fp-playlist-vertical-wrapper.is-fv-narrow .fp-playlist-vertical {width:100%;float:none;margin-bottom:0} |
| 223 |
.fp-playlist-vertical-wrapper.is-fv-narrow .fp-playlist-vertical a {width:49%;float:left;margin:0.75% 0.5%} |
| 224 |
.fp-playlist-text-wrapper.is-fv-narrow .fp-playlist-only-captions a {width:100%;float:none;display:block} |
| 225 |
.fp-playlist-external.fp-playlist-vertical.fp-playlist-only-captions a h4, .entry-content .fp-playlist-external.fp-playlist-vertical.fp-playlist-only-captions a h4 { text-align: left; padding:2px 8px } |
| 226 |
.fp-playlist-external.fp-playlist-vertical.fp-playlist-only-captions a h4 span { position:relative;top:auto;left:auto;right:auto;-webkit-transform:none;transform:none;padding:0 } |
| 227 |
.fp-playlist-only-captions.fp-playlist-external .dur { opacity:1;color:#999;position:relative;right:auto;top:auto;text-shadow:none;margin-left:6px; } |
| 228 |
.fp-playlist-only-captions.fp-playlist-external a:hover .dur { color:#999; } |
| 229 |
|
| 230 |
/* Polaroid Playlist */ |
| 231 |
|
| 232 |
.fp-playlist-external.fp-playlist-polaroid a, |
| 233 |
.entry-content .fp-playlist-external.fp-playlist-polaroid a { |
| 234 |
width: 47%; |
| 235 |
display: inline-block; |
| 236 |
vertical-align: top; |
| 237 |
margin: 0 1% 2%; |
| 238 |
padding: 0; |
| 239 |
font-size: 16px; |
| 240 |
line-height: 1.2; |
| 241 |
position: relative; |
| 242 |
background: ghostwhite; |
| 243 |
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); |
| 244 |
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); |
| 245 |
box-shadow: 0 0 5px rgba(0,0,0,0.2); |
| 246 |
border: 10px solid ghostwhite; |
| 247 |
padding-bottom: 40px; |
| 248 |
} |
| 249 |
.fp-playlist-external.fp-playlist-polaroid a:hover, |
| 250 |
.entry-content .fp-playlist-external.fp-playlist-polaroid a:hover { |
| 251 |
background-color: #f4f4f4; |
| 252 |
border: 10px solid #f4f4f4; |
| 253 |
} |
| 254 |
.fp-playlist-external.fp-playlist-polaroid a:before { |
| 255 |
content: ''; |
| 256 |
position: absolute; |
| 257 |
top: 10px; |
| 258 |
bottom: 8px; |
| 259 |
left: 10px; |
| 260 |
right: 0px; |
| 261 |
display: block; |
| 262 |
-webkit-box-shadow: 0 15px 10px #777; |
| 263 |
-moz-box-shadow: 0 15px 10px #777; |
| 264 |
box-shadow: 0 15px 10px #777; |
| 265 |
-webkit-transform: rotate(2deg); |
| 266 |
-moz-transform: rotate(2deg); |
| 267 |
-o-transform: rotate(2deg); |
| 268 |
-ms-transform: rotate(2deg); |
| 269 |
transform: rotate(2deg); |
| 270 |
z-index: -1; |
| 271 |
} |
| 272 |
.fp-playlist-external.fp-playlist-polaroid .fvp-playlist-thumb-img { |
| 273 |
height: 0; |
| 274 |
overflow: hidden; |
| 275 |
padding-top: 90%; |
| 276 |
position: relative; |
| 277 |
z-index: 3; |
| 278 |
} |
| 279 |
.fp-playlist-external.fp-playlist-polaroid a h4 { |
| 280 |
position: absolute; |
| 281 |
top: 0; |
| 282 |
bottom: 2px; |
| 283 |
left: 0; |
| 284 |
right: 0; |
| 285 |
width: 100%; |
| 286 |
margin: 0 auto; |
| 287 |
padding: 0; |
| 288 |
text-align: left; |
| 289 |
font-size: 14px; |
| 290 |
font-weight: 400; |
| 291 |
font-family: Courier, Courier New; |
| 292 |
line-height: 1.2; |
| 293 |
background-color: transparent; |
| 294 |
color: #000; |
| 295 |
opacity: 1; |
| 296 |
z-index: 9; |
| 297 |
} |
| 298 |
.fp-playlist-external.fp-playlist-polaroid a h4 span { |
| 299 |
background-color: transparent; |
| 300 |
color: #000; |
| 301 |
top: auto; |
| 302 |
bottom: 0; |
| 303 |
padding: 0; |
| 304 |
-webkit-transform: none; |
| 305 |
-moz-transform: none; |
| 306 |
transform: none; |
| 307 |
} |
| 308 |
.fp-playlist-external.fp-playlist-polaroid .dur { |
| 309 |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
| 310 |
font-weight: 700; |
| 311 |
} |
| 312 |
.fp-playlist-external.fp-playlist-polaroid a:nth-child(2n+1) { |
| 313 |
clear: both; |
| 314 |
} |
| 315 |
|
| 316 |
/* Playlist Duration */ |
| 317 |
.fp-playlist-external .dur { font-style:normal;font-size:13px;position:absolute;top:6px;right:6px;color:#fff;line-height:1;text-shadow:0 0 3px #333;opacity:0;-webkit-transition:all 0.3s ease-in-out 0.1s;-moz-transition:all 0.3s ease-in-out 0.1s;transition:all 0.3s ease-in-out 0.1s } |
| 318 |
|
| 319 |
/* Vertical Season Style */ |
| 320 |
.fvp-progress-wrap { |
| 321 |
position: absolute; |
| 322 |
height: .5em; |
| 323 |
bottom: .5em; |
| 324 |
left: .5em; |
| 325 |
right: .5em; |
| 326 |
opacity: .5; |
| 327 |
border-radius: 1em; |
| 328 |
} |
| 329 |
.fvp-progress { |
| 330 |
height: 100%; |
| 331 |
position: absolute; |
| 332 |
left: 0; |
| 333 |
} |
| 334 |
|
| 335 |
.fvp-playlist-item-info { |
| 336 |
float: right; |
| 337 |
text-align: left; |
| 338 |
width: 65%; |
| 339 |
} |
| 340 |
.fp-playlist-season a:after { |
| 341 |
clear: both; |
| 342 |
content: ""; |
| 343 |
display: table; |
| 344 |
} |
| 345 |
.fp-playlist-season a .fvp-playlist-thumb { |
| 346 |
width: 33%; |
| 347 |
height: 200px; |
| 348 |
padding-top: 0; |
| 349 |
} |
| 350 |
.fp-playlist-season a h4 { |
| 351 |
opacity: 100; |
| 352 |
position: static; |
| 353 |
} |
| 354 |
.fp-playlist-season a h4 span { |
| 355 |
position: static; |
| 356 |
} |
| 357 |
.fp-playlist-season .dur { |
| 358 |
opacity: 100; |
| 359 |
position: static; |
| 360 |
color: inherit; |
| 361 |
text-shadow: none; |
| 362 |
} |
| 363 |
|
| 364 |
.flowplayer.has-playlist-season, .flowplayer.has-playlist-season.skin-custom, |
| 365 |
.flowplayer.has-playlist-polaroid, .flowplayer.has-playlist-polaroid.skin-custom { |
| 366 |
display: none; |
| 367 |
} |
| 368 |
.flowplayer.has-playlist-season.is-fullscreen, .flowplayer.has-playlist-polaroid.is-fullscreen { |
| 369 |
display: block; |
| 370 |
} |
| 371 |
|
| 372 |
/* Editing Movies and Shows */ |
| 373 |
|
| 374 |
.fp-playlist-external.fp-playlist-season .fp-playlist-external a { |
| 375 |
clear: both; |
| 376 |
display: block; |
| 377 |
margin: 0 0 2em; |
| 378 |
max-width: 600px; |
| 379 |
} |
| 380 |
.fp-playlist-external.fp-playlist-season .fvp-playlist-item-info { |
| 381 |
float: right; |
| 382 |
font-weight: 300; |
| 383 |
font-family: inherit; |
| 384 |
margin: 0 0 .5em; |
| 385 |
width: 48%; |
| 386 |
} |
| 387 |
.fp-playlist-external.fp-playlist-season .fvp-playlist-thumb-img { |
| 388 |
float: left; |
| 389 |
width: 48%; |
| 390 |
position: relative; |
| 391 |
margin: 0 2% 0 0; |
| 392 |
padding-top: 28%; |
| 393 |
margin-bottom: 30px; |
| 394 |
} |
| 395 |
.fp-playlist-external.fp-playlist-season .fvp-playlist-thumb-img img { |
| 396 |
display: block; |
| 397 |
} |
| 398 |
.fp-playlist-external.fp-playlist-season .fp-playlist-external a h4 { |
| 399 |
background: none; |
| 400 |
text-align: left; |
| 401 |
padding: 0; |
| 402 |
font-size: 18px; |
| 403 |
font-size: 1.125rem; |
| 404 |
font-weight: 700; |
| 405 |
margin-bottom: .5em; |
| 406 |
} |
| 407 |
.fp-playlist-external.fp-playlist-season .fvp-playlist-item-info p:last-child { |
| 408 |
margin-bottom: .5em; |
| 409 |
} |
| 410 |
.fp-playlist-external.fp-playlist-season .fp-playlist-season .dur { |
| 411 |
color: #aaa; |
| 412 |
font-weight: 300; |
| 413 |
} |
| 414 |
.fp-playlist-external.fp-playlist-season .fp-playlist-external a h4 { |
| 415 |
background-color: transparent; |
| 416 |
color: #000; |
| 417 |
width: auto; |
| 418 |
text-align: left; |
| 419 |
} |
| 420 |
.fp-playlist-external.fp-playlist-season .fvp-progress-wrap { |
| 421 |
background-color: #999; |
| 422 |
background-color: rgba(255,255,255,0.5); |
| 423 |
-webkit-box-shadow: 0 0 3px #000; |
| 424 |
-moz-box-shadow: 0 0 3px #000; |
| 425 |
box-shadow: 0 0 3px #000; |
| 426 |
} |
| 427 |
.fp-playlist-external.fp-playlist-season .fvp-playlist-item-info h4 { |
| 428 |
text-align: left; |
| 429 |
font-size: 1em; |
| 430 |
padding: 0; |
| 431 |
color: inherit; |
| 432 |
font-weight: bold; |
| 433 |
background: transparent; |
| 434 |
transition: inherit; |
| 435 |
} |
| 436 |
.fp-playlist-external.fp-playlist-season .fvp-playlist-item-info p { |
| 437 |
color: inherit; |
| 438 |
margin-bottom: 0; |
| 439 |
} |
| 440 |
.fp-playlist-external.fp-playlist-season .fvp-playlist-item-info .dur { |
| 441 |
color: inherit; |
| 442 |
font-size: 0.65em; |
| 443 |
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| 444 |
transition: inherit; |
| 445 |
} |
| 446 |
.fp-playlist-external.fv-playlist-design-2017 a.is-active h4 { |
| 447 |
display: block; |
| 448 |
text-decoration: underline; |
| 449 |
} |
| 450 |
.fp-playlist-external.fp-playlist-season a:hover h4, |
| 451 |
.fp-playlist-external.fp-playlist-season a.fvp-video-thumb-no-splash h4, |
| 452 |
.fp-playlist-external.fp-playlist-season a.is-active:hover h4, |
| 453 |
.fp-playlist-external.fp-playlist-season a:hover .dur { |
| 454 |
color: inherit; |
| 455 |
} |
| 456 |
.fp-playlist-external.fp-playlist-season a .now-playing { |
| 457 |
display: none; |
| 458 |
} |
| 459 |
|
| 460 |
/* Audio player playlist */ |
| 461 |
.fp-playlist-external.is-audio a .now-playing { display:none; } |
| 462 |
.fp-playlist-external.is-audio { counter-reset: fv-playlist-counter;background-color:#f0f0f0;border-radius:0 0 10px 10px;border-top:1px solid #fff } |
| 463 |
.flowplayer.is-audio + .visible-captions.fp-playlist-external a h4 span { color:inherit;background-color:transparent; } |
| 464 |
.fp-playlist-external.is-audio .dur { color:#666;opacity:1;text-shadow:none;position:static;float:right;} |
| 465 |
.is-audio + .fp-playlist-horizontal {margin-left:0;margin-right:0} |
| 466 |
.is-audio + .fp-playlist-horizontal a .fvp-playlist-thumb,.entry-content .is-audio + .fp-playlist-horizontal a .fvp-playlist-thumb,.flowplayer.is-audio .fp-player + a { display:none;bottom:0;background-image:none !important } |
| 467 |
.fp-playlist-external.is-audio.fp-playlist-horizontal a,.entry-content .fp-playlist-external.is-audio.fp-playlist-horizontal a,.flowplayer.is-fv-narrow .fp-playlist-external.is-audio.fp-playlist-horizontal a { counter-increment:fv-playlist-counter;width:100%;display:block;text-align:left;line-height:1.15;margin:0;padding:6px 12px;border:0;color:#666;clear:both;min-height:26px } |
| 468 |
.fp-playlist-external.is-audio a:nth-child(odd),.entry-content .fp-playlist-external.is-audio a:nth-child(odd) {background-color: #f8f8f8;} |
| 469 |
.fp-playlist-external.is-audio a h4,.entry-content .fp-playlist-external.is-audio a h4 { display: block;opacity:1;position:relative;text-align:left;font-size:13px;padding:0;clear:none;left:auto;width:auto;background-color:transparent;color:inherit } |
| 470 |
.fp-playlist-external.is-audio a h4 span,.entry-content .fp-playlist-external.is-audio a h4 span { position:relative;top:auto;padding:0;transform:none } |
| 471 |
.fp-playlist-external.is-audio a h4:before,.entry-content .fp-playlist-external.is-audio a h4:before { content: counter(fv-playlist-counter, decimal-leading-zero) ". ";float:left;min-width:26px;color:#adadad;font-weight:400 } |
| 472 |
|
| 473 |
.fp-playlist-external.is-audio a.is-active,.fp-playlist-external.is-audio a.is-active h4,.fp-playlist-external.is-audio a.is-active h4:before {color:#bb0000} |
| 474 |
|
| 475 |
.fp-playlist-external.is-audio .fvp-playlist-thumb-img { |
| 476 |
padding-top: 0; |
| 477 |
} |
| 478 |
|
| 479 |
/* WIP: Playlist 2022 */ |
| 480 |
.fp-playlist-version-one, |
| 481 |
.fp-playlist-version-two { |
| 482 |
max-width: 100% !important; |
| 483 |
position: relative; |
| 484 |
display: flex; |
| 485 |
} |
| 486 |
|
| 487 |
.fv-playlist-draggable { |
| 488 |
display: grid; |
| 489 |
--fp-playlist-items-gap: 20px; |
| 490 |
grid-auto-flow: column; |
| 491 |
grid-auto-columns: calc( ( 100% - ( var(--fp-playlist-items-per-row) - 1 ) * var(--fp-playlist-items-gap) ) / var(--fp-playlist-items-per-row) ); |
| 492 |
column-gap: var(--fp-playlist-items-gap); |
| 493 |
overflow: auto hidden; |
| 494 |
user-select: none; |
| 495 |
width: 100%; |
| 496 |
} |
| 497 |
|
| 498 |
.fp-playlist-version-one .fv-playlist-draggable::-webkit-scrollbar { |
| 499 |
width: 0 !important; |
| 500 |
} |
| 501 |
|
| 502 |
.fp-playlist-version-one .fv-playlist-draggable { |
| 503 |
scrollbar-width: none; |
| 504 |
} |
| 505 |
.fp-playlist-version-two .fv-playlist-draggable { |
| 506 |
--fp-playlist-items-gap: 4px; |
| 507 |
touch-action: pan-x; |
| 508 |
scrollbar-color: #12784a #2222; |
| 509 |
scrollbar-width: thin; |
| 510 |
cursor: pointer; |
| 511 |
} |
| 512 |
|
| 513 |
@media (hover: hover) and (pointer: fine) { |
| 514 |
.fp-playlist-version-two .fv-playlist-draggable { |
| 515 |
cursor: auto; |
| 516 |
} |
| 517 |
} |
| 518 |
|
| 519 |
.fp-playlist-version-two .fv-playlist-draggable::-webkit-scrollbar { |
| 520 |
height: 30px; |
| 521 |
background: linear-gradient(to bottom, transparent 18px, rgb(34 34 34 / 13%) 18px 22px, transparent 22px); |
| 522 |
} |
| 523 |
|
| 524 |
.fp-playlist-version-two .fv-playlist-draggable::-webkit-scrollbar-thumb { |
| 525 |
background: linear-gradient(to bottom, transparent 18px, #12784a 18px 22px, transparent 22px); |
| 526 |
} |
| 527 |
|
| 528 |
.fp-playlist-version-two .fv-playlist-draggable::-webkit-scrollbar-thumb:horizontal:hover { |
| 529 |
background: linear-gradient(to bottom, transparent 17px, #12784a 17px 23px, transparent 23px); |
| 530 |
} |
| 531 |
|
| 532 |
.fp-playlist-version-two .fv-playlist-draggable > a:hover .fvp-playlist-thumb-img > img { |
| 533 |
transform: scale(1.05); |
| 534 |
} |
| 535 |
|
| 536 |
.fp-playlist-version-two .fvp-playlist-thumb-img > img { |
| 537 |
transition: all 0.6s; |
| 538 |
} |
| 539 |
|
| 540 |
.fp-playlist-version-two .fv-playlist-draggable > a > * { |
| 541 |
transition: transform 0.6s ease; |
| 542 |
border-radius: 20px; |
| 543 |
} |
| 544 |
|
| 545 |
.fv-playlist-slider-controls { |
| 546 |
width: 100%; |
| 547 |
display: flex; |
| 548 |
justify-content: space-between; |
| 549 |
position: absolute; |
| 550 |
-webkit-tap-highlight-color: #0000; |
| 551 |
transition: all 0.3s; |
| 552 |
pointer-events: none; |
| 553 |
top: 33%; |
| 554 |
} |
| 555 |
|
| 556 |
.fp-playlist-version-two .fv-playlist-slider-controls { |
| 557 |
opacity: 0; |
| 558 |
} |
| 559 |
|
| 560 |
.fv-playlist-left-arrow, |
| 561 |
.fv-playlist-right-arrow { |
| 562 |
align-items: center; |
| 563 |
appearance: button; |
| 564 |
color: #000; |
| 565 |
border-radius: 50%; |
| 566 |
border: none; |
| 567 |
display: flex; |
| 568 |
width: 50px; |
| 569 |
justify-content: center; |
| 570 |
height: 50px; |
| 571 |
padding: 12px; |
| 572 |
transition: all .3s; |
| 573 |
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='m5.5 0 8 7.5-8 7.5-2-2 5.9-5.5L3.6 2z'/%3E%3C/svg%3E") no-repeat center/15px #fff; |
| 574 |
pointer-events: auto; |
| 575 |
} |
| 576 |
|
| 577 |
.fv-playlist-draggable.leftmost + .fv-playlist-slider-controls .fv-playlist-left-arrow, |
| 578 |
.fv-playlist-draggable.rightmost + .fv-playlist-slider-controls .fv-playlist-right-arrow { |
| 579 |
opacity: 0; |
| 580 |
} |
| 581 |
|
| 582 |
.fp-playlist-version-two:hover .fv-playlist-slider-controls { |
| 583 |
opacity: 1; |
| 584 |
} |
| 585 |
|
| 586 |
.fp-playlist-version-two:hover .fv-playlist-left-arrow { |
| 587 |
transform: scale(-1) translateX(-30px); |
| 588 |
} |
| 589 |
|
| 590 |
.fv-playlist-left-arrow { |
| 591 |
transform: scale(-1); |
| 592 |
} |
| 593 |
|
| 594 |
.fp-playlist-version-two:hover .fv-playlist-right-arrow { |
| 595 |
transform: translateX(-30px); |
| 596 |
} |
| 597 |
|
| 598 |
.fp-playlist-version-one.fp-playlist-external a h4, |
| 599 |
.fp-playlist-version-two.fp-playlist-external a h4 { |
| 600 |
position: relative; |
| 601 |
opacity: 1; |
| 602 |
margin-top: 10px; |
| 603 |
background: none; |
| 604 |
color: inherit; |
| 605 |
text-align: left; |
| 606 |
padding: 0; |
| 607 |
line-height: 1.4; |
| 608 |
transition: inherit; |
| 609 |
} |
| 610 |
|
| 611 |
.fp-playlist-version-one.fp-playlist-external a h4 span, |
| 612 |
.fp-playlist-version-two.fp-playlist-external a h4 span { |
| 613 |
position: static; |
| 614 |
padding: 0; |
| 615 |
font-size: 16px; |
| 616 |
font-weight: 700; |
| 617 |
text-transform: uppercase; |
| 618 |
display: block; |
| 619 |
transform: none; |
| 620 |
} |
| 621 |
|
| 622 |
.fp-playlist-version-one.fp-playlist-external .dur, |
| 623 |
.fp-playlist-version-one.fp-playlist-external a:hover .dur, |
| 624 |
.fp-playlist-version-two.fp-playlist-external .dur, |
| 625 |
.fp-playlist-version-two.fp-playlist-external a:hover .dur, |
| 626 |
.fp-playlist-version-one.fp-playlist-external a:hover h4, |
| 627 |
.fp-playlist-version-two.fp-playlist-external a:hover h4 { |
| 628 |
color: inherit; |
| 629 |
transition: inherit; |
| 630 |
} |
| 631 |
|
| 632 |
.fp-playlist-version-one.fp-playlist-external .dur, |
| 633 |
.fp-playlist-version-two.fp-playlist-external .dur { |
| 634 |
position: static; |
| 635 |
opacity: 1; |
| 636 |
text-shadow: none; |
| 637 |
font-size: 14px; |
| 638 |
} |
| 639 |
|
| 640 |
@media only screen and (max-width: 47.9375em) { |
| 641 |
.fp-playlist-horizontal {margin-left:-1px;margin-right:-1px} |
| 642 |
.fp-playlist-horizontal a,.entry-content .fp-playlist-horizontal a, .flowplayer.is-fv-narrow + .fp-playlist-horizontal a {width: 50%} |
| 643 |
.fp-playlist-horizontal a:nth-child(3n+1) {clear:none} |
| 644 |
.fp-playlist-horizontal a:nth-child(2n+1) {clear:both} |
| 645 |
.fv-playlist-slider-wrapper .fp-playlist-horizontal a,.entry-content .fv-playlist-slider-wrapper .fp-playlist-horizontal a, .flowplayer.is-fv-narrow + .fv-playlist-slider-wrapper .fp-playlist-horizontal a {width: 200px} |
| 646 |
} |
| 647 |
|
| 648 |
@media (max-width: 39.9375em){ |
| 649 |
.fp-playlist-vertical-wrapper .fp-playlist-vertical {padding:0} |
| 650 |
.fp-playlist-horizontal a h4, .fp-playlist-external a h4 {font-size:12px} |
| 651 |
.fp-playlist-vertical-wrapper .fp-playlist-vertical a,.fp-playlist-vertical a {width:49.5%;float:left;margin: .75% 0 0 1%} |
| 652 |
.fp-playlist-only-captions.fp-playlist-vertical a {width:100%;float:none;margin:8px 0} |
| 653 |
.fp-playlist-vertical a:nth-child(2n+1) {clear:both;margin-left:0} |
| 654 |
} |
| 655 |
|
| 656 |
@media only screen and (max-width: 29.9375em) { |
| 657 |
.fp-playlist-external a h4 {font-size:10px} |
| 658 |
} |
| 659 |
|
| 660 |
@media only screen and (max-width: 22.44em) { |
| 661 |
.fp-playlist-vertical-wrapper.is-fv-narrow .fp-playlist-vertical a {width:100%;float:none;margin:.75% .5%} |
| 662 |
} |
| 663 |
|
| 664 |
@media screen and (min-width: 800px) { |
| 665 |
.fp-playlist-external.fp-playlist-polaroid a, |
| 666 |
.entry-content .fp-playlist-external.fp-playlist-polaroid a { |
| 667 |
width: 30.333333333333%; |
| 668 |
} |
| 669 |
.fp-playlist-external.fp-playlist-polaroid a:nth-child(2n+1) { |
| 670 |
clear: none; |
| 671 |
} |
| 672 |
.fp-playlist-external.fp-playlist-polaroid a:nth-child(3n+1) { |
| 673 |
clear: both; |
| 674 |
} |
| 675 |
} |
| 676 |
|
| 677 |
@media screen and (min-width: 1020px) { |
| 678 |
.fp-playlist-external.fp-playlist-polaroid a, |
| 679 |
.entry-content .fp-playlist-external.fp-playlist-polaroid a { |
| 680 |
width: 22%; |
| 681 |
} |
| 682 |
.fp-playlist-external.fp-playlist-polaroid a:nth-child(2n+1) { |
| 683 |
clear: none; |
| 684 |
} |
| 685 |
.fp-playlist-external.fp-playlist-polaroid a:nth-child(3n+1) { |
| 686 |
clear: none; |
| 687 |
} |
| 688 |
.fp-playlist-external.fp-playlist-polaroid a:nth-child(4n+1) { |
| 689 |
clear: both; |
| 690 |
} |
| 691 |
} |
| 692 |
|
