@viewlift/player-backup 2.0.358-backup → 2.0.359-backup

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (221) hide show
  1. package/cjs/autoNextVideo-1082ce6b.js +1 -0
  2. package/cjs/autoNextVideo-69ef2f88.js +1 -0
  3. package/cjs/autoNextVideo-e313efcf.js +1 -0
  4. package/cjs/autoNextVideo-edc097a1.js +1 -0
  5. package/cjs/bundle.css +1205 -1200
  6. package/cjs/caption-settings-89b6d39a.js +1 -0
  7. package/cjs/captions-c8b5cc66.js +1 -0
  8. package/cjs/features-10064f72.js +1 -0
  9. package/cjs/features-1c10f25a.js +1 -0
  10. package/cjs/features-caccb092.js +1 -0
  11. package/cjs/features-f6bc37dc.js +1 -0
  12. package/cjs/generic-0f84730d.js +1 -0
  13. package/cjs/generic-13b8debd.js +1 -0
  14. package/cjs/generic-29a1821f.js +1 -0
  15. package/cjs/generic-d4d8c07e.js +1 -0
  16. package/cjs/index-0176e5f3.js +1 -0
  17. package/cjs/index-0c2a2df2.js +1 -0
  18. package/cjs/index-1ae0c7be.js +1 -0
  19. package/cjs/index-5da999ba.js +1 -0
  20. package/cjs/index-6455c5eb.js +1 -0
  21. package/cjs/index-72fd3102.js +1 -0
  22. package/cjs/index-7ec7d20b.js +1 -0
  23. package/cjs/index-83297d7b.js +1 -0
  24. package/cjs/index-93b4fa3a.js +1 -0
  25. package/cjs/index-a2295045.js +1 -0
  26. package/cjs/index-a451525b.js +1 -0
  27. package/cjs/index-a5a5f19f.js +1 -0
  28. package/cjs/index-ae34b733.js +1 -0
  29. package/cjs/index-eff6f3d1.js +1 -0
  30. package/cjs/index.js +1 -1
  31. package/cjs/multicamv2-02516abf.js +1 -0
  32. package/cjs/multicamv2-0789cc12.js +1 -0
  33. package/cjs/multicamv2-3d6de978.js +1 -0
  34. package/cjs/multicamv2-533b95d9.js +1 -0
  35. package/cjs/multicamv2-950a5e4a.js +1 -0
  36. package/cjs/multicamv2-97f80e94.js +1 -0
  37. package/cjs/multicamv2-a9b61d4a.js +1 -0
  38. package/cjs/multicamv2-e3fac68a.js +1 -0
  39. package/cjs/nextEpisodeButton-09a3c118.js +1 -0
  40. package/cjs/nextEpisodeButton-1bb6d0ec.js +1 -0
  41. package/cjs/nextEpisodeButton-2e51b74f.js +1 -0
  42. package/cjs/nextEpisodeButton-f5dcc8a2.js +1 -0
  43. package/cjs/playlist-22e22306.js +1 -0
  44. package/cjs/playlist-31dfbe47.js +1 -0
  45. package/cjs/playlist-ac3e0128.js +1 -0
  46. package/cjs/playlist-d71abbf1.js +1 -0
  47. package/cjs/series-107bdbd7.js +1 -0
  48. package/cjs/series-1b46cc76.js +1 -0
  49. package/cjs/series-1bdb4b5a.js +1 -0
  50. package/cjs/series-bb3ed434.js +1 -0
  51. package/cjs/series-v2-064d3215.js +1 -0
  52. package/cjs/series-v2-1a02ad02.js +1 -0
  53. package/cjs/series-v2-2105fd89.js +1 -0
  54. package/cjs/series-v2-3383d8cd.js +1 -0
  55. package/cjs/series-v2-5ddf1024.js +1 -0
  56. package/cjs/series-v2-a62f7cd5.js +1 -0
  57. package/cjs/series-v2-c7ceb8f1.js +1 -0
  58. package/cjs/series-v2-f4ed26d3.js +1 -0
  59. package/cjs/series-v2-f7a0908c.js +1 -0
  60. package/cjs/skin-05029a3a.js +1 -0
  61. package/cjs/skin-168e66ac.js +1 -0
  62. package/cjs/skin-18a036e8.js +1 -0
  63. package/cjs/skin-3548b097.js +1 -0
  64. package/cjs/skin-3926faa3.js +1 -0
  65. package/cjs/skin-4d821047.js +1 -0
  66. package/cjs/skin-4eb6cf11.js +1 -0
  67. package/cjs/skin-4fefe3ad.js +1 -0
  68. package/cjs/skin-5582d422.js +1 -0
  69. package/cjs/skin-5ab5098d.js +1 -0
  70. package/cjs/skin-604bb193.js +1 -0
  71. package/cjs/skin-71d8ad74.js +1 -0
  72. package/cjs/skin-7786a20f.js +1 -0
  73. package/cjs/skin-806ef300.js +1 -0
  74. package/cjs/skin-824bcda2.js +1 -0
  75. package/cjs/skin-8405c125.js +1 -0
  76. package/cjs/skin-86f9c4d0.js +1 -0
  77. package/cjs/skin-8b20ce13.js +1 -0
  78. package/cjs/skin-8b270d0e.js +1 -0
  79. package/cjs/skin-977db119.js +1 -0
  80. package/cjs/skin-98f46f58.js +1 -0
  81. package/cjs/skin-9b9be294.js +1 -0
  82. package/cjs/skin-9d3da0fb.js +1 -0
  83. package/cjs/skin-9e9a4817.js +1 -0
  84. package/cjs/skin-9ea984e1.js +1 -0
  85. package/cjs/skin-a4044fd7.js +1 -0
  86. package/cjs/skin-aa922c05.js +1 -0
  87. package/cjs/skin-ac687d14.js +1 -0
  88. package/cjs/skin-b2cf11ad.js +1 -0
  89. package/cjs/skin-b7237791.js +1 -0
  90. package/cjs/skin-be0526f2.js +1 -0
  91. package/cjs/skin-bf241109.js +1 -0
  92. package/cjs/skin-c2a40b1a.js +1 -0
  93. package/cjs/skin-cc89ecae.js +1 -0
  94. package/cjs/skin-cf0d9347.js +1 -0
  95. package/cjs/skin-da7a4ecb.js +1 -0
  96. package/cjs/skin-dfdbd0d3.js +1 -0
  97. package/cjs/skin-e37b1e55.js +1 -0
  98. package/cjs/skin-e70cd7e5.js +1 -0
  99. package/cjs/skin-e92a1f28.js +1 -0
  100. package/cjs/videoSelector-0a98c9b9.js +1 -0
  101. package/cjs/videoSelector-1a37b507.js +1 -0
  102. package/cjs/videoSelector-1ca81eab.js +1 -0
  103. package/cjs/videoSelector-8542df1a.js +1 -0
  104. package/cjs/videoSelector-a15ed516.js +1 -0
  105. package/cjs/videoSelector-a61faac3.js +1 -0
  106. package/cjs/videoSelector-b6e03076.js +1 -0
  107. package/cjs/videoSelector-b7e8afad.js +1 -0
  108. package/cjs/videoSelector-bf5e6adc.js +1 -0
  109. package/cjs/videoSelector-c45c25d6.js +1 -0
  110. package/cjs/videojs-dash5.es-874b887d.js +1 -0
  111. package/esm/autoNextVideo-0a43d4ba.js +1 -0
  112. package/esm/autoNextVideo-11cfc2a5.js +1 -0
  113. package/esm/autoNextVideo-6b665209.js +1 -0
  114. package/esm/autoNextVideo-a24ddc2e.js +1 -0
  115. package/esm/bundle.css +1205 -1200
  116. package/esm/caption-settings-6ced512f.js +1 -0
  117. package/esm/captions-92c899aa.js +1 -0
  118. package/esm/features-631b5f6c.js +1 -0
  119. package/esm/features-6552142d.js +1 -0
  120. package/esm/features-9ce65985.js +1 -0
  121. package/esm/features-cbc3b249.js +1 -0
  122. package/esm/generic-0618f730.js +1 -0
  123. package/esm/generic-15a83d12.js +1 -0
  124. package/esm/generic-8e3e6683.js +1 -0
  125. package/esm/generic-f09dca9c.js +1 -0
  126. package/esm/index-0d8855c5.js +1 -0
  127. package/esm/index-10e9934f.js +1 -0
  128. package/esm/index-19a0df66.js +1 -0
  129. package/esm/index-2106e328.js +1 -0
  130. package/esm/index-2be83248.js +1 -0
  131. package/esm/index-480542e3.js +1 -0
  132. package/esm/index-55d062b5.js +1 -0
  133. package/esm/index-796a5d7b.js +1 -0
  134. package/esm/index-a3b754ff.js +1 -0
  135. package/esm/index-a6d71252.js +1 -0
  136. package/esm/index-a73b8941.js +1 -0
  137. package/esm/index-b372ee8e.js +1 -0
  138. package/esm/index-d0150451.js +1 -0
  139. package/esm/index-f09a905c.js +1 -0
  140. package/esm/index.js +1 -1
  141. package/esm/multicamv2-3e1be80d.js +1 -0
  142. package/esm/multicamv2-466631dc.js +1 -0
  143. package/esm/multicamv2-66f6f70b.js +1 -0
  144. package/esm/multicamv2-bd6beda6.js +1 -0
  145. package/esm/multicamv2-c95b8c7b.js +1 -0
  146. package/esm/multicamv2-cb9c2480.js +1 -0
  147. package/esm/multicamv2-db400adb.js +1 -0
  148. package/esm/multicamv2-f7694b60.js +1 -0
  149. package/esm/nextEpisodeButton-184d31b1.js +1 -0
  150. package/esm/nextEpisodeButton-b0b711a6.js +1 -0
  151. package/esm/nextEpisodeButton-bb9fe110.js +1 -0
  152. package/esm/nextEpisodeButton-ffcda7e5.js +1 -0
  153. package/esm/playlist-156f29a1.js +1 -0
  154. package/esm/playlist-5faa11db.js +1 -0
  155. package/esm/playlist-70071d11.js +1 -0
  156. package/esm/playlist-95653a86.js +1 -0
  157. package/esm/series-6b194228.js +1 -0
  158. package/esm/series-a1b791b5.js +1 -0
  159. package/esm/series-b3a494c0.js +1 -0
  160. package/esm/series-cba492a1.js +1 -0
  161. package/esm/series-v2-16d1a8c4.js +1 -0
  162. package/esm/series-v2-1e2272a7.js +1 -0
  163. package/esm/series-v2-2720d2ea.js +1 -0
  164. package/esm/series-v2-44bf20f2.js +1 -0
  165. package/esm/series-v2-556f807a.js +1 -0
  166. package/esm/series-v2-628cf0d3.js +1 -0
  167. package/esm/series-v2-6e9853f8.js +1 -0
  168. package/esm/series-v2-7a9438a7.js +1 -0
  169. package/esm/series-v2-8abf383f.js +1 -0
  170. package/esm/skin-12772214.js +1 -0
  171. package/esm/skin-2b7d7a7e.js +1 -0
  172. package/esm/skin-2e7e3a2b.js +1 -0
  173. package/esm/skin-3caf82bb.js +1 -0
  174. package/esm/skin-494e6a2a.js +1 -0
  175. package/esm/skin-4ab8a60d.js +1 -0
  176. package/esm/skin-4d2f88c0.js +1 -0
  177. package/esm/skin-531204df.js +1 -0
  178. package/esm/skin-56b42510.js +1 -0
  179. package/esm/skin-5b407e72.js +1 -0
  180. package/esm/skin-5e02a78d.js +1 -0
  181. package/esm/skin-60cd7fab.js +1 -0
  182. package/esm/skin-6332d876.js +1 -0
  183. package/esm/skin-689fe770.js +1 -0
  184. package/esm/skin-6a06bdb1.js +1 -0
  185. package/esm/skin-70d35ea5.js +1 -0
  186. package/esm/skin-723c316f.js +1 -0
  187. package/esm/skin-74f8855c.js +1 -0
  188. package/esm/skin-7f9eea72.js +1 -0
  189. package/esm/skin-82a118b7.js +1 -0
  190. package/esm/skin-84d8d9de.js +1 -0
  191. package/esm/skin-95e6c232.js +1 -0
  192. package/esm/skin-97af5799.js +1 -0
  193. package/esm/skin-97b13f03.js +1 -0
  194. package/esm/skin-999b5476.js +1 -0
  195. package/esm/skin-a0a2cbe4.js +1 -0
  196. package/esm/skin-a1bab5a7.js +1 -0
  197. package/esm/skin-ae467337.js +1 -0
  198. package/esm/skin-c1492f6a.js +1 -0
  199. package/esm/skin-ca80412d.js +1 -0
  200. package/esm/skin-cd0cc0a7.js +1 -0
  201. package/esm/skin-ce79afce.js +1 -0
  202. package/esm/skin-d6aa3767.js +1 -0
  203. package/esm/skin-d7b60630.js +1 -0
  204. package/esm/skin-dbffdbc0.js +1 -0
  205. package/esm/skin-e26c7928.js +1 -0
  206. package/esm/skin-e2f50f97.js +1 -0
  207. package/esm/skin-e62ee7eb.js +1 -0
  208. package/esm/skin-f315383a.js +1 -0
  209. package/esm/skin-f7be092c.js +1 -0
  210. package/esm/videoSelector-18d6786f.js +1 -0
  211. package/esm/videoSelector-2f39e0f7.js +1 -0
  212. package/esm/videoSelector-6a4fbe8c.js +1 -0
  213. package/esm/videoSelector-72a670cf.js +1 -0
  214. package/esm/videoSelector-8a5ec98b.js +1 -0
  215. package/esm/videoSelector-aa7c871f.js +1 -0
  216. package/esm/videoSelector-b3af7e36.js +1 -0
  217. package/esm/videoSelector-c00cb485.js +1 -0
  218. package/esm/videoSelector-def99d5e.js +1 -0
  219. package/esm/videoSelector-fd7a3b03.js +1 -0
  220. package/esm/videojs-dash5.es-640f7001.js +1 -0
  221. package/package.json +28 -25
package/esm/bundle.css CHANGED
@@ -1,232 +1,33 @@
1
1
 
2
2
 
3
3
 
