mobile/android/focus-android/app/src/main/res/raw/about.html

   1 <!doctype html>
   2 <!-- This Source Code Form is subject to the terms of the Mozilla Public
   3    - License, v. 2.0. If a copy of the MPL was not distributed with this file,
   4    - You can obtain one at http://mozilla.org/MPL/2.0/.  -->
   5 <head>
   6 <meta name="viewport" charset="utf-8" content="width=device-width, initial-scale=1">
   7 <style>
   8     body, html {
   9     background: #221F1F;
  10     color: #FFFFFF;
  11     font-family: sans-serif;
  12     line-height: 24px;
  13     font-size: 14px;
  14     }
  15
  16     body{
  17     padding-left: 24px;
  18     padding-right: 24px;
  19     margin-left: 0px;
  20     margin-right: 0px;
  21     }
  22
  23     a {
  24     color: #0A9AF4;
  25     }
  26
  27     /* Make only about page links ("learn more") white */
  28     .about a {
  29     color: #FFFFFF;
  30     }
  31
  32     p.subtitle {
  33     text-align: center;
  34     opacity: .7;
  35     margin: 0;
  36     }
  37
  38     img#wordmark {
  39     /* We need to set the dp size here, because by default webview assumes the image is not
  40     density specific (but since it's an android resource, we get a density specific version). */
  41     width: 180px;
  42     display: block;
  43     margin-left: auto;
  44     margin-right: auto;
  45     padding-top: 24px;
  46     }
  47 </style>
  48 </head>
  49 <html>
  50 <body class="about" dir="%dir%">
  51 <img src="%wordmark%" id="wordmark"/>
  52 <p class="subtitle">%about-version%</p>
  53 %about-content%
  54 </body>
  55 </html>