some corrections and finishing touches to that LCARStrek works well for Firefox 55...
[themes.git] / LCARStrek / global / findBar.css
1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
2
3 findbar {
4   border-top: 3px solid #000000;
5   border-bottom: none;
6   min-width: 1px;
7 }
8
9 findbar[position="top"] {
10   border-top: none;
11   border-bottom: 3px solid #000000;
12   transition-property: margin-top, opacity, visibility;
13 }
14
15 findbar[hidden] {
16   /* Override display:none to make the transition work. */
17   display: -moz-box;
18   visibility: collapse;
19   margin-bottom: -1em;
20   opacity: 0;
21   transition-delay: 0s, 0s, 150ms;
22 }
23
24 findbar[noanim] {
25   transition-duration: 0s !important;
26   transition-delay: 0s !important;
27 }
28
29 findbar[position="top"][hidden] {
30   margin-bottom: auto;
31   margin-top: -1em;
32 }
33
34 .findbar-closebutton {
35   list-style-image: url("chrome://global/skin/icons/close.png");
36   -moz-image-region: rect(0, 16px, 16px, 0);
37 }
38
39 .findbar-closebutton:hover {
40   -moz-image-region: rect(0, 32px, 16px, 16px);
41 }
42
43 /* Search field */
44
45 .findbar-textbox {
46   width: 14em;
47 }
48
49 .findbar-textbox[status="notfound"] {
50   background-color: #FF0000;
51   color: #000000;
52 }
53
54 .findbar-textbox[flash="true"] {
55   background-color: #FFCF00;
56   color: #000000;
57 }
58
59 .findbar-textbox.minimal {
60 }
61
62 /* Buttons */
63
64 .findbar-find-previous:not([disabled]):active,
65 .findbar-find-next:not([disabled]):active {
66 }
67
68 .findbar-find-previous {
69   list-style-image: url(chrome://global/skin/icons/find-arrows.svg#previous);
70 }
71
72 .findbar-find-next {
73   list-style-image: url(chrome://global/skin/icons/find-arrows.svg#next);
74 }
75
76 .findbar-find-previous[disabled] {
77   list-style-image: url(chrome://global/skin/icons/find-arrows.svg#previous-disabled);
78 }
79
80 .findbar-find-next[disabled] {
81   list-style-image: url(chrome://global/skin/icons/find-arrows.svg#next-disabled);
82 }
83
84 .findbar-find-previous,
85 .findbar-find-previous:not([disabled]):active {
86 }
87
88 .findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
89 .findbar-find-next[disabled="true"] > .toolbarbutton-icon {
90   filter: url(filters.svg#disabled-icon-state);
91 }
92
93 .findbar-find-previous:not([disabled]):hover > .toolbarbutton-icon,
94 .findbar-find-previous:not([disabled]):active > .toolbarbutton-icon,
95 .findbar-find-next:not([disabled]):hover > .toolbarbutton-icon,
96 .findbar-find-next:not([disabled]):active > .toolbarbutton-icon {
97   filter: url(filters.svg#active-icon-state);
98 }
99
100 .findbar-find-previous > .toolbarbutton-icon,
101 .findbar-find-next > .toolbarbutton-icon {
102 }
103
104 .findbar-highlight,
105 .findbar-case-sensitive,
106 .findbar-entire-word {
107   margin-inline-start: 5px;
108 }
109
110 .findbar-highlight > .toolbarbutton-icon,
111 .findbar-case-sensitive > .toolbarbutton-icon,
112 .findbar-entire-word > .toolbarbutton-icon {
113   display: none;
114 }
115
116 .findbar-find-status,
117 .found-matches {
118   color: #A09090;
119   margin: 0 !important;
120   margin-inline-start: 12px !important;
121 }
122
123 .find-status-icon[status="pending"] {
124   list-style-image: url("chrome://global/skin/icons/loading.png");
125 }
126
127 @media (min-resolution: 2dppx) {
128   .find-status-icon[status="pending"] {
129     width: 16px;
130     list-style-image: url("chrome://global/skin/icons/loading@2x.png");
131   }
132 }