diff options
Diffstat (limited to '')
| -rw-r--r-- | assets/css/_relive.less | 23 | ||||
| -rw-r--r-- | assets/css/_structure.less | 1 | ||||
| -rw-r--r-- | assets/css/_voc_player.less | 33 |
3 files changed, 34 insertions, 23 deletions
diff --git a/assets/css/_relive.less b/assets/css/_relive.less index aaa6de6..c628f3c 100644 --- a/assets/css/_relive.less +++ b/assets/css/_relive.less @@ -30,29 +30,6 @@ body.relive-player { .player-wrap { padding: 0; border: 1px solid #ddd; - - .video-wrap { - margin: 0 auto; - - > [data-player] { - // force 16:9 aspect ratio - // https://gordonlesti.com/bootstrap-responsive-embed-aspect-ratio/ - padding-bottom: 56.25%; - max-width: 100%; - height: auto !important; - } - - //Change play button color from #FFF to grey. - .player-poster[data-poster] .play-wrapper[data-poster] svg path { - fill: #ccc; - } - - //Change loading indicator color from #FFF to grey. - .spinner-three-bounce[data-spinner] > div { - background-color: #ccc; - } - - } } .well, .alert { diff --git a/assets/css/_structure.less b/assets/css/_structure.less index eea4409..bf9e3b1 100644 --- a/assets/css/_structure.less +++ b/assets/css/_structure.less @@ -120,3 +120,4 @@ body { @import "_feedback.less"; @import "_allconferences.less"; @import "_subtitles.less"; +@import "_voc_player.less"; diff --git a/assets/css/_voc_player.less b/assets/css/_voc_player.less new file mode 100644 index 0000000..0a96288 --- /dev/null +++ b/assets/css/_voc_player.less @@ -0,0 +1,33 @@ +.video-wrap[data-voc-player] { + margin: 0 auto; + + & > [data-player] { + max-width: 100%; + padding-bottom: 56.25%; + height: auto !important; + } + & > .fullscreen { + padding-bottom: 0; + } + + .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] { + height: 40px; + } + + .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] { + height: 2px; + background-color: #ccc; + } + + // Change play button color from #FFF to grey. + .player-poster[data-poster] .play-wrapper[data-poster] svg path { + // fill: rgba(255, 255, 255, 0.8); + fill: #ccc; + } + + // Change loading indicator color from #FFF to grey. + .spinner-three-bounce[data-spinner] > div { + // background-color: rgba(255, 255, 255, 0.8); + background-color: #ccc; + } +}
\ No newline at end of file |