4
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
5
- height: 0.7em !important;
6
- position: absolute !important;
7
- top: -0.7em !important;
8
- width: 100% !important;
9
- }
10
-
11
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
12
- height: 100%;
13
- }
14
-
15
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
16
- line-height: 2.5;
17
- }
18
-
19
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
20
- height: 19px;
21
- width: 19px;
22
- cursor: pointer;
23
- }
24
- .video-js.skin_vlone .vjs-control {
25
- user-select: none;
26
- }
27
- .video-js.skin_vlone .vjs-custom-control-spacer{
28
- user-select: none;
29
- }
30
-
31
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
32
- height: 19px;
33
- width: 19px;
34
- cursor: pointer;
35
- }
36
-
37
- .video-js.skin_vlone .vjs-play-progress:before {
38
- display: none !important;
39
- }
40
-
41
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
42
- margin: 0 !important;
43
-
44
- }
45
-
46
-
47
- .video-js.skin_vlone .vjs-custom-control-spacer {
48
- display: block;
49
- flex: 1 1 auto;
50
- }
51
-
52
- .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
53
- z-index: 1;
54
- }
55
-
56
-
57
- .video-js.skin_vlone .vjs-control-bar {
58
- height: 40px;
59
- }
60
-
61
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
62
- .vjs-button>.vjs-icon-placeholder:before {
63
- position: relative !important;
64
- }
65
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
66
- display: flex;
67
- left: 0px;
68
- top: -1px;
69
- }
70
-
71
- .vjs-button>.vjs-icon-placeholder:before {
72
- font-size: 2em !important;
73
- }
74
-
75
- .video-js.skin_vlone .vjs-control {
76
- width: 4.3em;
77
- }
78
-
79
- .vjs-menu-button-popup .vjs-menu {
80
- bottom: 10px !important;
81
- }
82
-
83
-
84
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
85
- height: 1.3em !important;
86
- position: absolute !important;
87
- top: -1.3em !important;
88
- transition: height 0.3s, top 0.3s !important;
89
- }
90
-
91
-
92
- .video-js.skin_vlone.vjs-live .vjs-time-control{
93
- display: none !important;
94
- }
95
-
96
- .video-js.skin_vlone .vjs-time-control {
97
- display: block;
98
- }
99
- .video-js.skin_vlone .vjs-remaining-time {
100
- display: none;
101
- }
102
-
103
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
104
- line-height: 3.5em;
105
- font-size: 1.1em;
106
- min-width: 4em;
107
- }
108
-
109
- .video-js.skin_vlone .vjs-time-divider > div{
110
- display: flex;
111
- justify-content: center;
112
- }
113
-
114
- .video-js.skin_vlone .vjs-live-control{
115
- align-items: center;
116
- }
117
- .video-js.skin_vlone .vjs-live-display{
118
- height: 2.2em;
119
- display: flex;
120
- align-items: center;
121
- font-family: monospace;
122
- width: 4em;
123
- justify-content: center;
124
- background: red;
125
- margin: 4px 0px 4px 12px;
126
- }
127
- .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
128
- background: #6b6b6b;
129
- }
130
- .video-js.skin_vlone .vjs-live-display:hover{
131
- cursor: pointer;
132
- }
133
-
134
- .video-js.skin_vlone .vjs-time-control {
135
- line-height: 3.5em !important;
136
- font-size: 1.1em !important;
137
- width: min-content !important;
138
- min-width: 1.5em;
139
- padding: 0 !important;
140
- user-select: none;
141
- }
142
-
143
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
144
- margin-left: 16px !important;
145
- }
146
-
147
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
148
- .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
149
- font-size: 1.2em !important;
150
- line-height: 1.5em !important;
151
- padding: 0.2em 0.8em !important;
152
- }
153
-
154
-
155
- /* Big play */
156
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
157
- width: 80px;
158
- height: 80px;
159
- display: flex;
160
- justify-content: center;
161
- align-items: center;
162
- border: none;
163
- position: absolute;
164
- top: 0;
165
- left: 0;
166
- right: 0;
167
- bottom: 0;
168
- margin: auto;
169
- font-size: 5em;
170
- line-height: 1.3em;
171
- transform: none !important;
172
- border-radius: 1.3em;
173
- }
174
- .video-js.skin_vlone .ssai-ad-container{
175
- position: absolute;
176
- bottom: 4px;
177
- }
178
-
179
- @media(max-width:600px){
180
- .video-js.skin_vlone button.vjs-big-play-button {
181
- width: 50px !important;
182
- height: 50px !important;
183
- font-size: 2.1rem !important;
184
- }
185
-
186
- .video-js.skin_vlone .ssai-ad-container {
187
- position: absolute;
188
- bottom: 2px;
189
- }
190
- .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
191
- display: none;
192
- }
193
4
 
194
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
195
- /* display: none; */
196
- }
197
5
 
198
- .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
199
- /* display: none; */
200
- }
201
- }
202
- .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
203
- text-decoration: underline;
204
- }
205
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
6
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
206
7
  font-size: 2.2em;
207
8
  line-height: 2.6;
208
9
  }
209
- .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
210
- background: #fcb700;
10
+ .video-js.skin_news .vjs-custom-big-mute.vjs-control{
11
+ background: white;
211
12
  }
212
- .video-js.skin_news_live .vjs-control-bar{
13
+ .video-js.skin_news .vjs-control-bar{
213
14
  z-index: 1 !important;
214
15
  height: 5em !important;
215
16
  background: black !important;
216
17
  }
217
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
18
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
218
19
  display: flex;
219
20
  align-items: center;
220
21
  justify-content: center;
221
22
  }
222
23
 
223
- .video-js.skin_news_live .vjs-fade>* {
24
+ .video-js.skin_news .vjs-fade>* {
224
25
  visibility: hidden !important;
225
26
  opacity: 0 !important;
226
27
  transition: visibility 1s, opacity 1s !important;
227
28
  }
228
29
 
229
- .video-js.skin_news_live .custom-spaced-progress-bar {
30
+ .video-js.skin_news .custom-spaced-progress-bar {
230
31
  position: absolute;
231
32
  width: 100%;
232
33
  display: flex;
@@ -234,7 +35,7 @@
234
35
  top: -0.5em;
235
36
  }
236
37
 
237
- .video-js.skin_news_live .vjs-progress-control {
38
+ .video-js.skin_news .vjs-progress-control {
238
39
  /* left: -6px; */
239
40
  position: relative;
240
41
  width: 100%;
@@ -242,25 +43,22 @@
242
43
  transition: height 0.1s, top 0.1s;
243
44
  }
244
45
 
245
- .video-js.skin_news_live .vjs-volume-panel{
246
- min-width: 5.3em;
247
- }
248
46
 
249
47
 
250
48
 
251
- .video-js.skin_news_live .vjs-custom-control-spacer {
252
- /* display: block; */
253
- /* flex: 1 1 auto; */
49
+ .video-js.skin_news .vjs-custom-control-spacer {
50
+ display: block;
51
+ flex: 1 1 auto;
254
52
  }
255
53
 
256
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
54
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
257
55
  margin: 0 0px 0 0px;
258
56
  }
259
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
57
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
260
58
  display: none;
261
59
  }
262
60
 
263
- .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
61
+ .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
264
62
  font-size: 14px;
265
63
  font-weight: 500;
266
64
  align-self: center;
@@ -269,30 +67,30 @@
269
67
  border-radius: 8px;
270
68
  }
271
69
 
272
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
70
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
273
71
  height: 6px !important;
274
72
  }
275
73
 
276
- .video-js.skin_news_live .vjs-play-progress:before {
74
+ .video-js.skin_news .vjs-play-progress:before {
277
75
  font-size: 1.5em;
278
76
  line-height: unset;
279
77
  top: -0.3333333333em;
280
78
  }
281
79
 
282
- .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
80
+ .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
283
81
  display: none !important;
284
82
  }
285
83
 
286
84
  /* */
287
- .video-js.skin_news_live .vjs-mouse-display{
85
+ .video-js.skin_news .vjs-mouse-display{
288
86
  font-size: 1.6666666667em;
289
87
  }
290
88
 
291
- .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
89
+ .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
292
90
  font-size: 1em !important;
293
91
  }
294
92
 
295
- .video-js.skin_news_live .vjs-button{
93
+ .video-js.skin_news .vjs-button{
296
94
  width: 5.3em;
297
95
  display: flex;
298
96
  align-items: center;
@@ -300,71 +98,63 @@
300
98
  }
301
99
 
302
100
 
303
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
101
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
304
102
  .icon-maximize {
305
103
  display: block;
306
104
  height: 32px;
307
105
  }
308
106
 
309
- .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
107
+ .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
310
108
  line-height: 4;
311
109
  }
312
110
 
313
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
111
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
314
112
  .icon-minimize {
315
113
  display: none;
316
114
  height: 32px;
317
115
  }
318
116
 
319
- .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
117
+ .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
320
118
  outline: none !important;
321
- /* flex: 1; */
322
- }
323
- .video-js.skin_news_live .vjs-play-toggle-container{
324
- display: flex;
325
- flex: 1;
326
- justify-content: center;
327
119
  }
328
-
329
-
330
- .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
120
+ .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
331
121
  .vjs-icon-fullscreen-enter:before {
332
122
  /* content: '' !important; */
333
123
  }
334
124
 
335
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
125
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
336
126
  display: flex;
337
127
  justify-content: center;
338
128
  align-items: center;
339
129
  /* transform: rotate(90deg); */
340
130
  }
341
131
 
342
- .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
132
+ .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
343
133
  display: none;
344
134
  }
345
- .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
135
+ .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
346
136
  margin-left: -10px;
347
137
  }
348
138
 
349
- .video-js.skin_news_live .skipbtn:hover{
139
+ .video-js.skin_news .skipbtn:hover{
350
140
  cursor: pointer;
351
141
  }
352
142
 
353
- .video-js.skin_news_live .rewindbtn:hover{
143
+ .video-js.skin_news .rewindbtn:hover{
354
144
  cursor: pointer;
355
145
  }
356
146
 
357
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
147
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
358
148
  position: relative;
359
149
  padding-left: 0;
360
150
  }
361
151
 
362
- .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
152
+ .video-js.skin_news.vjs-seeking .vjs-big-play-button{
363
153
  display: none !important;
364
154
  }
365
155
 
366
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
367
- /* width: 90px;
156
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
157
+ width: 90px;
368
158
  height: 90px;
369
159
  display: flex;
370
160
  justify-content: center;
@@ -379,20 +169,19 @@
379
169
  font-size: 6em;
380
170
  line-height: 1.4em;
381
171
  border: 0.05em solid;
382
- color: inherit; */
383
- display: none !important;
172
+ color: inherit;
384
173
  }
385
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
174
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
386
175
  font-weight: bold;
387
176
  }
388
177
 
389
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
178
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
390
179
  bottom: 2.4em !important;
391
180
  right: -1em;
392
181
  z-index: 1;
393
182
  }
394
183
 
395
- .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
184
+ .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
396
185
  width: 24px !important;
397
186
  height: 24px !important;
398
187
  }
@@ -402,34 +191,34 @@
402
191
  }
403
192
 
404
193
 
405
- .video-js.skin_news_live button.vjs-rewind-button{
194
+ .video-js.skin_news button.vjs-rewind-button{
406
195
  cursor: pointer;
407
196
  }
408
197
 
409
- .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
198
+ .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
410
199
  padding-right: 0;
411
- display: none;
412
200
  }
413
201
 
414
- .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
202
+ .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
415
203
  padding-left: 0;
416
- display: none;
417
204
  }
418
205
 
419
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
206
+ .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
420
207
  padding-left: 0;
421
208
  padding-right: 0;
422
- display: none;
209
+ display: flex;
210
+ justify-content: center;
211
+ width: min-content;
423
212
  }
424
213
 
425
- .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
214
+ .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
426
215
  display: none
427
216
  }
428
- .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
217
+ .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
429
218
  display: none
430
219
  }
431
220
 
432
- .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
221
+ .video-js.skin_news .vjs-control-bar .vjs-time-control {
433
222
  display: flex;
434
223
  align-items: center;
435
224
  font-weight: 700;
@@ -437,26 +226,26 @@
437
226
  min-width: 1.2em;
438
227
  }
439
228
 
440
- .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
229
+ .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
441
230
  display: none;
442
231
  font-size: 11px;
443
232
  justify-content: center;
444
233
  align-items: center;
445
234
  user-select: none;
446
235
  }
447
- .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
236
+ .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
448
237
  display: none;
449
238
  }
450
239
 
451
- .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
240
+ .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
452
241
  height: min-content;
453
242
  width: min-content;
454
243
  }
455
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
244
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
456
245
  width: 6em;
457
246
  }
458
247
 
459
- .video-js.skin_news_live .content{
248
+ .video-js.skin_news .content{
460
249
  bottom: 3.4rem !important;
461
250
  right: -4rem !important;
462
251
  }
@@ -475,16 +264,15 @@
475
264
  pointer-events:none
476
265
  }
477
266
 
478
- .video-js.skin_news_live iframe{
267
+ .video-js.skin_news iframe{
479
268
  width: 100%;
480
269
  height: 100%;
481
270
  }
482
271
 
483
- .video-js.skin_news_live .vjs-live-control{
272
+ .video-js.skin_news .vjs-live-control{
484
273
  align-items: center;
485
- display: none;
486
274
  }
487
- .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
275
+ .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
488
276
  height: 2.2em;
489
277
  display: flex;
490
278
  align-items: center;
@@ -495,22 +283,43 @@
495
283
  margin: 4px 0px 4px 12px;
496
284
  }
497
285
 
498
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
286
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
499
287
  text-shadow: none;
500
288
  }
289
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
290
+ display: none;
291
+ font-size: 12px;
292
+ }
501
293
 
502
- .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
503
- display: flex;
294
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
295
+ height: 2.2em;
296
+ display: inline-flex;
297
+ align-items: center;
298
+ /* font-family: monospace; */
504
299
  justify-content: center;
505
- min-width: 5.3em;
506
- pointer-events: none;
507
- user-select: none;
300
+ border: 2px solid;
301
+ margin: 4px 0px 4px 6px;
302
+ white-space: pre;
303
+ padding: 0px 6px;
304
+ font-size: 1.2em;
305
+ font-weight: 500;
306
+ color: rgba(255, 255, 2555, 0.7);
307
+
308
+ letter-spacing: -.1px;
309
+ line-height: normal;
310
+ text-transform: uppercase;
311
+ color: #FFFFFF;
312
+ opacity: .7;
313
+ font-family: "Proxima Nova";
508
314
  }
509
315
 
510
- .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
511
- color: white;
316
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
317
+ opacity: 1;
512
318
  }
513
319
 
320
+ .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
321
+ content: "NOT LIVE";
322
+ }
514
323
 
515
324
  .settings-selection.vjs-control.vjs-button{
516
325
  display: flex !important;
@@ -527,57 +336,57 @@
527
336
  .tvProviderImage{
528
337
  display: none
529
338
  }
530
- .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
339
+ .video-js.skin_news .vjs-fullscreen .icon-minimize,
531
340
  .icon-maximize {
532
341
  height: 30px !important;
533
342
  }
534
343
 
535
- .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
344
+ .video-js.skin_news .vjs-fullscreen .icon-maximize,
536
345
  .icon-minimize {
537
346
  height: 30px !important;
538
347
  }
539
- .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
348
+ .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
540
349
  width: 4.5em;
541
350
  }
542
- .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
351
+ .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
543
352
  height: min-content;
544
353
  }
545
354
 
