/
videojs.suggestedVideoEndcap.css
53 lines (53 loc) · 1.15 KB
/
videojs.suggestedVideoEndcap.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
.vjs-suggested-video-endcap {
background: rgba(0, 0, 0, .7);
display: none;
height: 95%;
left: 0;
overflow: hidden;
padding: 20px;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.vjs-suggested-video-endcap.is-active {
display: block;
}
.vjs-suggested-video-endcap-container {
-webkit-align-content: center;
align-content: center;
-webkit-align-items: baseline;
align-items: baseline;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.vjs-suggested-video-endcap-header {
font: 700 16px/1 Arial, sans-serif;
margin: 0 auto 20px;
text-align: center;
}
.vjs-suggested-video-endcap-link {
font: 400 18px/1 Arial, sans-serif;
margin-bottom: 20px;
margin-right: 20px;
position: relative;
width: 23%;
}
.vjs-suggested-video-endcap-link:nth-of-type(4n),
.vjs-suggested-video-endcap-link:last-of-type {
margin-right: 0;
}
.vjs-suggested-video-endcap-img {
height: auto;
margin-bottom: 5px;
width: 100%;
}