PluginProbe
WpStream – Live Streaming, Video on Demand, Pay Per View / 4.4.8
WpStream – Live Streaming, Video on Demand, Pay Per View v4.4.8
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.4.8, at public/css/wpstream_style.css

715 lines 13.6 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 #wpstream_product_wrap{
137
138 }
139 #wpstream_product_wrap_no_buy{
140 margin-top: 0px;
141 }
142
143 .wpstream_player_wrapper.no_buy{
144 position:relative;
145 height: 30px;
146 position: relative;
147 background: transparent;
148 margin-bottom: 15px;
149 }
150
151 .wpstream_player_wrapper.no_buy .wpstream_player_container{
152 height: 30px;
153 }
154
155 .wpstream_player_wrapper.wpstream_player_shortcode{
156 width: 100%;
157 position: relative;
158 margin-bottom: 15px;
159 float: left;
160 }
161 .wpstream_player_wrapper.wpstream_player_shortcode.no_buy{
162 height: auto;
163 float: left;
164 }
165
166 .wpstream_player_wrapper.wpstream_player_shortcode.no_buy .wpstream_player_container{
167 height: auto;
168 }
169
170 .wpstream_player_wrapper.wpstream_player_shortcode.no_buy .wpstream_notice{
171 background: transparent;
172 position: absolute;
173 width:100%;
174 top:45%;
175 text-align:center;
176 font-size: 22px;
177 }
178
179 .wpstream_live_player_wrapper .video-js .vjs-big-play-button ,
180 .wpstream_player_container .video-js .vjs-big-play-button {
181 line-height: 90px!important;
182 height: 90px!important;
183 width: 90px!important;
184 position: absolute!important;
185 top: 50%!important;
186 left: 50%!important;
187 margin-left: -45px;
188 margin-top: -45px;
189 border: 2px solid #494848!important;
190 font-size: 57px!important;
191 border-radius: 50%!important;
192 background-color: #2b333f!important;
193 }
194
195 .video-js .vjs-big-play-button .vjs-icon-placeholder{
196 opacity: 0.8;
197 transition: 0.3s ease-out;
198 }
199
200 .video-js .vjs-big-play-button:focus .vjs-icon-placeholder,
201 .video-js:hover .vjs-icon-placeholder{
202 opacity: 1;
203 }
204
205
206
207 .wpstream_get_download_link{
208 display:none;
209 }
210
211 .vjs-youtube .vjs-poster {
212 background-size: contain!important;
213 }
214
215 /*product list shortcode*/
216
217
218 .shortcode_list_wrapper{
219 margin: 0px -10px;
220 display: flex;
221 flex-direction: row;
222 flex-wrap: wrap;
223 }
224
225 .wpstream_media_list_wrapper li.product.entry{
226 float: left;
227 margin: 0px 0px 30px 0px;
228 padding: 0px 10px;
229 position: relative;
230 width: 33.3%;
231 }
232
233 .wpstream_media_list_wrapper.columns-1 li.product.entry{
234 width: 100%;
235 }
236 .wpstream_media_list_wrapper.columns-2 li.product.entry{
237 width: 50%;
238 }
239 .wpstream_media_list_wrapper.columns-3 li.product.entry{
240 width: 33.3%;
241 }
242 .wpstream_media_list_wrapper.columns-4 li.product.entry{
243 width: 25%;
244 }
245
246
247
248 .wpstream_media_list_wrapper li.last.entry{
249 margin-right: 0;
250 }
251
252
253 .wpstream_pagination{
254 list-style: none;
255 width: 100%;
256 display: inline-block;
257 }
258
259 .wpstream_pagination li{
260 display: inline-block;
261 }
262
263
264 .wpstream_media_list_wrapper{
265 display: flex;
266 flex-wrap: wrap;
267 flex-direction: row;
268 }
269
270 .wpstream_product_unit{
271 width: 33.3%;
272 margin: 0px 0px 30px 0px;
273 display: inline-block;
274 padding: 0px 10px;
275 }
276 .wpstream_media_list_wrapper.columns-1 .wpstream_product_unit{
277 width: 100%;
278 }
279 .wpstream_media_list_wrapper.columns-2 .wpstream_product_unit{
280 width: 50%;
281 }
282 .wpstream_media_list_wrapper.columns-3 .wpstream_product_unit{
283 width: 33.3%;
284 }
285 .wpstream_media_list_wrapper.columns-4 .wpstream_product_unit{
286 width: 25%;
287 }
288
289 .wpstream_product_unit .product_image{
290 width: 100%;
291 height: 255px;
292 background-position: 50%;
293 background-repeat: no-repeat;
294 background-size: cover;
295 background-color: #f1f1f1;
296 }
297
298 .wpstream_product_unit .product_title{
299 text-decoration: none!important;
300 color: #333;
301 font-size: 20px;
302 font-weight: 600;
303 width: 100%;
304 display: inline-block;
305 }
306
307 .wpstream_product_unit .see_product {
308 text-decoration: none!important;
309 font-size: 14px;
310 color:#555;
311 }
312
313 .wpstream_live_player_wrapper{
314 position:relative;
315 }
316
317 .wpestream_live_counting{
318 position: absolute;
319 padding: 6px 7px;
320 color: #fff;
321 z-index: 99;
322 top: 10px;
323 left: 10px;
324 font-size: 12px;
325 border-radius: 2px;
326 font-family: Arial;
327 }
328
329 .wpstream_player_wrapper_sec .wpestream_live_counting{
330 bottom: 32px;
331 top:auto;
332 }
333
334
335 /*wpstream chat wrapper*/
336
337 .wpstream_plugin_chat_wrapper{
338 width: 100%;
339 height: 100%;
340 background: #222;
341 min-height: 406px;
342 max-height: 505px;
343 position: relative;
344 margin-bottom: 15px;
345 float: left;
346 }
347 .wpstream_chat_input .col-lg-12 {
348 -webkit-box-flex: 0;
349 -ms-flex: 0 0 100%;
350 flex: 0 0 100%;
351 max-width: 100%;
352 padding-right: 15px;
353 padding-left: 15px;
354 }
355
356 .wpstream_plugin_chat_wrapper .chat_wrapper{
357 width: 100%;
358 }
359 #help-dialog,
360 #admin-help-dialog{
361 display:none;
362 }
363
364 .wpstream_plugin_chat_wrapper .wpestream_chat_meat {
365 padding-top: 15px;
366 background: #222;
367 border: none;
368 opacity:1;
369 }
370
371 .wpstream_plugin_chat_wrapper #panel {
372 height: 100%;
373 font-size: 13px;
374 padding: 0px 15px 110px 15px;
375 }
376
377 .wpstream_plugin_chat_wrapper .wpstream_chat_input{
378 bottom:10px;
379 }
380
381
382 .chat_wrapper{
383 width: 300px;
384 position: absolute;
385 z-index: 100;
386 top: 0px;
387 right: 0px;
388 height: 100%;
389 }
390
391 .wpstream_chat_container{
392 height: 100%;
393 }
394
395 .wpestream_chat_meat{
396 background: black;
397 height: 100%;
398 opacity: 0.9;
399 border-left: 1px solid #151520;
400 padding-top: 50px;
401 }
402
403 .chat_nav_bar{
404 position: absolute;
405 background: red;
406 bottom: 0px;
407 left: -143px;
408
409 }
410
411 .chat_nav_bar_list{
412 list-style-type: none;
413 }
414
415 .chat_nav_bar_list{
416 color:#fff;
417 }
418
419 #panel {
420 height: 100%;
421 font-size: 13px;
422 padding: 50px 15px 100px 15px;
423 display: flex;
424 justify-content: flex-end;
425 flex-direction: column;
426 overflow: hidden;
427 }
428
429 #message{
430 width: 100%;
431 height: 60px;
432 border: 1px solid #686890!important;
433 background-color: transparent;
434 color: #efefef;
435 font-size: 13px;
436 padding: 4px 8px;
437 line-height: 1.3em;
438
439 }
440
441 .wpstream_chat_input{
442 width: 100%;
443 position: absolute;
444 bottom: 0px;
445 right: 0px;
446
447 }
448
449 #send{
450 background-color: #72729d;
451 color: #fff;
452 font-size: 13px;
453 text-transform: capitalize;
454 padding: 3px 11px;
455 border-radius: 0px;
456 margin-top: 10px;
457 float: right;
458 }
459
460 .msg{
461 color:#ededed;
462 }
463
464 .timestamp {
465 color: #eee;
466 display:none;
467 }
468
469 .message {
470 color: #FFEB3B;
471 margin-top: 6px;
472 }
473
474 .wpestream_chat_meat hr {
475 background-color: #151520;
476 }
477
478 .wpstream_chat_actions{
479 width:100%;
480 }
481
482 #user{
483 float: left;
484 cursor: pointer;
485 margin: 10px 3px;
486 }
487
488 #user:hover{
489 color:#72729d;
490 }
491
492 #users-dialog{
493 display:none;
494 position: absolute;
495 background: #242939;
496 bottom: 149px;
497 padding: 15px;
498 color: #efefef;
499 opacity: 0.8;
500
501 }
502
503 #users-dialog li{
504 color: #efefef;
505 }
506
507 #users-dialog h4{
508 font-size: 15px;
509 margin-bottom: 15px;
510 }
511
512 #users-dialog ul{
513 list-style-type: none;
514 }
515 #users-content{
516 list-style-type: none;
517 }
518 #close-users-dialog{
519 position: absolute;
520 top:5px;
521 right: 5px;
522 cursor: pointer;
523 }
524
525
526 /* start streaming styling front end*/
527 .event_unit_style_front.event_list_unit{
528 box-shadow: none;
529 background: transparent;
530 margin: 10px 0px;
531 width: 830px;
532 }
533
534 .event_unit_style_front.event_list_unit:hover{
535 background: transparent;
536 transform: none;
537 box-shadow: none;
538 }
539
540 .event_unit_style_front .wpstream_button.wpstream_turning_on,
541 .event_unit_style_front .start_event.wpstream_button{
542 min-width: 170px;
543 padding: 5px 20px;
544 }
545
546 .event_unit_style_front .record_wrapper{
547 display:none;
548 }
549
550 .event_unit_style_front .multiple_warning_events{
551 display: none;
552 }
553
554 .event_unit_style_front .wpstream_channel_status.not_ready_to_stream .dashicons {
555 margin-top: 0px;
556 }
557
558 .event_unit_style_front .wpstream_channel_status .dashicons{
559 margin-top: -3px;
560 }
561
562 .event_unit_style_front .wpstream_channel_status{
563 padding: 0px 10px 10px 10px;
564 }
565
566 .event_unit_style_front .event_list_unit_notificationx{
567 font-size: 14px;
568 float:left;
569 width: 100%;
570 }
571
572 .wpstream_social_share_wrapper a{
573 text-decoration: none!important;
574 }
575
576
577 .event_unit_style_front .wpstream_modal_form{
578 width: 520px;
579 height: 520px;
580 background-color: #fff;
581 position: fixed;
582 top: 50%;
583 margin-top: -260px;
584 left: 50%;
585 margin-left: -260px;
586 display: none;
587 z-index: 1002;
588 padding: 30px;
589 border-radius: 5px;
590 line-height: 1.4em;
591 }
592
593 .event_unit_style_front .wpstream_external_broadcast_options{
594 font-size: 14px;
595 line-height: 2;
596 color: #2c3338;
597 border-color: #8c8f94;
598 box-shadow: none;
599 border-radius: 3px;
600 padding: 0 24px 0 8px;
601 min-height: 30px;
602 max-width: 25rem;
603 -webkit-appearance: none;
604 background-size: 16px 16px;
605 cursor: pointer;
606 vertical-align: middle;
607 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%;
608 }
609
610 .event_unit_style_front .wpstream_stop_event.wpstream_button{
611 min-width: 170px;
612 padding: 5px 20px;
613
614 }
615
616 .event_unit_style_front .external_software_streaming_details{
617 width: 460px;
618 line-height: 1em;
619 }
620
621 .event_unit_style_front .wpstream_modal_explanations ul{
622 list-style: none;
623 padding: 0px;
624 }
625
626 .event_unit_style_front .wpstream_modal_explanations li{
627 line-height: 1.4em;
628 }
629
630 .wpstream_live_uri_text.wpstream_larix_rtmp{
631 width: 345px;
632 }
633
634
635 @keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
636
637
638 @media only screen and (max-width:1099px){
639 .event_unit_style_front.event_list_unit {
640 flex-direction: column;
641 align-content: center;
642 justify-content: flex-start;
643 align-items: flex-start;
644 width: auto;
645 position: relative;
646 border: 1px solid #e2e5e8;
647 }
648 }
649 @media only screen and (max-width:768px){
650 .wpstream_media_list_wrapper.columns-1 .wpstream_product_unit,
651 .wpstream_media_list_wrapper.columns-2 .wpstream_product_unit,
652 .wpstream_media_list_wrapper.columns-3 .wpstream_product_unit,
653 .wpstream_media_list_wrapper.columns-4 .wpstream_product_unit,
654 .wpstream_media_list_wrapper.columns-1 li.product.entry,
655 .wpstream_media_list_wrapper.columns-2 li.product.entry,
656 .wpstream_media_list_wrapper.columns-3 li.product.entry,
657 .wpstream_media_list_wrapper.columns-4 li.product.entry{
658 width: 50%;
659 }
660
661 }
662
663 @media only screen and (max-width:600px){
664
665
666
667 .event_unit_style_front .wpstream_modal_form{
668 width: 100%;
669 height: 100%;
670 background-color: #fff;
671 position: fixed;
672 top: 0;
673 margin-top: 0;
674 left: 0;
675 margin-left: 0;
676 display: none;
677 z-index: 1002;
678 padding: 60px 30px;
679 border-radius: 0px;
680 box-sizing: border-box;
681 }
682
683 .event_unit_style_front .wpstream_modal_form .wpstream_modal_explanations{
684 width: 100%;
685 box-sizing: border-box;
686 }
687 .wpstream_sharing_social .dashicons{
688 margin-right: 14px;
689
690 }
691
692 .event_unit_style_front .external_software_streaming_details {
693 width: 100%;
694 }
695
696 .wpstream_close_onboarding,
697 .wpstream_close_modal{
698 top:60px;
699 }
700 }
701
702 @media only screen and (max-width:500px){
703 .wpstream_media_list_wrapper.columns-1 .wpstream_product_unit,
704 .wpstream_media_list_wrapper.columns-2 .wpstream_product_unit,
705 .wpstream_media_list_wrapper.columns-3 .wpstream_product_unit,
706 .wpstream_media_list_wrapper.columns-4 .wpstream_product_unit,
707 .wpstream_media_list_wrapper.columns-1 li.product.entry,
708 .wpstream_media_list_wrapper.columns-2 li.product.entry,
709 .wpstream_media_list_wrapper.columns-3 li.product.entry,
710 .wpstream_media_list_wrapper.columns-4 li.product.entry{
711 width: 100%;
712 }
713
714 }
715