The Tor Browser / file comparison
comparison: toolkit/themes/osx/global/findBar.css
toolkit/themes/osx/global/findBar.css
- changeset 0
- 6474c204b198
equal
deleted
inserted
replaced
| -1:000000000000 | 0:5099929514f6 |
|---|---|
| 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 %include shared.inc | |
| 6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
| 7 | |
| 8 findbar { | |
| 9 background: @scopeBarBackground@; | |
| 10 border-top: @scopeBarSeparatorBorder@; | |
| 11 min-width: 1px; | |
| 12 transition-property: margin-bottom, opacity, visibility; | |
| 13 transition-duration: 150ms, 150ms, 0s; | |
| 14 transition-timing-function: ease-in-out, ease-in-out, linear; | |
| 15 } | |
| 16 | |
| 17 findbar[hidden] { | |
| 18 /* Override display:none to make the transition work. */ | |
| 19 display: -moz-box; | |
| 20 visibility: collapse; | |
| 21 margin-bottom: -1em; | |
| 22 opacity: 0; | |
| 23 transition-delay: 0s, 0s, 150ms; | |
| 24 } | |
| 25 | |
| 26 findbar:-moz-lwtheme { | |
| 27 -moz-appearance: none; | |
| 28 background: none; | |
| 29 border-style: none; | |
| 30 } | |
| 31 | |
| 32 .findbar-container { | |
| 33 -moz-padding-start: 2px; | |
| 34 padding-top: 4px; | |
| 35 padding-bottom: 4px; | |
| 36 } | |
| 37 | |
| 38 label.findbar-find-fast { | |
| 39 color: @scopeBarTitleColor@; | |
| 40 margin: 0; | |
| 41 -moz-margin-start: 12px; | |
| 42 text-shadow: @loweredShadow@; | |
| 43 } | |
| 44 | |
| 45 label.findbar-find-fast:-moz-lwtheme, | |
| 46 .findbar-find-status:-moz-lwtheme { | |
| 47 color: inherit; | |
| 48 text-shadow: inherit; | |
| 49 } | |
| 50 | |
| 51 .findbar-closebutton { | |
| 52 -moz-margin-start: 4px; | |
| 53 -moz-padding-start: 0; | |
| 54 -moz-padding-end: 8px; | |
| 55 border: none; | |
| 56 /* make sure the closebutton is displayed as the first element in the bar: */ | |
| 57 -moz-box-ordinal-group: 0; | |
| 58 } | |
| 59 | |
| 60 @media (min-resolution: 2dppx) { | |
| 61 .findbar-closebutton > .toolbarbutton-icon { | |
| 62 width: 16px; | |
| 63 } | |
| 64 } | |
| 65 | |
| 66 .findbar-find-next, | |
| 67 .findbar-find-previous, | |
| 68 .findbar-highlight, | |
| 69 .findbar-case-sensitive { | |
| 70 -moz-appearance: none; | |
| 71 border-radius: 10000px; | |
| 72 border: @roundButtonBorder@; | |
| 73 background: @roundButtonBackground@; | |
| 74 box-shadow: @roundButtonShadow@; | |
| 75 color: buttontext; | |
| 76 margin: 0; | |
| 77 } | |
| 78 | |
| 79 .findbar-highlight, | |
| 80 .findbar-case-sensitive { | |
| 81 -moz-margin-end: 5px; | |
| 82 padding: 0 3px; | |
| 83 } | |
| 84 | |
| 85 .findbar-container > toolbarbutton:-moz-focusring, | |
| 86 .findbar-find-next:-moz-focusring, | |
| 87 .findbar-find-previous:-moz-focusring { | |
| 88 position: relative; | |
| 89 box-shadow: @focusRingShadow@, @roundButtonShadow@; | |
| 90 } | |
| 91 | |
| 92 .findbar-container > toolbarbutton[disabled] { | |
| 93 color: GrayText !important; | |
| 94 } | |
| 95 | |
| 96 .findbar-find-next:not([disabled]):hover:active, | |
| 97 .findbar-find-previous:not([disabled]):hover:active, | |
| 98 .findbar-highlight:not([disabled]):hover:active, | |
| 99 .findbar-case-sensitive:not([disabled]):hover:active, | |
| 100 .findbar-highlight:not([disabled])[checked="true"], | |
| 101 .findbar-case-sensitive:not([disabled])[checked="true"] { | |
| 102 text-shadow: @loweredShadow@; | |
| 103 background: @roundButtonPressedBackground@; | |
| 104 box-shadow: @roundButtonPressedShadow@; | |
| 105 } | |
| 106 | |
| 107 .findbar-find-next:hover:active:-moz-focusring, | |
| 108 .findbar-find-previous:hover:active:-moz-focusring { | |
| 109 text-shadow: @loweredShadow@; | |
| 110 background: @roundButtonPressedBackground@; | |
| 111 box-shadow: @focusRingShadow@, @roundButtonPressedShadow@; | |
| 112 } | |
| 113 | |
| 114 .findbar-closebutton > .toolbarbutton-text { | |
| 115 display: none; | |
| 116 } | |
| 117 | |
| 118 /* Search field */ | |
| 119 | |
| 120 .findbar-textbox { | |
| 121 position: relative; | |
| 122 -moz-appearance: none; | |
| 123 border: @roundButtonBorder@; | |
| 124 border-radius: 10000px 0 0 10000px; | |
| 125 box-shadow: @roundButtonShadow@; | |
| 126 background: url("chrome://global/skin/icons/search-textbox.png") -moz-Field no-repeat 5px center; | |
| 127 margin: 0; | |
| 128 padding: 2px 8px; | |
| 129 -moz-padding-start: 19px; | |
| 130 } | |
| 131 | |
| 132 .findbar-textbox:-moz-locale-dir(rtl) { | |
| 133 border-radius: 0 10000px 10000px 0; | |
| 134 } | |
| 135 | |
| 136 .findbar-textbox:not([focused="true"]):-moz-lwtheme { | |
| 137 opacity: 0.9; | |
| 138 } | |
| 139 | |
| 140 .findbar-textbox[focused="true"] { | |
| 141 box-shadow: @focusRingShadow@; | |
| 142 } | |
| 143 | |
| 144 .findbar-textbox[flash="true"] { | |
| 145 background-color: #F7E379; | |
| 146 } | |
| 147 | |
| 148 .findbar-textbox[status="notfound"] { | |
| 149 background-color: #FD919B; | |
| 150 color: #FFF; | |
| 151 } | |
| 152 | |
| 153 .findbar-textbox.minimal { | |
| 154 border-radius: 10000px; | |
| 155 -moz-margin-start: 5px; | |
| 156 } | |
| 157 | |
| 158 /* Find previous/next buttons */ | |
| 159 | |
| 160 .findbar-find-previous, | |
| 161 .findbar-find-next { | |
| 162 -moz-margin-start: 0; | |
| 163 list-style-image: url(chrome://global/skin/icons/find-arrows.png); | |
| 164 padding: 2px 6px; | |
| 165 } | |
| 166 | |
| 167 .findbar-find-previous > .toolbarbutton-text, | |
| 168 .findbar-find-next > .toolbarbutton-text { | |
| 169 margin: 0 !important; | |
| 170 padding: 0; | |
| 171 width: 0; | |
| 172 } | |
| 173 | |
| 174 .findbar-find-previous > .toolbarbutton-icon, | |
| 175 .findbar-find-next > .toolbarbutton-icon { | |
| 176 margin: 0; | |
| 177 } | |
| 178 | |
| 179 .findbar-find-previous { | |
| 180 border-left: none; | |
| 181 border-right: none; | |
| 182 -moz-margin-end: 0; | |
| 183 -moz-image-region: rect(0, 10px, 9px, 0); | |
| 184 border-radius: 0; | |
| 185 } | |
| 186 | |
| 187 .findbar-find-next { | |
| 188 -moz-image-region: rect(0, 20px, 9px, 10px); | |
| 189 -moz-padding-end: 7px; | |
| 190 } | |
| 191 | |
| 192 .findbar-find-next:-moz-locale-dir(ltr) { | |
| 193 border-top-left-radius: 0; | |
| 194 border-bottom-left-radius: 0; | |
| 195 } | |
| 196 | |
| 197 .findbar-find-next:-moz-locale-dir(rtl) { | |
| 198 border-top-right-radius: 0; | |
| 199 border-bottom-right-radius: 0; | |
| 200 } | |
| 201 | |
| 202 /* Status description */ | |
| 203 | |
| 204 .find-status-icon { | |
| 205 display: none; | |
| 206 } | |
| 207 | |
| 208 .find-status-icon[status="pending"] { | |
| 209 display: block; | |
| 210 list-style-image: url("chrome://global/skin/icons/loading_16.png"); | |
| 211 } | |
| 212 | |
| 213 .findbar-find-status { | |
| 214 color: rgba(0,0,0,.5); | |
| 215 margin: 0 !important; | |
| 216 -moz-margin-start: 12px !important; | |
| 217 text-shadow: 0 1px rgba(255,255,255,.4); | |
| 218 } | |
| 219 | |
| 220 /* Highlight and Case Sensitive toggles */ | |
| 221 | |
| 222 .findbar-highlight { | |
| 223 -moz-margin-start: 8px; | |
| 224 } |
