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

Source/core/css/fullscreen.css

 :-webkit-full-screen {
     background-color: white;
     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;
 }
 
 :-webkit-full-screen-ancestor:not(iframe) {
     z-index: auto !important;
     position: static !important;
     opacity: 1 !important;
     -webkit-transform: none !important;
     -webkit-mask: none !important;
@@ skipping 24 matching lines @@
 iframe:-webkit-full-screen {
     margin: 0 !important;
     padding: 0 !important;
     border: 0 !important;
     position: fixed !important;
     height: 100% !important;
     width: 100% !important;
     left: 0 !important;
     top: 0 !important;
 }