Initial draft of ChromeVox Next tutorial.

chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.css

Index: chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.css
diff --git a/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.css b/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.css
index 6fa7cbace79e5e7e3f59ed860da47e0a49f33e5f..4ad4ef28fb57d511be3e30d46b1bf892ea1343ff 100644
--- a/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.css
+++ b/chrome/browser/resources/chromeos/chromevox/cvox2/background/panel.css
@@ -221,3 +221,81 @@ button {
   padding: 0 18px 0 24px;
   text-align: right;
 }
+
+#tutorial {
+  background: linear-gradient(to bottom,
+                              rgba(255, 255, 255, 1) 40%,
+                              rgba(215, 215, 215, 1) 100%);
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+}
+
+#tutorial_logo {
+  background-image: url(/images/chromevox.svg);
+  background-repeat: no-repeat;
+  background-size: contain;
+  bottom: 15%;
+  left: 10%;
+  position: fixed;
+  right: 70%;
+  top: 15%;
+}
+
+#close_tutorial {
+  background-image: url(/images/close-19.png);
+  height: 19px;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 19px;
+}
+
+#close:hover {
+  background-image: url(/images/close-hover-19.png);
+}
+
+#tutorial_main {
+  bottom: 30%;
+  left: 35%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: fixed;
+  right: 15%;
+  top: 15%;
+}
+
+#tutorial_main h2 {
+  font-family: 'Roboto', sans-serif;
+  font-size: 30pt;
+  font-weight: bold;
+}
+
+#tutorial_main p,
+#tutorial_main a {
+  display: block;
+  font-family: 'Roboto', sans-serif;
+  font-size: 16pt;
+  line-height: 150%;
+}
+
+#tutorial_footer {
+  display: flex;
+  justify-content: center;
+  left: 35%;
+  position: fixed;
+  right: 15%;
+  top: 75%;
+}
+
+#tutorial_footer button {
+  background-color: #fff;
+  border: 1px solid #000;
+  font-family: 'Roboto', sans-serif;
+  font-size: 20pt;
+  height: 2em;
+  margin: 0 24px;
+  width: 8em;
+}