From cdbdb73c148ce8b87bcf8d73b325f15a780645af Mon Sep 17 00:00:00 2001
From: Marcin Kulik <marcin.kulik@gmail.com>
Date: Sun, 10 Jun 2012 21:08:59 +0200
Subject: [PATCH] Make loading/play-prompt overlays semi-transparent

---
 app/assets/stylesheets/player.css.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/player.css.scss b/app/assets/stylesheets/player.css.scss
index 82b4aa4..2c58d99 100644
--- 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;