sync LCARStrek with windows browser theme changes in Firefox 24
[themes.git] / EarlyBlue / global / findBar.css
index 1b4adb6043a7b5babbb68d0412b8a24fa5fe0fa2..52edacef17f2ced10bf45efddd37747504b31009 100644 (file)
@@ -1,6 +1,6 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-findbar > toolbarbutton.findbar-closebutton {
+.findbar-closebutton {
   list-style-image: url("chrome://global/skin/icons/close-button.gif");
 }
 
@@ -8,36 +8,54 @@ findbar {
   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 > toolbarbutton.findbar-find-next {
-  /* XXX: look into this when we support FF
+.findbar-find-next {
   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 > toolbarbutton.findbar-find-previous {
-  /* XXX: look into this when we support FF
+.findbar-find-previous {
   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 > toolbarbutton.findbar-highlight {
-  /* XXX: look into this when we support FF
+.findbar-highlight {
   list-style-image: url("chrome://global/skin/icons/find.png");
   -moz-image-region: rect(0px 48px 16px 32px);
-  */
 }
 
-findbar > image.find-status-icon {
+.findbar-higlight[disabled="true"] {
+  -moz-image-region: rect(16px 48px 32px 32px);
+}
+
+.find-status-icon {
   list-style-image: none;
   margin-top: 0px;
   margin-bottom: 0px;
@@ -47,41 +65,30 @@ findbar > image.find-status-icon {
   height: 16px;
 }
 
-findbar > label.findbar-find-status {
-  margin-top: 0px;
-  margin-bottom: 0px;
-  -moz-margin-start: 3px;
-  -moz-margin-end: 0px;
-  padding: 2px;
+.findbar-find-status {
+  margin: 0 !important;
+  -moz-margin-start: 3px !important;
+  padding: 2px !important;
 }
 
-findbar > image.find-status-icon[status="notfound"] {
-  /* XXX: look into this when we support FF
-  list-style-image: url("chrome://global/skin/icons/notfound.png");
-  */
+.find-status-icon[status="notfound"] {
+  list-style-image: url("chrome://global/skin/icons/information-16.png");
 }
 
-findbar > .find-field-container > textbox.findbar-textbox {
-  -moz-binding: url("chrome://global/content/bindings/findbar.xml#findbar-textbox");
-  border: none;
-  margin: 0px;
-}
-
-findbar > .find-field-container > textbox.findbar-textbox[status="notfound"] {
-  background-color: #FFC0C0;
+.findbar-textbox[status="notfound"] {
+  box-shadow: 0 0 0 1em #FFC0C0 inset;
   color: #000000;
 }
 
-findbar[flash="true"]  > .find-field-container > textbox.findbar-textbox {
-  background-color: #FFFFC0;
+.findbar-textbox[flash="true"] {
+  box-shadow: 0 0 0 1em #FFFFC0 inset;
+  color: #000000;
 }
 
-findbar > image.find-status-icon[status="wrapped"] {
-  /* XXX: look into this when we support FF
+.find-status-icon[status="wrapped"] {
   list-style-image: url("chrome://global/skin/icons/wrap.png");
-  */
 }
 
-findbar > .find-field-container {
-  /* -moz-appearance: textfield; */
+.find-status-icon[status="pending"] {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
 }