The Tor Browser / file comparison
comparison: mobile/android/themes/core/aboutPage.css
mobile/android/themes/core/aboutPage.css
- branch
- TOR_BUG_3246
- changeset 4
- fc2d59ddac77
equal
deleted
inserted
replaced
| -1:000000000000 | 0:988c535d2b7d |
|---|---|
| 1 /* This Source Code Form is subject to the terms of the Mozilla Public | |
| 2 * License, v. 2.0. If a copy of the MPL was not distributed with this | |
| 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
| 4 | |
| 5 body { | |
| 6 -moz-text-size-adjust: none; | |
| 7 font-family: "Clear Sans",sans-serif; | |
| 8 font-size: 23px; | |
| 9 color: #222222; | |
| 10 background-color: #ced7de; | |
| 11 } | |
| 12 | |
| 13 #header { | |
| 14 height: 80px; | |
| 15 } | |
| 16 | |
| 17 #wordmark { | |
| 18 margin: 30px 0 0 15px; | |
| 19 width: 123px; | |
| 20 height: 36px; | |
| 21 background: url("chrome://browser/skin/images/wordmark-hdpi.png") no-repeat; | |
| 22 } | |
| 23 | |
| 24 #version { | |
| 25 margin: 0 0 0 15px; | |
| 26 font-size: 15px; | |
| 27 } | |
| 28 | |
| 29 #banner { | |
| 30 min-height: 150px; | |
| 31 background-color: #bdc7ce; | |
| 32 } | |
| 33 | |
| 34 #logo { | |
| 35 position: absolute; | |
| 36 top: 0; | |
| 37 right: 0; | |
| 38 width: 375px; | |
| 39 height: 300px; | |
| 40 background: url("chrome://browser/skin/images/logo-hdpi.png") no-repeat; | |
| 41 } | |
| 42 | |
| 43 #updateBox { | |
| 44 position: relative; | |
| 45 top: 40px; | |
| 46 margin: 0 auto; | |
| 47 width: 60%; /* looks much larger!? */ | |
| 48 padding: 20px 1em; | |
| 49 text-align: center; | |
| 50 background-image: url("chrome://browser/skin/images/about-btn-darkgrey.png"); | |
| 51 background-size: contain; | |
| 52 border-bottom-width: 4px; | |
| 53 border-bottom-style: solid; | |
| 54 border-bottom-color: #3A3F44; | |
| 55 border-radius: 8px; | |
| 56 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); | |
| 57 } | |
| 58 | |
| 59 #update-message-checking, | |
| 60 #update-message-none, | |
| 61 #update-message-found, | |
| 62 #update-message-downloading, | |
| 63 #update-message-downloaded { | |
| 64 display: none; | |
| 65 } | |
| 66 | |
| 67 #messages { | |
| 68 position: relative; | |
| 69 width: 70%; | |
| 70 margin: 40px auto 0 auto; | |
| 71 padding: 10px 0; | |
| 72 font-size: 15px; | |
| 73 text-align: center; | |
| 74 } | |
| 75 | |
| 76 #telemetry a { | |
| 77 text-decoration: underline; | |
| 78 } | |
| 79 | |
| 80 #aboutLinks { | |
| 81 margin: 0 0 15px 0; | |
| 82 padding: 0; | |
| 83 } | |
| 84 | |
| 85 #aboutLinks > li { | |
| 86 line-height: 2.6; | |
| 87 border-top: 1px solid white; | |
| 88 border-bottom: 1px solid #C1C7CC; | |
| 89 } | |
| 90 | |
| 91 #aboutLinks > li > a { | |
| 92 padding-left: 25px; | |
| 93 display: block; | |
| 94 } | |
| 95 | |
| 96 #aboutDetails { | |
| 97 padding-left: 15px; | |
| 98 font-size: 15px; | |
| 99 } | |
| 100 | |
| 101 .top-border { | |
| 102 border-bottom: 1px solid #C1C7CC; | |
| 103 } | |
| 104 | |
| 105 .bottom-border { | |
| 106 border-top: 1px solid white; | |
| 107 } | |
| 108 | |
| 109 a, span { | |
| 110 text-decoration: none; | |
| 111 color: #222222; | |
| 112 } | |
| 113 | |
| 114 #updateBox > a, | |
| 115 #updateBox > span { | |
| 116 color: #e5f2ff; | |
| 117 } |
