PluginProbe
WpStream – Live Streaming, Video on Demand, Pay Per View / 4.5.11.6
WpStream – Live Streaming, Video on Demand, Pay Per View v4.5.11.6
4.14.1 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 All 181 releases
wpstream / public / css / wpstream_style.css

wpstream_style.css in WpStream – Live Streaming, Video on Demand, Pay Per View 4.5.11.6, at public/css/wpstream_style.css

735 lines 14.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpstream_product_front{
2 width:100%;
3 padding: 10px;
4 float:left;
5 }
6
7 .wpstream_product_wrapper{
8 float:left;
9 }
10
11 .wpstream_product_image_wrapper{
12 float: left;
13 width: 100px;
14 text-decoration: none;
15
16 }
17
18 .wpstream_product_front img{
19 float: left;
20 height: 75px!important;
21 width: auto;
22 }
23
24 .wpstream_product_front:nth-child(even){
25 background-color: #f8f6f6;
26 }
27
28 .wpstream_product_name_front{
29 float: left;
30 font-weight: bold;
31 margin: 0px 0px 0px 30px;
32 width:100%;
33 text-decoration: none;
34 }
35 .wpstream_product_see:visited,
36 .wpstream_product_see{
37 float:left;
38 background-color: #e16767;
39 color:#fff;
40 padding: 2px 10px;
41 cursor:pointer;
42 margin: 10px 0px 0px 30px;
43 font-size: 12px;
44 }
45
46 .wpstream_product_see:hover{
47 background-color: #76b06c;
48 color:#fff;
49 }
50
51
52 .wpstream_player_wrapper{
53
54 }
55
56 .wpstream_not_live_mess{
57 position: absolute;
58 top: 31%;
59 left: 0;
60 right: 0;
61 z-index: 9;
62 width: 50%;
63 margin: 0 auto;
64 text-align: center;
65 color:#fff;
66 font-family: Arial;
67 }
68
69 .wpstream_not_live_mess_back{
70 background-color: #000;
71 position: absolute;
72 width: 100%;
73 height: 100%;
74 opacity: 0.5;
75 border-radius: 6px;
76 padding: 10px;
77 }
78
79
80 .wpstream_not_live_mess_mess{
81 color: #fff;
82 font-size: 17px;
83 z-index: 10;
84 position: relative;
85 padding: 10px;
86 }
87
88 .wpestate_header_video .wpstream_not_live_mess_mess {
89 position: absolute;
90 left: 0;
91 right: 0;
92 width: 40%;
93 background-color: #0000008a;
94 z-index: 99;
95 color: #fff;
96 left: 0;
97 right: 0;
98 top: 48%;
99 margin: 0 auto;
100 text-align: center;
101 padding: 20px 50px;
102 font-size: 24px;
103 z-index: 999;
104 width: 100%;
105 line-height: 100px;
106 }
107
108
109
110 .wpstream_player_container{
111 /* height: 675px;*/
112 max-width:1200px;
113 margin: 0px auto;
114 margin-bottom: 30px;
115 }
116 .wpestream_inserted_player .wpstream_player_container{
117 height: auto;
118 }
119
120 #wpstream-video{
121 width: 100%;
122 }
123
124 .wpstream_notice,
125 .wpstream_vod_notice{
126 background-color: #e16767;
127 color: #fff;
128 padding: 2px 10px;
129 margin-bottom: 30px;
130 display: inline-block;
131 border-radius: 3px;
132 width: 100%;
133 font-size: 16px;
134 }
135
136
137 #wpstream_product_wrap_no_buy{
138 margin-top: 0px;
139 }
140
141 .wpstream_player_wrapper.no_buy{
142 position:relative;
143 height: 30px;
144 position: relative;
145 background: transparent;
146 margin-bottom: 15px;
147 }
148
149 .wpstream_player_wrapper.no_buy .wpstream_player_container{
150 height: 30px;
151 }
152
153 .wpstream_player_wrapper.wpstream_player_shortcode{
154 width: 100%;
155 position: relative;
156 margin-bottom: 15px;
157 float: left;
158 }
159 .wpstream_player_wrapper.wpstream_player_shortcode.no_buy{
160 height: auto;
161 float: left;
162 }
163
164 .wpstream_player_wrapper.wpstream_player_shortcode.no_buy .wpstream_player_container{
165 height: auto;
166 }
167
168 .wpstream_player_wrapper.wpstream_player_shortcode.no_buy .wpstream_notice{
169 background: transparent;
170 position: absolute;
171 width:100%;
172 top:45%;
173 text-align:center;
174 font-size: 22px;
175 }
176
177 .wpstream_live_player_wrapper .video-js .vjs-big-play-button ,
178 .wpstream_player_container .video-js .vjs-big-play-button {
179 line-height: 90px!important;
180 height: 90px!important;
181 width: 90px!important;
182 position: absolute!important;
183 top: 50%!important;
184 left: 50%!important;
185 margin-left: -45px;
186 margin-top: -45px;
187 border: 2px solid #494848!important;
188 font-size: 57px!important;
189 border-radius: 50%!important;
190 background-color: #2b333f!important;
191 }
192
193 .video-js .vjs-big-play-button .vjs-icon-placeholder{
194 opacity: 0.8;
195 transition: 0.3s ease-out;
196 }
197
198 .video-js .vjs-big-play-button:focus .vjs-icon-placeholder,
199 .video-js:hover .vjs-icon-placeholder{
200 opacity: 1;
201 }
202
203
204
205 .wpstream_get_download_link{
206 display:none;
207 }
208
209 .vjs-youtube .vjs-poster {
210 background-size: contain!important;
211 }
212
213 .wpstream_player_wrapper .wpstream_video_on_demand_mute_trailer {
214 background-color: #4daa64;
215 padding: 10px;
216 cursor: pointer;
217 display: inline-block;
218 position: absolute;
219 top: 50%;
220 left: 50%;
221 transform: translate(-50%, 30px);
222 }
223
224 .wpstream_player_wrapper .wpstream_video_on_demand_unmute_trailer {
225 background-color: #4daa64;
226 padding: 10px;
227 cursor: pointer;
228 display: inline-block;
229 position: absolute;
230 top: 50%;
231 left: 50%;
232 transform: translate(-50%, 60px);
233 }
234
235 /*product list shortcode*/
236
237
238 .shortcode_list_wrapper{
239 margin: 0px -10px;
240 display: flex;
241 flex-direction: row;
242 flex-wrap: wrap;
243 }
244
245 .wpstream_media_list_wrapper li.product.entry{
246 float: left;
247 margin: 0px 0px 30px 0px;
248 padding: 0px 10px;
249 position: relative;
250 width: 33.3%;
251 }
252
253 .wpstream_media_list_wrapper.columns-1 li.product.entry{
254 width: 100%;
255 }
256 .wpstream_media_list_wrapper.columns-2 li.product.entry{
257 width: 50%;
258 }
259 .wpstream_media_list_wrapper.columns-3 li.product.entry{
260 width: 33.3%;
261 }
262 .wpstream_media_list_wrapper.columns-4 li.product.entry{
263 width: 25%;
264 }
265
266
267
268 .wpstream_media_list_wrapper li.last.entry{
269 margin-right: 0;
270 }
271
272
273 .wpstream_pagination{
274 list-style: none;
275 width: 100%;
276 display: inline-block;
277 }
278
279 .wpstream_pagination li{
280 display: inline-block;
281 }
282
283
284 .wpstream_media_list_wrapper{
285 display: flex;
286 flex-wrap: wrap;
287 flex-direction: row;
288 }
289
290 .wpstream_product_unit{
291 width: 33.3%;
292 margin: 0px 0px 30px 0px;
293 display: inline-block;
294 padding: 0px 10px;
295 }
296 .wpstream_media_list_wrapper.columns-1 .wpstream_product_unit{
297 width: 100%;
298 }
299 .wpstream_media_list_wrapper.columns-2 .wpstream_product_unit{
300 width: 50%;
301 }
302 .wpstream_media_list_wrapper.columns-3 .wpstream_product_unit{
303 width: 33.3%;
304 }
305 .wpstream_media_list_wrapper.columns-4 .wpstream_product_unit{
306 width: 25%;
307 }
308
309 .wpstream_product_unit .product_image{
310 width: 100%;
311 height: 255px;
312 background-position: 50%;
313 background-repeat: no-repeat;
314 background-size: cover;
315 background-color: #f1f1f1;
316 }
317
318 .wpstream_product_unit .product_title{
319 text-decoration: none!important;
320 color: #333;
321 font-size: 20px;
322 font-weight: 600;
323 width: 100%;
324 display: inline-block;
325 }
326
327 .wpstream_product_unit .see_product {
328 text-decoration: none!important;
329 font-size: 14px;
330 color:#555;
331 }
332
333 .wpstream_live_player_wrapper{
334 position:relative;
335 }
336
337 .wpestream_live_counting{
338 position: absolute;
339 padding: 6px 7px;
340 color: #fff;
341 z-index: 99;
342 top: 10px;
343 left: 10px;
344 font-size: 12px;
345 border-radius: 2px;
346 font-family: Arial;
347 }
348
349 .wpstream_player_wrapper_sec .wpestream_live_counting{
350 bottom: 32px;
351 top:auto;
352 }
353
354
355 /*wpstream chat wrapper*/
356
357 .wpstream_plugin_chat_wrapper{
358 width: 100%;
359 height: 100%;
360 background: #222;
361 min-height: 406px;
362 max-height: 505px;
363 position: relative;
364 margin-bottom: 15px;
365 float: left;
366 }
367 .wpstream_chat_input .col-lg-12 {
368 -webkit-box-flex: 0;
369 -ms-flex: 0 0 100%;
370 flex: 0 0 100%;
371 max-width: 100%;
372 padding-right: 15px;
373 padding-left: 15px;
374 }
375
376 .wpstream_plugin_chat_wrapper .chat_wrapper{
377 width: 100%;
378 }
379 #help-dialog,
380 #admin-help-dialog{
381 display:none;
382 }
383
384 .wpstream_plugin_chat_wrapper .wpestream_chat_meat {
385 padding-top: 15px;
386 background: #222;
387 border: none;
388 opacity:1;
389 }
390
391 .wpstream_plugin_chat_wrapper #panel {
392 height: 100%;
393 font-size: 13px;
394 padding: 0px 15px 110px 15px;
395 }
396
397 .wpstream_plugin_chat_wrapper .wpstream_chat_input{
398 bottom:10px;
399 }
400
401
402 .chat_wrapper{
403 width: 300px;
404 position: absolute;
405 z-index: 100;
406 top: 0px;
407 right: 0px;
408 height: 100%;
409 }
410
411 .wpstream_chat_container{
412 height: 100%;
413 }
414
415 .wpestream_chat_meat{
416 background: black;
417 height: 100%;
418 opacity: 0.9;
419 border-left: 1px solid #151520;
420 padding-top: 50px;
421 }
422
423 .chat_nav_bar{
424 position: absolute;
425 background: red;
426 bottom: 0px;
427 left: -143px;
428
429 }
430
431 .chat_nav_bar_list{
432 list-style-type: none;
433 }
434
435 .chat_nav_bar_list{
436 color:#fff;
437 }
438
439 #panel {
440 height: 100%;
441 font-size: 13px;
442 padding: 50px 15px 100px 15px;
443 display: flex;
444 justify-content: flex-end;
445 flex-direction: column;
446 overflow: hidden;
447 }
448
449 #message{
450 width: 100%;
451 height: 60px;
452 border: 1px solid #686890!important;
453 background-color: transparent;
454 color: #efefef;
455 font-size: 13px;
456 padding: 4px 8px;
457 line-height: 1.3em;
458
459 }
460
461 .wpstream_chat_input{
462 width: 100%;
463 position: absolute;
464 bottom: 0px;
465 right: 0px;
466
467 }
468
469 #send{
470 background-color: #72729d;
471 color: #fff;
472 font-size: 13px;
473 text-transform: capitalize;
474 padding: 3px 11px;
475 border-radius: 0px;
476 margin-top: 10px;
477 float: right;
478 }
479
480 .msg{
481 color:#ededed;
482 }
483
484 .timestamp {
485 color: #eee;
486 display:none;
487 }
488
489 .message {
490 color: #FFEB3B;
491 margin-top: 6px;
492 }
493
494 .wpestream_chat_meat hr {
495 background-color: #151520;
496 }
497
498 .wpstream_chat_actions{
499 width:100%;
500 }
501
502 #user{
503 float: left;
504 cursor: pointer;
505 margin: 10px 3px;
506 }
507
508 #user:hover{
509 color:#72729d;
510 }
511
512 #users-dialog{
513 display:none;
514 position: absolute;
515 background: #242939;
516 bottom: 149px;
517 padding: 15px;
518 color: #efefef;
519 opacity: 0.8;
520
521 }
522
523 #users-dialog li{
524 color: #efefef;
525 }
526
527 #users-dialog h4{
528 font-size: 15px;
529 margin-bottom: 15px;
530 }
531
532 #users-dialog ul{
533 list-style-type: none;
534 }
535 #users-content{
536 list-style-type: none;
537 }
538 #close-users-dialog{
539 position: absolute;
540 top:5px;
541 right: 5px;
542 cursor: pointer;
543 }
544
545
546 /* start streaming styling front end*/
547 .event_unit_style_front.event_list_unit{
548 box-shadow: none;
549 background: transparent;
550 margin: 10px 0px;
551 width: 830px;
552 }
553
554 .event_unit_style_front.event_list_unit:hover{
555 background: transparent;
556 transform: none;
557 box-shadow: none;
558 }
559
560 .event_unit_style_front .wpstream_button.wpstream_turning_on,
561 .event_unit_style_front .start_event.wpstream_button{
562 min-width: 170px;
563 padding: 5px 20px;
564 }
565
566 .event_unit_style_front .record_wrapper{
567 display:none;
568 }
569
570 .event_unit_style_front .multiple_warning_events{
571 display: none;
572 }
573
574 .event_unit_style_front .wpstream_channel_status.not_ready_to_stream .dashicons {
575 margin-top: 0px;
576 }
577
578 .event_unit_style_front .wpstream_channel_status .dashicons{
579 margin-top: -3px;
580 }
581
582 .event_unit_style_front .wpstream_channel_status{
583 padding: 0px 10px 10px 10px;
584 }
585
586 .event_unit_style_front .event_list_unit_notificationx{
587 font-size: 14px;
588 float:left;
589 width: 100%;
590 }
591
592 .wpstream_social_share_wrapper a{
593 text-decoration: none!important;
594 }
595
596
597 .event_unit_style_front .wpstream_modal_form{
598 width: 520px;
599 height: 520px;
600 background-color: #fff;
601 position: fixed;
602 top: 50%;
603 margin-top: -260px;
604 left: 50%;
605 margin-left: -260px;
606 display: none;
607 z-index: 1002;
608 padding: 30px;
609 border-radius: 5px;
610 line-height: 1.4em;
611 }
612
613 .event_unit_style_front .wpstream_external_broadcast_options{
614 font-size: 14px;
615 line-height: 2;
616 color: #2c3338;
617 border-color: #8c8f94;
618 box-shadow: none;
619 border-radius: 3px;
620 padding: 0 24px 0 8px;
621 min-height: 30px;
622 max-width: 25rem;
623 -webkit-appearance: none;
624 background-size: 16px 16px;
625 cursor: pointer;
626 vertical-align: middle;
627 background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
628 }
629
630 .event_unit_style_front .wpstream_stop_event.wpstream_button{
631 min-width: 170px;
632 padding: 5px 20px;
633
634 }
635
636 .event_unit_style_front .external_software_streaming_details{
637 width: 460px;
638 line-height: 1em;
639 }
640
641 .event_unit_style_front .wpstream_modal_explanations ul{
642 list-style: none;
643 padding: 0px;
644 }
645
646 .event_unit_style_front .wpstream_modal_explanations li{
647 line-height: 1.4em;
648 }
649
650 .wpstream_live_uri_text.wpstream_larix_rtmp{
651 width: 345px;
652 }
653
654
655 @keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
656
657
658 @media only screen and (max-width:1099px){
659 .event_unit_style_front.event_list_unit {
660 flex-direction: column;
661 align-content: center;
662 justify-content: flex-start;
663 align-items: flex-start;
664 width: auto;
665 position: relative;
666 border: 1px solid #e2e5e8;
667 }
668 }
669 @media only screen and (max-width:768px){
670 .wpstream_media_list_wrapper.columns-1 .wpstream_product_unit,
671 .wpstream_media_list_wrapper.columns-2 .wpstream_product_unit,
672 .wpstream_media_list_wrapper.columns-3 .wpstream_product_unit,
673 .wpstream_media_list_wrapper.columns-4 .wpstream_product_unit,
674 .wpstream_media_list_wrapper.columns-1 li.product.entry,
675 .wpstream_media_list_wrapper.columns-2 li.product.entry,
676 .wpstream_media_list_wrapper.columns-3 li.product.entry,
677 .wpstream_media_list_wrapper.columns-4 li.product.entry{
678 width: 50%;
679 }
680
681 }
682
683 @media only screen and (max-width:600px){
684
685
686
687 .event_unit_style_front .wpstream_modal_form{
688 width: 100%;
689 height: 100%;
690 background-color: #fff;
691 position: fixed;
692 top: 0;
693 margin-top: 0;
694 left: 0;
695 margin-left: 0;
696 display: none;
697 z-index: 1002;
698 padding: 60px 30px;
699 border-radius: 0px;
700 box-sizing: border-box;
701 }
702
703 .event_unit_style_front .wpstream_modal_form .wpstream_modal_explanations{
704 width: 100%;
705 box-sizing: border-box;
706 }
707 .wpstream_sharing_social .dashicons{
708 margin-right: 14px;
709
710 }
711
712 .event_unit_style_front .external_software_streaming_details {
713 width: 100%;
714 }
715
716 .wpstream_close_onboarding,
717 .wpstream_close_modal{
718 top:60px;
719 }
720 }
721
722 @media only screen and (max-width:500px){
723 .wpstream_media_list_wrapper.columns-1 .wpstream_product_unit,
724 .wpstream_media_list_wrapper.columns-2 .wpstream_product_unit,
725 .wpstream_media_list_wrapper.columns-3 .wpstream_product_unit,
726 .wpstream_media_list_wrapper.columns-4 .wpstream_product_unit,
727 .wpstream_media_list_wrapper.columns-1 li.product.entry,
728 .wpstream_media_list_wrapper.columns-2 li.product.entry,
729 .wpstream_media_list_wrapper.columns-3 li.product.entry,
730 .wpstream_media_list_wrapper.columns-4 li.product.entry{
731 width: 100%;
732 }
733
734 }
735