start 2.31 cycle

[themes.git] / EarlyBlue / global / findBar.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

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[position="top"] {
  transition-property: margin-top, opacity, visibility;
}

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;
}

findbar[position="top"][hidden] {
  margin-bottom: auto;
  margin-top: -1em;
}

.findbar-closebutton {
  list-style-image: url("chrome://global/skin/icons/close.png");
}

/* Search field */

.findbar-textbox {
  width: 14em;
}

.findbar-textbox[status="notfound"] {
  background-color: #FFC0C0;
  color: #000000;
}

.findbar-textbox[flash="true"] {
  background-color: #FFFFC0;
  color: #000000;
}

.findbar-textbox.minimal {
}

/* Buttons */

.findbar-find-previous,
.findbar-find-next {
  list-style-image: url("chrome://global/skin/icons/find-arrows.png");
}

.findbar-find-previous:not([disabled]):active,
.findbar-find-next:not([disabled]):active {
}

.findbar-find-previous {
  -moz-image-region: rect(0, 12px, 9px, 0);
}

.findbar-find-next {
  -moz-image-region: rect(0, 24px, 9px, 12px);
}

.findbar-find-previous,
.findbar-find-previous:not([disabled]):active {
}

.findbar-find-previous[disabled="true"] {
  -moz-image-region: rect(9px, 12px, 18px, 0);
}

.findbar-find-next[disabled="true"] {
  -moz-image-region: rect(9px, 24px, 18px, 12px);
}

.findbar-find-previous > .toolbarbutton-icon,
.findbar-find-next > .toolbarbutton-icon {
}

.findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
.findbar-find-next[disabled="true"] > .toolbarbutton-icon {
}

.findbar-highlight,
.findbar-case-sensitive {
  -moz-margin-start: 5px;
}

.findbar-highlight > .toolbarbutton-icon,
.findbar-case-sensitive > .toolbarbutton-icon {
  display: none;
}

.findbar-find-status,
.found-matches {
  color: #808080;
  margin: 0 !important;
  -moz-margin-start: 12px !important;
}

.find-status-icon[status="pending"] {
  list-style-image: url("chrome://global/skin/icons/loading.gif");
}