PluginProbe
WpStream – Live Streaming, Video on Demand, Pay Per View / 3.2.2
WpStream – Live Streaming, Video on Demand, Pay Per View v3.2.2
4.14.0 4.13.2 4.13.1 4.13 4.12.5 4.12.4 4.12.3 4.12.2 4.12.1 4.12 4.4.4 4.4.5 4.4.6 4.4.7 4.4.8 4.4.9 4.5 4.5.1 4.5.11 4.5.11.1 4.5.11.2 4.5.11.4 4.5.11.5 4.5.11.6 4.5.12 All 180 releases
wpstream / admin / css / wpstream-admin.css

wpstream-admin.css in WpStream – Live Streaming, Video on Demand, Pay Per View 3.2.2, at admin/css/wpstream-admin.css

648 lines 10.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .create_new_ppv_video{
2 margin-left: 30px;
3 }
4 .create_new_free_video{
5 margin-left: 15px;
6 }
7
8 .wpstream_no_chanel_add_channel{
9 display: inherit;
10 }
11
12 .pack_details_wrapper_transparent h3,
13 .pack_details_wrapper_transparent h3{
14 display: inline-block;
15 }
16
17 .wpstream_create_new_product_link{
18 display: inline-block;
19 margin-left: 20px;
20 font-size: 15px;
21 font-weight: bold;
22 }
23
24
25 .theme_options_tab_wpstream{
26 background: #fff;
27 border-left: 4px solid #fff;
28 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
29 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
30 margin: 5px 15px 20px 15px;
31 padding: 20px 12px 20px 12px;
32 }
33 .wpstream_option_wrapper{
34 max-width: 70%;
35 }
36 .wpstream_option{
37 clear: both;
38 width: 50%;
39 display: inline-block;
40 margin-bottom: 20px;
41 }
42
43 .wpstream_option label{
44 width: 100%;
45 float: left;
46 }
47
48 .event_list_unit_notification{
49 float:left;
50 width:100%;
51 margin-bottom: 10px;
52 }
53
54 .pack_details_wrapper{
55 background-color: #fff;
56 padding: 20px;
57 margin-bottom: 20px;
58 background: #fff;
59 margin: 15px 15px 0px 15px;
60 padding: 20px;
61 font-size: 15px;
62 }
63
64 .pack_details_wrapper_transparent{
65 background-color: transparent;
66 padding: 20px;
67 margin: 5px 15px 0px 15px;
68 padding: 20px 20px 0px 0px;
69 font-size: 17px;
70 }
71
72
73
74 .hide_stream_data{
75 display:none;
76 }
77
78
79 .show_stream_data{
80 display:block;
81 }
82
83
84 .event_thumb_wrapper{
85 min-width: 170px;
86 float:left;
87 }
88
89 .event_thumb{
90 float: left;
91 margin: 0px 20px 20px 0px;
92 }
93
94 .event_list_unit h3{
95 margin-top: 0px;
96 }
97
98 .event_list_unit{
99 background-color: #fff;
100 padding: 20px;
101 margin-bottom: 20px;
102 background: #fff;
103 /* border-left: 4px solid #fff; */
104 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
105 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
106 margin: 5px 15px 2px 15px;
107 padding: 20px;
108 min-height: 150px;
109 }
110
111
112
113 #wpstream-sidebar-meta .event_list_unit{
114 padding: 0px;
115 box-shadow: none;
116 margin: 0px;
117 }
118 #wpstream-sidebar-meta .event_thumb_wrapper{
119 display:none;
120 }
121 #wpstream-sidebar-meta
122 #wpstream-sidebar-meta h3{
123 line-height: 25px;
124 }
125
126 #wpstream-sidebar-meta .close_event,
127 #wpstream-sidebar-meta .start_event{
128 width:100%;
129 }
130
131 #wpstream-sidebar-meta .close_event,
132 #wpstream-sidebar-meta .start_event,
133 #wpstream-sidebar-meta .start_webcaster,
134 #wpstream-sidebar-meta .start_external{
135 margin: 0px 0px 10px 0px;
136 display: block;
137 height: auto;
138 }
139
140
141 #wpstream-sidebar-meta .wpstream_channel_status{
142 padding: 10px 0px 25px 0px;
143 line-height: 24px;
144 }
145
146 #wpstream-sidebar-meta .view_channel{
147 display: block;
148 margin-left: 0px;
149 margin-top: 10px;
150 display:none;
151 }
152
153 #wpstream-sidebar-meta .copy_live_key,
154 #wpstream-sidebar-meta .copy_live_uri{
155 display: block;
156 margin-left: 0
157 }
158
159 #wpstream-sidebar-meta .how_to{
160 display: none;
161 }
162
163
164 .no_events_warning{
165 font-weight: bold;
166 font-size: 14px;
167 margin-left: 10px;
168 background: #fff;
169 border-left: 4px solid #fff;
170 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
171 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
172 margin: 5px 15px 20px 15px;
173 padding: 20px 12px 20px 12px;
174 }
175
176 .api_conected{
177 background: green;
178 padding: 10px;
179 color: #fff;
180 margin-bottom: 20px;
181 width: 270px;
182 }
183
184 .api_not_conected{
185 background: #f40000;
186 padding: 10px;
187 color: #fff;
188 margin-bottom: 10px;
189 }
190
191 .api_not_conected.wpstream_orange{
192 background:#FF5722;
193 }
194 .api_not_conected.wpstream_brown{
195 background: #cc410f;
196 }
197
198 .api_not_conected a{
199 color:#fff;
200 }
201 .event_list_unit h3{
202 font-weight: 700;
203 font-size: 18px;
204 text-transform: capitalize;
205 }
206
207 .wpstream_channel_status{
208 padding: 17px 0px 43px 0px;
209 font-size: 16px;
210 font-weight: 700;
211 }
212
213 .wpstream_channel_status .dashicons{
214 font-size: 32px;
215 color: #6b936b;
216 margin-right: 15px;
217 margin-top: -5px;
218 }
219 .wpstream_channel_status.not_ready_to_stream .dashicons{
220 color: #e16767;
221 font-size: 27px;
222 margin-top: -2px;
223 }
224 .wpstream_channel_status.not_ready_to_stream {
225 color:#23282d
226 }
227
228
229 .not_ready_to_stream{
230 color:#e16767;
231 }
232
233 .pending_streaming{
234 }
235
236
237
238 .wpstream_button {
239 box-shadow: none !important;
240 border-radius: 2px;
241 background-clip: padding-box;
242 -moz-background-clip: padding;
243 -webkit-background-clip: padding-box;
244 border-color: #d9d9d9;
245 vertical-align: middle;
246 height: 40px;
247 padding: 7px 21px;
248 -webkit-appearance: none;
249 border: 1px solid #d9d9d9;
250 text-transform: uppercase;
251 background: #e16767;
252 color: #fff;
253 cursor:pointer;
254 }
255
256 .start_event.wpstream_button{
257 background: #8e8b8b;
258 }
259
260 .record_wrapper,
261 .event_list_unit_notificationx{
262 margin-bottom: 10px;
263 position:relative;
264 }
265
266 .encrypt_wrapper{
267 display:none;
268 }
269
270
271 .start_webcaster{
272 display: inline-block;
273 float: none;
274 height: 20px;
275 padding: 7px 21px;
276 cursor:pointer;
277 }
278
279 .start_external{
280 display: inline-block;
281 float: none;
282 height: 20px;
283 padding: 7px 21px;
284 margin-left: 20px;
285 cursor:pointer;
286 background-color: #6b936b;
287 }
288
289 .external_software_streaming{
290 display:none;
291 padding-top: 20px;
292 }
293
294 .view_channel{
295 font-weight: 500;
296 font-size: 15px;
297 margin-left:30px;
298 display:none;
299 }
300
301
302 #wpstream-sidebar-meta .view_channel.show_stream_data{
303 display: block;
304 }
305 .view_channel.show_stream_data{
306 display: inline-block;
307 }
308 .warning_stream{
309 margin-top:10px;
310 }
311
312 .event_list_stream_key_wrap{
313 margin-top:10px;
314 }
315
316 .multiple_warning_events{
317
318 }
319
320
321 .server_ready_live{
322 padding: 6px 13px;
323 background-color: #6b936b;
324 color: #fff;
325 display: inline-block;
326 margin-bottom: 6px;
327 }
328
329
330 .server_not_ready_live{
331 display: inline-block;
332 padding: 3px 5px;
333 background-color: #f40000;
334 color:#fff;
335 }
336 .curl_error{
337 background: #f40000;
338 color:#fff;
339 width:100%;
340 padding: 5px;
341 margin-bottom: 5px;
342 }
343
344 .curl_error a{
345 color:#fff;
346 }
347
348 .server_loading{
349 display:none;
350 margin-left: 10px;
351 }
352
353 .wpstream_live_key_text,
354 .wpstream_live_uri_text{
355 display:inline;
356 }
357
358 .copy_live_key,
359 .copy_live_uri{
360 display: inline;
361 background: #8e8b8b;
362 color: #fff;
363 padding: 3px 6px;
364 margin-left: 10px;
365 border-radius: 2px;
366 cursor: pointer;
367 font-size: 11px;
368 }
369
370 .show_if_subscription.hide_movieon{
371 display:none;
372 }
373
374 .pricing.hide_movieon{
375 display:block;
376 }
377
378 /*=social streaming
379 ------------------------------------------------*/
380
381
382 .wpstream_social_media_broadcast{
383 display: inline-block;
384 display: none;
385 }
386
387 .wpstream_social_media_unit{
388 display: inline-block;
389 margin-right: 20px;
390 background: #f3f3f3;
391 padding: 9px;
392 margin-top: 10px;
393 font-weight: 500;
394 }
395
396 #wpstream-sidebar-meta .wpstream_social_media_unit{
397 width: 100%;
398 box-sizing: border-box;
399 float: left;
400 }
401
402 #wpstream-sidebar-meta .wpstream_social_stream_container{
403 width: 100%;
404 box-sizing: border-box;
405 float: left;
406 }
407
408 .wpstream_on_facebook_container{
409
410 }
411 .wpstream_on_youtube_container{
412
413 }
414 .wpstream_on_twich_container{
415
416 }
417
418 .wpstream_social_stream_container{
419 background: #f3f3f3;
420 padding: 9px;
421 min-height: 30px;
422 width: 466px;
423 margin: 10px 0px;
424 display: none;
425 }
426
427 .wpstream_social_stream_container label{
428 display:block;
429 }
430
431 .wpstream_twich_rtmp,
432 .wpstream_youtube_rtmp{
433 width:300px;
434 }
435
436 #wpstream-sidebar-meta .wpstream_twich_rtmp,
437 #wpstream-sidebar-meta .wpstream_youtube_rtmp{
438 width:100%;
439 }
440
441
442 /* =video management
443 ----------------------------------------------- */
444 .wpstream_upload_alert{
445 color: #fff;
446 font-size: 17px;
447 background-color: #e16767;
448 display: inline-block;
449 margin-left: 20px;
450 padding: 15px;
451 }
452
453
454 .wpstream_video_wrapper{
455 background-color: #fff;
456 padding: 20px;
457 margin-bottom: 20px;
458 background: #fff;
459 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
460 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
461 margin: 5px 15px 2px 15px;
462 padding: 20px;
463
464 }
465
466 .wpstream_video_status {
467 padding: 5px;
468 font-weight: 500;
469 color: #fff;
470 font-size: 12px;
471 background-color: #e16767;
472 }
473
474 .wpstream_video_status.ispublished{
475 background: #078407;
476 }
477
478 .wpstream_video_title{
479 margin-top: 10px;
480 font-size: 15px;
481 font-weight: 600;
482 }
483
484 .video_stream_label{
485 font-weight: 600;
486 margin-right: 10px;
487 }
488 .storage_file_name{
489 margin-right: 5px;
490 }
491
492
493
494 .wpstream_delete_media,
495 .wpstream_get_download_link{
496 cursor: pointer;
497 background-color: #969c98;
498 color: white;
499 padding: 5px;
500 display: inline-block;
501 margin-top: 10px;
502 margin-right:10px
503 }
504
505 .wpstream_download_link{
506 display:none;
507 line-height: 25px;
508 }
509
510 .wpstream_video_notice{
511 display: inline;
512 margin-left: 10px;
513 background: #888;
514 padding: 5px;
515 color: #fff;
516 display:none;
517 }
518
519 .wpstream_upload_container {
520 background-color: #fff;
521 padding: 20px;
522 margin-bottom: 20px;
523 background: #fff;
524 -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
525 box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
526 margin: 5px 15px 2px 15px;
527 padding: 20px;
528 min-height: 40px;
529 }
530
531 .bar {
532 background-color: #28de23;
533 border-right-color: #99d;
534 padding: 5px;
535 margin-bottom: 5px;
536 }
537
538 #wpstream_uploaded_mes{
539 font-weight: 600;
540 margin-bottom: 5px;
541 }
542
543 .direct-upload{
544 width:100%;
545 position:relative;
546 }
547
548
549 #wpstream_media_upload h3,
550 #wpstream_file_management h3{
551 margin-left: 20px;
552 }
553
554 .wpstream_form_ex{
555 font-size: 20px;
556 text-align: center;
557 padding: 40px 0px 20px 0px;
558 text-transform: uppercase;
559 font-weight: 500;
560 color: #999;
561 }
562 .wpstream_form_ex_details{
563 width: 70%;
564 margin: 0px auto;
565 padding: 0px 0px 30px 0px;
566 text-align: center;
567 }
568
569 .wpstream_file_drop_color{
570 background-color: #ededed;
571 }
572
573 .direct-upload .progress-bar-area{
574 position: absolute;
575 width: 98%;
576 top: 66px;
577 left: 0.75%;
578 }
579
580 #wpstream_upload{
581 background: #078407;
582 margin: 10px;
583 }
584
585 .js .inputfile {
586 width: 0.1px;
587 height: 0.1px;
588 opacity: 0;
589 overflow: hidden;
590 position: absolute;
591 z-index: -1;
592 }
593
594 .inputfile + label {
595 max-width: 80%;
596 font-size: 14px;
597 /* 20px */
598 font-weight: 700;
599 text-overflow: ellipsis;
600 white-space: nowrap;
601 cursor: pointer;
602 display: inline-block;
603 overflow: hidden;
604 padding: 0.625rem 1.25rem;
605 /* 10px 20px */
606 }
607
608 .no-js .inputfile + label {
609 display: none;
610 }
611
612 .inputfile:focus + label,
613 .inputfile.has-focus + label {
614 outline: 1px dotted #000;
615 outline: -webkit-focus-ring-color auto 5px;
616 }
617
618 .inputfile + label * {
619 /* pointer-events: none; */
620 /* in case of FastClick lib use */
621 }
622
623 .inputfile + label svg {
624 width: 1em;
625 height: 1em;
626 vertical-align: middle;
627 fill: currentColor;
628 margin-top: -0.25em;
629 /* 4px */
630 margin-right: 0.25em;
631 /* 4px */
632 }
633
634
635 /* style 1 */
636
637 .inputfile-1 + label {
638 color: #f1e5e6;
639 background-color: #065006;
640 margin: 10px 10px 10px 0px;
641 }
642
643 .inputfile-1:focus + label,
644 .inputfile-1.has-focus + label,
645 .inputfile-1 + label:hover {
646 background-color: #722040;
647 }
648