summaryrefslogtreecommitdiffstats
path: root/mobile/android/themes/core/aboutPage.css
diff options
context:
space:
mode:
Diffstat (limited to 'mobile/android/themes/core/aboutPage.css')
-rw-r--r--mobile/android/themes/core/aboutPage.css117
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;
+}