1 files changed, 117 insertions, 0 deletions
diff --git a/mobile/android/themes/core/aboutPage.css b/mobile/android/themes/core/aboutPage.css
new file mode 100644
index 000000000..a7fcbb91e
--- /dev/null
+++ b/mobile/android/themes/core/aboutPage.css
@@ -0,0 +1,117 @@
+/* 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/. */
+
+body {
+  -moz-text-size-adjust: none;
+  font-family: "Clear Sans",sans-serif;
+  font-size: 23px;
+  color: #222222;
+  background-color: #ced7de;
+}
+
+#header {
+  height: 80px;
+}
+
+#wordmark {
+  margin: 30px 0 0 15px;
+  width: 123px;
+  height: 36px;
+  background: url("chrome://browser/skin/images/wordmark-hdpi.png") no-repeat;
+}
+
+#version {
+  margin: 0 0 0 15px;
+  font-size: 15px;
+}
+
+#banner {
+  min-height: 150px;
+  background-color: #bdc7ce;
+}
+
+#logo {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 375px;
+  height: 300px;
+  background: url("chrome://browser/skin/images/logo-hdpi.png") no-repeat;
+}
+
+#updateBox {
+  position: relative;
+  top: 40px;
+  margin: 0 auto;
+  width: 60%; /* looks much larger!? */
+  padding: 20px 1em;
+  text-align: center;
+  background-image: url("chrome://browser/skin/images/about-btn-darkgrey.png");
+  background-size: contain;
+  border-bottom-width: 4px;
+  border-bottom-style: solid;
+  border-bottom-color: #3A3F44;
+  border-radius: 8px;
+  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
+}
+
+#update-message-checking,
+#update-message-none,
+#update-message-found,
+#update-message-downloading,
+#update-message-downloaded {
+  display: none;
+}
+
+#messages {
+  position: relative;
+  width: 70%;
+  margin: 40px auto 0 auto;
+  padding: 10px 0;
+  font-size: 15px;
+  text-align: center;
+}
+
+#telemetry a {
+  text-decoration: underline;
+}
+
+#aboutLinks {
+  margin: 0 0 15px 0;
+  padding: 0;
+}
+
+#aboutLinks > li {
+  line-height: 2.6;
+  border-top: 1px solid white;
+  border-bottom: 1px solid #C1C7CC;
+}
+
+#aboutLinks > li > a {
+  padding-left: 25px;
+  display: block;
+}
+
+#aboutDetails {
+  padding-left: 15px;
+  font-size: 15px;
+}
+
+.top-border {
+  border-bottom: 1px solid #C1C7CC;
+}
+
+.bottom-border {
+  border-top: 1px solid white;
+}
+
+a, span {
+  text-decoration: none;
+  color: #222222;
+}
+
+#updateBox > a,
+#updateBox > span {
+  color: #e5f2ff;
+}