62 lines
1.2 KiB
CSS
62 lines
1.2 KiB
CSS
.video-js .vjs-overlay {
|
|
color: #fff;
|
|
position: absolute;
|
|
text-align: center;
|
|
}
|
|
.video-js .vjs-overlay-no-background {
|
|
max-width: 33%;
|
|
}
|
|
.video-js .vjs-overlay-background {
|
|
background-color: #646464;
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
border-radius: 3px;
|
|
padding: 10px;
|
|
width: 33%;
|
|
}
|
|
.video-js .vjs-overlay-top-left {
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
.video-js .vjs-overlay-top {
|
|
left: 50%;
|
|
margin-left: -16.5%;
|
|
top: 5px;
|
|
}
|
|
.video-js .vjs-overlay-top-right {
|
|
right: 5px;
|
|
top: 5px;
|
|
}
|
|
.video-js .vjs-overlay-right {
|
|
right: 5px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.video-js .vjs-overlay-bottom-right {
|
|
bottom: 3.5em;
|
|
right: 5px;
|
|
}
|
|
.video-js .vjs-overlay-bottom {
|
|
bottom: 3.5em;
|
|
left: 50%;
|
|
margin-left: -16.5%;
|
|
}
|
|
.video-js .vjs-overlay-bottom-left {
|
|
bottom: 3.5em;
|
|
left: 5px;
|
|
}
|
|
.video-js .vjs-overlay-left {
|
|
left: 5px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.video-js .vjs-overlay-center {
|
|
left: 50%;
|
|
margin-left: -16.5%;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.video-js .vjs-no-flex .vjs-overlay-left,
|
|
.video-js .vjs-no-flex .vjs-overlay-center,
|
|
.video-js .vjs-no-flex .vjs-overlay-right {
|
|
margin-top: -15px;
|
|
} |