| 1 |
#content .fv-player-video-checker, .fv-player-video-checker { pointer-events: none; position: absolute; top: 0; left: 0; z-index: 20; } |
| 2 |
#content .flowplayer.is-audio .fv-player-video-checker, .flowplayer.is-audio .fv-player-video-checker { color: unset !important; top: -40px; } |
| 3 |
#content .flowplayer .fv-player-video-checker small, .flowplayer .fv-player-video-checker small { pointer-events: auto; position:relative;left:15px;top:10px;-webkit-transition:all .15s 0s;-moz-transition:all .15s 0s;transition:all .15s 0s } |
| 4 |
#content .flowplayer.is-mouseover.is-ready:not(.is-audio) .fv-player-video-checker small, |
| 5 |
.flowplayer.is-mouseover.is-ready:not(.is-audio) .fv-player-video-checker small, |
| 6 |
#content .flowplayer.is-ready.is-paused:not(.is-audio) .fv-player-video-checker small, |
| 7 |
.flowplayer.is-ready.is-paused:not(.is-audio) .fv-player-video-checker small, |
| 8 |
.flowplayer.is-error:not(.is-audio) .fv-player-video-checker small { top: 3em } |
| 9 |
#content .flowplayer .fv-player-video-checker.is-open small, |
| 10 |
.flowplayer .fv-player-video-checker.is-open small, |
| 11 |
#content .flowplayer.has-video-checker .fv-player-video-checker.is-open small, |
| 12 |
.flowplayer.has-video-checker .fv-player-video-checker.is-open small { top:0 !important;left:0;-webkit-transition:none;-moz-transition:none;transition:none; color: black } |
| 13 |
#content .fv-player-video-checker.is-open, .fv-player-video-checker.is-open { color: black !important; background-color: #FFFFE0; margin: 0; padding: 0 12px; pointer-events: auto; border-radius: 0; border: none; line-height: 15px; z-index: 100; width: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif } |
| 14 |
#content .fv-player-video-checker.is-open strong, .fv-player-video-checker.is-open strong { font-weight: bold; } |
| 15 |
#content .fv-player-video-checker.is-open p, .fv-player-video-checker.is-open p { font-family: sans-serif; margin: 0.5em 0; padding: 2px; color: #5b5b5b; word-break: break-word; } |
| 16 |
.is-open p tt, .fv-player-video-checker.is-open blockquote { color: #000; font-size: 12px; } |
| 17 |
.is-open p tt.bluelink { color: #4189A7; } |
| 18 |
|
| 19 |
#content .fv-player-video-checker.is-open a { color: #800 !important; } |
| 20 |
|
| 21 |
#content .fv-player-video-checker.is-open blockquote, #content .fv-player-video-checker.is-open pre, .fv-player-video-checker.is-open blockquote, .fv-player-video-checker.is-open pre { padding: 5px; margin: 0; } |
| 22 |
.is-open textarea.wpfp_message_field { border: 1px solid #dedede; color: #8f8f8f; font-size: 12px; padding: 1%; } |
| 23 |
.is-open input[type="button"] { border: 1px solid #960c0c; color: #fff; border-radius: 4px; padding: 5px 8px; box-shadow: inset 0 0 1px #de3232; background: #ad1010; font-size: 12px; line-height: 18px; float: right; margin-bottom: 8px; } |
| 24 |
#content .fv-player-video-checker.is-open a.techinfo, .fv-player-video-checker.is-open a.techinfo { background-image:url(img/techinfo.png); color: gray !important; background-repeat: no-repeat; background-position: left center; display: inline-block; min-height: 18px; padding-left: 24px; margin-top: 5px; } |
| 25 |
#content .fv-player-video-checker.is-open.fv-wp-flowplayer-error, .fv-player-video-checker.is-open.fv-wp-flowplayer-error { background-color: #FFEBE8; border-color: #CC0000; } |
| 26 |
#content .fv-player-video-checker.is-open.is-open, .fv-player-video-checker.is-open.is-open { background-color: #EDEDED; border-color: #c0c0c0; box-shadow: 0 0 4px #ccc; } |
| 27 |
.fv-player-video-checker .fv-player-video-checker-head { display: none; } |
| 28 |
.is-open.is-open .fv-player-video-checker-head { display: block; text-align: center; font-size: 14px; padding: 10px; line-height: 1; margin: 0 -12px 1em; background-color: #ccc; text-transform: uppercase; } |
| 29 |
.is-open.is-open .fv-player-video-checker-head span:after { position: absolute; top: 5px; right: 5px; content: '\f335'; font-family: 'dashicons'; line-height: 1; vertical-align: top; font-size: 24px; color: #666; cursor: pointer } |
| 30 |
|
| 31 |
.flowplayer.fp-is-embed .fv-player-video-checker.is-open { |
| 32 |
height: 100%; |
| 33 |
overflow-x:hidden; |
| 34 |
overflow-y:scroll; |
| 35 |
} |
| 36 |
|
| 37 |
.fv-player-video-checker .vid-ok { color: green; } |
| 38 |
.fv-player-video-checker .vid-warning { color: orange; } |
| 39 |
.fv-player-video-checker .vid-issues { color: red; } |
| 40 |
|
| 41 |
|
| 42 |
.fv-player-video-checker.is-open .vid-ok { color: #114b00; } |
| 43 |
.fv-player-video-checker.is-open .vid-warning { color: #ac641e; } |
| 44 |
.fv-player-video-checker.is-open .vid-issues { color: #670004; } |
| 45 |
|
| 46 |
.fv-wp-fp-hidden { display: none; } |
| 47 |
.fv-wp-flowplayer-notice-parsed .row { text-align: left; border-bottom: 1px solid lightgray; border-right: 1px solid lightgray; border-left: 1px solid lightgray; padding-left: 5px; font-size: 12px; clear: both; } |
| 48 |
.fv-wp-flowplayer-notice-parsed .close { height: 0px; } |
| 49 |
.fv-wp-flowplayer-notice-parsed .value { border-left: 1px solid lightgray; display: inline-block; float: right; padding-left: 5px; width: 270px; /*height: 21px; overflow: hidden;*/ } |
| 50 |
.fv-wp-flowplayer-notice-parsed.indent { margin-left: 10px; } |
| 51 |
.fv-wp-flowplayer-notice-parsed.level-1 { background: #f8f8f8; } |
| 52 |
.fv-wp-flowplayer-notice-parsed.level-2 { background: #f0f0f0; } |
| 53 |
.fv-wp-flowplayer-notice-parsed.level-3 { background: #e8e8e8; } |
| 54 |
.fv-wp-flowplayer-notice-parsed.level-4 { background: #e0e0e0; } |
| 55 |
.fv-wp-flowplayer-notice-parsed.level-5 { background: #d8d8d8; } |
| 56 |
.fv-wp-flowplayer-notice-parsed.level-6 { background: #d0d0d0; } |
| 57 |
.fv-wp-flowplayer-notice-parsed.level-7 { background: #c8c8c8; } |
| 58 |
.mail-content-details { height: 200px; overflow: auto; width: 100%; } |
| 59 |
|
| 60 |
#fv_flowplayer_skin_playlist td, |
| 61 |
#fv_flowplayer_skin_subtitles td, |
| 62 |
#fv_flowplayer_skin_sticky td { |
| 63 |
width: 50%; |
| 64 |
} |
| 65 |
|
| 66 |
#wpfp_options .column-right {width: 70%;display: inline-block;float: right;} |
| 67 |
|
| 68 |
#skin-Skin-settings tr, |
| 69 |
#fv_flowplayer_skin_sticky .thirds tr { |
| 70 |
display: flex; |
| 71 |
column-gap: 1rem; |
| 72 |
flex-wrap: wrap; |
| 73 |
justify-content: center; |
| 74 |
margin-bottom: 1rem; |
| 75 |
} |
| 76 |
|
| 77 |
#skin-Skin-settings td, |
| 78 |
#fv_flowplayer_skin_sticky .thirds td { |
| 79 |
width: max-content; |
| 80 |
} |
| 81 |
|
| 82 |
#skin-Skin-settings td p, |
| 83 |
#fv_flowplayer_skin_sticky .thirds p { |
| 84 |
margin: 0; |
| 85 |
} |
| 86 |
|
| 87 |
#skin-tab-controls .form-table2 { |
| 88 |
max-width: max-content; |
| 89 |
margin-inline: auto; |
| 90 |
} |
| 91 |
|
| 92 |
#fv_flowplayer_skin_subtitles .inside { |
| 93 |
display: flex; |
| 94 |
flex-wrap: wrap; |
| 95 |
align-items: flex-start; |
| 96 |
} |
| 97 |
|
| 98 |
#fv_flowplayer_skin_subtitles #fp-preview-wrapper { |
| 99 |
order: 1; |
| 100 |
position: static; |
| 101 |
height: auto; |
| 102 |
flex: 0 0 70%; |
| 103 |
} |
| 104 |
|
| 105 |
#fv_flowplayer_skin_subtitles #fp-preview-wrapper .flowplayer { |
| 106 |
display: flex !important; |
| 107 |
align-items: flex-end; |
| 108 |
justify-content: center; |
| 109 |
} |
| 110 |
|
| 111 |
#fv_flowplayer_skin_subtitles #fp-preview-wrapper .fp-captions { |
| 112 |
display: flex; |
| 113 |
align-items: center; |
| 114 |
flex-direction: column; |
| 115 |
margin-bottom: 1rem; |
| 116 |
} |
| 117 |
|
| 118 |
/* TODO: remove .columns-2 from markup */ |
| 119 |
#wpbody-content #dashboard-widgets.columns-2 .postbox-container { |
| 120 |
width: 100%; |
| 121 |
} |
| 122 |
|
| 123 |
#fv-player-popups-settings tr.data:nth-child(even) { background-color: #f6f6f6; } |
| 124 |
.fv-player-popup-remove { visibility: hidden; } |
| 125 |
td:hover > .fv-player-popup-remove { visibility: visible; } |
| 126 |
.fv-player-list-remove { visibility: hidden; } |
| 127 |
td:hover > .fv-player-list-remove { visibility: visible; } |
| 128 |
#fv_flowplayer_popups table { -webkit-border-collapse:collapse;-moz-border-collapse:collapse;border-collapse:collapse } |
| 129 |
table.fv-player-popup-formats td:first-child { width: 72px } |
| 130 |
#fv_flowplayer_popups .inside label { |
| 131 |
display: initial; |
| 132 |
text-align: inherit; |
| 133 |
} |
| 134 |
#fv-player-popups-settings > tbody > tr > td:nth-child( 1 ) { |
| 135 |
text-align: center; |
| 136 |
max-width: 7px; |
| 137 |
} |
| 138 |
#fv-player-email_lists-settings tr td { |
| 139 |
vertical-align: top; |
| 140 |
} |
| 141 |
#fv-player-email_lists-settings >tbody > tr > td { |
| 142 |
padding: 2px; |
| 143 |
} |
| 144 |
#fv-player-email_lists-settings > tbody > tr:nth-child(even) { |
| 145 |
background-color: #f6f6f6; |
| 146 |
} |
| 147 |
#fv-player-email_lists-settings, |
| 148 |
#fv-player-email_lists-settings table { |
| 149 |
-webkit-border-collapse: collapse; |
| 150 |
-moz-border-collapse: collapse; |
| 151 |
border-collapse: collapse; |
| 152 |
} |
| 153 |
#fv-player-email_lists-settings table tr td label { |
| 154 |
line-height: 1.8; |
| 155 |
} |
| 156 |
#fv-player-email_lists-settings .id { |
| 157 |
padding: 5px; |
| 158 |
} |
| 159 |
#fv-player-email_lists-settings table tr td, |
| 160 |
.fv-metabox-holder { |
| 161 |
padding-top:0!important; |
| 162 |
} |
| 163 |
#fv-player-email_lists-settings select { |
| 164 |
width: 95%; |
| 165 |
} |
| 166 |
|
| 167 |
.fv-nav-tab-wrapper { |
| 168 |
border-bottom: 0px!important; |
| 169 |
margin-left: 1px!important; |
| 170 |
} |
| 171 |
|
| 172 |
.fv-metabox-holder .postbox.hide-if-js { |
| 173 |
display:block; |
| 174 |
} |
| 175 |
|
| 176 |
.fv-metabox-holder .postbox:first-child > .hndle, .fv-metabox-holder .postbox:first-child > .handlediv, .fv-metabox-holder .postbox:first-child > .postbox-header { |
| 177 |
display:none; |
| 178 |
} |
| 179 |
|
| 180 |
#fv_flowplayer_admin_tabs .nav-tab-active, |
| 181 |
#fv-player-shortcode-editor-right .nav-tab-active { |
| 182 |
background-color: #ffffff; |
| 183 |
border-bottom: #ffffff; |
| 184 |
} |
| 185 |
#fv_flowplayer_admin_tabs .nav-tab:focus { |
| 186 |
box-shadow: none; |
| 187 |
} |
| 188 |
|
| 189 |
.wp-admin .user-videos .fv-player-custom-video { |
| 190 |
margin-bottom: 10px; |
| 191 |
} |
| 192 |
.wp-admin .user-videos .flowplayer, .postbox-container .fv-player-custom-video .flowplayer, .usersultra-dahsboard-center .fv-player-custom-video .flowplayer { |
| 193 |
max-width: 432px !important; |
| 194 |
margin-top: 2px; |
| 195 |
margin-left: 2px; |
| 196 |
margin-right: 2px; |
| 197 |
} |
| 198 |
.wp-admin .user-videos .fv-player-custom-video > iframe, .postbox-container .fv-player-custom-video > iframe, .usersultra-dahsboard-center .fv-player-custom-video > iframe { |
| 199 |
display: block; |
| 200 |
overflow: hidden; |
| 201 |
width: 432px; |
| 202 |
height: 243px; |
| 203 |
} |
| 204 |
|
| 205 |
#fv_flowplayer_interface_options p.description {line-height:1.5;margin-bottom:0;margin-top:0} |
| 206 |
|
| 207 |
#fp-preview-wrapper{height:360px;width:420px;position:absolute;top:0px;right:50px} |
| 208 |
#fp-preview-wrapper>.flowplayer{position:relative; height:160px} |
| 209 |
#fp-preview-wrapper .fp-subtitle{height:50px} |
| 210 |
|
| 211 |
#dashboard-widgets .flowplayer-wrapper h3, #dashboard-widgets .flowplayer-wrapper h4 {color:inherit;margin:0 auto;padding:0;font-weight:700;font-size:inherit} |
| 212 |
|
| 213 |
#wpfp_options .minicolors-input { padding-left:5px; height:auto; width: 100% } |
| 214 |
#wpfp_options .minicolors-input-swatch {display:none} |
| 215 |
#wpfp_options input[data-opacity] { background-image: url(checkered.png) } |
| 216 |
#postbox-container-tab_skin .minicolors-theme-default.minicolors {display:block} |
| 217 |
|
| 218 |
.fv-player-editor-wrapper { float: left; width: 100%} |
| 219 |
.wp-block .fv-player-editor-wrapper { float: none; } |
| 220 |
.fv-player-editor-player-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; opacity:.7} |
| 221 |
.fv-player-editor-player-loading .spinner { position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0 } |
| 222 |
|
| 223 |
/* Disable WordPress 5.5 button to change box order */ |
| 224 |
#wpfp_options .handle-order-higher, #wpfp_options .handle-order-lower { display: none } |
| 225 |
/* Disable box dragging */ |
| 226 |
#wpfp_options .ui-sortable-handle { cursor: pointer; } |
| 227 |
|
| 228 |
#fv-player-system-info-textarea { font-family: monospace; width: 100%; } |
| 229 |
|
| 230 |
.fv-player-admin-tooltip { |
| 231 |
display: none; |
| 232 |
} |
| 233 |
|
| 234 |
.show-info, .show-info:hover, .show-info:active, .show-info:focus { color: #444; box-shadow: none; text-decoration: none; } |
| 235 |
.fv-player-admin-tooltip { |
| 236 |
position: absolute; |
| 237 |
background: white; |
| 238 |
padding: .5em; |
| 239 |
border: 1px solid gray; |
| 240 |
} |
| 241 |
|
| 242 |
#fv-player-shortcode-editor .fv-player-tab-cues div.fv-cues-infobox { |
| 243 |
text-align: center; |
| 244 |
padding: 15px 0; |
| 245 |
background-color: #fff; |
| 246 |
width: 100%; |
| 247 |
height: 100%; |
| 248 |
z-index: 1000; |
| 249 |
} |
| 250 |
|
| 251 |
.settings-section-link { |
| 252 |
display: inline-block; |
| 253 |
margin: 22px 0 0 10px; |
| 254 |
text-decoration: none; |
| 255 |
} |
| 256 |
|
| 257 |
/* |
| 258 |
Brizy editor support |
| 259 |
*/ |
| 260 |
.brz-ed .brz-blocked .flowplayer, .brz-ed .brz-blocked .fp-playlist-external { |
| 261 |
pointer-events: all; |
| 262 |
} |
| 263 |
|
| 264 |
#fv-player-settings-save-notice { |
| 265 |
position: fixed; |
| 266 |
z-index: 99; |
| 267 |
top: 60px; |
| 268 |
right: 5px; |
| 269 |
background: #fff; |
| 270 |
border: 1px solid #c3c4c7; |
| 271 |
border-left-width: 4px; |
| 272 |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
| 273 |
margin: 5px 15px 2px; |
| 274 |
padding: 1px 12px; |
| 275 |
border-left-color: #00a32a; |
| 276 |
display: none; |
| 277 |
} |
| 278 |
#fv-player-settings-save-notice.is-error { |
| 279 |
border-left-color: #d63638; |
| 280 |
} |
| 281 |
|
| 282 |
@media only screen and (max-width: 1024px) { |
| 283 |
#wpfp_options .column-right { width: 100%; float: none;} |
| 284 |
|
| 285 |
.form-table2.flowplayer-settings, |
| 286 |
#fv_flowplayer_skin_sticky .form-table2 { |
| 287 |
width: 100% !important; |
| 288 |
} |
| 289 |
|
| 290 |
#fv_flowplayer_skin_subtitles #fp-preview-wrapper { |
| 291 |
flex-grow: 1; |
| 292 |
} |
| 293 |
|
| 294 |
#fv_flowplayer_skin_sticky .inside { |
| 295 |
width: 100%; |
| 296 |
} |
| 297 |
} |
| 298 |
|
