The Tor Browser / file comparison
comparison: mobile/android/themes/core/aboutFeedback.css
mobile/android/themes/core/aboutFeedback.css
- branch
- TOR_BUG_3246
- changeset 4
- fc2d59ddac77
equal
deleted
inserted
replaced
| -1:000000000000 | 0:5da983bc0f27 |
|---|---|
| 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: sans-serif; | |
| 8 font-size: 12px; | |
| 9 color: #222; | |
| 10 background-color: #ced7de; | |
| 11 padding: 10px; | |
| 12 } | |
| 13 | |
| 14 a { | |
| 15 color: #004b98; | |
| 16 } | |
| 17 | |
| 18 section { | |
| 19 max-width: 500px; | |
| 20 margin-left: auto; | |
| 21 margin-right: auto; | |
| 22 } | |
| 23 | |
| 24 section:not([active]) { | |
| 25 display: none; | |
| 26 } | |
| 27 | |
| 28 .header { | |
| 29 font-size: 24px; | |
| 30 font-weight: lighter; | |
| 31 text-align: center; | |
| 32 margin-top: 0; | |
| 33 } | |
| 34 | |
| 35 .message-box, | |
| 36 .message-box-bottom, | |
| 37 .link-box, | |
| 38 .link-box-bottom { | |
| 39 background-color: #e4e9ee; | |
| 40 padding: 15px; | |
| 41 } | |
| 42 | |
| 43 .message-box, | |
| 44 .link-box { | |
| 45 border-bottom: 1px solid #c8cdd4; | |
| 46 } | |
| 47 | |
| 48 .message-box-bottom, | |
| 49 .link-box-bottom { | |
| 50 border-bottom: 2px solid #c8cdd4; | |
| 51 margin-bottom: 10px; | |
| 52 } | |
| 53 | |
| 54 .link-box, | |
| 55 .link-box-bottom { | |
| 56 text-align: center; | |
| 57 } | |
| 58 | |
| 59 .link-box:active, | |
| 60 .link-box-bottom:active { | |
| 61 background-color: #a7b0b8; | |
| 62 } | |
| 63 | |
| 64 .message { | |
| 65 margin-bottom: 10px; | |
| 66 } | |
| 67 | |
| 68 .fine-print { | |
| 69 font-size: 10px; | |
| 70 color: #666; | |
| 71 } | |
| 72 | |
| 73 .stars { | |
| 74 width: 80px; | |
| 75 height: 10px; | |
| 76 margin: -20px auto 10px auto; | |
| 77 background-image: url("chrome://browser/skin/images/5stars.png"); | |
| 78 background-size: 64px 10px; | |
| 79 background-position: center; | |
| 80 background-repeat: no-repeat; | |
| 81 background-color: #e4e9ee; | |
| 82 } | |
| 83 | |
| 84 .link-box-bottom:active > .stars { | |
| 85 background-color: transparent; | |
| 86 } | |
| 87 | |
| 88 @media screen and (max-height: 400px) { | |
| 89 .bottom-links, | |
| 90 #sumo-message { | |
| 91 margin-top: 20px; | |
| 92 } | |
| 93 } | |
| 94 | |
| 95 @media not screen and (max-height: 400px) { | |
| 96 body { | |
| 97 padding-top: 40px; | |
| 98 } | |
| 99 | |
| 100 .bottom-links { | |
| 101 position: absolute; | |
| 102 left: 0; | |
| 103 bottom: 40px; | |
| 104 } | |
| 105 | |
| 106 #sumo-message { | |
| 107 position: absolute; | |
| 108 bottom: 20px; | |
| 109 } | |
| 110 } | |
| 111 | |
| 112 .bottom-links { | |
| 113 text-align: center; | |
| 114 width: 100%; | |
| 115 } | |
| 116 | |
| 117 .bottom-links > a { | |
| 118 margin: 0 25px; | |
| 119 text-decoration: underline; | |
| 120 } | |
| 121 | |
| 122 #sumo-message { | |
| 123 color: #444; | |
| 124 -moz-padding-end: 30px; | |
| 125 } | |
| 126 | |
| 127 .description, | |
| 128 #last-url { | |
| 129 font-family: "Clear Sans",sans-serif; | |
| 130 font-size: 14px; | |
| 131 margin-bottom: 10px; | |
| 132 padding: 5px; | |
| 133 width: -moz-calc(100% - 10px); | |
| 134 } | |
| 135 | |
| 136 .send-feedback { | |
| 137 margin-top: 10px; | |
| 138 padding: 10px; | |
| 139 font-size: 16px; | |
| 140 width: 100%; | |
| 141 background-image: linear-gradient(rgb(87,94,102), rgb(71,77,83) 90%, rgb(45,49,53)); | |
| 142 border-radius: 4px; | |
| 143 border-width: 0; | |
| 144 color: #fff; | |
| 145 } | |
| 146 | |
| 147 .send-feedback:active { | |
| 148 background-image: linear-gradient(rgb(138,143,148), rgb(127,130,135) 90%, rgb(108,111,114)); | |
| 149 } |
