| 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 725 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 736 .full-screen #session-mode { | 736 .full-screen #session-mode { |
| 737 position: fixed; | 737 position: fixed; |
| 738 top: 0; | 738 top: 0; |
| 739 left: 0; | 739 left: 0; |
| 740 width: 100%; | 740 width: 100%; |
| 741 } | 741 } |
| 742 | 742 |
| 743 /* video-container needs relative position so that mediasource-video-output can | 743 /* video-container needs relative position so that mediasource-video-output can |
| 744 * be positioned relative to the parent with position:absolute. */ | 744 * be positioned relative to the parent with position:absolute. */ |
| 745 #video-container { | 745 #video-container { |
| 746 width: 100%; |
| 746 position: relative; | 747 position: relative; |
| 747 } | 748 } |
| 748 | 749 |
| 749 /* mediasource-video-output is hidden by default. */ | 750 /* mediasource-video-output is hidden by default. */ |
| 750 #mediasource-video-output { | 751 #mediasource-video-output { |
| 751 display: none; | 752 display: none; |
| 752 } | 753 } |
| 753 | 754 |
| 754 /* Use absolute positioning for mediasource-video-output so that it's rendered | 755 /* Use absolute positioning for mediasource-video-output so that it's rendered |
| 755 * at the same position as the plugin. */ | 756 * at the same position as the plugin. */ |
| 756 #video-container.mediasource-rendering #mediasource-video-output { | 757 #video-container.mediasource-rendering #mediasource-video-output { |
| 757 display: block; | 758 display: block; |
| 758 position: absolute; | 759 position: absolute; |
| 759 left: 0; | 760 left: 0; |
| 760 top: 0; | 761 top: 0; |
| 761 box-shadow: 0 0 8px 0 black; | 762 box-shadow: 0 0 8px 0 black; |
| 762 } | 763 } |
| 763 | 764 |
| 764 /* | 765 /* |
| 765 * With MediaSource-based rendering the plugin is transparent and is placed on | 766 * With MediaSource-based rendering the plugin is transparent and is placed on |
| 766 * top of the <video> element so that it can still receive mouse events. | 767 * top of the <video> element so that it can still receive mouse events. |
| 767 * | 768 * |
| 768 * TODO(sergeyu): This is temporary solution. Ideally mouse and keyboard events | 769 * TODO(sergeyu): This is temporary solution. Ideally mouse and keyboard events |
| 769 * should be captured on JS level and passed to the plugin. | 770 * should be captured on JS level and passed to the plugin. |
| 770 */ | 771 */ |
| 771 #video-container.mediasource-rendering #client-plugin-container { | 772 #video-container.mediasource-rendering #client-plugin-container { |
| 772 opacity: 0; | 773 opacity: 0; |
| 773 } | 774 } |
| OLD | NEW |