aboutsummaryrefslogtreecommitdiff
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--assets/css/_relive.less23
-rw-r--r--assets/css/_structure.less1
-rw-r--r--assets/css/_voc_player.less33
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