add close icon CSS so dev toolbar works
[themes.git] / EarlyBlue / global / findBar.css
1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
2
3 findbar {
4   border-top: 1px solid #666699;
5   border-bottom: 1px solid transparent;
6   min-width: 1px;
7   transition-property: margin-bottom, opacity, visibility;
8   transition-duration: 150ms, 150ms, 0s;
9   transition-timing-function: ease-in-out, ease-in-out, linear;
10 }
11
12 findbar[position="top"] {
13   transition-property: margin-top, opacity, visibility;
14 }
15
16 findbar[hidden] {
17   /* Override display:none to make the transition work. */
18   display: -moz-box;
19   visibility: collapse;
20   margin-bottom: -1em;
21   opacity: 0;
22   transition-delay: 0s, 0s, 150ms;
23 }
24
25 findbar[noanim] {
26   transition-duration: 0s !important;
27   transition-delay: 0s !important;
28 }
29
30 findbar[position="top"][hidden] {
31   margin-bottom: auto;
32   margin-top: -1em;
33 }
34
35 .findbar-closebutton {
36   list-style-image: url("chrome://global/skin/icons/close.png");
37 }
38
39 /* Search field */
40
41 .findbar-textbox {
42   width: 14em;
43 }
44
45 .findbar-textbox[status="notfound"] {
46   background-color: #FFC0C0;
47   color: #000000;
48 }
49
50 .findbar-textbox[flash="true"] {
51   background-color: #FFFFC0;
52   color: #000000;
53 }
54
55 .findbar-textbox.minimal {
56 }
57
58 /* Buttons */
59
60 .findbar-find-previous:not([disabled]):active,
61 .findbar-find-next:not([disabled]):active {
62 }
63
64 .findbar-find-previous {
65   list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-previous);
66 }
67
68 .findbar-find-next {
69   list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-next);
70 }
71
72 .findbar-find-previous,
73 .findbar-find-previous:not([disabled]):active {
74 }
75
76 .findbar-find-previous > .toolbarbutton-icon,
77 .findbar-find-next > .toolbarbutton-icon {
78 }
79
80 .findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
81 .findbar-find-next[disabled="true"] > .toolbarbutton-icon {
82   filter: url(filters.svg#disabled-icon-state);
83 }
84
85 .findbar-highlight,
86 .findbar-case-sensitive,
87 .findbar-entire-word {
88   margin-inline-start: 5px;
89 }
90
91 .findbar-highlight > .toolbarbutton-icon,
92 .findbar-case-sensitive > .toolbarbutton-icon,
93 .findbar-entire-word > .toolbarbutton-icon {
94   display: none;
95 }
96
97 .findbar-find-status,
98 .found-matches {
99   color: #808080;
100   margin: 0 !important;
101   margin-inline-start: 12px !important;
102 }
103
104 .find-status-icon[status="pending"] {
105   list-style-image: url("chrome://global/skin/icons/loading.gif");
106 }