546
- .video-js.skin_news_live button.vjs-slowmo-button{
355
+ .video-js.skin_news button.vjs-slowmo-button{
547
356
  display: none;
548
357
  }
549
- .video-js.skin_news_live button.vjs-rewind-button{
358
+ .video-js.skin_news button.vjs-rewind-button{
550
359
  display: none;
551
360
  }
552
- .video-js.skin_news_live button.vjs-rewind-button>svg{
361
+ .video-js.skin_news button.vjs-rewind-button>svg{
553
362
  height: 20px;
554
363
  }
555
- .video-js.skin_news_live .vjs-button{
364
+ .video-js.skin_news .vjs-button{
556
365
  width: 4.8em;
557
366
  }
558
- .video-js.skin_news_live .widget-selection{
367
+ .video-js.skin_news .widget-selection{
559
368
  display: none;
560
369
  }
561
- .video-js.skin_news_live .container{
370
+ .video-js.skin_news .container{
562
371
  display: none !important;
563
372
  }
564
- .video-js.skin_news_live .vjs-control-bar{
373
+ .video-js.skin_news .vjs-control-bar{
565
374
  height: 4em !important;
566
375
  }
567
- .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
376
+ .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
568
377
  font-size: 2.5em;
569
378
  line-height: 1.5;
570
379
  }
571
- .video-js.skin_news_live .vjs-play-progress:before {
380
+ .video-js.skin_news .vjs-play-progress:before {
572
381
  font-size: 1.2em;
573
382
  position: absolute;
574
383
  right: -0.5em;
575
384
  z-index: 1;
576
385
  }
577
- .video-js.skin_news_live button.vjs-skip-button>svg{
386
+ .video-js.skin_news button.vjs-skip-button>svg{
578
387
  height: 20px;
579
388
  }
580
- .video-js.skin_news_live button.vjs-big-play-button {
389
+ .video-js.skin_news button.vjs-big-play-button {
581
390
  width: 50px !important;
582
391
  height: 50px !important;
583
392
  font-size: 2.1rem !important;
@@ -587,17 +396,17 @@
587
396
  width: 24px;
588
397
  height: 24px;
589
398
  }
590
- .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
399
+ .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
591
400
  margin: 0 12px 0 12px;
592
401
  }
593
- .video-js.skin_news_live .vjs-seek-to-live-text{
402
+ .video-js.skin_news .vjs-seek-to-live-text{
594
403
  font-size: 12px;
595
404
  }
596
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
405
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
597
406
  margin: 0 12px 0 12px;
598
407
  }
599
408
  }
600
- .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
409
+ .video-js.skin_news.vjs-paused .vjs-big-play-button {
601
410
  width: 90px;
602
411
  height: 90px;
603
412
  display: flex;
@@ -614,7 +423,7 @@
614
423
  line-height: 1.4em;
615
424
  }
616
425
 
617
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
426
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
618
427
  display: flex;
619
428
  justify-content: center;
620
429
  align-items: center;
@@ -622,22 +431,29 @@
622
431
  transition: width 0.1s;
623
432
  }
624
433
 
625
- .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
434
+ .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
626
435
  display: flex;
627
436
  justify-content: center;
628
437
  align-items: center;
629
438
  height: 100%;
630
439
  transition: width 0.1s;
631
440
  }
632
- .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
441
+ .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
633
442
  display: none !important;
634
443
  }
444
+ .video-js.skin_news .ssai-ad-container{
445
+ position: absolute;
446
+ bottom: 14px;
447
+ }
635
448
 
636
449
  @media (max-width: 576px) {
637
- .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
450
+ .video-js.skin_news .ssai-ad-container{
451
+ bottom: 2px;
452
+ }
453
+ .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
638
454
  height: 5px !important;
639
455
  }
640
- .video-js.skin_news_live button.vjs-big-play-button {
456
+ .video-js.skin_news button.vjs-big-play-button {
641
457
  width: 50px !important;
642
458
  height: 50px !important;
643
459
  font-size: 2.1rem !important;
@@ -646,66 +462,100 @@
646
462
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
647
463
  display: none;
648
464
  }
649
- .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
465
+ .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
650
466
  bottom: 2.4em !important;
651
467
  right: -1em;
652
468
  z-index: 1;
653
469
  }
654
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
470
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
655
471
  display: none !important;
656
472
  }
657
473
 
474
+ .video-js.skin_news .vjs-text-track-display-ttml span {
475
+ color: white;
476
+ font-size: 13px;
477
+ background-color: black;
478
+ }
658
479
  }
659
480
 
660
- .video-js.skin_news_live .vjs-text-track-display-ttml {
661
- width: 100% !important;
481
+ .video-js.skin_news .vjs-text-track-display-ttml span {
482
+ color: white;
483
+ font-size: 16px;
484
+ background-color: black;
662
485
  }
663
486
 
664
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
665
- .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
487
+ .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
488
+ margin-bottom: 2rem !important;
489
+ }
490
+
491
+ .video-js.skin_news .vjs-text-track-display-ttml p {
492
+ font-size: 18px !important;
493
+ }
494
+
495
+
496
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
497
+ .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
666
498
  font-size: 1.2em !important;
667
499
  line-height: 1.5em !important;
668
500
  padding: 0.2em 0.8em !important;
669
501
  }
670
502
 
671
- .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
503
+ .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
672
504
  content: none !important;
673
505
  fill: none !important;
674
506
  filter: none !important;
675
507
  }
676
508
 
677
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
678
- color: rgba(255, 255, 2555, 0.7)!important;
509
+ /* svg icons opacity and hover effect */
510
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
511
+ opacity: 0.7 !important;
679
512
  }
680
513
 
681
- .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
682
- color: rgba(255, 255, 2555, 1)!important;
514
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
515
+ opacity: 1 !important;
516
+ }
517
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
518
+ opacity: 0.7 !important;
519
+ }
520
+ .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
521
+ opacity: 1 !important;
683
522
  }
684
523
 
524
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
525
+ color: rgba(255, 255, 2555, 0.7)!important;
526
+ }
685
527
 
528
+ .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
529
+ color: rgba(255, 255, 2555, 1)!important;
530
+ }
686
531
 
687
532
 
688
533
 
689
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
534
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before {
690
535
  font-size: 2.2em;
691
536
  line-height: 2.6;
692
537
  }
