First pass implementation of sheet-style subpages for DOMUI prefs

Converts sub-pages from full replacement to an overlay sheet, and removes the temporary nav bar entries, per mocks.
Doesn't yet handle multiple layers of sub-sheets, so a second sheet will replace instead of add; that functionality will be added later (and is no less functional that the current style in the mean time).

BUG=None
TEST=DOMUI prefs sub-pages should look like overlays.

Review URL: http://codereview.chromium.org/5055001

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@66289 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 29 insertions, 0 deletions

diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index 16a7cd1..ee7fc8f 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -190,10 +190,35 @@ html[hide-menu=true] #mainview {
 }
 
 #mainview-content {
+  box-sizing: border-box;
+  min-height: 100%;
   padding: 0 24px;
+  position: relative;
   width: 600px;
 }
 
+#subpage-sheet-container {
+  box-sizing: border-box;
+  height: 100%;
+  padding: 8px;
+  -webkit-padding-start: 60px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 748px;
+}
+
+#subpage-sheet {
+  -webkit-box-shadow: #666 0px 3px 5px;
+  background-color: white;
+  border: 1px solid #b8b8b8;
+  border-radius: 2px;
+  box-sizing: border-box;
+  min-height: 100%;
+  padding: 0px 20px;
+  width: 100%;
+}
+
 #managed-prefs-banner {
   background: -webkit-gradient(linear,
                                left top,
@@ -237,6 +262,10 @@ html[hide-menu=true] #mainview {
   padding-top: 13px;
 }
 
+#subpage-sheet .page > h1 {
+  padding-top: 7px;
+}
+
 section {
   -webkit-box-orient: horizontal;
   border-bottom: 1px solid #eeeeee;