@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-.findbar-closebutton {
- list-style-image: url("chrome://global/skin/icons/close-button.gif");
-}
-
findbar {
- border-top: 1px solid #666699;
- border-bottom: 1px solid transparent;
+ border-top: 3px solid #000000;
+ border-bottom: none;
min-width: 1px;
}
-/* find-next button */
-
-.findbar-find-next {
- /* XXX: look into this when we support FF
- list-style-image: url("chrome://global/skin/icons/find.png");
- -moz-image-region: rect(0px 16px 16px 0px);
- */
+findbar[position="top"] {
+ border-top: none;
+ border-bottom: 3px solid #000000;
+ transition-property: margin-top, opacity, visibility;
}
-/* find-previous button */
-
-.findbar-find-previous {
- /* XXX: look into this when we support FF
- list-style-image: url("chrome://global/skin/icons/find.png");
- -moz-image-region: rect(0px 32px 16px 16px);
- */
+findbar[hidden] {
+ /* Override display:none to make the transition work. */
+ display: -moz-box;
+ visibility: collapse;
+ margin-bottom: -1em;
+ opacity: 0;
+ transition-delay: 0s, 0s, 150ms;
}
-/* highlight button */
-
-.findbar-highlight {
- /* XXX: look into this when we support FF
- list-style-image: url("chrome://global/skin/icons/find.png");
- -moz-image-region: rect(0px 48px 16px 32px);
- */
+findbar[noanim] {
+ transition-duration: 0s !important;
+ transition-delay: 0s !important;
}
-.find-status-icon {
- list-style-image: none;
- margin-top: 0px;
- margin-bottom: 0px;
- -moz-margin-start: 12px;
- -moz-margin-end: 0px;
- width: 16px;
- height: 16px;
+findbar[position="top"][hidden] {
+ margin-bottom: auto;
+ margin-top: -1em;
}
-.findbar-find-status {
- margin-top: 0px;
- margin-bottom: 0px;
- -moz-margin-start: 3px;
- -moz-margin-end: 0px;
- padding: 2px;
+.findbar-closebutton {
+ list-style-image: url("chrome://global/skin/icons/close.png");
+ -moz-image-region: rect(0, 16px, 16px, 0);
}
-.find-status-icon[status="notfound"] {
- /* XXX: look into this when we support FF
- list-style-image: url("chrome://global/skin/icons/notfound.png");
- */
+.findbar-closebutton:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
}
+/* Search field */
+
.findbar-textbox {
- -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox");
- border: none;
- margin: 0px;
+ width: 14em;
}
.findbar-textbox[status="notfound"] {
color: #000000;
}
-findbar[flash="true"] > .findbar-container > .find-field-container > .findbar-textbox {
+.findbar-textbox[flash="true"] {
background-color: #FFCF00;
+ color: #000000;
+}
+
+.findbar-textbox.minimal {
+}
+
+/* Buttons */
+
+.findbar-find-previous:not([disabled]):active,
+.findbar-find-next:not([disabled]):active {
+}
+
+.findbar-find-previous {
+ list-style-image: url(chrome://global/skin/icons/find-arrows.svg#previous);
+}
+
+.findbar-find-next {
+ list-style-image: url(chrome://global/skin/icons/find-arrows.svg#next);
+}
+
+.findbar-find-previous[disabled] {
+ list-style-image: url(chrome://global/skin/icons/find-arrows.svg#previous-disabled);
+}
+
+.findbar-find-next[disabled] {
+ list-style-image: url(chrome://global/skin/icons/find-arrows.svg#next-disabled);
+}
+
+.findbar-find-previous,
+.findbar-find-previous:not([disabled]):active {
+}
+
+.findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
+.findbar-find-next[disabled="true"] > .toolbarbutton-icon {
+ filter: url(filters.svg#disabled-icon-state);
+}
+
+.findbar-find-previous:not([disabled]):hover > .toolbarbutton-icon,
+.findbar-find-previous:not([disabled]):active > .toolbarbutton-icon,
+.findbar-find-next:not([disabled]):hover > .toolbarbutton-icon,
+.findbar-find-next:not([disabled]):active > .toolbarbutton-icon {
+ filter: url(filters.svg#active-icon-state);
+}
+
+.findbar-find-previous > .toolbarbutton-icon,
+.findbar-find-next > .toolbarbutton-icon {
+}
+
+.findbar-highlight,
+.findbar-case-sensitive,
+.findbar-entire-word {
+ margin-inline-start: 5px;
+}
+
+.findbar-highlight > .toolbarbutton-icon,
+.findbar-case-sensitive > .toolbarbutton-icon,
+.findbar-entire-word > .toolbarbutton-icon {
+ display: none;
+}
+
+.findbar-find-status,
+.found-matches {
+ color: #A09090;
+ margin: 0 !important;
+ margin-inline-start: 12px !important;
}
-.find-status-icon[status="wrapped"] {
- /* XXX: look into this when we support FF
- list-style-image: url("chrome://global/skin/icons/wrap.png");
- */
+.find-status-icon[status="pending"] {
+ list-style-image: url("chrome://global/skin/icons/loading.png");
}
-.find-field-container {
- /* -moz-appearance: textfield; */
+@media (min-resolution: 2dppx) {
+ .find-status-icon[status="pending"] {
+ width: 16px;
+ list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+ }
}