Video Player: Add a message which is shown on casting

ui/file_manager/video_player/css/video_player.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body {
   -webkit-user-select: none;
   background: black;
   font-family: Noto Sans UI,Droid Sans Fallback,sans-serif;
   font-size: 84%;
   margin: 0;
@@ skipping 18 matching lines @@
 
 video {
   height: 100%;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: 0;
   width: 100%;
 }
 
+#video-player:not([casting]) > #cast-container {
+  display: none;
+}
+
+#cast-container {
+  height: 100%;
+  left: 0;
+  position: absolute;

[fukino, 2014/07/18 10:18:43]

nit: should be sorted

[yoshiki, 2014/07/18 15:56:34]

Done.

+  top: 0;
+  width: 100%;
+}
+
+#cast-container > #cast-info {
+  left: 40px;

[fukino, 2014/07/18 10:18:43]

ditto

[yoshiki, 2014/07/18 15:56:34]

Done.

+  position: absolute;
+  bottom: 70px;
+  background-image: -webkit-image-set(
+      url('../images/100/cast_big.png') 1x,
+      url('../images/200/cast_big.png') 2x);
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  padding: 5px 56px;
+  height: 38px;
+  opacity: 0.8;
+  z-index: 10;
+}
+
+#cast-container > #cast-info > .first-line {
+  font-size: 12px;

[fukino, 2014/07/18 10:18:43]

ditto

[yoshiki, 2014/07/18 15:56:34]

Done.

+  color: #fff;
+  font-weight: bold;
+  line-height: 14px;
+  text-transform: uppercase;
+}
+
+#cast-container > #cast-info > .second-line {
+  font-size: 22px;

[fukino, 2014/07/18 10:18:43]

ditto

[yoshiki, 2014/07/18 15:56:34]

Done.

+  color: #fff;
+  font-weight: bold;
+  line-height: 24px;
+}
+
 #controls-wrapper {
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: center;
   bottom: 0;
   display: -webkit-box;
   left: 0;
   position: absolute;
   right: 0;
 }
 
 #controls {
   -webkit-box-flex: 1;
   display: -webkit-box;
 }
 
-#video-player:not([tools]) .tool {
+#video-player:not([tools]):not([casting]) .tool {
   opacity: 0;
 }
 
-#video-player:not([tools]) {
+#video-player:not([tools]):not([casting]) {
   cursor: none;
 }
 
 /* Hides controls when disabled mode */
 #video-player[disabled] > #controls-wrapper .tool {
   display: none;
 }
 
 .tool {
   transition: opacity 180ms linear;
@@ skipping 25 matching lines @@
   color: white;
   display: -webkit-box;
   height: 54px;
   padding-left: 70px;
   padding-right: 35px;
 }
 
 #error:not([visible]) {
   display: none;
 }