iframe constrained by max-width in full screen
[WebKit-https.git] / Source / WebCore / css / fullscreen.css
1 :-webkit-full-screen {
2     background-color: white;
3     z-index: 2147483647 !important;
4 }
5
6 :root:-webkit-full-screen-document:not(:-webkit-full-screen), :root:-webkit-full-screen-ancestor {
7     overflow: hidden !important;
8 }
9
10 :-webkit-full-screen-ancestor:not(iframe) {
11     z-index: auto !important;
12     position: static !important;
13     opacity: 1 !important;
14     -webkit-transform: none !important;
15     -webkit-mask: none !important;
16     clip: none !important;
17     -webkit-filter: none !important;
18     -webkit-transition: none !important;
19     -webkit-box-reflect: none !important;
20     -webkit-perspective: none !important;
21     -webkit-transform-style: flat !important;
22 }
23
24 video:-webkit-full-screen, audio:-webkit-full-screen {
25     background-color: transparent !important;
26     position: static !important;
27     margin: 0 !important;
28     height: 100% !important;
29     width: 100% !important;
30     -webkit-flex: 1 !important;
31     display: block !important;
32     -webkit-transition: none !important;
33 }
34
35 :-webkit-full-screen video:hover {
36     -webkit-cursor-visibility:auto-hide;
37 }
38
39 img:-webkit-full-screen {
40     width: auto;
41     height: 100%;
42     max-width: 100%;
43 }
44
45 iframe:-webkit-full-screen {
46     margin: 0 !important;
47     padding: 0 !important;
48     border: 0 !important;
49     position: fixed !important;
50     height: 100% !important;
51     width: 100% !important;
52     left: 0 !important;
53     top: 0 !important;
54     max-width: none !important;
55     max-height: none !important;
56 }