The Tor Browser / file comparison
comparison: mobile/android/themes/core/aboutBase.css
mobile/android/themes/core/aboutBase.css
- branch
- TOR_BUG_3246
- changeset 4
- fc2d59ddac77
equal
deleted
inserted
replaced
| -1:000000000000 | 0:e6a31ee4c188 |
|---|---|
| 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 %filter substitution | |
| 6 %include defines.inc | |
| 7 | |
| 8 html { | |
| 9 font-family: "Clear Sans",sans-serif; | |
| 10 font-size: 14px; | |
| 11 background-color: @color_about_background@; | |
| 12 -moz-text-size-adjust: none; | |
| 13 } | |
| 14 | |
| 15 body { | |
| 16 margin: 0; | |
| 17 } | |
| 18 | |
| 19 .header { | |
| 20 color: black; | |
| 21 font-size: 1.1em; | |
| 22 font-weight: bold; | |
| 23 border-bottom: 2px solid; | |
| 24 -moz-border-bottom-colors: #ff9100 #f27900; | |
| 25 display: flex; | |
| 26 flex-direction: row; | |
| 27 align-items: center; | |
| 28 } | |
| 29 | |
| 30 .header > div { | |
| 31 flex: 1; | |
| 32 padding: 1em; | |
| 33 -moz-padding-start: 1.5em; | |
| 34 } | |
| 35 | |
| 36 #header-button { | |
| 37 background-repeat: no-repeat; | |
| 38 background-position: center center; | |
| 39 background-size: 33px 33px; | |
| 40 flex: 0; | |
| 41 height: 100%; | |
| 42 } | |
| 43 | |
| 44 .list { | |
| 45 padding: 0px; | |
| 46 margin: 0px; | |
| 47 width: 100%; | |
| 48 } | |
| 49 | |
| 50 .list-item { | |
| 51 color: black; | |
| 52 background-color: @color_about_item@; | |
| 53 border-bottom: 2px solid; | |
| 54 -moz-border-bottom-colors: #ffffff #bac2ac; | |
| 55 position: relative; | |
| 56 list-style-type: none; | |
| 57 list-style-image: none; | |
| 58 margin: 0px; | |
| 59 padding: 0px; | |
| 60 } | |
| 61 | |
| 62 .list-item[isDisabled="true"] { | |
| 63 color: #999999; | |
| 64 } | |
| 65 | |
| 66 .list-item:active, | |
| 67 .list-item:active > .inner { | |
| 68 background-image: none; | |
| 69 } | |
| 70 | |
| 71 .inner { | |
| 72 background-color: @color_about_item_inner@; | |
| 73 padding: 1em; | |
| 74 | |
| 75 /* make room for the favicon */ | |
| 76 -moz-margin-start: 4.5em; | |
| 77 } | |
| 78 | |
| 79 /* Icons */ | |
| 80 body[dir="ltr"] .icon { | |
| 81 left: 1.35em; | |
| 82 } | |
| 83 | |
| 84 body[dir="ltr"] .icon { | |
| 85 right: 1.35em; | |
| 86 } | |
| 87 | |
| 88 .icon { | |
| 89 border: none; | |
| 90 top: 1.35em; | |
| 91 width: 1.8em; | |
| 92 height: 1.8em; | |
| 93 position: absolute; | |
| 94 pointer-events: none; | |
| 95 } | |
| 96 | |
| 97 .list-item[isDisabled="true"] .favicon { | |
| 98 opacity: 0.3; | |
| 99 } | |
| 100 | |
| 101 /* Buttons */ | |
| 102 .buttons { | |
| 103 display: flex; | |
| 104 flex-direction: row; | |
| 105 width: 100%; | |
| 106 } | |
| 107 | |
| 108 .buttons > button { | |
| 109 -moz-appearance: none; | |
| 110 color: black; | |
| 111 font-size: 1em !important; | |
| 112 border: 1px solid transparent; | |
| 113 border-top-color: #bac2ac; | |
| 114 -moz-border-start-color: #bac2ac; | |
| 115 background-image: none; | |
| 116 background-color: @color_about_item_inner@; | |
| 117 border-radius: 0px !important; | |
| 118 flex: 1; | |
| 119 padding: 0.75em 0.5em; | |
| 120 } | |
| 121 | |
| 122 .buttons > button[disabled="true"] { | |
| 123 color: #b5b5b5; | |
| 124 } | |
| 125 | |
| 126 .buttons > button[hidden="true"] { | |
| 127 display: none; | |
| 128 } | |
| 129 | |
| 130 .buttons:first-child { | |
| 131 -moz-border-start-color: transparent; | |
| 132 } | |
| 133 | |
| 134 .row { | |
| 135 display: flex; | |
| 136 width: 100%; | |
| 137 } | |
| 138 | |
| 139 .title { | |
| 140 font-weight: bold; | |
| 141 overflow: hidden; | |
| 142 flex: 1; | |
| 143 } | |
| 144 | |
| 145 #browse-title { | |
| 146 margin: 0.5em 0; | |
| 147 background-image: url("chrome://browser/skin/images/chevron.png"); | |
| 148 background-size: 8px 20px; | |
| 149 background-position: right; | |
| 150 background-repeat: no-repeat; | |
| 151 } |
