PluginProbe
WpStream – Live Streaming, Video on Demand, Pay Per View / 4.8
WpStream – Live Streaming, Video on Demand, Pay Per View v4.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 / admin / css / wpstream-admin-onboarding.css

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

667 lines 12.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpstream_on_boarding_wrapper{
2 background-color: #fff;
3 position: fixed;
4 width: 500px;
5 top: 125px;
6 left: 50%;
7 margin-left: -250px;
8 z-index: 10002;
9 display: none;
10 }
11
12 #wpstream_onboard_bubble{
13 position: absolute;
14 z-index: 10002;
15 background: #fff;
16 left: 175px;
17 top: -30px;
18 width: 375px;
19 display: none;
20 }
21
22 .boarding-left-arrow:after{
23 content: " ";
24 position: absolute;
25 top: 20%;
26 margin-top: 0px;
27 left: -12px;
28 width: 0;
29 height: 0;
30 border-top: 10px solid transparent;
31 border-bottom: 10px solid transparent;
32 border-right: 12px solid #F7F4FC;
33 }
34
35 .boarding-right-arrow:after{
36 content: " ";
37 position: absolute;
38 top: 20%;
39 margin-top: 0px;
40 right: -12px;
41 width: 0;
42 height: 0;
43 border-top: 10px solid transparent;
44 border-bottom: 10px solid transparent;
45 border-left: 12px solid white;
46 }
47
48
49
50
51 #wpstream_onboard_bubble,
52 .wpstream_on_boarding_wrapper{
53 box-shadow: 8px 8px 7px 1px #0606061f;
54 padding: 20px 30px;
55 border-radius: 5px;
56 border: 1px solid #ccc;
57 }
58
59
60 .wpstream_on_boarding_wrapper{
61 padding: 30px;
62 min-height: 60px;
63 background-color: #F7F4FC;
64
65 }
66
67
68 .wpstream_step_wrapper{
69 display: none;
70 }
71
72 .wpstream_step_wrapper h1{
73 font-size: 20px;
74 margin: 30px 0px 45px 0px;
75 color:#221466;
76 text-align: center;
77 }
78
79
80 .wpstream_has_credential h1{
81 margin-top: 0px;
82 }
83
84 .header_special {
85 color: #4e2ee6;
86 }
87
88 .wpstream_step_wrapper .wpstream_option{
89 width: 100%;
90 padding: 0px 0px 0px 0px;
91 }
92
93 .wpstream_on_board_register_wrapper,
94 .wpstream_step_wrapper .wpstream_option_wrapper {
95 max-width: 100%;
96 padding: 0px 0px 0px 0px;
97 padding: 30px;
98 border-radius: 5px;
99 margin-bottom: 30px;
100 background-color: #eae8fc;
101 border: 1px solid #e8dbfc;
102 }
103
104 .wpstream_on_board_register_wrapper h2{
105 color:#221466;
106 margin-top: 0px;
107 }
108
109 .wpstream_on_board_login_wrapper_explanations{
110 margin-bottom: 35px;
111 font-size: 14px;
112 line-height: 1.6em;
113 margin-top: -20px;
114 text-align: center;
115 }
116
117 .wpstream_onboard_register,
118 .wpstream_onboard_login{
119 width:100%;
120
121 }
122
123 #wpstream_onboarding_action_login,
124 .wpstream_on_board_register_wrapper,
125 .wpstream_on_board_login_wrapper{
126 display: none;
127 }
128
129
130
131 .wpstream_onboarding_notification{
132 background: #45a73f;
133 padding: 5px 10px;
134 color: #fff;
135 border-radius: 5px;
136 width: auto;
137 margin-top: 10px;
138 display: inline-block;
139 display: none;
140 }
141
142 .onboarding_error{
143 background: #F24B4B;
144
145 margin-top: 0px;
146 }
147
148 .wpstream_onboarding_notification{
149 margin-bottom: 10px;
150 }
151
152 .wpstream_check_account_status{
153 font-size: 15px;
154 padding: 30px 0px;
155 font-weight: 500;
156 }
157
158
159 .wpstream_step_wrapper .wpstream_option input{
160 width: 100%;
161
162 }
163
164 #wpstream_onboarding_action_register{
165 display: none;
166 }
167
168 #wpstream_onboarding_action_login,
169 #wpstream_onboarding_action_register{
170 font-size: 14px;
171 font-weight: 500;
172 text-decoration: underline;
173 margin-top: 10px;
174 cursor: pointer;
175 margin-bottom: 10px;
176 }
177
178 .wpstream_step_1{
179 display: block;
180 }
181
182
183
184 .wpstram_or{
185 text-align: center;
186 font-size: 14px;
187 color: #221466;
188 font-weight: 500;
189 }
190
191 .wpstream_warning_onboarding{
192 background: #ffe5e5;
193 border: 1px solid #ff4c4c8c;
194 color: #3b3b3b;
195 margin-bottom: 30px;
196 padding: 30px;
197 font-size: 14px;
198 font-weight: 500;
199 line-height: 1.6;
200 border-radius: 5px;
201 }
202
203
204
205 .wpstream_accordion_header{
206 padding: 20px 10px;
207 border: 1px solid #ccc;
208 cursor: pointer;
209 margin: 20px 0px 20px 0px;
210 border-radius: 5px;
211 font-size: 17px;
212 text-transform: capitalize;
213 text-align: center;
214 font-weight: 500;
215 background-color: #eae8fc;
216 border: 1px solid #e8dbfc;
217 transition: 0.2s ease-out;
218 line-height: 1.4em;
219 color: #221466;
220 }
221
222 .wpstream_accordion_header:hover{
223 background:#4e2ee6;
224 color: #fff;
225 }
226
227
228 .wpstream_onboard_live{
229 padding: 10px;
230 border: 1px solid #ccc;
231 }
232 .wpstream_step_wrapper label{
233 color:#221466;
234 display: block;
235 font-size: 15px;
236 font-weight: 500;
237 margin-bottom: 5px;
238 }
239
240
241 .wpstream_accordion_container{
242 padding: 30px;
243 border-radius: 5px;
244 margin-bottom: 30px;
245 background-color: #eae8fc;
246 border: 1px solid #e8dbfc;
247 }
248
249 #wpstream_free_vod_file_name_for_ppv,
250 #wpstream_onboarding_vod_price,
251 #wpstream_onboarding_ppv_vod_name,
252 #wpstream_ppv_vod_file_name,
253 #wpstream_free_vod_file_name,
254 #wpstream_onboarding_vod_name,
255 #wpstream_onboarding_event_price_ppv,
256 #wpstream_onboarding_channel_name_ppv,
257 #wpstream_onboarding_channel_name{
258 border: 1px solid #d6d6d6;
259 background-color: #fff;
260 color: #2c3338;
261 padding: 5px 10px;
262 width: 100%;
263 margin-bottom: 15px;
264 }
265
266 #wpstream_onboarding_ppv_vod_name{
267 max-width: 450px;
268 }
269 #editable-post-name{
270 position: relative;
271 }
272
273 #wpstream_free_vod_file_name_for_ppv,
274 #wpstream_ppv_vod_file_name,
275 #wpstream_free_vod_file_name{
276 max-width: 100%;
277 width: 100%;
278 }
279
280 #wpstream_on_board{
281 background-color: brown;
282 padding: 15px;
283 cursor: pointer;
284 width: auto;
285 color: #fff;
286 display: inline-block;
287 /* float: left; */
288 margin: 20px;
289 }
290
291 #wpstream_onboarding_view_vod,
292 .wpstream_upload_video,
293 .wpstream_onboarding_tryagain,
294 .wpstream_install_plugin,
295 .wpstream_onboard_initial_bubble_next,
296 .wpstream_onboard_initial_bubble_prev,
297 #wpstream_onboarding_start_chanel,
298 #wpstrean_close_modal_ack,
299 .wpstream_onboard_bubble_finish,
300 .wpstream_onboard_bubble_prev,
301 .wpstream_onboard_bubble_next{
302 cursor: pointer;
303 margin: 0px 10px 15px 0px;
304 background-color: #4e2ee6;
305 color: #fff;
306 padding: 5px 10px;
307 border-radius: 5px;
308 transition: 0.3s ease-out;
309 display: inline-block;
310 line-height: 1.4em;
311 }
312
313 .wpstream_onboarding_tryagain,
314 .wpstream_install_plugin{
315 margin: 30px 0px 0px 0px;
316 }
317
318
319 #post-body,
320 .wpstream_initial_onboarding_controls_wrapper{
321 position: relative;
322 }
323
324
325 #wpstream_onboarding_start_chanel{
326 display: block;
327 width: fit-content;
328 margin: 10px 0px;
329 }
330
331 .wpstream_onboard_initial_bubble_prev:hover,
332 #wpstream_onboarding_view_vod:hover,
333 .wpstream_onboarding_tryagain:hover,
334 .wpstream_install_plugin:hover,
335 .wpstream_onboard_bubble_finish:hover,
336 #wpstrean_close_modal_ack:hover,
337 .wpstream_onboard_bubble_prev:hover,
338 .wpstream_onboard_bubble_next:hover{
339 background-color: #221466;
340 }
341
342
343 .wpstream_round_bubble{
344 text-align: center;
345 }
346
347 .wpstream_round_bubble li{
348 width: 5px;
349 height: 5px;
350 border-radius: 50%;
351 background-color: #4e2ee6;
352 display: inline-block;
353 margin-right: 10px!important;
354 opacity: 0.5;
355 }
356
357
358
359 .wpstream_onboard_bubble_finish{
360 display: none;
361 }
362
363 .wpstream_modal_background_onboard {
364 position: fixed;
365 z-index: 10001;
366 top: 0px;
367 bottom: 0px;
368 left: 0px;
369 right: 0px;
370 background-color: rgb(0 20 40 / 86%);
371 opacity: 0.7;
372 display: none;
373 }
374
375 .wpstream_modal_back{
376 position: absolute;
377 width: 100%;
378 height: 100%;
379 left: 0px;
380 top: 0px;
381 background-image: url(home-decor-lines3.png);
382 background-size: cover;
383 background-position: center;
384 opacity: 0.4;
385 z-index: -1;
386 }
387
388
389
390 .wpstream_modal_background_onboard2 {
391 position: fixed;
392 z-index: 1000;
393 top: 0px;
394 bottom: 0px;
395 left: 0px;
396 right: 0px;
397 background-color: rgb(0 20 40 / 86%);
398 opacity: 0.7;
399 display: none;
400 }
401
402 .wpstream_close_onboarding{
403 width:30px;
404 height: 30px;
405 background-color: rgba(13,110,253,0.12);
406 position: absolute;
407 top:15px;
408 right: 15px;
409 border-radius: 3px;
410 cursor: pointer;
411 background-image: url(../../img/closeicon4.png);
412 background-repeat: no-repeat;
413 background-position: center;
414 }
415
416 .wpstream_close_onboarding:hover{
417 background-color: rgba(13,110,253,0.32);
418 }
419
420 .wpstream_close_initial_onboarding{
421 top:30px;
422 right: 30px;
423 }
424
425
426
427
428 #wpstrean_close_modal_ack{
429 font-size: 14px;
430 margin-top: 20px;
431 font-weight: 400;
432 margin-bottom: 0px;
433 }
434
435 .wpstream_close_onboarding_warning{
436 color: #1d2327;
437 margin: 15px 0px 0px 0px;
438 display: inline-block;
439 width: 100%;
440 font-size: 15px;
441 line-height: 1.5;
442 font-weight: 500;
443 }
444
445
446 #wpstream_onboard_bubble_content{
447 color: #1d2327;
448 margin: 0px 0px 15px 0px;
449 display: inline-block;
450 width: 100%;
451 font-size: 14px;
452 line-height: 1.5;
453 font-weight: 400;
454 }
455
456
457 #wpstream_onboard_bubble_content .onboard_line_break{
458 margin-bottom: 10px;
459 }
460
461 #wpstream_onboard_bubble_tile{
462 margin: 15px 0px 15px 0px!important;
463 line-height: 1.3em!important;
464 padding: 0px!important;
465 font-size: 17px!important;
466 color: #221466!important;
467 padding-right: 30px!important;
468 float: left;
469 font-weight: 600!important;
470 }
471
472 #wpstream_onboarding_start_chanel {
473 padding: 9px 20px;
474 width: auto;
475 min-width: 130px;
476 color: #7a88a3;
477 border: 1px solid #3dc93d;
478 color: #3b3b3b;
479 background-color: #eaf2f7;
480 background-color: #e8f7e8;
481 border: 1px solid #3dc93d85;
482 width: 220px;
483 cursor: pointer;
484 font-weight: 500;
485 font-size: 14px;
486 text-align: center;
487 }
488
489 #wpstream_onboarding_start_chanel:hover{
490 background: #45a73f;
491 color: #fff;
492 }
493
494 .wpstream_onboard_register,
495 .wpstream_onboard_login,
496 #wpstream_trigger_quick_start,
497 #wpstream_onboard_vod_ppv_action,
498 #wpstream_onboard_vod_free_action,
499 #wpstream_onboard_live_ppv_action,
500 .wpstream_onboard_live_action{
501 background-color:#4e2ee6
502 }
503
504 .wpstream_onboard_register:hover,
505 .wpstream_onboard_login:hover,
506 #wpstream_trigger_quick_start:hover,
507 #wpstream_onboard_vod_ppv_action:hover,
508 #wpstream_onboard_vod_free_action:hover,
509 #wpstream_onboard_live_ppv_action:hover,
510 .wpstream_onboard_live_action:hover{
511 background-color: #221466;
512 }
513
514 .wpstream_sample_icon_settings{
515 width: 37px;
516 height: 37px;
517 border: 1px solid #f0f0f0;
518 border-radius: 3px;
519 display: inline-block;
520 text-align: center;
521 background-color: #f8f8f8;
522 background-image: url(settings.svg);
523 background-size: 50%;
524 background-repeat: no-repeat;
525 background-position: 50%;
526 text-align: -webkit-left;
527 vertical-align: middle;
528 margin: 0px 2px;
529 }
530
531 .wpstream_sample_icon_camera{
532 background-image: url(camera.svg);
533
534 }
535
536
537 .wpstream_sample_icon_open_channel:hover,
538 .wpstream_sample_icon_camera:hover{
539 background-color: #dadada;
540 }
541
542
543
544 .wpstream_sample_icon_open_channel{
545 background-image: url(view.svg);
546 cursor: pointer;
547 }
548
549
550 .wpstream_quick_start_wrapper{
551 background: #fff;
552 margin: 5px 15px 2px;
553 padding: 30px 30px;
554 border-radius: 5px;
555 box-shadow: 0 2px 4px rgb(0 25 60 / 8%);
556 border: 1px solid #e2e5e8;
557 }
558
559 .wpstream_quick_start_wrapper h1{
560 color:#221466!important;
561 }
562
563 .wpstream_quick_start_wrapper p{
564 max-width: 500px;
565 font-size: 15px;
566 margin: 25px 0px;
567 }
568
569
570 @media screen and (max-height: 850px) {
571 .wpstream_on_boarding_wrapper{
572 top: 45px;
573 }
574 }
575 @media screen and (max-height: 750px) {
576 .wpstream_on_boarding_wrapper {
577 width: 400px;
578 margin-left: -200px;
579 }
580
581 .wpstream_on_boarding_wrapper{
582 top:40px;
583 padding: 5px 20px;
584 }
585
586 .wpstream_onboarding_logo{
587 display: none;;
588 }
589 .wpstream_close_initial_onboarding {
590 top: 10px;
591 right: 10px;
592 }
593
594 .wpstream_has_credential h1 {
595 margin-top: 0px;
596 margin-bottom: 20px;
597 font-size: 16px;
598 }
599 .wpstream_on_board_login_wrapper_explanations {
600 margin-bottom: 10px;
601 font-size: 13px;
602 }
603 .wpstream_on_board_register_wrapper, .wpstream_step_wrapper .wpstream_option_wrapper {
604 padding: 15px;
605 margin-bottom: 15px;
606 }
607 }
608
609
610 @media screen and (max-height: 550px) {
611
612 .wpstream_on_board_register_wrapper, .wpstream_step_wrapper .wpstream_option_wrapper {
613 padding: 5px;
614 }
615 .wpstream_option{
616 margin-bottom: 10px;
617 }
618 .wpstream_option input {
619 padding: 0px 10px;
620 }
621 .wpstream_step_wrapper h1 {
622 font-size: 14px;
623 margin: 15px 0px 15px 0px;
624 }
625 }
626
627
628 @media screen and (max-width: 768px) {
629
630 .wpstream_on_boarding_wrapper {
631 position: fixed;
632 width: 100%;
633 top: 0px;
634 margin-left: 0px;
635 z-index: 10002;
636 height: 100%;
637 left: 0px;
638 right: 0px;
639 padding: 55px 25px;
640 display: inline-block;
641 box-sizing: border-box;
642 }
643 .wpstream_close_initial_onboarding {
644 top: 50px;
645 right: 10px;
646 }
647 #wpstream_onboarding_action_login, #wpstream_onboarding_action_register {
648 text-align: center;
649 }
650
651 #wpstream_onboarding_ppv_vod_name{
652 max-width: 100%;
653 }
654
655 }
656
657 .wpstream_accordion_container .spinner {
658 visibility: visible;
659 background-position: center;
660 width: 100%;
661 }
662
663 .wpstream_warning_onboarding {
664 a {
665 box-shadow: none;
666 }
667 }