build/css/webrtc.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128

.jsxc_videoContainer{
    width:640px; 
    height:480px;
    position:relative;
}
.jsxc_remotevideo{
    width: 100%; 
    height: 100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:9000;
    background-color:grey; 
}
.jsxc_localvideo{
    width: 160px; 
    height: 120px;
    position:absolute;
    right:10px;
    bottom: 10px;
    z-index:9990;
    background-color:black;
    cursor: pointer;
}
.jsxc_webrtc .jsxc_status{
    z-index:9999;
    border-radius:20px;
    display: none;
    position:absolute;
    top:30px;
    left:50%;
    background-color:lightgrey;
    background-color: rgba(0, 0, 0, 0.5);
    color:white;
    padding:15px;
    font-weight:bold;
    text-align: center;
}
div:-moz-full-screen {
    width:100%;
    height:100%;
    background-color:black;
}
div:-ms-full-screen {
    width:100%;
    height:100%;
    background-color:black;
}
div:-webkit-full-screen {
    width:100%;
    height:100%;
    background-color:black;
}
div:fullscreen {
    width:100%;
    height:100%;
    background-color:black;
}

div:-moz-full-screen.jsxc_localvideo{
    border: 1px solid white;
}
div:-webkit-full-screen.jsxc_localvideo{
    border: 1px solid white;
}
div:-ms-full-screen.jsxc_localvideo{
    border: 1px solid white;
}
div:fullscreen.jsxc_localvideo{
    border: 1px solid white;
}
.jsxc_fullscreen.jsxc_localvideo{
    border: 1px solid white;
}

.jsxc_snapshotbar{
    width:100%;
    display:none;
}
.jsxc_snapshotbar img{
    height:50px;
}

.jsxc_buttongroup{
    display:inline;
}
.jsxc_buttongroup button:first-child{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-right:0px;
}
.jsxc_buttongroup button:last-child{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left:0px;
}
.jsxc_chatarea{
    position: relative;
    height: 255px;
    display:none;
    background-color:#A4A4A4;
}
.jsxc_chatarea ul{
    position: absolute;
    left:50%;
    top:0px;
    width:200px;
    height:255px;
    list-style:none;
    padding: 0px;
    margin: 0px 0px 0px -100px;
}
.jsxc_chatarea .jsxc_settings{
    display:none;
}
.jsxc_chatarea .jsxc_close{
    display:none;
}
.jsxc_chatarea .jsxc_bar{
    display:none;
}
.jsxc_chatarea .jsxc_window{
    bottom: 0px;
    box-shadow: none;
}
.jsxc_videoSuitable .jsxc_name{
    font-style: italic;
}