[DevTools] Remove HelpScreen, turn SettingsScreen into dialog and web component.

third_party/WebKit/Source/devtools/front_end/settings/settingsScreen.css

Index: third_party/WebKit/Source/devtools/front_end/settings/settingsScreen.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/helpScreen.css b/third_party/WebKit/Source/devtools/front_end/settings/settingsScreen.css
similarity index 92%
rename from third_party/WebKit/Source/devtools/front_end/ui/helpScreen.css
rename to third_party/WebKit/Source/devtools/front_end/settings/settingsScreen.css
index 03be39cbb8eb3c6a6cb5643c7bf8d871f528b033..545ce31fd03d9b7e086fde098cbe78aabd38efe6 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/helpScreen.css
+++ b/third_party/WebKit/Source/devtools/front_end/settings/settingsScreen.css
@@ -1,19 +1,13 @@
-.help-window-outer {
-    position: absolute !important;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 2000;
-}
+/*
+ * Copyright (c) 2015 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
 
 .help-window-main {
-    color: white;
-    background-color: rgba(17, 17, 17, 0.85);
-    display: -webkit-flex;
-    -webkit-flex-direction: column;
-    border-top-width: 0;
-    border-radius: 10px;
+    color: rgb(48, 57, 66);
+    background-color: white;
+    padding: 11px 0 0 0;
 }
 
 .help-window-caption {
@@ -23,13 +17,6 @@
     line-height: 28px;
 }
 
-.help-window-title {
-    font-size: 16px;
-    margin: 0;
-    padding-top: 1px;
-    margin-bottom: -1px;
-}
-
 .help-content {
     overflow-y: auto;
     overflow-x: hidden;
@@ -69,17 +56,6 @@
     border-radius: 5px;
 }
 
-.help-close-button {
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    z-index: 10;
-}
-
-body.dock-to-bottom .help-content {
-    margin-bottom: 8px;
-}
-
 .help-container {
     width: 100%;
     -webkit-user-select: auto;
@@ -165,7 +141,7 @@ body.dock-to-bottom .help-content {
     display: none;
 }
 
-.help-window-outer fieldset {
+fieldset {
     margin: 0;
     padding: 0;
     border: none;
@@ -205,24 +181,7 @@ body.dock-to-bottom .help-content {
     color: #222;
 }
 
-#settings-screen .help-window-main{
-    color: rgb(48, 57, 66);
-    background-color: white;
-    border-radius: 0;
-}
-
-#settings-screen .help-window-main {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    bottom: 10px;
-    left: 10px;
-    height: initial;
-    padding: 11px 0 0 0;
-    box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7);
-}
-
-#settings-screen .help-window-label {
+.help-window-label {
     font-size: 18px;
     color: inherit;
     padding: 1px 0 15px 17px;