OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, | 6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, |
7 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, | 7 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, |
8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, | 8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, |
9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, | 9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, |
10 tfoot, thead, tr, th, td, button { | 10 tfoot, thead, tr, th, td, button { |
(...skipping 698 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
709 left: 0; | 709 left: 0; |
710 width: 100%; | 710 width: 100%; |
711 } | 711 } |
712 | 712 |
713 /* Override full-height class until connected, otherwise it takes up 100% of | 713 /* Override full-height class until connected, otherwise it takes up 100% of |
714 * the window height in addition to the home-screen UI. */ | 714 * the window height in addition to the home-screen UI. */ |
715 body:not(.connected) #session-mode { | 715 body:not(.connected) #session-mode { |
716 height: auto; | 716 height: auto; |
717 } | 717 } |
718 | 718 |
719 /* video-container needs relative position so that mediasource-video-output can | |
720 * be positioned relative to the parent with position:absolute. */ | |
721 #video-container { | |
722 position: relative; | |
723 } | |
724 | |
725 /* mediasource-video-output is hidden by default. */ | |
726 #video-container video { | |
727 display: none; | |
728 } | |
729 | |
730 /* Use absolute positioning for mediasource-video-output so that it's rendered | |
731 * at the same position as the plugin. */ | |
732 #video-container.mediasource-rendering video { | |
733 display: block; | |
734 position: absolute; | |
735 left: 0; | |
736 top: 0; | |
737 box-shadow: 0 0 8px 0 black; | |
738 } | |
739 | |
740 /* | |
741 * With MediaSource-based rendering the plugin is transparent and is placed on | |
742 * top of the <video> element so that it can still receive mouse events. | |
743 * | |
744 * TODO(sergeyu): This is temporary solution. Ideally mouse and keyboard events | |
745 * should be captured on JS level and passed to the plugin. | |
746 */ | |
747 #video-container.mediasource-rendering .client-plugin-container { | |
748 opacity: 0; | |
749 } | |
750 | |
751 .mouse-cursor-overlay { | 719 .mouse-cursor-overlay { |
752 position: absolute; | 720 position: absolute; |
753 pointer-events: none; | 721 pointer-events: none; |
754 } | 722 } |
755 | 723 |
756 body.hangout-remote-desktop .home-screen { | 724 body.hangout-remote-desktop .home-screen { |
757 display: none; | 725 display: none; |
758 } | 726 } |
OLD | NEW |