Add modern API for overriding the page's specified viewport configuration
[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     transform: none !important;
15     -webkit-mask: none !important;
16     clip: none !important;
17     filter: none !important;
18     transition: none !important;
19     -webkit-box-reflect: none !important;
20     perspective: none !important;
21     -webkit-transform-style: flat !important;
22     overflow: visible !important;
23 }
24
25 video:-webkit-full-screen, audio:-webkit-full-screen {
26     background-color: transparent !important;
27     position: static !important;
28     margin: 0 !important;
29     height: 100% !important;
30     width: 100% !important;
31     flex: 1 !important;
32     display: block !important;
33     transition: none !important;
34 }
35
36 :-webkit-full-screen video,
37 video:-webkit-full-screen {
38     -webkit-cursor-visibility: auto-hide;
39 }
40
41 img:-webkit-full-screen {
42     width: auto;
43     height: 100%;
44     max-width: 100%;
45 }
46
47 iframe:-webkit-full-screen {
48     margin: 0 !important;
49     padding: 0 !important;
50     border: 0 !important;
51     position: fixed !important;
52     height: 100% !important;
53     width: 100% !important;
54     left: 0 !important;
55     top: 0 !important;
56     max-width: none !important;
57     max-height: none !important;
58 }