Reland "Implement FullScreen using top layer."

third_party/WebKit/Source/core/css/html.css

 /*
  * The default style sheet used to render HTML.
  *
  * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
  * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 Apple Inc. All rights reserved.
  *
  * This library is free software; you can redistribute it and/or
  * modify it under the terms of the GNU Library General Public
  * License as published by the Free Software Foundation; either
  * version 2 of the License, or (at your option) any later version.
@@ skipping 950 matching lines @@
     vertical-align: super;
     font-size: smaller
 }
 
 nobr {
     white-space: nowrap
 }
 
 /* states */
 
-:focus { 
+:focus {
     outline: auto 5px -webkit-focus-ring-color
 }
 
 /* Read-only text fields do not show a focus ring but do still receive focus */
-html:focus, body:focus, input[readonly]:focus { 
+html:focus, body:focus, input[readonly]:focus {
     outline: none
 }
 
 embed:focus, iframe:focus, object:focus {
     outline: none
 }
-  
+
 input:focus, textarea:focus, keygen:focus, select:focus {
     outline-offset: -2px
 }
 
 input[type="button" i]:focus,
 input[type="checkbox" i]:focus,
 input[type="file" i]:focus,
 input[type="hidden" i]:focus,
 input[type="image" i]:focus,
 input[type="radio" i]:focus,
 input[type="reset" i]:focus,
 input[type="submit" i]:focus,
 input[type="file" i]:focus::-webkit-file-upload-button {
     outline-offset: 0
 }
-    
+
 a:-webkit-any-link {
     color: -webkit-link;
     text-decoration: underline;
     cursor: auto;
 }
 
 a:-webkit-any-link:active {
     color: -webkit-activelink
 }
 
@@ skipping 77 matching lines @@
     right: 0;
     width: -webkit-fit-content;
     height: -webkit-fit-content;
     margin: auto;
     border: solid;
     padding: 1em;
     background: white;
     color: black
 }
 
+/* TODO(foolip): In the Fullscreen spec, there's a ::backdrop block with the
+   properties shared with :fullscreen::backdrop (see fullscreen.css). */
 dialog::backdrop {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0,0,0,0.1)
 }
 
 /* page */
 
 @page {
     /* FIXME: Define the right default values for page properties. */
     size: auto;
     margin: auto;
     padding: 0px;
     border-width: 0px;
 }
 
 /* Allows thead sections to print at the top of each page. */
 @media print {
     thead { break-inside:avoid; }
 }
 
 /* noscript is handled internally, as it depends on settings. */
-