mobile/android/themes/core/aboutPage.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/mobile/android/themes/core/aboutPage.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,117 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +body {
     1.9 +  -moz-text-size-adjust: none;
    1.10 +  font-family: "Clear Sans",sans-serif;
    1.11 +  font-size: 23px;
    1.12 +  color: #222222;
    1.13 +  background-color: #ced7de;
    1.14 +}
    1.15 +
    1.16 +#header {
    1.17 +  height: 80px;
    1.18 +}
    1.19 +
    1.20 +#wordmark {
    1.21 +  margin: 30px 0 0 15px;
    1.22 +  width: 123px;
    1.23 +  height: 36px;
    1.24 +  background: url("chrome://browser/skin/images/wordmark-hdpi.png") no-repeat;
    1.25 +}
    1.26 +
    1.27 +#version {
    1.28 +  margin: 0 0 0 15px;
    1.29 +  font-size: 15px;
    1.30 +}
    1.31 +
    1.32 +#banner {
    1.33 +  min-height: 150px;
    1.34 +  background-color: #bdc7ce;
    1.35 +}
    1.36 +
    1.37 +#logo {
    1.38 +  position: absolute;
    1.39 +  top: 0;
    1.40 +  right: 0;
    1.41 +  width: 375px;
    1.42 +  height: 300px;
    1.43 +  background: url("chrome://browser/skin/images/logo-hdpi.png") no-repeat;
    1.44 +}
    1.45 +
    1.46 +#updateBox {
    1.47 +  position: relative;
    1.48 +  top: 40px;
    1.49 +  margin: 0 auto;
    1.50 +  width: 60%; /* looks much larger!? */
    1.51 +  padding: 20px 1em;
    1.52 +  text-align: center;
    1.53 +  background-image: url("chrome://browser/skin/images/about-btn-darkgrey.png");
    1.54 +  background-size: contain;
    1.55 +  border-bottom-width: 4px;
    1.56 +  border-bottom-style: solid;
    1.57 +  border-bottom-color: #3A3F44;
    1.58 +  border-radius: 8px;
    1.59 +  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    1.60 +}
    1.61 +
    1.62 +#update-message-checking,
    1.63 +#update-message-none,
    1.64 +#update-message-found,
    1.65 +#update-message-downloading,
    1.66 +#update-message-downloaded {
    1.67 +  display: none;
    1.68 +}
    1.69 +
    1.70 +#messages {
    1.71 +  position: relative;
    1.72 +  width: 70%;
    1.73 +  margin: 40px auto 0 auto;
    1.74 +  padding: 10px 0;
    1.75 +  font-size: 15px;
    1.76 +  text-align: center;
    1.77 +}
    1.78 +
    1.79 +#telemetry a {
    1.80 +  text-decoration: underline;
    1.81 +}
    1.82 +
    1.83 +#aboutLinks {
    1.84 +  margin: 0 0 15px 0;
    1.85 +  padding: 0;
    1.86 +}
    1.87 +
    1.88 +#aboutLinks > li {
    1.89 +  line-height: 2.6;
    1.90 +  border-top: 1px solid white;
    1.91 +  border-bottom: 1px solid #C1C7CC;
    1.92 +}
    1.93 +
    1.94 +#aboutLinks > li > a {
    1.95 +  padding-left: 25px;
    1.96 +  display: block;
    1.97 +}
    1.98 +
    1.99 +#aboutDetails {
   1.100 +  padding-left: 15px;
   1.101 +  font-size: 15px;
   1.102 +}
   1.103 +
   1.104 +.top-border {
   1.105 +  border-bottom: 1px solid #C1C7CC;
   1.106 +}
   1.107 +
   1.108 +.bottom-border {
   1.109 +  border-top: 1px solid white;
   1.110 +}
   1.111 +
   1.112 +a, span {
   1.113 +  text-decoration: none;
   1.114 +  color: #222222;
   1.115 +}
   1.116 +
   1.117 +#updateBox > a,
   1.118 +#updateBox > span {
   1.119 +  color: #e5f2ff;
   1.120 +}

mercurial