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 689 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
700 } | 700 } |
701 | 701 |
702 /* | 702 /* |
703 * Setting hidden on elements that match some rule overriding 'display' doesn't | 703 * Setting hidden on elements that match some rule overriding 'display' doesn't |
704 * do what you would expect unless this is made explicit (and !important). | 704 * do what you would expect unless this is made explicit (and !important). |
705 */ | 705 */ |
706 [hidden] { | 706 [hidden] { |
707 display: none !important; | 707 display: none !important; |
708 } | 708 } |
709 | 709 |
| 710 .full-width { |
| 711 width: 100%; |
| 712 } |
| 713 |
710 .full-height { | 714 .full-height { |
711 height: 100%; | 715 height: 100%; |
712 } | 716 } |
713 | 717 |
714 .horizontally-centered { | 718 .horizontally-centered { |
715 display: flex; | 719 display: flex; |
716 align-items: center; | 720 align-items: center; |
717 } | 721 } |
718 | 722 |
719 .vertically-centered { | 723 .vertically-centered { |
(...skipping 18 matching lines...) Expand all Loading... |
738 .full-screen #session-mode { | 742 .full-screen #session-mode { |
739 position: fixed; | 743 position: fixed; |
740 top: 0; | 744 top: 0; |
741 left: 0; | 745 left: 0; |
742 width: 100%; | 746 width: 100%; |
743 } | 747 } |
744 | 748 |
745 /* video-container needs relative position so that mediasource-video-output can | 749 /* video-container needs relative position so that mediasource-video-output can |
746 * be positioned relative to the parent with position:absolute. */ | 750 * be positioned relative to the parent with position:absolute. */ |
747 #video-container { | 751 #video-container { |
748 width: 100%; | |
749 position: relative; | 752 position: relative; |
750 } | 753 } |
751 | 754 |
752 /* mediasource-video-output is hidden by default. */ | 755 /* mediasource-video-output is hidden by default. */ |
753 #mediasource-video-output { | 756 #mediasource-video-output { |
754 display: none; | 757 display: none; |
755 } | 758 } |
756 | 759 |
757 /* Use absolute positioning for mediasource-video-output so that it's rendered | 760 /* Use absolute positioning for mediasource-video-output so that it's rendered |
758 * at the same position as the plugin. */ | 761 * at the same position as the plugin. */ |
759 #video-container.mediasource-rendering #mediasource-video-output { | 762 #video-container.mediasource-rendering #mediasource-video-output { |
760 display: block; | 763 display: block; |
761 position: absolute; | 764 position: absolute; |
762 left: 0; | 765 left: 0; |
763 top: 0; | 766 top: 0; |
764 box-shadow: 0 0 8px 0 black; | 767 box-shadow: 0 0 8px 0 black; |
765 } | 768 } |
766 | 769 |
767 /* | 770 /* |
768 * With MediaSource-based rendering the plugin is transparent and is placed on | 771 * With MediaSource-based rendering the plugin is transparent and is placed on |
769 * top of the <video> element so that it can still receive mouse events. | 772 * top of the <video> element so that it can still receive mouse events. |
770 * | 773 * |
771 * TODO(sergeyu): This is temporary solution. Ideally mouse and keyboard events | 774 * TODO(sergeyu): This is temporary solution. Ideally mouse and keyboard events |
772 * should be captured on JS level and passed to the plugin. | 775 * should be captured on JS level and passed to the plugin. |
773 */ | 776 */ |
774 #video-container.mediasource-rendering #client-plugin-container { | 777 #video-container.mediasource-rendering #client-plugin-container { |
775 opacity: 0; | 778 opacity: 0; |
776 } | 779 } |
OLD | NEW |