Hide all ancestors of the full screen element when going full screen
[WebKit-https.git] / Source / WebCore / css / fullscreen.css
1 :-webkit-full-screen {
2     background-color: white;
3     z-index: 2147483647;
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-box-flex: 1 !important;
31     display: block !important;
32 }
33
34 img:-webkit-full-screen {
35     width: auto;
36     height: 100%;
37     max-width: 100%;
38 }
39
40 iframe:-webkit-full-screen {
41     margin: 0 !important;
42     padding: 0 !important;
43     border: 0 !important;
44     position: fixed !important;
45     height: 100% !important;
46     width: 100% !important;
47     left: 0 !important;
48     top: 0 !important;
49 }