[WIP] Migrate Fullscreen to use top layer instead of RenderFullScreen

Source/core/css/fullscreen.css

Index: Source/core/css/fullscreen.css
diff --git a/Source/core/css/fullscreen.css b/Source/core/css/fullscreen.css
index ebf12f62bfee9289cb3db82b34e107e6c1578fe4..cf1af17adcddf8b9aa854814cf1c1a49d183d3ac 100644
--- a/Source/core/css/fullscreen.css
+++ b/Source/core/css/fullscreen.css
@@ -3,6 +3,28 @@
     z-index: 2147483647 !important;
 }

[falken, 2013/07/09 12:50:22]

Ideally the above can be removed. But there is some weird behavior when making
an iframe fullscreen. Have to investigate more.

The other non-spec'd styles in this file should also be removed.

 
+*|*:not(:root):-webkit-full-screen {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;

[trchen, 2013/07/18 22:26:29]

nits: Over-constrained. Right and bottom will be ignored here.

[falken, 2013/07/22 17:51:44]

Good point. I'll file a bug with the spec as this is copy and pasted from it.

+    left: 0;
+    margin: 0;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+:-webkit-full-screen::backdrop {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: black;
+}
+

[falken, 2013/07/09 12:50:22]

These two are straight from the spec (:fullscreen renamed to
:-webkit-full-screen to get it to work though).

 :root:-webkit-full-screen-document:not(:-webkit-full-screen), :root:-webkit-full-screen-ancestor {
     overflow: hidden !important;
 }