2017-12-12 10:38:02 +00:00
|
|
|
@import '_variables';
|
|
|
|
@import '_mixins';
|
2017-07-23 12:49:52 +00:00
|
|
|
@import '~video.js/dist/video-js.css';
|
|
|
|
@import '~videojs-dock/dist/videojs-dock.css';
|
2018-06-11 13:25:46 +00:00
|
|
|
|
|
|
|
$assets-path: '../../assets/';
|
2018-09-17 13:00:46 +00:00
|
|
|
@import '../../sass/player/index';
|
2017-07-23 12:49:52 +00:00
|
|
|
|
2018-04-19 16:06:59 +00:00
|
|
|
[hidden] {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
font-family: $main-fonts;
|
|
|
|
font-weight: $font-regular;
|
|
|
|
color: #000;
|
|
|
|
}
|
|
|
|
|
2017-07-23 12:49:52 +00:00
|
|
|
video {
|
|
|
|
width: 99%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* fill the entire space */
|
|
|
|
html, body {
|
|
|
|
height: 100%;
|
|
|
|
margin: 0;
|
2018-04-03 13:11:46 +00:00
|
|
|
background-color: #000;
|
2017-07-23 12:49:52 +00:00
|
|
|
}
|
|
|
|
|
2017-12-20 08:43:51 +00:00
|
|
|
.video-js.vjs-peertube-skin {
|
2017-07-23 12:49:52 +00:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
2017-07-23 13:30:57 +00:00
|
|
|
overflow: hidden;
|
2017-07-23 12:49:52 +00:00
|
|
|
|
2017-12-20 08:43:51 +00:00
|
|
|
.vjs-poster {
|
|
|
|
background-size: 100% auto;
|
|
|
|
}
|
2017-12-11 09:26:29 +00:00
|
|
|
|
2017-12-20 08:43:51 +00:00
|
|
|
@media screen and (max-width: 350px) {
|
|
|
|
.vjs-play-control {
|
|
|
|
padding: 0 5px !important;
|
|
|
|
width: 25px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-volume-control {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-volume-panel {
|
|
|
|
width: 26px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vjs-peertube-link {
|
|
|
|
padding: 0;
|
|
|
|
}
|
2017-12-11 09:26:29 +00:00
|
|
|
}
|
2017-07-23 12:49:52 +00:00
|
|
|
}
|
2018-04-19 16:06:59 +00:00
|
|
|
|
|
|
|
#error-block {
|
|
|
|
display: none;
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
align-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
color: white;
|
|
|
|
box-sizing: border-box;
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
|
|
|
#error-title {
|
|
|
|
font-size: 45px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#error-content {
|
|
|
|
font-size: 24px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 300px) {
|
|
|
|
#error-block {
|
|
|
|
font-size: 36px;
|
|
|
|
|
|
|
|
#error-content {
|
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|