Make loading/play-prompt overlays semi-transparent

12 years ago · cdbdb73c14
parent d3ae4b65b7
commit cdbdb73c14
1 changed files with 7 additions and 0 deletions
--- a/app/assets/stylesheets/player.css.scss
+++ b/app/assets/stylesheets/player.css.scss
@ -24,6 +24,11 @@ $color5: #EDC951;
 //   }
 // }

+@mixin player-overlay {
+  background-color: black;
+  opacity: 0.5;
+}
+
 .player {
  /* border: 1px solid #777;*/
  /* background-color: #333;*/
@ -86,6 +91,7 @@ $color5: #EDC951;
  }

  .loading {
+    @include player-overlay;
    background-image: url(image-path('loader.gif'));
    background-repeat: no-repeat;
    background-position: center;
@ -98,6 +104,7 @@ $color5: #EDC951;
  }

  .start-prompt {
+    @include player-overlay;
    background-image: url(image-path('play-button-1.png'));
    background-repeat: no-repeat;
    background-position: center;