PluginProbe
FV Player 8 / 8.0.21
FV Player 8 v8.0.21
trunk 8.0.18 8.0.19 8.0.20 8.0.21 8.0.25 8.0.27 8.1 8.1.3
fv-player / css / admin.css

admin.css in FV Player 8 8.0.21, at css/admin.css

326 lines 12.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
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 .fv-player-interface-form-group td { width:50%; }
60
61 .flowplayer-wrapper {width: 70%;display: inline-block;float: right;}
62
63 #skin-Skin-settings tr,
64 #fv_flowplayer_skin_sticky .thirds tr {
65 display: flex;
66 column-gap: 1rem;
67 flex-wrap: wrap;
68 justify-content: center;
69 margin-bottom: 1rem;
70 }
71
72 #skin-Skin-settings td,
73 #fv_flowplayer_skin_sticky .thirds td {
74 width: max-content;
75 }
76
77 #skin-Skin-settings td p,
78 #fv_flowplayer_skin_sticky .thirds p {
79 margin: 0;
80 }
81
82 #skin-tab-controls .form-table2 {
83 max-width: max-content;
84 margin-inline: auto;
85 }
86
87 :is(#skin-tab-skin, #fv_flowplayer_skin_playlist, #fv_flowplayer_skin_subtitles, #fv_flowplayer_skin_sticky) .form-table2 {
88 max-width: 60ch;
89 margin-inline: auto;
90 }
91
92 :is(#skin-tab-skin, #fv_flowplayer_skin_playlist, #fv_flowplayer_skin_subtitles, #fv_flowplayer_skin_sticky) td:first-child:nth-last-child(2) {
93 width: 26%;
94 }
95
96 :is(#skin-tab-skin, #fv_flowplayer_skin_playlist, #fv_flowplayer_skin_subtitles, #fv_flowplayer_skin_sticky) td:first-child + td:last-child {
97 width: 74%;
98 }
99
100 /* TODO: Remove inline width style */
101 :is(.skin-tab-content, #fv_flowplayer_skin_playlist, #fv_flowplayer_skin_subtitles, #fv_flowplayer_skin_sticky) .chosen-container-single-nosearch {
102 width: 95% !important;
103 }
104
105 /* TODO: Merge with license.css */
106 #fv_flowplayer_skin_sticky #sticky_width {
107 width: 95%;
108 }
109 #wpfp_options :is(#fv_flowplayer_skin_playlist, #fv_flowplayer_skin_subtitles) .form-table2 {
110 width: 29%;
111 }
112
113 #fv_flowplayer_skin_subtitles .inside {
114 display: flex;
115 flex-wrap: wrap;
116 align-items: flex-start;
117 }
118
119 #fv_flowplayer_skin_sticky .inside {
120 width: 29%;
121 display: flex;
122 flex-wrap: wrap;
123 }
124
125 #wpfp_options #fv_flowplayer_skin_sticky .button-primary {
126 float: none;
127 }
128
129 #fv_flowplayer_skin_subtitles #fp-preview-wrapper {
130 order: 1;
131 position: static;
132 height: auto;
133 flex: 0 0 70%;
134 }
135
136 #fv_flowplayer_skin_subtitles #fp-preview-wrapper .flowplayer {
137 display: flex !important;
138 align-items: flex-end;
139 justify-content: center;
140 }
141
142 #fv_flowplayer_skin_subtitles #fp-preview-wrapper .fp-captions {
143 display: flex;
144 align-items: center;
145 flex-direction: column;
146 margin-bottom: 1rem;
147 }
148
149 /* TODO: remove .columns-2 from markup */
150 #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
151 width: 100%;
152 }
153
154 #fv-player-popups-settings tr.data:nth-child(even) { background-color: #f6f6f6; }
155 .fv-player-popup-remove { visibility: hidden; }
156 td:hover > .fv-player-popup-remove { visibility: visible; }
157 .fv-player-list-remove { visibility: hidden; }
158 td:hover > .fv-player-list-remove { visibility: visible; }
159 #fv_flowplayer_popups table { -webkit-border-collapse:collapse;-moz-border-collapse:collapse;border-collapse:collapse }
160 table.fv-player-popup-formats td:first-child { width: 72px }
161 #fv_flowplayer_popups .inside label {
162 display: initial;
163 text-align: inherit;
164 }
165 #fv-player-popups-settings > tbody > tr > td:nth-child( 1 ) {
166 text-align: center;
167 max-width: 7px;
168 }
169 #fv-player-email_lists-settings tr td {
170 vertical-align: top;
171 }
172 #fv-player-email_lists-settings >tbody > tr > td {
173 padding: 2px;
174 }
175 #fv-player-email_lists-settings > tbody > tr:nth-child(even) {
176 background-color: #f6f6f6;
177 }
178 #fv-player-email_lists-settings,
179 #fv-player-email_lists-settings table {
180 -webkit-border-collapse: collapse;
181 -moz-border-collapse: collapse;
182 border-collapse: collapse;
183 }
184 #fv-player-email_lists-settings table tr td label {
185 line-height: 1.8;
186 }
187 #fv-player-email_lists-settings .id {
188 padding: 5px;
189 }
190 #fv-player-email_lists-settings table tr td,
191 .fv-metabox-holder {
192 padding-top:0!important;
193 }
194 #fv-player-email_lists-settings select {
195 width: 95%;
196 }
197
198 .fv-nav-tab-wrapper {
199 border-bottom: 0px!important;
200 margin-left: 1px!important;
201 }
202
203 .fv-metabox-holder .postbox.hide-if-js {
204 display:block;
205 }
206
207 .fv-metabox-holder .postbox:first-child > .hndle, .fv-metabox-holder .postbox:first-child > .handlediv, .fv-metabox-holder .postbox:first-child > .postbox-header {
208 display:none;
209 }
210
211 #fv_flowplayer_admin_tabs .nav-tab-active,
212 #fv-player-shortcode-editor-right .nav-tab-active {
213 background-color: #ffffff;
214 border-bottom: #ffffff;
215 }
216
217 .wp-admin .user-videos .fv-player-custom-video {
218 margin-bottom: 10px;
219 }
220 .wp-admin .user-videos .flowplayer, .postbox-container .fv-player-custom-video .flowplayer, .usersultra-dahsboard-center .fv-player-custom-video .flowplayer {
221 max-width: 432px !important;
222 margin-top: 2px;
223 margin-left: 2px;
224 margin-right: 2px;
225 }
226 .wp-admin .user-videos .fv-player-custom-video > iframe, .postbox-container .fv-player-custom-video > iframe, .usersultra-dahsboard-center .fv-player-custom-video > iframe {
227 display: block;
228 overflow: hidden;
229 width: 432px;
230 height: 243px;
231 }
232
233 #fv_flowplayer_interface_options p.description {line-height:1.5;margin-bottom:0;margin-top:0}
234
235 #fp-preview-wrapper{height:360px;width:420px;position:absolute;top:0px;right:50px}
236 #fp-preview-wrapper>.flowplayer{position:relative; height:160px}
237 #fp-preview-wrapper .fp-subtitle{height:50px}
238
239 #dashboard-widgets .flowplayer-wrapper h3, #dashboard-widgets .flowplayer-wrapper h4 {color:inherit;margin:0 auto;padding:0;font-weight:700;font-size:inherit}
240
241 #wpfp_options .minicolors-theme-default.minicolors {display:block}
242 #wpfp_options .minicolors-input {padding-left:5px; height:auto}
243 #wpfp_options .minicolors-input-swatch {display:none}
244 #wpfp_options input[data-opacity] { background-image: url(checkered.png) }
245
246 .fv-player-editor-wrapper { float: left; width: 100%}
247 .wp-block .fv-player-editor-wrapper { float: none; }
248 .fv-player-editor-player-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: white; opacity:.7}
249 .fv-player-editor-player-loading .spinner { position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0 }
250
251 /* Disable WordPress 5.5 button to change box order */
252 #wpfp_options .handle-order-higher, #wpfp_options .handle-order-lower { display: none }
253 /* Disable box dragging */
254 #wpfp_options .ui-sortable-handle { cursor: pointer; }
255
256 #fv-player-system-info-textarea { font-family: monospace; width: 100%; }
257
258 .fv-player-admin-tooltip {
259 display: none;
260 }
261
262 .show-info, .show-info:hover, .show-info:active, .show-info:focus { color: #444; box-shadow: none; text-decoration: none; }
263 .fv-player-admin-tooltip {
264 position: absolute;
265 background: white;
266 padding: .5em;
267 border: 1px solid gray;
268 }
269
270 #fv-player-shortcode-editor .fv-player-tab-cues div.fv-cues-infobox {
271 text-align: center;
272 padding: 15px 0;
273 background-color: #fff;
274 width: 100%;
275 height: 100%;
276 z-index: 1000;
277 }
278
279 .settings-section-link {
280 display: inline-block;
281 margin: 22px 0 0 10px;
282 text-decoration: none;
283 }
284
285 /*
286 Brizy editor support
287 */
288 .brz-ed .brz-blocked .flowplayer, .brz-ed .brz-blocked .fp-playlist-external {
289 pointer-events: all;
290 }
291
292 #fv-player-settings-save-notice {
293 position: fixed;
294 z-index: 99;
295 top: 60px;
296 right: 5px;
297 background: #fff;
298 border: 1px solid #c3c4c7;
299 border-left-width: 4px;
300 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
301 margin: 5px 15px 2px;
302 padding: 1px 12px;
303 border-left-color: #00a32a;
304 display: none;
305 }
306 #fv-player-settings-save-notice.is-error {
307 border-left-color: #d63638;
308 }
309
310 @media only screen and (max-width: 1024px) {
311 .flowplayer-wrapper { width: 100%; float: none;}
312
313 .form-table2.flowplayer-settings,
314 #fv_flowplayer_skin_sticky .form-table2 {
315 width: 100% !important;
316 }
317
318 #fv_flowplayer_skin_subtitles #fp-preview-wrapper {
319 flex-grow: 1;
320 }
321
322 #fv_flowplayer_skin_sticky .inside {
323 width: 100%;
324 }
325 }
326