693
- .video-js.skin_mini{
694
- overflow: hidden;
538
+ .video-js.skin_news_live .vjs-custom-big-mute.vjs-control{
539
+ background: #fcb700;
695
540
  }
696
- .video-js.skin_mini .vjs-control-bar{
541
+ .video-js.skin_news_live .vjs-control-bar{
697
542
  z-index: 1 !important;
698
- height: 4em !important;
543
+ height: 5em !important;
699
544
  background: black !important;
700
545
  }
546
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
547
+ display: flex;
548
+ align-items: center;
549
+ justify-content: center;
550
+ }
701
551
 
702
- .video-js.skin_mini .vjs-fade>* {
552
+ .video-js.skin_news_live .vjs-fade>* {
703
553
  visibility: hidden !important;
704
554
  opacity: 0 !important;
705
555
  transition: visibility 1s, opacity 1s !important;
706
556
  }
707
557
 
708
- .video-js.skin_mini .custom-spaced-progress-bar {
558
+ .video-js.skin_news_live .custom-spaced-progress-bar {
709
559
  position: absolute;
710
560
  width: 100%;
711
561
  display: flex;
@@ -713,7 +563,7 @@
713
563
  top: -0.5em;
714
564
  }
715
565
 
716
- .video-js.skin_mini .vjs-progress-control {
566
+ .video-js.skin_news_live .vjs-progress-control {
717
567
  /* left: -6px; */
718
568
  position: relative;
719
569
  width: 100%;
@@ -721,22 +571,25 @@
721
571
  transition: height 0.1s, top 0.1s;
722
572
  }
723
573
 
574
+ .video-js.skin_news_live .vjs-volume-panel{
575
+ min-width: 5.3em;
576
+ }
724
577
 
725
578
 
726
579
 
727
- .video-js.skin_mini .vjs-custom-control-spacer {
728
- display: block;
729
- flex: 1 1 auto;
580
+ .video-js.skin_news_live .vjs-custom-control-spacer {
581
+ /* display: block; */
582
+ /* flex: 1 1 auto; */
730
583
  }
731
584
 
732
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
585
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
733
586
  margin: 0 0px 0 0px;
734
587
  }
735
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
588
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control{
736
589
  display: none;
737
590
  }
738
591
 
739
- .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
592
+ .video-js.skin_news_live button.vjs-control.vjs-button.vjs-slowmo-button {
740
593
  font-size: 14px;
741
594
  font-weight: 500;
742
595
  align-self: center;
@@ -745,207 +598,199 @@
745
598
  border-radius: 8px;
746
599
  }
747
600
 
748
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
749
- height: 5px !important;
601
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
602
+ height: 6px !important;
750
603
  }
751
604
 
752
- .video-js.skin_mini .vjs-play-progress:before {
753
- font-size: 1.3em;
605
+ .video-js.skin_news_live .vjs-play-progress:before {
606
+ font-size: 1.5em;
754
607
  line-height: unset;
755
608
  top: -0.3333333333em;
756
609
  }
757
610
 
758
- .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
611
+ .video-js.skin_news_live .vjs-play-progress .vjs-time-tooltip {
759
612
  display: none !important;
760
613
  }
761
614
 
762
615
  /* */
763
- .video-js.skin_mini .vjs-mouse-display{
616
+ .video-js.skin_news_live .vjs-mouse-display{
764
617
  font-size: 1.6666666667em;
765
618
  }
766
619
 
767
- .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
620
+ .video-js.skin_news_live .vjs-progress-control:hover .vjs-progress-holder {
768
621
  font-size: 1em !important;
769
622
  }
770
623
 
771
- .video-js.skin_mini .vjs-button{
772
- width: 3em;
624
+ .video-js.skin_news_live .vjs-button{
625
+ width: 5.3em;
773
626
  display: flex;
774
627
  align-items: center;
775
628
  justify-content: center;
776
629
  }
777
630
 
778
631
 
779
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
632
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
780
633
  .icon-maximize {
781
634
  display: block;
782
635
  height: 32px;
783
636
  }
784
637
 
785
- .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
638
+ .video-js.skin_news_live .vjs-playback-rate .vjs-playback-rate-value{
786
639
  line-height: 4;
787
640
  }
788
641
 
789
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
642
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
790
643
  .icon-minimize {
791
644
  display: none;
792
645
  height: 32px;
793
646
  }
794
647
 
795
- .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
648
+ .video-js.skin_news_live button.vjs-play-control.vjs-control.vjs-button{
796
649
  outline: none !important;
650
+ /* flex: 1; */
797
651
  }
798
- .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
652
+ .video-js.skin_news_live .vjs-play-toggle-container{
653
+ display: flex;
654
+ flex: 1;
655
+ justify-content: center;
656
+ }
657
+
658
+
659
+ .video-js.skin_news_live .vjs-fullscreen-control .vjs-icon-placeholder:before,
799
660
  .vjs-icon-fullscreen-enter:before {
800
661
  /* content: '' !important; */
801
662
  }
802
663
 
803
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
664
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button {
804
665
  display: flex;
805
666
  justify-content: center;
806
667
  align-items: center;
807
668
  /* transform: rotate(90deg); */
808
669
  }
809
670
 
810
- .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
671
+ .video-js.skin_news_live .vjs-subs-caps-button .vjs-icon-placeholder:before{
811
672
  display: none;
812
673
  }
813
- .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
674
+ .video-js.skin_news_live .vjs-volume-panel .vjs-volume-control{
814
675
  margin-left: -10px;
815
- display: none;
816
- }
817
-
818
- .video-js.skin_mini .vjs-loading-spinner {
819
- position: absolute;
820
- top: 50%;
821
- left: 50%;
822
- transform: translate(-50%, -50%);
823
- opacity: .85;
824
- text-align: left;
825
- border: .2em solid rgba(43, 51, 63, .7);
826
- box-sizing: border-box;
827
- background-clip: padding-box;
828
- width: 3em;
829
- height: 3em;
830
- border-radius: 50%;
831
- visibility: hidden;
832
676
  }
833
677
 
834
- .video-js.skin_mini .skipbtn:hover{
678
+ .video-js.skin_news_live .skipbtn:hover{
835
679
  cursor: pointer;
836
680
  }
837
681
 
838
- .video-js.skin_mini .rewindbtn:hover{
682
+ .video-js.skin_news_live .rewindbtn:hover{
839
683
  cursor: pointer;
840
684
  }
841
685
 
842
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
686
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
843
687
  position: relative;
844
688
  padding-left: 0;
845
689
  }
846
690
 
847
- .video-js.skin_mini.vjs-paused .vjs-big-play-button {
848
- width: 40px;
849
- height: 40px;
850
- display: flex;
851
- justify-content: center;
852
- align-items: center;
853
- border: none;
854
- position: absolute;
855
- top: 0;
856
- left: 0;
857
- right: 0;
858
- bottom: 0;
859
- margin: auto;
860
- font-size: 3em;
861
- line-height: 1.3em;
862
- transform: none !important;
863
- border-radius: 1.3em;
691
+ .video-js.skin_news_live.vjs-seeking .vjs-big-play-button{
692
+ display: none !important;
864
693
  }
865
694
 
866
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
695
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
696
+ /* width: 90px;
697
+ height: 90px;
698
+ display: flex;
699
+ justify-content: center;
700
+ align-items: center;
701
+ border-radius: 50%;
702
+ position: absolute;
703
+ top: 0;
704
+ left: 0;
705
+ right: 0;
706
+ bottom: 0;
707
+ margin: auto;
708
+ font-size: 6em;
709
+ line-height: 1.4em;
710
+ border: 0.05em solid;
711
+ color: inherit; */
712
+ display: none !important;
713
+ }
714
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control{
867
715
  font-weight: bold;
868
716
  }
869
717
 
870
- .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
871
- bottom: 1.1em !important;
872
- right: 1em;
718
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content{
719
+ bottom: 2.4em !important;
720
+ right: -1em;
873
721
  z-index: 1;
874
- font-size: 10px;
875
722
  }
876
723
 
877
- .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
724
+ .video-js.skin_news_live .vjs-chromecast-button .vjs-icon-placeholder {
878
725
  width: 24px !important;
879
726
  height: 24px !important;
880
727
  }
881
- .video-js.skin_mini .settings-selector-icon>svg{
728
+ .settings-selector-icon>svg{
882
729
  height: 19px !important;
883
730
  width: 19px !important;
884
731
  }
885
732
 
886
733
 
887
- .video-js.skin_mini button.vjs-rewind-button{
734
+ .video-js.skin_news_live button.vjs-rewind-button{
888
735
  cursor: pointer;
889
736
  }
890
737
 
891
- .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
738
+ .video-js.skin_news_live .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
892
739
  padding-right: 0;
740
+ display: none;
893
741
  }
894
742
 
895
- .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
743
+ .video-js.skin_news_live .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
896
744
  padding-left: 0;
745
+ display: none;
897
746
  }
898
747
 
899
- .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
748
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control.vjs-time-divider {
900
749
  padding-left: 0;
901
750
  padding-right: 0;
902
- display: flex;
903
- justify-content: center;
904
- width: min-content;
751
+ display: none;
905
752
  }
906
753
 
907
- .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
754
+ .video-js.skin_news_live.vjs-live .vjs-control-bar .vjs-time-control {
908
755
  display: none
909
756
  }
910
- .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
757
+ .video-js.skin_news_live.vjs-liveui .vjs-control-bar .vjs-time-control {
911
758
  display: none
912
759
  }
913
760
 
914
- .video-js.skin_mini .vjs-control-bar .vjs-time-control {
915
- display: flex;
916
- align-items: center;
917
- font-weight: 700;
918
- font-size: 9px;
919
- min-width: 0.8em;
920
- padding-left: 0;
761
+ .video-js.skin_news_live .vjs-control-bar .vjs-time-control {
762
+ display: flex;
763
+ align-items: center;
764
+ font-weight: 700;
765
+ font-size: 12px;
766
+ min-width: 1.2em;
921
767
  }
922
768
 
923
- .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
769
+ .video-js.skin_news_live .vjs-remaining-time.vjs-time-control.vjs-control {
924
770
  display: none;
925
771
  font-size: 11px;
926
772
  justify-content: center;
927
773
  align-items: center;
928
774
  user-select: none;
929
775
  }
930
- .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
776
+ .video-js.skin_news_live.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
931
777
  display: none;
932
778
  }
933
779
 
934
- .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
780
+ .video-js.skin_news_live button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
935
781
  height: min-content;
936
782
  width: min-content;
937
783
  }
938
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
939
- width: 3em;
940
- margin-right: 4px;
784
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
785
+ width: 6em;
941
786
  }
942
787
 
943
- .video-js.skin_mini .content{
788
+ .video-js.skin_news_live .content{
944
789
  bottom: 3.4rem !important;
945
790
  right: -4rem !important;
946
791
  }
947
792
 
948
- .video-js.skin_mini .setting-icon > svg{
793
+ .setting-icon > svg{
949
794
  height:18px !important;
950
795
  }
951
796
 
@@ -959,16 +804,16 @@
959
804
  pointer-events:none
960
805
  }
961
806
 
962
- .video-js.skin_mini iframe{
807
+ .video-js.skin_news_live iframe{
963
808
  width: 100%;
964
809
  height: 100%;
965
810
  }
966
811
 
967
- .video-js.skin_mini .vjs-live-control{
812
+ .video-js.skin_news_live .vjs-live-control{
968
813
  align-items: center;
969
- max-width: 5em;
814
+ display: none;
970
815
  }
971
- .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
816
+ .video-js.skin_news_live .vjs-live-control.vjs-control .vjs-live-display{
972
817
  height: 2.2em;
973
818
  display: flex;
974
819
  align-items: center;
@@ -976,120 +821,129 @@
976
821
  width: 4em;
977
822
  justify-content: center;
978
823
  background: red;
979
- margin: 4px 0px 4px 2px;
824
+ margin: 4px 0px 4px 12px;
980
825
  }
981
826
 
982
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
827
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control:focus{
983
828
  text-shadow: none;
984
829
  }
985
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
986
- display: none;
987
- font-size: 12px;
988
- }
989
830
 
990
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
991
- height: 1.8em;
992
- display: inline-flex;
993
- align-items: center;
994
- font-family: monospace;
831
+ .video-js.skin_news_live .vjs-control-bar .vjs-seek-to-live-control.vjs-control{
832
+ display: flex;
995
833
  justify-content: center;
996
- border: 1.5px solid;
997
- margin: 4px 0px 4px 2px;
998
- white-space: pre;
999
- padding: 2px 4px;
1000
- font-size: 1.2em;
1001
- font-weight: 500;
1002
- color: rgba(255, 255, 2555, 0.7);
834
+ min-width: 5.3em;
835
+ pointer-events: none;
836
+ user-select: none;
1003
837
  }
1004
838
 
1005
- .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1006
- content: "NOT LIVE";
1007
- word-spacing: -4px;
839
+ .video-js.skin_news_live .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder::before{
840
+ color: white;
1008
841
  }
1009
842
 
1010
843
 
1011
- @media(max-width:600px){
844
+ .settings-selection.vjs-control.vjs-button{
845
+ display: flex !important;
846
+ }
847
+
848
+ @media(max-width:576px){
849
+ .settings-selection.vjs-control.vjs-button{
850
+ display: none !important;
851
+ }
852
+ }
853
+
854
+
855
+ @media(max-width:576px){
1012
856
  .tvProviderImage{
1013
857
  display: none
1014
858
  }
1015
- .video-js.skin_mini .vjs-fullscreen .icon-minimize,
859
+ .video-js.skin_news_live .vjs-fullscreen .icon-minimize,
1016
860
  .icon-maximize {
1017
861
  height: 30px !important;
1018
862
  }
1019
863
 
1020
- .video-js.skin_mini .vjs-fullscreen .icon-maximize,
864
+ .video-js.skin_news_live .vjs-fullscreen .icon-maximize,
1021
865
  .icon-minimize {
1022
866
  height: 30px !important;
1023
867
  }
1024
- .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1025
- width: 3.5em;
868
+ .video-js.skin_news_live .vjs-volume-panel.vjs-volume-panel-vertical{
869
+ width: 4.5em;
1026
870
  }
1027
- .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
871
+ .video-js.skin_news_live button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1028
872
  height: min-content;
1029
873
  }
1030
874
 
1031
- .video-js.skin_mini button.vjs-slowmo-button{
875
+ .video-js.skin_news_live button.vjs-slowmo-button{
1032
876
  display: none;
1033
877
  }
1034
- .video-js.skin_mini button.vjs-rewind-button{
878
+ .video-js.skin_news_live button.vjs-rewind-button{
1035
879
  display: none;
1036
880
  }
1037
- .video-js.skin_mini button.vjs-rewind-button>svg{
881
+ .video-js.skin_news_live button.vjs-rewind-button>svg{
1038
882
  height: 20px;
1039
883
  }
1040
- .video-js.skin_mini .vjs-button{
1041
- width: 3em;
884
+ .video-js.skin_news_live .vjs-button{
885
+ width: 4.8em;
1042
886
  }
1043
- .video-js.skin_mini .widget-selection{
887
+ .video-js.skin_news_live .widget-selection{
1044
888
  display: none;
1045
889
  }
1046
- .video-js.skin_mini .container{
890
+ .video-js.skin_news_live .container{
1047
891
  display: none !important;
1048
892
  }
1049
- .video-js.skin_mini .vjs-control-bar{
893
+ .video-js.skin_news_live .vjs-control-bar{
1050
894
  height: 4em !important;
1051
895
  }
1052
- .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
896
+ .video-js.skin_news_live .vjs-button>.vjs-icon-placeholder:before{
1053
897
  font-size: 2.5em;
1054
898
  line-height: 1.5;
1055
899
  }
1056
- .video-js.skin_mini .vjs-play-progress:before {
900
+ .video-js.skin_news_live .vjs-play-progress:before {
1057
901
  font-size: 1.2em;
1058
902
  position: absolute;
1059
903
  right: -0.5em;
1060
904
  z-index: 1;
1061
905
  }
1062
- .video-js.skin_mini button.vjs-skip-button>svg{
906
+ .video-js.skin_news_live button.vjs-skip-button>svg{
1063
907
  height: 20px;
1064
908
  }
909
+ .video-js.skin_news_live button.vjs-big-play-button {
910
+ width: 50px !important;
911
+ height: 50px !important;
912
+ font-size: 2.1rem !important;
913
+ }
1065
914
 
1066
915
  .stream-selector-icon>svg{
1067
916
  width: 24px;
1068
917
  height: 24px;
1069
918
  }
1070
- .video-js.skin_mini .vjs-seek-to-live-text{
919
+ .video-js.skin_news_live.vjs-live .vjs-progress-control .vjs-progress-holder{
920
+ margin: 0 12px 0 12px;
921
+ }
922
+ .video-js.skin_news_live .vjs-seek-to-live-text{
1071
923
  font-size: 12px;
1072
924
  }
925
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder {
926
+ margin: 0 12px 0 12px;
1073
927
  }
1074
-
1075
-
1076
- .video-js.skin_mini .vjs-text-track-display-ttml span {
1077
- background-color: rgba(0, 0, 0, 0.2);
1078
928
  }
1079
-
1080
-
1081
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1082
- display: flex;
929
+ .video-js.skin_news_live.vjs-paused .vjs-big-play-button {
930
+ width: 90px;
931
+ height: 90px;
932
+ display: flex;
1083
933
  justify-content: center;
1084
934
  align-items: center;
1085
- height: 100%;
1086
- transition: width 0.1s;
1087
- }
1088
- .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1089
- margin: 2px;
935
+ border-radius: 50%;
936
+ position: absolute;
937
+ top: 0;
938
+ left: 0;
939
+ right: 0;
940
+ bottom: 0;
941
+ margin: auto;
942
+ font-size: 6em;
943
+ line-height: 1.4em;
1090
944
  }
1091
945
 
1092
- .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
946
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1093
947
  display: flex;
1094
948
  justify-content: center;
1095
949
  align-items: center;
@@ -1097,926 +951,1072 @@
1097
951
  transition: width 0.1s;
1098
952
  }
1099
953
 
1100
- .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1101
- display: block;
1102
- font-size: 10px;
1103
- padding: 6px 10px;
1104
- margin: 0;
1105
- max-height: 100%;
1106
- overflow-y: auto;
1107
- }
1108
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1109
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1110
- .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1111
- display: block;
1112
- width: 100%;
1113
- }
1114
- .video-js.skin_mini .vjs-text-track-settings fieldset{
1115
- margin: 4px 0;
1116
- }
1117
- .video-js.skin_mini .vjs-text-track-settings fieldset span{
1118
- display: block;
1119
- padding: 0 0 6px;
954
+ .video-js.skin_news_live .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal .vjs-volume-control.vjs-control.vjs-volume-horizontal {
955
+ display: flex;
956
+ justify-content: center;
957
+ align-items: center;
958
+ height: 100%;
959
+ transition: width 0.1s;
1120
960
  }
1121
- .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1122
- max-width: 100%;
961
+ .video-js.skin_news_live.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
962
+ display: none !important;
1123
963
  }
1124
964
 
1125
- @media (max-width: 600px) {
1126
- .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
965
+ @media (max-width: 576px) {
966
+ .video-js.skin_news_live .vjs-progress-control .vjs-progress-holder{
1127
967
  height: 5px !important;
1128
968
  }
969
+ .video-js.skin_news_live button.vjs-big-play-button {
970
+ width: 50px !important;
971
+ height: 50px !important;
972
+ font-size: 2.1rem !important;
973
+ }
1129
974
 
1130
- .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
975
+ .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1131
976
  display: none;
1132
977
  }
978
+ .video-js.skin_news_live .vjs-menu > ul.vjs-menu-content {
979
+ bottom: 2.4em !important;
980
+ right: -1em;
981
+ z-index: 1;
982
+ }
983
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
984
+ display: none !important;
985
+ }
1133
986
 
1134
987
  }
1135
988
 
1136
- .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1137
- content: none !important;
1138
- fill: none !important;
1139
- filter: none !important;
989
+ .video-js.skin_news_live .vjs-text-track-display-ttml {
990
+ width: 100% !important;
1140
991
  }
1141
992
 
1142
- /* svg icons opacity and hover effect */
1143
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1144
- opacity: 0.7 !important;
993
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
994
+ .video-js.skin_news_live .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
995
+ font-size: 1.2em !important;
996
+ line-height: 1.5em !important;
997
+ padding: 0.2em 0.8em !important;
1145
998
  }
1146
999
 
1147
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1148
- opacity: 1 !important;
1000
+ .video-js.skin_news_live .vjs-control-bar .vjs-svg-icon{
1001
+ content: none !important;
1002
+ fill: none !important;
1003
+ filter: none !important;
1149
1004
  }
1150
1005
 
1151
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1006
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1152
1007
  color: rgba(255, 255, 2555, 0.7)!important;
1153
1008
  }
1154
1009
 
1155
- .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1010
+ .video-js.skin_news_live .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1156
1011
  color: rgba(255, 255, 2555, 1)!important;
1157
1012
  }
1158
1013
 
1159
1014
 
1160
1015
 
1161
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before {
1162
- font-size: 2.2em;
1163
- line-height: 2.6;
1164
- }
1165
- .video-js.skin_news .vjs-custom-big-mute.vjs-control{
1166
- background: white;
1167
- }
1168
- .video-js.skin_news .vjs-control-bar{
1169
- z-index: 1 !important;
1170
- height: 5em !important;
1171
- background: black !important;
1172
- }
1173
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1016
+
1017
+ .video-js.skin_cn_news .vjs-control-bar {
1018
+ z-index: 1 !important;
1019
+ height: auto !important;
1020
+ padding: 0.8em 30px 0.6em;
1021
+ background: transparent !important;
1174
1022
  display: flex;
1023
+ flex-wrap: wrap;
1175
1024
  align-items: center;
1176
- justify-content: center;
1025
+ column-gap: 10px;
1177
1026
  }
1178
1027
 
1179
- .video-js.skin_news .vjs-fade>* {
1180
- visibility: hidden !important;
1181
- opacity: 0 !important;
1182
- transition: visibility 1s, opacity 1s !important;
1183
- }
1184
1028
 
1185
- .video-js.skin_news .custom-spaced-progress-bar {
1029
+ .video-js.skin_cn_news .vjs-control-bar::before {
1030
+ content: '';
1186
1031
  position: absolute;
1187
- width: 100%;
1188
- display: flex;
1189
- height: 0.5em;
1190
- top: -0.5em;
1032
+ left: 0;
1033
+ right: 0;
1034
+ bottom: 0;
1035
+ top: -3em;
1036
+ background: linear-gradient(
1037
+ to top,
1038
+ rgba(0, 0, 0, 0.85) 0%,
1039
+ rgba(0, 0, 0, 0.7) 40%,
1040
+ rgba(0, 0, 0, 0.55) 70%,
1041
+ rgba(0, 0, 0, 0.38) 86%,
1042
+ transparent 100%
1043
+ );
1044
+ pointer-events: none;
1045
+ z-index: -1;
1191
1046
  }
1192
1047
 
1193
- .video-js.skin_news .vjs-progress-control {
1194
- /* left: -6px; */
1048
+ .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1049
+ order: -1;
1050
+ flex: 0 0 100%;
1051
+ width: 80%;
1052
+ margin: 0 0 5em;
1195
1053
  position: relative;
1196
- width: 100%;
1197
- height: 0.5em;
1198
- transition: height 0.1s, top 0.1s;
1199
1054
  }
1200
1055
 
1056
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1057
+ .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1058
+ width: auto;
1059
+ min-width: 0;
1060
+ }
1061
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1062
+ display: inline-flex;
1063
+ align-items: center;
1064
+ justify-content: center;
1065
+ height: 7em;
1066
+ padding: 0 10px;
1067
+ color: #fff;
1068
+ }
1201
1069
 
1070
+ .video-js.skin_cn_news .vjs-svg-icon::before {
1071
+ content: none !important;
1072
+ }
1202
1073
 
1203
1074
 
1204
- .video-js.skin_news .vjs-custom-control-spacer {
1075
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1076
+ display: inline-flex;
1077
+ align-items: center;
1078
+ justify-content: center;
1079
+ }
1080
+ .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1081
+ .video-js.skin_cn_news .vjs-rewind-button svg {
1082
+ width: 24px;
1083
+ height: 24px;
1205
1084
  display: block;
1206
- flex: 1 1 auto;
1207
1085
  }
1208
1086
 
1209
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1210
- margin: 0 0px 0 0px;
1211
- }
1212
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control{
1213
- display: none;
1087
+
1088
+
1089
+ .video-js.skin_cn_news .vjs-subs-caps-button {
1090
+ opacity: 1;
1214
1091
  }
1215
1092
 
1216
- .video-js.skin_news button.vjs-control.vjs-button.vjs-slowmo-button {
1217
- font-size: 14px;
1218
- font-weight: 500;
1093
+
1094
+
1095
+ .video-js.skin_cn_news .vjs-volume-panel {
1096
+ margin: 0;
1097
+ display: inline-flex;
1098
+ align-items: center;
1219
1099
  align-self: center;
1220
- height: min-content;
1221
- padding: 5px 2px;
1222
- border-radius: 8px;
1100
+ height: 2.2em;
1101
+ min-width: 7em;
1102
+ transition: none;
1223
1103
  }
1224
-
1225
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1226
- height: 6px !important;
1104
+ .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1105
+ width: 0;
1106
+ height: 100%;
1107
+ display: flex;
1108
+ align-items: center;
1109
+ overflow: hidden;
1110
+ opacity: 0;
1111
+ transition: width 0.15s ease, opacity 0.15s ease;
1227
1112
  }
1228
-
1229
- .video-js.skin_news .vjs-play-progress:before {
1230
- font-size: 1.5em;
1231
- line-height: unset;
1232
- top: -0.3333333333em;
1113
+ .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1114
+ .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1115
+ .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1116
+ .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1117
+ width: 5em;
1118
+ opacity: 1;
1233
1119
  }
1234
1120
 
1235
- .video-js.skin_news .vjs-play-progress .vjs-time-tooltip {
1236
- display: none !important;
1121
+ .video-js.skin_cn_news .vjs-volume-bar {
1122
+ width: 4em;
1123
+ height: 0.3em;
1124
+ margin: 0 0.45em;
1237
1125
  }
1238
1126
 
1239
- /* */
1240
- .video-js.skin_news .vjs-mouse-display{
1241
- font-size: 1.6666666667em;
1242
- }
1243
1127
 
1244
- .video-js.skin_news .vjs-progress-control:hover .vjs-progress-holder {
1245
- font-size: 1em !important;
1128
+ .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1129
+ display: none !important;
1246
1130
  }
1247
1131
 
1248
- .video-js.skin_news .vjs-button{
1249
- width: 5.3em;
1250
- display: flex;
1251
- align-items: center;
1252
- justify-content: center;
1132
+ .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1133
+ width: 0 !important;
1253
1134
  }
1254
1135
 
1255
1136
 
1256
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1257
- .icon-maximize {
1258
- display: block;
1259
- height: 32px;
1137
+ .video-js.skin_cn_news .vjs-custom-control-spacer {
1138
+ display: block !important;
1139
+ flex: 1 1 auto;
1260
1140
  }
1261
1141
 
1262
- .video-js.skin_news .vjs-playback-rate .vjs-playback-rate-value{
1263
- line-height: 4;
1264
- }
1265
1142
 
1266
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1267
- .icon-minimize {
1268
- display: none;
1269
- height: 32px;
1270
- }
1271
-
1272
- .video-js.skin_news button.vjs-play-control.vjs-control.vjs-button{
1273
- outline: none !important;
1143
+ .video-js.skin_cn_news .vjs-big-play-button {
1144
+ display: none;
1274
1145
  }
1275
- .video-js.skin_news .vjs-fullscreen-control .vjs-icon-placeholder:before,
1276
- .vjs-icon-fullscreen-enter:before {
1277
- /* content: '' !important; */
1146
+ .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1147
+ position: relative !important;
1148
+ display: flex;
1149
+ left: 0;
1150
+ top: -1px;
1278
1151
  }
1279
-
1280
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button {
1152
+ .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1281
1153
  display: flex;
1282
1154
  justify-content: center;
1283
1155
  align-items: center;
1284
- /* transform: rotate(90deg); */
1156
+ position: absolute;
1157
+ top: 0;
1158
+ left: 0;
1159
+ right: 0;
1160
+ bottom: 0;
1161
+ margin: auto;
1162
+ width: 80px;
1163
+ height: 80px;
1164
+ border: none;
1165
+ border-radius: 50%;
1166
+ background: rgba(0, 0, 0, 0.55);
1167
+ font-size: 5em;
1168
+ line-height: 1.3em;
1169
+ transform: none !important;
1285
1170
  }
1286
1171
 
1287
- .video-js.skin_news .vjs-subs-caps-button .vjs-icon-placeholder:before{
1288
- display: none;
1289
- }
1290
- .video-js.skin_news .vjs-volume-panel .vjs-volume-control{
1291
- margin-left: -10px;
1292
- }
1293
1172
 
1294
- .video-js.skin_news .skipbtn:hover{
1295
- cursor: pointer;
1173
+ .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1174
+ height: 4px !important;
1175
+ margin: 0;
1176
+ border-radius: 20px;
1177
+ background-color: #393944;
1296
1178
  }
1297
1179
 
1298
- .video-js.skin_news .rewindbtn:hover{
1299
- cursor: pointer;
1180
+ .video-js.skin_cn_news .vjs-play-progress {
1181
+ background-color: #ffffff;
1182
+ border-radius: 20px;
1300
1183
  }
1301
1184
 
1302
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control{
1303
- position: relative;
1304
- padding-left: 0;
1185
+ .video-js.skin_cn_news .vjs-load-progress,
1186
+ .video-js.skin_cn_news .vjs-load-progress div {
1187
+ background: rgba(255, 255, 255, 0.15);
1188
+ border-radius: 20px;
1305
1189
  }
1306
1190
 
1307
- .video-js.skin_news.vjs-seeking .vjs-big-play-button{
1308
- display: none !important;
1309
- }
1310
1191
 
1311
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1312
- width: 90px;
1313
- height: 90px;
1314
- display: flex;
1315
- justify-content: center;
1316
- align-items: center;
1317
- border-radius: 50%;
1318
- position: absolute;
1319
- top: 0;
1320
- left: 0;
1321
- right: 0;
1322
- bottom: 0;
1323
- margin: auto;
1324
- font-size: 6em;
1325
- line-height: 1.4em;
1326
- border: 0.05em solid;
1327
- color: inherit;
1192
+ .video-js.skin_cn_news .vjs-play-progress:before {
1193
+ content: '';
1194
+ width: 16px;
1195
+ height: 16px;
1196
+ border-radius: 50%;
1197
+ background: #ffffff;
1198
+ border: 2px solid rgba(0, 0, 0, 0.6);
1199
+ box-sizing: border-box;
1200
+ box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1201
+ top: -6px;
1202
+ right: -8px;
1203
+ position: absolute;
1328
1204
  }
1329
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1330
- font-weight: bold;
1205
+ .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1206
+ display: none !important;
1331
1207
  }
1332
1208
 
1333
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content{
1334
- bottom: 2.4em !important;
1335
- right: -1em;
1336
- z-index: 1;
1209
+ .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1210
+ background: #ffffff;
1211
+ color: #0a0e17;
1212
+ font-weight: 700;
1213
+ border-radius: 3px;
1337
1214
  }
1338
1215
 
1339
- .video-js.skin_news .vjs-chromecast-button .vjs-icon-placeholder {
1340
- width: 24px !important;
1341
- height: 24px !important;
1342
- }
1343
- .settings-selector-icon>svg{
1344
- height: 19px !important;
1345
- width: 19px !important;
1216
+ .video-js.skin_cn_news .vjs-live-control {
1217
+ display: none !important;
1346
1218
  }
1347
-
1348
-
1349
- .video-js.skin_news button.vjs-rewind-button{
1219
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1220
+ display: inline-flex;
1221
+ align-items: center;
1222
+ align-self: center;
1223
+ height: 2.2em;
1224
+ gap: 5px;
1225
+ width: auto;
1226
+ padding: 0 10px;
1227
+ border: 1px solid rgba(255, 255, 255, 0.45);
1228
+ border-radius: 4px;
1350
1229
  cursor: pointer;
1351
1230
  }
1352
1231
 
1353
- .video-js.skin_news .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1354
- padding-right: 0;
1355
- }
1356
-
1357
- .video-js.skin_news .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1358
- padding-left: 0;
1359
- }
1360
-
1361
- .video-js.skin_news .vjs-control-bar .vjs-time-control.vjs-time-divider {
1362
- padding-left: 0;
1363
- padding-right: 0;
1364
- display: flex;
1365
- justify-content: center;
1366
- width: min-content;
1232
+ .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1233
+ display: none;
1367
1234
  }
1368
-
1369
- .video-js.skin_news.vjs-live .vjs-control-bar .vjs-time-control {
1370
- display: none
1235
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1236
+ display: inline-flex;
1237
+ align-items: center;
1371
1238
  }
1372
- .video-js.skin_news.vjs-liveui .vjs-control-bar .vjs-time-control {
1373
- display: none
1239
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1240
+ content: '';
1241
+ display: inline-block;
1242
+ width: 8px;
1243
+ height: 8px;
1244
+ border-radius: 50%;
1245
+ background: #ff2d2d; /* red live dot */
1374
1246
  }
1375
-
1376
- .video-js.skin_news .vjs-control-bar .vjs-time-control {
1377
- display: flex;
1378
- align-items: center;
1247
+ .video-js.skin_cn_news .vjs-seek-to-live-text {
1248
+ color: #ffffff;
1379
1249
  font-weight: 700;
1380
1250
  font-size: 12px;
1381
- min-width: 1.2em;
1251
+ letter-spacing: 0.03em;
1382
1252
  }
1383
1253
 
1384
- .video-js.skin_news .vjs-remaining-time.vjs-time-control.vjs-control {
1385
- display: none;
1386
- font-size: 11px;
1387
- justify-content: center;
1388
- align-items: center;
1389
- user-select: none;
1254
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1255
+ border-color: transparent;
1390
1256
  }
1391
- .video-js.skin_news.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1392
- display: none;
1257
+ .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1258
+ color: #ff2d2d;
1393
1259
  }
1394
1260
 
1395
- .video-js.skin_news button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1396
- height: min-content;
1397
- width: min-content;
1261
+ /* ---- time controls ---- */
1262
+ .video-js.skin_cn_news .vjs-current-time,
1263
+ .video-js.skin_cn_news .vjs-duration,
1264
+ .video-js.skin_cn_news .vjs-time-divider {
1265
+ display: none !important;
1398
1266
  }
1399
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1400
- width: 6em;
1267
+ .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1268
+ display: none;
1269
+ align-items: center;
1270
+ justify-content: center;
1271
+ font-size: 11px;
1272
+ font-weight: 700;
1273
+ color: #fff;
1274
+ padding: 0 6px;
1275
+ user-select: none;
1401
1276
  }
1402
1277
 
1403
- .video-js.skin_news .content{
1404
- bottom: 3.4rem !important;
1405
- right: -4rem !important;
1406
- }
1407
1278
 
1408
- .setting-icon > svg{
1409
- height:18px !important;
1279
+ .video-js.skin_cn_news .vjs-chapter-marker {
1280
+ z-index: 2;
1281
+ width: var(--vl-chapter-size, 8px);
1282
+ height: var(--vl-chapter-size, 8px);
1283
+ top: 50%;
1284
+ bottom: auto;
1285
+ background: var(--vl-chapter-color, #ffffff);
1286
+ opacity: var(--vl-chapter-opacity, 1);
1287
+ border-radius: 50%;
1288
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1289
+ transform: translate(-50%, -50%) scale(1);
1290
+ transition: background-color 0.12s ease;
1410
1291
  }
1411
-
1412
- .output-overlay{
1413
- position: absolute;
1414
- bottom: 0;
1415
- height: 100%;
1416
- width: 100%;
1417
- z-index: 0;
1418
- border: 0;
1419
- pointer-events:none
1292
+ .video-js.skin_cn_news .vjs-chapter-marker:hover {
1293
+ background: var(--vl-chapter-hover, #0a5cff);
1420
1294
  }
1421
-
1422
- .video-js.skin_news iframe{
1423
- width: 100%;
1424
- height: 100%;
1295
+ .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1296
+ background: var(--vl-chapter-active, #0a5cff);
1425
1297
  }
1426
1298
 
1427
- .video-js.skin_news .vjs-live-control{
1428
- align-items: center;
1429
- }
1430
- .video-js.skin_news .vjs-live-control.vjs-control .vjs-live-display{
1431
- height: 2.2em;
1432
- display: flex;
1433
- align-items: center;
1434
- font-family: monospace;
1435
- width: 4em;
1436
- justify-content: center;
1437
- background: red;
1438
- margin: 4px 0px 4px 12px;
1439
- }
1440
1299
 
1441
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:focus{
1442
- text-shadow: none;
1443
- }
1444
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1445
- display: none;
1446
- font-size: 12px;
1300
+ .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1301
+ width: 16px;
1302
+ height: 16px;
1303
+ bottom: 160%;
1304
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1447
1305
  }
1448
1306
 
1449
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1450
- height: 2.2em;
1451
- display: inline-flex;
1307
+
1308
+ .video-js.skin_cn_news .vjs-chapter-preview {
1309
+ background: var(--vl-chapter-tooltip, #0a5cff);
1310
+ border-radius: 6px;
1311
+ padding: 8px 10px;
1312
+ width: max-content;
1313
+ max-width: 300px;
1314
+ text-align: left;
1315
+ box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1316
+ }
1317
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1318
+ color: #ffffff;
1319
+ font-size: 13px;
1320
+ font-weight: 400;
1321
+ margin-bottom: 2px;
1322
+ }
1323
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1324
+ color: #ffffff;
1325
+ font-size: 13px;
1326
+ font-weight: 400;
1327
+ line-height: 1.3;
1328
+ white-space: normal;
1329
+ text-align: left;
1330
+ }
1331
+ .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
1332
+ border-top-color: var(--vl-chapter-tooltip, #0a5cff);
1333
+ }
1334
+
1335
+ /* ---- responsive ---- */
1336
+ @media (max-width: 576px) {
1337
+ .video-js.skin_cn_news .vjs-control-bar {
1338
+ height: 3.2em !important;
1339
+ padding: 0 8px;
1340
+ }
1341
+ .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1342
+ padding: 0 6px;
1343
+ }
1344
+ .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
1345
+ display: none !important;
1346
+ }
1347
+ }
1348
+
1349
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before {
1350
+ font-size: 2.2em;
1351
+ line-height: 2.6;
1352
+ }
1353
+ .video-js.skin_mini{
1354
+ overflow: hidden;
1355
+ }
1356
+ .video-js.skin_mini .vjs-control-bar{
1357
+ z-index: 1 !important;
1358
+ height: 4em !important;
1359
+ background: black !important;
1360
+ }
1361
+
1362
+ .video-js.skin_mini .vjs-fade>* {
1363
+ visibility: hidden !important;
1364
+ opacity: 0 !important;
1365
+ transition: visibility 1s, opacity 1s !important;
1366
+ }
1367
+
1368
+ .video-js.skin_mini .custom-spaced-progress-bar {
1369
+ position: absolute;
1370
+ width: 100%;
1371
+ display: flex;
1372
+ height: 0.5em;
1373
+ top: -0.5em;
1374
+ }
1375
+
1376
+ .video-js.skin_mini .vjs-progress-control {
1377
+ /* left: -6px; */
1378
+ position: relative;
1379
+ width: 100%;
1380
+ height: 0.5em;
1381
+ transition: height 0.1s, top 0.1s;
1382
+ }
1383
+
1384
+
1385
+
1386
+
1387
+ .video-js.skin_mini .vjs-custom-control-spacer {
1388
+ display: block;
1389
+ flex: 1 1 auto;
1390
+ }
1391
+
1392
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder {
1393
+ margin: 0 0px 0 0px;
1394
+ }
1395
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control{
1396
+ display: none;
1397
+ }
1398
+
1399
+ .video-js.skin_mini button.vjs-control.vjs-button.vjs-slowmo-button {
1400
+ font-size: 14px;
1401
+ font-weight: 500;
1402
+ align-self: center;
1403
+ height: min-content;
1404
+ padding: 5px 2px;
1405
+ border-radius: 8px;
1406
+ }
1407
+
1408
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1409
+ height: 5px !important;
1410
+ }
1411
+
1412
+ .video-js.skin_mini .vjs-play-progress:before {
1413
+ font-size: 1.3em;
1414
+ line-height: unset;
1415
+ top: -0.3333333333em;
1416
+ }
1417
+
1418
+ .video-js.skin_mini .vjs-play-progress .vjs-time-tooltip {
1419
+ display: none !important;
1420
+ }
1421
+
1422
+ /* */
1423
+ .video-js.skin_mini .vjs-mouse-display{
1424
+ font-size: 1.6666666667em;
1425
+ }
1426
+
1427
+ .video-js.skin_mini .vjs-progress-control:hover .vjs-progress-holder {
1428
+ font-size: 1em !important;
1429
+ }
1430
+
1431
+ .video-js.skin_mini .vjs-button{
1432
+ width: 3em;
1433
+ display: flex;
1452
1434
  align-items: center;
1453
- /* font-family: monospace; */
1454
1435
  justify-content: center;
1455
- border: 2px solid;
1456
- margin: 4px 0px 4px 6px;
1457
- white-space: pre;
1458
- padding: 0px 6px;
1459
- font-size: 1.2em;
1460
- font-weight: 500;
1461
- color: rgba(255, 255, 2555, 0.7);
1436
+ }
1462
1437
 
1463
- letter-spacing: -.1px;
1464
- line-height: normal;
1465
- text-transform: uppercase;
1466
- color: #FFFFFF;
1467
- opacity: .7;
1468
- font-family: "Proxima Nova";
1438
+
1439
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1440
+ .icon-maximize {
1441
+ display: block;
1442
+ height: 32px;
1469
1443
  }
1470
1444
 
1471
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder:hover{
1472
- opacity: 1;
1445
+ .video-js.skin_mini .vjs-playback-rate .vjs-playback-rate-value{
1446
+ line-height: 4;
1473
1447
  }
1474
1448
 
1475
- .video-js.skin_news .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1476
- content: "NOT LIVE";
1449
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1450
+ .icon-minimize {
1451
+ display: none;
1452
+ height: 32px;
1453
+ }
1454
+
1455
+ .video-js.skin_mini button.vjs-play-control.vjs-control.vjs-button{
1456
+ outline: none !important;
1457
+ }
1458
+ .video-js.skin_mini .vjs-fullscreen-control .vjs-icon-placeholder:before,
1459
+ .vjs-icon-fullscreen-enter:before {
1460
+ /* content: '' !important; */
1461
+ }
1462
+
1463
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button {
1464
+ display: flex;
1465
+ justify-content: center;
1466
+ align-items: center;
1467
+ /* transform: rotate(90deg); */
1468
+ }
1469
+
1470
+ .video-js.skin_mini .vjs-subs-caps-button .vjs-icon-placeholder:before{
1471
+ display: none;
1472
+ }
1473
+ .video-js.skin_mini .vjs-volume-panel .vjs-volume-control{
1474
+ margin-left: -10px;
1475
+ display: none;
1476
+ }
1477
+
1478
+ .video-js.skin_mini .vjs-loading-spinner {
1479
+ position: absolute;
1480
+ top: 50%;
1481
+ left: 50%;
1482
+ transform: translate(-50%, -50%);
1483
+ opacity: .85;
1484
+ text-align: left;
1485
+ border: .2em solid rgba(43, 51, 63, .7);
1486
+ box-sizing: border-box;
1487
+ background-clip: padding-box;
1488
+ width: 3em;
1489
+ height: 3em;
1490
+ border-radius: 50%;
1491
+ visibility: hidden;
1492
+ }
1493
+
1494
+ .video-js.skin_mini .skipbtn:hover{
1495
+ cursor: pointer;
1496
+ }
1497
+
1498
+ .video-js.skin_mini .rewindbtn:hover{
1499
+ cursor: pointer;
1500
+ }
1501
+
1502
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control{
1503
+ position: relative;
1504
+ padding-left: 0;
1505
+ }
1506
+
1507
+ .video-js.skin_mini.vjs-paused .vjs-big-play-button {
1508
+ width: 40px;
1509
+ height: 40px;
1510
+ display: flex;
1511
+ justify-content: center;
1512
+ align-items: center;
1513
+ border: none;
1514
+ position: absolute;
1515
+ top: 0;
1516
+ left: 0;
1517
+ right: 0;
1518
+ bottom: 0;
1519
+ margin: auto;
1520
+ font-size: 3em;
1521
+ line-height: 1.3em;
1522
+ transform: none !important;
1523
+ border-radius: 1.3em;
1524
+ }
1525
+
1526
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
1527
+ font-weight: bold;
1528
+ }
1529
+
1530
+ .video-js.skin_mini .vjs-menu > ul.vjs-menu-content{
1531
+ bottom: 1.1em !important;
1532
+ right: 1em;
1533
+ z-index: 1;
1534
+ font-size: 10px;
1535
+ }
1536
+
1537
+ .video-js.skin_mini .vjs-chromecast-button .vjs-icon-placeholder {
1538
+ width: 24px !important;
1539
+ height: 24px !important;
1540
+ }
1541
+ .video-js.skin_mini .settings-selector-icon>svg{
1542
+ height: 19px !important;
1543
+ width: 19px !important;
1544
+ }
1545
+
1546
+
1547
+ .video-js.skin_mini button.vjs-rewind-button{
1548
+ cursor: pointer;
1549
+ }
1550
+
1551
+ .video-js.skin_mini .vjs-control-bar .vjs-current-time.vjs-time-control.vjs-control {
1552
+ padding-right: 0;
1553
+ }
1554
+
1555
+ .video-js.skin_mini .vjs-control-bar .vjs-duration.vjs-time-control.vjs-control {
1556
+ padding-left: 0;
1557
+ }
1558
+
1559
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control.vjs-time-divider {
1560
+ padding-left: 0;
1561
+ padding-right: 0;
1562
+ display: flex;
1563
+ justify-content: center;
1564
+ width: min-content;
1565
+ }
1566
+
1567
+ .video-js.skin_mini.vjs-live .vjs-control-bar .vjs-time-control {
1568
+ display: none
1569
+ }
1570
+ .video-js.skin_mini.vjs-liveui .vjs-control-bar .vjs-time-control {
1571
+ display: none
1572
+ }
1573
+
1574
+ .video-js.skin_mini .vjs-control-bar .vjs-time-control {
1575
+ display: flex;
1576
+ align-items: center;
1577
+ font-weight: 700;
1578
+ font-size: 9px;
1579
+ min-width: 0.8em;
1580
+ padding-left: 0;
1581
+ }
1582
+
1583
+ .video-js.skin_mini .vjs-remaining-time.vjs-time-control.vjs-control {
1584
+ display: none;
1585
+ font-size: 11px;
1586
+ justify-content: center;
1587
+ align-items: center;
1588
+ user-select: none;
1589
+ }
1590
+ .video-js.skin_mini.vjs-live .vjs-remaining-time.vjs-time-control.vjs-control{
1591
+ display: none;
1592
+ }
1593
+
1594
+ .video-js.skin_mini button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{
1595
+ height: min-content;
1596
+ width: min-content;
1597
+ }
1598
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1599
+ width: 3em;
1600
+ margin-right: 4px;
1601
+ }
1602
+
1603
+ .video-js.skin_mini .content{
1604
+ bottom: 3.4rem !important;
1605
+ right: -4rem !important;
1606
+ }
1607
+
1608
+ .video-js.skin_mini .setting-icon > svg{
1609
+ height:18px !important;
1610
+ }
1611
+
1612
+ .output-overlay{
1613
+ position: absolute;
1614
+ bottom: 0;
1615
+ height: 100%;
1616
+ width: 100%;
1617
+ z-index: 0;
1618
+ border: 0;
1619
+ pointer-events:none
1620
+ }
1621
+
1622
+ .video-js.skin_mini iframe{
1623
+ width: 100%;
1624
+ height: 100%;
1625
+ }
1626
+
1627
+ .video-js.skin_mini .vjs-live-control{
1628
+ align-items: center;
1629
+ max-width: 5em;
1630
+ }
1631
+ .video-js.skin_mini .vjs-live-control.vjs-control .vjs-live-display{
1632
+ height: 2.2em;
1633
+ display: flex;
1634
+ align-items: center;
1635
+ font-family: monospace;
1636
+ width: 4em;
1637
+ justify-content: center;
1638
+ background: red;
1639
+ margin: 4px 0px 4px 2px;
1640
+ }
1641
+
1642
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:focus{
1643
+ text-shadow: none;
1644
+ }
1645
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-seek-to-live-text {
1646
+ display: none;
1647
+ font-size: 12px;
1477
1648
  }
1478
1649
 
1479
- .settings-selection.vjs-control.vjs-button{
1480
- display: flex !important;
1650
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder {
1651
+ height: 1.8em;
1652
+ display: inline-flex;
1653
+ align-items: center;
1654
+ font-family: monospace;
1655
+ justify-content: center;
1656
+ border: 1.5px solid;
1657
+ margin: 4px 0px 4px 2px;
1658
+ white-space: pre;
1659
+ padding: 2px 4px;
1660
+ font-size: 1.2em;
1661
+ font-weight: 500;
1662
+ color: rgba(255, 255, 2555, 0.7);
1481
1663
  }
1482
1664
 
1483
- @media(max-width:576px){
1484
- .settings-selection.vjs-control.vjs-button{
1485
- display: none !important;
1486
- }
1665
+ .video-js.skin_mini .vjs-seek-to-live-control.vjs-control:not(.vjs-at-live-edge) .vjs-icon-placeholder::before {
1666
+ content: "NOT LIVE";
1667
+ word-spacing: -4px;
1487
1668
  }
1488
1669
 
1489
1670
 
1490
- @media(max-width:576px){
1671
+ @media(max-width:600px){
1491
1672
  .tvProviderImage{
1492
1673
  display: none
1493
1674
  }
1494
- .video-js.skin_news .vjs-fullscreen .icon-minimize,
1675
+ .video-js.skin_mini .vjs-fullscreen .icon-minimize,
1495
1676
  .icon-maximize {
1496
1677
  height: 30px !important;
1497
1678
  }
1498
1679
 
1499
- .video-js.skin_news .vjs-fullscreen .icon-maximize,
1680
+ .video-js.skin_mini .vjs-fullscreen .icon-maximize,
1500
1681
  .icon-minimize {
1501
1682
  height: 30px !important;
1502
1683
  }
1503
- .video-js.skin_news .vjs-volume-panel.vjs-volume-panel-vertical{
1504
- width: 4.5em;
1684
+ .video-js.skin_mini .vjs-volume-panel.vjs-volume-panel-vertical{
1685
+ width: 3.5em;
1505
1686
  }
1506
- .video-js.skin_news button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1687
+ .video-js.skin_mini button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {
1507
1688
  height: min-content;
1508
1689
  }
1509
1690
 
1510
- .video-js.skin_news button.vjs-slowmo-button{
1691
+ .video-js.skin_mini button.vjs-slowmo-button{
1511
1692
  display: none;
1512
1693
  }
1513
- .video-js.skin_news button.vjs-rewind-button{
1694
+ .video-js.skin_mini button.vjs-rewind-button{
1514
1695
  display: none;
1515
1696
  }
1516
- .video-js.skin_news button.vjs-rewind-button>svg{
1697
+ .video-js.skin_mini button.vjs-rewind-button>svg{
1517
1698
  height: 20px;
1518
1699
  }
1519
- .video-js.skin_news .vjs-button{
1520
- width: 4.8em;
1700
+ .video-js.skin_mini .vjs-button{
1701
+ width: 3em;
1521
1702
  }
1522
- .video-js.skin_news .widget-selection{
1703
+ .video-js.skin_mini .widget-selection{
1523
1704
  display: none;
1524
1705
  }
1525
- .video-js.skin_news .container{
1706
+ .video-js.skin_mini .container{
1526
1707
  display: none !important;
1527
1708
  }
1528
- .video-js.skin_news .vjs-control-bar{
1709
+ .video-js.skin_mini .vjs-control-bar{
1529
1710
  height: 4em !important;
1530
1711
  }
1531
- .video-js.skin_news .vjs-button>.vjs-icon-placeholder:before{
1712
+ .video-js.skin_mini .vjs-button>.vjs-icon-placeholder:before{
1532
1713
  font-size: 2.5em;
1533
1714
  line-height: 1.5;
1534
1715
  }
1535
- .video-js.skin_news .vjs-play-progress:before {
1716
+ .video-js.skin_mini .vjs-play-progress:before {
1536
1717
  font-size: 1.2em;
1537
1718
  position: absolute;
1538
1719
  right: -0.5em;
1539
- z-index: 1;
1540
- }
1541
- .video-js.skin_news button.vjs-skip-button>svg{
1542
- height: 20px;
1543
- }
1544
- .video-js.skin_news button.vjs-big-play-button {
1545
- width: 50px !important;
1546
- height: 50px !important;
1547
- font-size: 2.1rem !important;
1548
- }
1549
-
1550
- .stream-selector-icon>svg{
1551
- width: 24px;
1552
- height: 24px;
1553
- }
1554
- .video-js.skin_news.vjs-live .vjs-progress-control .vjs-progress-holder{
1555
- margin: 0 12px 0 12px;
1556
- }
1557
- .video-js.skin_news .vjs-seek-to-live-text{
1558
- font-size: 12px;
1559
- }
1560
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder {
1561
- margin: 0 12px 0 12px;
1562
- }
1563
- }
1564
- .video-js.skin_news.vjs-paused .vjs-big-play-button {
1565
- width: 90px;
1566
- height: 90px;
1567
- display: flex;
1568
- justify-content: center;
1569
- align-items: center;
1570
- border-radius: 50%;
1571
- position: absolute;
1572
- top: 0;
1573
- left: 0;
1574
- right: 0;
1575
- bottom: 0;
1576
- margin: auto;
1577
- font-size: 6em;
1578
- line-height: 1.4em;
1579
- }
1580
-
1581
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1582
- display: flex;
1583
- justify-content: center;
1584
- align-items: center;
1585
- height: 100%;
1586
- transition: width 0.1s;
1587
- }
1588
-
1589
- .video-js.skin_news .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1590
- display: flex;
1591
- justify-content: center;
1592
- align-items: center;
1593
- height: 100%;
1594
- transition: width 0.1s;
1595
- }
1596
- .video-js.skin_news.vjs-fullscreen .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1597
- display: none !important;
1598
- }
1599
- .video-js.skin_news .ssai-ad-container{
1600
- position: absolute;
1601
- bottom: 14px;
1602
- }
1603
-
1604
- @media (max-width: 576px) {
1605
- .video-js.skin_news .ssai-ad-container{
1606
- bottom: 2px;
1607
- }
1608
- .video-js.skin_news .vjs-progress-control .vjs-progress-holder{
1609
- height: 5px !important;
1610
- }
1611
- .video-js.skin_news button.vjs-big-play-button {
1612
- width: 50px !important;
1613
- height: 50px !important;
1614
- font-size: 2.1rem !important;
1615
- }
1616
-
1617
- .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1618
- display: none;
1619
- }
1620
- .video-js.skin_news .vjs-menu > ul.vjs-menu-content {
1621
- bottom: 2.4em !important;
1622
- right: -1em;
1623
- z-index: 1;
1624
- }
1625
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button.vjs-picture-in-picture-control {
1626
- display: none !important;
1627
- }
1628
-
1629
- .video-js.skin_news .vjs-text-track-display-ttml span {
1630
- color: white;
1631
- font-size: 13px;
1632
- background-color: black;
1633
- }
1634
- }
1635
-
1636
- .video-js.skin_news .vjs-text-track-display-ttml span {
1637
- color: white;
1638
- font-size: 16px;
1639
- background-color: black;
1640
- }
1641
-
1642
- .video-js.skin_news.vjs-has-started.vjs-user-active.vjs-controls-enabled .vjs-text-track-display-ttml p {
1643
- margin-bottom: 2rem !important;
1644
- }
1645
-
1646
- .video-js.skin_news .vjs-text-track-display-ttml p {
1647
- font-size: 18px !important;
1648
- }
1649
-
1650
-
1651
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1652
- .video-js.skin_news .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1653
- font-size: 1.2em !important;
1654
- line-height: 1.5em !important;
1655
- padding: 0.2em 0.8em !important;
1656
- }
1657
-
1658
- .video-js.skin_news .vjs-control-bar .vjs-svg-icon{
1659
- content: none !important;
1660
- fill: none !important;
1661
- filter: none !important;
1662
- }
1663
-
1664
- /* svg icons opacity and hover effect */
1665
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button svg {
1666
- opacity: 0.7 !important;
1667
- }
1668
-
1669
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover svg {
1670
- opacity: 1 !important;
1671
- }
1672
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control{
1673
- opacity: 0.7 !important;
1674
- }
1675
- .video-js.skin_news .vjs-control-bar .vjs-remaining-time.vjs-time-control.vjs-control:hover{
1676
- opacity: 1 !important;
1677
- }
1678
-
1679
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1680
- color: rgba(255, 255, 2555, 0.7)!important;
1681
- }
1682
-
1683
- .video-js.skin_news .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1684
- color: rgba(255, 255, 2555, 1)!important;
1685
- }
1686
-
1687
-
1688
-
1689
-
1690
- .video-js.skin_cn_news .vjs-control-bar {
1691
- z-index: 1 !important;
1692
- height: auto !important;
1693
- padding: 0.8em 30px 0.6em;
1694
- background: transparent !important;
1695
- display: flex;
1696
- flex-wrap: wrap;
1697
- align-items: center;
1698
- column-gap: 10px;
1699
- }
1700
-
1701
-
1702
- .video-js.skin_cn_news .vjs-control-bar::before {
1703
- content: '';
1704
- position: absolute;
1705
- left: 0;
1706
- right: 0;
1707
- bottom: 0;
1708
- top: -3em;
1709
- background: linear-gradient(
1710
- to top,
1711
- rgba(0, 0, 0, 0.85) 0%,
1712
- rgba(0, 0, 0, 0.7) 40%,
1713
- rgba(0, 0, 0, 0.55) 70%,
1714
- rgba(0, 0, 0, 0.38) 86%,
1715
- transparent 100%
1716
- );
1717
- pointer-events: none;
1718
- z-index: -1;
1719
- }
1720
-
1721
- .video-js.skin_cn_news .vjs-control-bar .vjs-progress-control {
1722
- order: -1;
1723
- flex: 0 0 100%;
1724
- width: 80%;
1725
- margin: 0 0 5em;
1726
- position: relative;
1727
- }
1728
-
1729
- .video-js.skin_cn_news .vjs-control-bar > .vjs-control,
1730
- .video-js.skin_cn_news .vjs-control-bar > .vjs-button {
1731
- width: auto;
1732
- min-width: 0;
1733
- }
1734
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
1735
- display: inline-flex;
1736
- align-items: center;
1737
- justify-content: center;
1738
- height: 7em;
1739
- padding: 0 10px;
1740
- color: #fff;
1720
+ z-index: 1;
1741
1721
  }
1742
-
1743
- .video-js.skin_cn_news .vjs-svg-icon::before {
1744
- content: none !important;
1722
+ .video-js.skin_mini button.vjs-skip-button>svg{
1723
+ height: 20px;
1745
1724
  }
1746
1725
 
1747
-
1748
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon {
1749
- display: inline-flex;
1750
- align-items: center;
1751
- justify-content: center;
1752
- }
1753
- .video-js.skin_cn_news .vjs-control-bar .vjs-svg-icon svg,
1754
- .video-js.skin_cn_news .vjs-rewind-button svg {
1726
+ .stream-selector-icon>svg{
1755
1727
  width: 24px;
1756
1728
  height: 24px;
1757
- display: block;
1729
+ }
1730
+ .video-js.skin_mini .vjs-seek-to-live-text{
1731
+ font-size: 12px;
1732
+ }
1758
1733
  }
1759
1734
 
1760
1735
 
1761
-
1762
- .video-js.skin_cn_news .vjs-subs-caps-button {
1763
- opacity: 1;
1736
+ .video-js.skin_mini .vjs-text-track-display-ttml span {
1737
+ background-color: rgba(0, 0, 0, 0.2);
1764
1738
  }
1765
1739
 
1766
1740
 
1767
-
1768
- .video-js.skin_cn_news .vjs-volume-panel {
1769
- margin: 0;
1770
- display: inline-flex;
1741
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1742
+ display: flex;
1743
+ justify-content: center;
1771
1744
  align-items: center;
1772
- align-self: center;
1773
- height: 2.2em;
1774
- min-width: 7em;
1775
- transition: none;
1776
- }
1777
- .video-js.skin_cn_news .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
1778
- width: 0;
1779
1745
  height: 100%;
1746
+ transition: width 0.1s;
1747
+ }
1748
+ .video-js.skin_mini .vjs-track-settings-colors fieldset.vjs-fg.vjs-track-setting{
1749
+ margin: 2px;
1750
+ }
1751
+
1752
+ .video-js.skin_mini .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal:active .vjs-volume-control.vjs-control.vjs-volume-horizontal {
1780
1753
  display: flex;
1754
+ justify-content: center;
1781
1755
  align-items: center;
1782
- overflow: hidden;
1783
- opacity: 0;
1784
- transition: width 0.15s ease, opacity 0.15s ease;
1785
- }
1786
- .video-js.skin_cn_news .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
1787
- .video-js.skin_cn_news .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
1788
- .video-js.skin_cn_news .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
1789
- .video-js.skin_cn_news .vjs-volume-panel:focus-within .vjs-volume-control.vjs-volume-horizontal {
1790
- width: 5em;
1791
- opacity: 1;
1756
+ height: 100%;
1757
+ transition: width 0.1s;
1792
1758
  }
1793
1759
 
1794
- .video-js.skin_cn_news .vjs-volume-bar {
1795
- width: 4em;
1796
- height: 0.3em;
1797
- margin: 0 0.45em;
1760
+ .video-js.skin_mini .vjs-text-track-settings .vjs-modal-dialog-content{
1761
+ display: block;
1762
+ font-size: 10px;
1763
+ padding: 6px 10px;
1764
+ margin: 0;
1765
+ max-height: 100%;
1766
+ overflow-y: auto;
1767
+ }
1768
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-colors,
1769
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-font,
1770
+ .video-js.skin_mini .vjs-text-track-settings .vjs-track-settings-controls{
1771
+ display: block;
1772
+ width: 100%;
1773
+ }
1774
+ .video-js.skin_mini .vjs-text-track-settings fieldset{
1775
+ margin: 4px 0;
1776
+ }
1777
+ .video-js.skin_mini .vjs-text-track-settings fieldset span{
1778
+ display: block;
1779
+ padding: 0 0 6px;
1780
+ }
1781
+ .video-js.skin_mini .vjs-text-track-settings fieldset span > select{
1782
+ max-width: 100%;
1798
1783
  }
1799
1784
 
1785
+ @media (max-width: 600px) {
1786
+ .video-js.skin_mini .vjs-progress-control .vjs-progress-holder{
1787
+ height: 5px !important;
1788
+ }
1789
+
1790
+ .video-js.skin_mini .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{
1791
+ display: none;
1792
+ }
1800
1793
 
1801
- .video-js.skin_cn_news .vjs-volume-control .vjs-mouse-display {
1802
- display: none !important;
1803
1794
  }
1804
1795
 
1805
- .video-js.skin_cn_news .vjs-mute-control.vjs-vol-0 ~ .vjs-volume-control .vjs-volume-level {
1806
- width: 0 !important;
1796
+ .video-js.skin_mini .vjs-control-bar .vjs-svg-icon{
1797
+ content: none !important;
1798
+ fill: none !important;
1799
+ filter: none !important;
1807
1800
  }
1808
1801
 
1802
+ /* svg icons opacity and hover effect */
1803
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button svg {
1804
+ opacity: 0.7 !important;
1805
+ }
1809
1806
 
1810
- .video-js.skin_cn_news .vjs-custom-control-spacer {
1811
- display: block !important;
1812
- flex: 1 1 auto;
1807
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover svg {
1808
+ opacity: 1 !important;
1813
1809
  }
1814
1810
 
1811
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button .vjs-button.vjs-menu-button {
1812
+ color: rgba(255, 255, 2555, 0.7)!important;
1813
+ }
1815
1814
 
1816
- .video-js.skin_cn_news .vjs-big-play-button {
1817
- display: none;
1815
+ .video-js.skin_mini .vjs-control-bar .vjs-control.vjs-button:hover .vjs-button.vjs-menu-button {
1816
+ color: rgba(255, 255, 2555, 1)!important;
1818
1817
  }
1819
- .video-js.skin_cn_news .vjs-big-play-button .vjs-icon-placeholder:before {
1820
- position: relative !important;
1821
- display: flex;
1822
- left: 0;
1823
- top: -1px;
1818
+
1819
+
1820
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
1821
+ height: 0.7em !important;
1822
+ position: absolute !important;
1823
+ top: -0.7em !important;
1824
+ width: 100% !important;
1824
1825
  }
1825
- .video-js.skin_cn_news.vjs-paused:not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
1826
- display: flex;
1827
- justify-content: center;
1828
- align-items: center;
1829
- position: absolute;
1830
- top: 0;
1831
- left: 0;
1832
- right: 0;
1833
- bottom: 0;
1834
- margin: auto;
1835
- width: 80px;
1836
- height: 80px;
1837
- border: none;
1838
- border-radius: 50%;
1839
- background: rgba(0, 0, 0, 0.55);
1840
- font-size: 5em;
1841
- line-height: 1.3em;
1842
- transform: none !important;
1826
+
1827
+ .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
1828
+ height: 100%;
1843
1829
  }
1844
1830
 
1831
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value{
1832
+ line-height: 2.5;
1833
+ }
1845
1834
 
1846
- .video-js.skin_cn_news .vjs-progress-control .vjs-progress-holder {
1847
- height: 4px !important;
1848
- margin: 0;
1849
- border-radius: 20px;
1850
- background-color: #393944;
1835
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button > svg{
1836
+ height: 19px;
1837
+ width: 19px;
1838
+ cursor: pointer;
1839
+ }
1840
+ .video-js.skin_vlone .vjs-control {
1841
+ user-select: none;
1842
+ }
1843
+ .video-js.skin_vlone .vjs-custom-control-spacer{
1844
+ user-select: none;
1851
1845
  }
1852
1846
 
1853
- .video-js.skin_cn_news .vjs-play-progress {
1854
- background-color: #ffffff;
1855
- border-radius: 20px;
1847
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button > svg{
1848
+ height: 19px;
1849
+ width: 19px;
1850
+ cursor: pointer;
1856
1851
  }
1857
1852
 
1858
- .video-js.skin_cn_news .vjs-load-progress,
1859
- .video-js.skin_cn_news .vjs-load-progress div {
1860
- background: rgba(255, 255, 255, 0.15);
1861
- border-radius: 20px;
1853
+ .video-js.skin_vlone .vjs-play-progress:before {
1854
+ display: none !important;
1862
1855
  }
1863
1856
 
1857
+ .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
1858
+ margin: 0 !important;
1864
1859
 
1865
- .video-js.skin_cn_news .vjs-play-progress:before {
1866
- content: '';
1867
- width: 16px;
1868
- height: 16px;
1869
- border-radius: 50%;
1870
- background: #ffffff;
1871
- border: 2px solid rgba(0, 0, 0, 0.6);
1872
- box-sizing: border-box;
1873
- box-shadow: 0 0 0 2px #ffffff, 0 0 3px rgba(0, 0, 0, 0.45);
1874
- top: -6px;
1875
- right: -8px;
1876
- position: absolute;
1877
- }
1878
- .video-js.skin_cn_news .vjs-play-progress .vjs-time-tooltip {
1879
- display: none !important;
1880
1860
  }
1881
1861
 
1882
- .video-js.skin_cn_news .vjs-mouse-display .vjs-time-tooltip {
1883
- background: #ffffff;
1884
- color: #0a0e17;
1885
- font-weight: 700;
1886
- border-radius: 3px;
1862
+
1863
+ .video-js.skin_vlone .vjs-custom-control-spacer {
1864
+ display: block;
1865
+ flex: 1 1 auto;
1887
1866
  }
1888
1867
 
1889
- .video-js.skin_cn_news .vjs-live-control {
1890
- display: none !important;
1868
+ .video-js.skin_vlone .vjs-volume-panel.vjs-volume-panel-vertical{
1869
+ z-index: 1;
1891
1870
  }
1892
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-control {
1893
- display: inline-flex;
1894
- align-items: center;
1895
- align-self: center;
1896
- height: 2.2em;
1897
- gap: 5px;
1898
- width: auto;
1899
- padding: 0 10px;
1900
- border: 1px solid rgba(255, 255, 255, 0.45);
1901
- border-radius: 4px;
1902
- cursor: pointer;
1871
+
1872
+
1873
+ .video-js.skin_vlone .vjs-control-bar {
1874
+ height: 40px;
1903
1875
  }
1904
1876
 
1905
- .video-js.skin_cn_news .vjs-seek-to-live-control .vjs-icon-placeholder {
1906
- display: none;
1877
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
1878
+ .vjs-button>.vjs-icon-placeholder:before {
1879
+ position: relative !important;
1907
1880
  }
1908
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder {
1909
- display: inline-flex;
1910
- align-items: center;
1881
+ .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
1882
+ display: flex;
1883
+ left: 0px;
1884
+ top: -1px;
1911
1885
  }
1912
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-icon-placeholder::before {
1913
- content: '';
1914
- display: inline-block;
1915
- width: 8px;
1916
- height: 8px;
1917
- border-radius: 50%;
1918
- background: #ff2d2d; /* red live dot */
1886
+
1887
+ .vjs-button>.vjs-icon-placeholder:before {
1888
+ font-size: 2em !important;
1919
1889
  }
1920
- .video-js.skin_cn_news .vjs-seek-to-live-text {
1921
- color: #ffffff;
1922
- font-weight: 700;
1923
- font-size: 12px;
1924
- letter-spacing: 0.03em;
1890
+
1891
+ .video-js.skin_vlone .vjs-control {
1892
+ width: 4.3em;
1925
1893
  }
1926
1894
 
1927
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge {
1928
- border-color: transparent;
1895
+ .vjs-menu-button-popup .vjs-menu {
1896
+ bottom: 10px !important;
1929
1897
  }
1930
- .video-js.skin_cn_news .vjs-seek-to-live-control.vjs-at-live-edge .vjs-seek-to-live-text {
1931
- color: #ff2d2d;
1898
+
1899
+
1900
+ .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
1901
+ height: 1.3em !important;
1902
+ position: absolute !important;
1903
+ top: -1.3em !important;
1904
+ transition: height 0.3s, top 0.3s !important;
1932
1905
  }
1933
1906
 
1934
- /* ---- time controls ---- */
1935
- .video-js.skin_cn_news .vjs-current-time,
1936
- .video-js.skin_cn_news .vjs-duration,
1937
- .video-js.skin_cn_news .vjs-time-divider {
1938
- display: none !important;
1907
+
1908
+ .video-js.skin_vlone.vjs-live .vjs-time-control{
1909
+ display: none !important;
1939
1910
  }
1940
- .video-js.skin_cn_news .vjs-remaining-time.vjs-time-control.vjs-control {
1941
- display: none;
1942
- align-items: center;
1943
- justify-content: center;
1944
- font-size: 11px;
1945
- font-weight: 700;
1946
- color: #fff;
1947
- padding: 0 6px;
1948
- user-select: none;
1911
+
1912
+ .video-js.skin_vlone .vjs-time-control {
1913
+ display: block;
1914
+ }
1915
+ .video-js.skin_vlone .vjs-remaining-time {
1916
+ display: none;
1949
1917
  }
1950
1918
 
1919
+ .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
1920
+ line-height: 3.5em;
1921
+ font-size: 1.1em;
1922
+ min-width: 4em;
1923
+ }
1951
1924
 
1952
- .video-js.skin_cn_news .vjs-chapter-marker {
1953
- z-index: 2;
1954
- width: var(--vl-chapter-size, 8px);
1955
- height: var(--vl-chapter-size, 8px);
1956
- top: 50%;
1957
- bottom: auto;
1958
- background: var(--vl-chapter-color, #ffffff);
1959
- opacity: var(--vl-chapter-opacity, 1);
1960
- border-radius: 50%;
1961
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); /* keep white dots visible on the white bar */
1962
- transform: translate(-50%, -50%) scale(1);
1963
- transition: background-color 0.12s ease;
1925
+ .video-js.skin_vlone .vjs-time-divider > div{
1926
+ display: flex;
1927
+ justify-content: center;
1964
1928
  }
1965
- .video-js.skin_cn_news .vjs-chapter-marker:hover {
1966
- background: var(--vl-chapter-hover, #0a5cff);
1929
+
1930
+ .video-js.skin_vlone .vjs-live-control{
1931
+ align-items: center;
1967
1932
  }
1968
- .video-js.skin_cn_news .vjs-chapter-marker.vjs-chapter-marker--active {
1969
- background: var(--vl-chapter-active, #0a5cff);
1933
+ .video-js.skin_vlone .vjs-live-display{
1934
+ height: 2.2em;
1935
+ display: flex;
1936
+ align-items: center;
1937
+ font-family: monospace;
1938
+ width: 4em;
1939
+ justify-content: center;
1940
+ background: red;
1941
+ margin: 4px 0px 4px 12px;
1942
+ }
1943
+ .video-js.skin_vlone .vjs-live-display.vjs-behind-live{
1944
+ background: #6b6b6b;
1945
+ }
1946
+ .video-js.skin_vlone .vjs-live-display:hover{
1947
+ cursor: pointer;
1948
+ }
1949
+
1950
+ .video-js.skin_vlone .vjs-time-control {
1951
+ line-height: 3.5em !important;
1952
+ font-size: 1.1em !important;
1953
+ width: min-content !important;
1954
+ min-width: 1.5em;
1955
+ padding: 0 !important;
1956
+ user-select: none;
1970
1957
  }
1971
1958
 
1959
+ .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
1960
+ margin-left: 16px !important;
1961
+ }
1972
1962
 
1973
- .video-js.skin_cn_news .vjs-chapter-marker .vjs-chapter-marker__icon {
1974
- width: 16px;
1975
- height: 16px;
1976
- bottom: 160%;
1977
- filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
1963
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-default-button,
1964
+ .video-js.skin_vlone .vjs-text-track-settings .vjs-track-settings-controls .vjs-done-button {
1965
+ font-size: 1.2em !important;
1966
+ line-height: 1.5em !important;
1967
+ padding: 0.2em 0.8em !important;
1978
1968
  }
1979
1969
 
1980
1970
 
1981
- .video-js.skin_cn_news .vjs-chapter-preview {
1982
- background: var(--vl-chapter-tooltip, #0a5cff);
1983
- border-radius: 6px;
1984
- padding: 8px 10px;
1985
- width: max-content;
1986
- max-width: 300px;
1987
- text-align: left;
1988
- box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
1971
+ /* Big play */
1972
+ .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
1973
+ width: 80px;
1974
+ height: 80px;
1975
+ display: flex;
1976
+ justify-content: center;
1977
+ align-items: center;
1978
+ border: none;
1979
+ position: absolute;
1980
+ top: 0;
1981
+ left: 0;
1982
+ right: 0;
1983
+ bottom: 0;
1984
+ margin: auto;
1985
+ font-size: 5em;
1986
+ line-height: 1.3em;
1987
+ transform: none !important;
1988
+ border-radius: 1.3em;
1989
1989
  }
1990
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__time {
1991
- color: #ffffff;
1992
- font-size: 13px;
1993
- font-weight: 400;
1994
- margin-bottom: 2px;
1990
+ .video-js.skin_vlone .ssai-ad-container{
1991
+ position: absolute;
1992
+ bottom: 4px;
1995
1993
  }
1996
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__label {
1997
- color: #ffffff;
1998
- font-size: 13px;
1999
- font-weight: 400;
2000
- line-height: 1.3;
2001
- white-space: normal;
2002
- text-align: left;
1994
+
1995
+ @media(max-width:600px){
1996
+ .video-js.skin_vlone button.vjs-big-play-button {
1997
+ width: 50px !important;
1998
+ height: 50px !important;
1999
+ font-size: 2.1rem !important;
2000
+ }
2001
+
2002
+ .video-js.skin_vlone .ssai-ad-container {
2003
+ position: absolute;
2004
+ bottom: 2px;
2003
2005
  }
2004
- .video-js.skin_cn_news .vjs-chapter-preview .vjs-chapter-preview__pointer {
2005
- border-top-color: var(--vl-chapter-tooltip, #0a5cff);
2006
+ .video-js.skin_vlone .vjs-playback-rate .vjs-playback-rate-value {
2007
+ display: none;
2006
2008
  }
2007
2009
 
2008
- /* ---- responsive ---- */
2009
- @media (max-width: 576px) {
2010
- .video-js.skin_cn_news .vjs-control-bar {
2011
- height: 3.2em !important;
2012
- padding: 0 8px;
2013
- }
2014
- .video-js.skin_cn_news .vjs-control-bar .vjs-button {
2015
- padding: 0 6px;
2016
- }
2017
- .video-js.skin_cn_news .vjs-control.vjs-button.vjs-picture-in-picture-control {
2018
- display: none !important;
2019
- }
2010
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-rewind-button>svg {
2011
+ /* display: none; */
2012
+ }
2013
+
2014
+ .video-js.skin_vlone button.vjs-control.vjs-button.vjs-skip-button>svg {
2015
+ /* display: none; */
2016
+ }
2017
+ }
2018
+ .video-js .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-selected {
2019
+ text-decoration: underline;
2020
2020
  }
2021
2021
 
2022
2022
  /* CSS for videojs-dvr-seekbar */
@@ -2198,6 +2198,10 @@
2198
2198
 
2199
2199
 
2200
2200
 
2201
+
2202
+
2203
+
2204
+
2201
2205
  .video-js .multicamera-parent.default{
2202
2206
  height: 345px;
2203
2207
  position: absolute;
@@ -2277,11 +2281,6 @@
2277
2281
  }
2278
2282
 
2279
2283
 
2280
-
2281
-
2282
-
2283
-
2284
-
2285
2284
  .vjs-custom-big-mute.vjs-control{
2286
2285
  position: absolute;
2287
2286
  align-items: center;
@@ -2330,6 +2329,7 @@
2330
2329
  width: 22px;
2331
2330
  }
2332
2331
 
2332
+
2333
2333
  /* nextep — up-next card (centered in player, scales with player size) */
2334
2334
  .video-js:has(.next-ep-preview),
2335
2335
  .video-js:has(.next-ep-preview-player-thumb) {
@@ -2612,6 +2612,38 @@
2612
2612
  z-index: 30 !important;
2613
2613
  }
2614
2614
 
2615
+ /* a wrapper element that tracks the mouse vertically */
2616
+ .vjs-thumbnail-holder {
2617
+ position: absolute;
2618
+ left: -1000px;
2619
+ }
2620
+
2621
+ /* the thumbnail image itself */
2622
+ .vjs-thumbnail {
2623
+ position: absolute;
2624
+ left: 0;
2625
+ bottom: 1.3em;
2626
+ opacity: 0;
2627
+ transition: opacity .2s ease;
2628
+ -webkit-transition: opacity .2s ease;
2629
+ -moz-transition: opacity .2s ease;
2630
+ -mz-transition: opacity .2s ease;
2631
+ }
2632
+
2633
+ /* fade in the thumbnail when hovering over the progress bar */
2634
+ /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2635
+ .vjs-progress-control:hover .vjs-thumbnail,
2636
+ .vjs-progress-control.fake-active .vjs-thumbnail,
2637
+ .vjs-progress-control:active .vjs-thumbnail {
2638
+ opacity: 1;
2639
+ }
2640
+
2641
+ /* ... but hide the thumbnail when hovering directly over it */
2642
+ .vjs-progress-control:hover .vjs-thumbnail:hover,
2643
+ .vjs-progress-control:active .vjs-thumbnail:active {
2644
+ opacity: 0;
2645
+ }
2646
+
2615
2647
  .video-js.vjs-quality-menu {
2616
2648
  display: block;
2617
2649
  }
@@ -2691,38 +2723,6 @@
2691
2723
  .video-js.vjs-quality-menu .vjs-quality-menu-wrapper .vjs-menu .vjs-menu-content::-webkit-scrollbar{
2692
2724
  display: none;
2693
2725
  }
2694
- /* a wrapper element that tracks the mouse vertically */
2695
- .vjs-thumbnail-holder {
2696
- position: absolute;
2697
- left: -1000px;
2698
- }
2699
-
2700
- /* the thumbnail image itself */
2701
- .vjs-thumbnail {
2702
- position: absolute;
2703
- left: 0;
2704
- bottom: 1.3em;
2705
- opacity: 0;
2706
- transition: opacity .2s ease;
2707
- -webkit-transition: opacity .2s ease;
2708
- -moz-transition: opacity .2s ease;
2709
- -mz-transition: opacity .2s ease;
2710
- }
2711
-
2712
- /* fade in the thumbnail when hovering over the progress bar */
2713
- /* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
2714
- .vjs-progress-control:hover .vjs-thumbnail,
2715
- .vjs-progress-control.fake-active .vjs-thumbnail,
2716
- .vjs-progress-control:active .vjs-thumbnail {
2717
- opacity: 1;
2718
- }
2719
-
2720
- /* ... but hide the thumbnail when hovering directly over it */
2721
- .vjs-progress-control:hover .vjs-thumbnail:hover,
2722
- .vjs-progress-control:active .vjs-thumbnail:active {
2723
- opacity: 0;
2724
- }
2725
-
2726
2726
  .vjs-poster {
2727
2727
  display: inline-block;
2728
2728
  vertical-align: middle;
@@ -2876,6 +2876,11 @@
2876
2876
  padding: 8px 10px;
2877
2877
  }
2878
2878
 
2879
+ /* Hide PiP when player width is ≤ 500px and captions are present. */
2880
+ .video-js.vlp-hide-pip .vjs-picture-in-picture-control {
2881
+ display: none !important;
2882
+ }
2883
+
2879
2884
 
2880
2885
  /* ADs */
2881
2886
  .ima-ad-container {