border-top: 1px solid #666699;
border-bottom: 1px solid transparent;
min-width: 1px;
+ transition-property: margin-bottom, opacity, visibility;
+ transition-duration: 150ms, 150ms, 0s;
+ transition-timing-function: ease-in-out, ease-in-out, linear;
+}
+
+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;
}
/* 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-find-next[disabled="true"] {
+ -moz-image-region: rect(16px 16px 32px 0px);
}
/* 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-find-previous[disabled="true"] {
+ -moz-image-region: rect(16px 32px 32px 16px);
}
/* 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-higlight[disabled="true"] {
+ -moz-image-region: rect(16px 48px 32px 32px);
}
.find-status-icon {
}
.findbar-find-status {
- margin-top: 0px;
- margin-bottom: 0px;
- -moz-margin-start: 3px;
- -moz-margin-end: 0px;
- padding: 2px;
+ margin: 0 !important;
+ -moz-margin-start: 3px !important;
+ padding: 2px !important;
}
.find-status-icon[status="notfound"] {
- /* XXX: look into this when we support FF
- list-style-image: url("chrome://global/skin/icons/notfound.png");
- */
-}
-
-.findbar-textbox {
- -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox");
- border: none;
- margin: 0px;
+ list-style-image: url("chrome://global/skin/icons/information-16.png");
}
.findbar-textbox[status="notfound"] {
- background-color: #FFC0C0;
+ box-shadow: 0 0 0 1em #FFC0C0 inset;
color: #000000;
}
-.findbar-textbox {
- background-color: #FFFFC0;
+.findbar-textbox[flash="true"] {
+ box-shadow: 0 0 0 1em #FFFFC0 inset;
+ color: #000000;
}
.find-status-icon[status="wrapped"] {
- /* XXX: look into this when we support FF
list-style-image: url("chrome://global/skin/icons/wrap.png");
- */
}
-.find-field-container {
- /* -moz-appearance: textfield; */
+.find-status-icon[status="pending"] {
+ list-style-image: url("chrome://global/skin/icons/loading.gif");
}