toolkit/themes/osx/global/findBar.css@6474c204b198
toolkit/themes/osx/global/findBar.css
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
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/. */
5 %include shared.inc
6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
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 }
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 }
26 findbar:-moz-lwtheme {
27 -moz-appearance: none;
28 background: none;
29 border-style: none;
30 }
32 .findbar-container {
33 -moz-padding-start: 2px;
34 padding-top: 4px;
35 padding-bottom: 4px;
36 }
38 label.findbar-find-fast {
39 color: @scopeBarTitleColor@;
40 margin: 0;
41 -moz-margin-start: 12px;
42 text-shadow: @loweredShadow@;
43 }
45 label.findbar-find-fast:-moz-lwtheme,
46 .findbar-find-status:-moz-lwtheme {
47 color: inherit;
48 text-shadow: inherit;
49 }
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 }
60 @media (min-resolution: 2dppx) {
61 .findbar-closebutton > .toolbarbutton-icon {
62 width: 16px;
63 }
64 }
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 }
79 .findbar-highlight,
80 .findbar-case-sensitive {
81 -moz-margin-end: 5px;
82 padding: 0 3px;
83 }
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 }
92 .findbar-container > toolbarbutton[disabled] {
93 color: GrayText !important;
94 }
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 }
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 }
114 .findbar-closebutton > .toolbarbutton-text {
115 display: none;
116 }
118 /* Search field */
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 }
132 .findbar-textbox:-moz-locale-dir(rtl) {
133 border-radius: 0 10000px 10000px 0;
134 }
136 .findbar-textbox:not([focused="true"]):-moz-lwtheme {
137 opacity: 0.9;
138 }
140 .findbar-textbox[focused="true"] {
141 box-shadow: @focusRingShadow@;
142 }
144 .findbar-textbox[flash="true"] {
145 background-color: #F7E379;
146 }
148 .findbar-textbox[status="notfound"] {
149 background-color: #FD919B;
150 color: #FFF;
151 }
153 .findbar-textbox.minimal {
154 border-radius: 10000px;
155 -moz-margin-start: 5px;
156 }
158 /* Find previous/next buttons */
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 }
167 .findbar-find-previous > .toolbarbutton-text,
168 .findbar-find-next > .toolbarbutton-text {
169 margin: 0 !important;
170 padding: 0;
171 width: 0;
172 }
174 .findbar-find-previous > .toolbarbutton-icon,
175 .findbar-find-next > .toolbarbutton-icon {
176 margin: 0;
177 }
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 }
187 .findbar-find-next {
188 -moz-image-region: rect(0, 20px, 9px, 10px);
189 -moz-padding-end: 7px;
190 }
192 .findbar-find-next:-moz-locale-dir(ltr) {
193 border-top-left-radius: 0;
194 border-bottom-left-radius: 0;
195 }
197 .findbar-find-next:-moz-locale-dir(rtl) {
198 border-top-right-radius: 0;
199 border-bottom-right-radius: 0;
200 }
202 /* Status description */
204 .find-status-icon {
205 display: none;
206 }
208 .find-status-icon[status="pending"] {
209 display: block;
210 list-style-image: url("chrome://global/skin/icons/loading_16.png");
211 }
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 }
220 /* Highlight and Case Sensitive toggles */
222 .findbar-highlight {
223 -moz-margin-start: 8px;
224 }
