Brak opisu

meeting.css 2.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. body{
  2. margin: 0;
  3. }
  4. #login-page {
  5. width: 844px;
  6. padding-top: 4px
  7. }
  8. #sip_uri,
  9. #sip_password,
  10. #ws_uri,
  11. #sip_phone_number {
  12. width: 250px;
  13. }
  14. .hiden {
  15. display: block;
  16. }
  17. .hiden input {
  18. padding-left: 15px;
  19. }
  20. .showView {
  21. width: 100%;
  22. height: 644px;
  23. }
  24. .videoAnswer{
  25. width: 40px;
  26. height: 40px;
  27. }
  28. .videoCall{
  29. position: relative;
  30. }
  31. .videoText{
  32. text-align: center;
  33. width: 100%;
  34. font-size: 20px;
  35. color: #008000;
  36. margin-top: 80px;
  37. }
  38. .viBtn{
  39. position: absolute;
  40. width: 100%;
  41. display: block;
  42. top: 30px;
  43. }
  44. .vidDrop{
  45. width: 50px;
  46. height: 50px;
  47. margin: 0 auto;
  48. margin-top: 20px;
  49. }
  50. .videoBtn .vidDrop{
  51. width: 50%;
  52. margin-top: 30px;
  53. }
  54. .vidDrop:hover{
  55. filter:alpha(opacity=50);
  56. -moz-opacity:0.5;
  57. -khtml-opacity: 0.5;
  58. opacity: 0.5;
  59. cursor:pointer;
  60. }
  61. .vidDrop img{
  62. width: 40px;
  63. height: 40px;
  64. position: absolute;
  65. left: 50%;
  66. margin-left: -20px;
  67. }
  68. .videoBtn .videoDrop{
  69. width: 50%;
  70. float: left;
  71. position: relative;
  72. }
  73. .videoBtn{
  74. position: absolute;
  75. top: 40%;
  76. width: 100%;
  77. display: block;
  78. }
  79. .videoBtn .videoAnswer{
  80. width: 50%;
  81. float: left;
  82. position: relative;
  83. }
  84. .videoBtn .videoAnswer:hover{
  85. /*background: #333333;*/
  86. cursor:pointer;
  87. filter:alpha(opacity=50);
  88. -moz-opacity:0.5;
  89. -khtml-opacity: 0.5;
  90. opacity: 0.5;
  91. }
  92. .videoBtn .videoDrop{
  93. width: 50%;
  94. float: left;
  95. position: relative;
  96. }
  97. .videoBtn .videoDrop:hover{
  98. filter:alpha(opacity=50);
  99. -moz-opacity:0.5;
  100. -khtml-opacity: 0.5;
  101. opacity: 0.5;
  102. cursor:pointer;
  103. }
  104. .videoAnswer img{
  105. width: 40px;
  106. height: 40px;
  107. position: absolute;
  108. left: 50%;
  109. margin-left: -20px;
  110. }
  111. .videoDrop img{
  112. width: 40px;
  113. height: 40px;
  114. position: absolute;
  115. left: 50%;
  116. margin-left: -20px;
  117. }
  118. .titText{
  119. width: 95%;
  120. text-align: right;
  121. color: blue;
  122. font-size: 12px;
  123. display: block;
  124. line-height: 40px;
  125. }
  126. .videoMy{
  127. display: none;
  128. position: relative;
  129. overflow: hidden;
  130. }
  131. .videoList{
  132. display: none;
  133. position: relative;
  134. width: 100%;
  135. overflow: hidden;
  136. }
  137. .videoMy video {
  138. position: absolute;
  139. background-color: #333333;
  140. /* border: 1px solid blue; */
  141. padding: 0px;
  142. width: 100%;
  143. object-fit:fill;
  144. top:30px;
  145. left: 10;
  146. }
  147. .videoList video {
  148. background-color: #333333;
  149. position: absolute;
  150. left: 0px;
  151. right: 0px;
  152. top: 0px;
  153. bottom: 0px;
  154. margin: auto;
  155. width: 100%;
  156. }
  157. .extension{
  158. margin-left: 30px;
  159. margin-top: 15px;
  160. }
  161. .register{
  162. margin-left: 20px;
  163. height: 26px;
  164. margin-top: 15px;
  165. }
  166. .registerAgo{
  167. display: flex;
  168. margin-top: 40px;
  169. }
  170. .callVideo{
  171. display: block;
  172. width: 100%;
  173. overflow: hidden;
  174. }
  175. .callVideo div{
  176. float: right;
  177. margin: 0 15px;
  178. }
  179. .callVideo .audioCall button{
  180. padding: 5px 8px;
  181. }
  182. .callVideo .inputCall input{
  183. padding: 5px 8px;
  184. width: 120px;
  185. }
  186. .callStyle{
  187. line-height: 30px;
  188. color: blue;
  189. }