1 files changed, 75 insertions, 0 deletions
diff --git a/toolkit/components/reader/content/aboutReader.html b/toolkit/components/reader/content/aboutReader.html
new file mode 100644
index 0000000000..1992d3e1e3
--- /dev/null
+++ b/toolkit/components/reader/content/aboutReader.html
@@ -0,0 +1,75 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+   - You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta http-equiv="Content-Security-Policy" content="default-src chrome:; img-src data: *; media-src *; object-src 'none'" />
+  <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
+  <meta name="viewport" content="width=device-width; user-scalable=0" />
+  <link rel="stylesheet" href="chrome://global/skin/aboutReader.css" type="text/css"/>
+</head>
+
+<body>
+  <div class="top-anchor"></div>
+
+  <div id="toolbar" class="toolbar-container">
+    <div class="toolbar reader-toolbar">
+      <div class="reader-controls">
+        <button class="close-button button "></button>
+        <ul class="dropdown style-dropdown">
+          <li>
+            <button class="dropdown-toggle button style-button"></button>
+          </li>
+          <li class="dropdown-popup">
+            <div class="dropdown-arrow"></div>
+            <div class="font-type-buttons radiorow"></div>
+            <div class="font-size-buttons buttonrow">
+              <button class="minus-button"></button>
+              <span class="font-size-value"></span>
+              <button class="plus-button"/>
+            </div>
+            <div class="content-width-buttons buttonrow">
+               <button class="content-width-minus-button"></button>
+               <span class="content-width-value"></span>
+               <button class="content-width-plus-button"/>
+            </div>
+            <div class="line-height-buttons buttonrow">
+                <button class="line-height-minus-button"></button>
+                <span class="line-height-value"></span>
+                <button class="line-height-plus-button"/>
+            </div>
+            <div class="color-scheme-buttons radiorow"></div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="container">
+    <div class="header reader-header">
+      <a class="domain reader-domain"></a>
+      <div class="domain-border"></div>
+      <h1 class="reader-title"></h1>
+      <div class="credits reader-credits"></div>
+      <div class="meta-data">
+        <div class="reader-estimated-time"></div>
+      </div>
+    </div>
+
+    <hr>
+
+    <div class="content">
+      <div class="moz-reader-content"></div>
+    </div>
+
+    <div>
+      <div class="reader-message"></div>
+    </div>
+    <div aria-owns="toolbar"></div>
+  </div>
+</body>
+
+</html>