Thu, 22 Jan 2015 13:21:57 +0100
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
7 findbar {
8 box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
9 background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px);
10 background-size: 100% 2px;
11 background-repeat: no-repeat;
12 min-width: 1px;
13 transition-property: margin-bottom, opacity, visibility;
14 transition-duration: 150ms, 150ms, 0s;
15 transition-timing-function: ease-in-out, ease-in-out, linear;
16 }
18 findbar[hidden] {
19 /* Override display:none to make the transition work. */
20 display: -moz-box;
21 visibility: collapse;
22 margin-bottom: -1em;
23 opacity: 0;
24 transition-delay: 0s, 0s, 150ms;
25 }
27 .findbar-container {
28 -moz-padding-start: 8px;
29 padding-top: 4px;
30 padding-bottom: 4px;
31 }
33 .findbar-closebutton {
34 -moz-margin-start: 4px;
35 -moz-padding-start: 0;
36 -moz-padding-end: 8px;
37 border: none;
38 -moz-appearance: none;
39 }
42 /* Search field */
44 .findbar-textbox {
45 -moz-appearance: none;
46 border: 1px solid ThreeDShadow;
47 border-radius: 2px 0 0 2px;
48 margin: 0;
49 padding: 1px 5px;
50 width: 14em;
51 }
53 .findbar-textbox:-moz-locale-dir(rtl) {
54 border-radius: 0 2px 2px 0;
55 }
57 .findbar-textbox[focused="true"] {
58 border-color: Highlight;
59 }
61 .findbar-textbox[status="notfound"] {
62 background-color: #f66;
63 color: white;
64 }
66 .findbar-textbox[flash="true"] {
67 background-color: yellow;
68 color: black;
69 }
71 .findbar-textbox.minimal {
72 border-radius: 2px;
73 }
75 /* Buttons */
77 .findbar-find-previous,
78 .findbar-find-next {
79 -moz-margin-start: 0;
80 -moz-appearance: none;
81 background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2));
82 border: 1px solid ThreeDShadow;
83 box-shadow: 0 1px #fff inset;
84 list-style-image: url("chrome://global/skin/icons/find-arrows.png");
85 padding: 1px 5px;
86 line-height: 1em;
87 }
89 .findbar-find-previous:not([disabled]):active,
90 .findbar-find-next:not([disabled]):active {
91 background: rgba(23,50,76,.2);
92 box-shadow: 0 1px 2px rgba(10,31,51,.2) inset;
93 }
95 .findbar-find-previous {
96 -moz-image-region: rect(0, 12px, 9px, 0);
97 }
99 .findbar-find-next {
100 -moz-image-region: rect(0, 24px, 9px, 12px);
101 }
103 .findbar-find-previous,
104 .findbar-find-previous:not([disabled]):active {
105 border-right: none;
106 border-left: none;
107 }
109 .findbar-find-previous > .toolbarbutton-icon,
110 .findbar-find-next > .toolbarbutton-icon {
111 margin: 0;
112 }
114 .findbar-find-previous > .toolbarbutton-text,
115 .findbar-find-next > .toolbarbutton-text {
116 margin: 0;
117 padding: 0;
118 width: 0;
119 }
121 .findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
122 .findbar-find-next[disabled="true"] > .toolbarbutton-icon {
123 opacity: .5;
124 }
126 .findbar-find-next:-moz-locale-dir(ltr) {
127 border-top-right-radius: 2px;
128 border-bottom-right-radius: 2px;
129 }
131 .findbar-find-next:-moz-locale-dir(rtl) {
132 border-top-left-radius: 2px;
133 border-bottom-left-radius: 2px;
134 }
136 .findbar-highlight,
137 .findbar-case-sensitive {
138 -moz-margin-start: 5px;
139 }
141 .findbar-highlight > .toolbarbutton-icon,
142 .findbar-case-sensitive > .toolbarbutton-icon {
143 display: none;
144 }
146 .findbar-find-status {
147 color: GrayText;
148 margin: 0 !important;
149 -moz-margin-start: 12px !important;
150 }
152 .find-status-icon[status="pending"] {
153 list-style-image: url("chrome://global/skin/icons/loading_16.png");
154 }