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

/* ::::: find toolbar ::::: */

findbar {
  background: @scopeBarBackground@;
  border-top: @scopeBarSeparatorBorder@;
  min-width: 1px;
  padding: 4px 1px;
}

.findbar-container > label {
  margin: 1px 3px 0 !important;
  color: @scopeBarTitleColor@;
  font-weight: bold;
  text-shadow: @loweredShadow@;
}

.findbar-closebutton {
  padding: 0;
  margin: 0 4px;
  list-style-image: url("chrome://global/skin/icons/closetab.png");
  border: none;
}

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

.findbar-closebutton:hover:active {
  list-style-image: url("chrome://global/skin/icons/closetab-active.png") !important;
}

.findbar-find-next,
.findbar-find-previous,
.findbar-highlight {
  margin: 0 4px;
  padding: 1px 3px;
  -moz-appearance: none;
  -moz-border-radius: 100%;
  border: @roundButtonBorder@;
  background: @roundButtonBackground@;
  -moz-box-shadow: @roundButtonShadow@;
  color: buttontext;
}

.findbar-container > toolbarbutton:focus {
  position: relative;
  -moz-box-shadow: @focusRingShadow@, @roundButtonShadow@;
}

.findbar-container > toolbarbutton > .toolbarbutton-text {
  margin: 0 6px !important;
}

.findbar-container > toolbarbutton[disabled] {
  color: GrayText !important;
}

.findbar-find-next:not([disabled]):hover:active,
.findbar-find-previous:not([disabled]):hover:active,
.findbar-highlight:not([disabled]):hover:active {
  text-shadow: @loweredShadow@;
  background: @roundButtonPressedBackground@;
  -moz-box-shadow: @roundButtonPressedShadow@;
}

.findbar-container > toolbarbutton:hover:active:focus {
  text-shadow: @loweredShadow@;
  background: @roundButtonPressedBackground@;
  -moz-box-shadow: @focusRingShadow@, @roundButtonPressedShadow@;
}

.findbar-closebutton > .toolbarbutton-text {
  display: none;  
}

/* Match case checkbox */

.findbar-container > checkbox {
  list-style-image: url("chrome://global/skin/icons/checkbox.png");
  -moz-image-region: rect(0px 16px 16px 0px);
  -moz-appearance: none;
  margin: 0 2px;
  -moz-margin-start: 7px;
}

.findbar-container > checkbox:hover:active {
  -moz-image-region: rect(0px 32px 16px 16px);
}

.findbar-container > checkbox[checked] {
  -moz-image-region: rect(0px 48px 16px 32px);
}

.findbar-container > checkbox[checked]:hover:active {
  -moz-image-region: rect(0px 64px 16px 48px);
}

.findbar-container > checkbox > .checkbox-check {
  display: none; 
}

.findbar-container > checkbox > .checkbox-label-box > .checkbox-label {
  margin: 0 !important;
  padding: 2px 0 0;
}

.findbar-container > checkbox > .checkbox-label-box > .checkbox-icon {
  -moz-padding-start: 1px;
  padding-bottom: 1px;
}

.findbar-container > checkbox:focus > .checkbox-label-box > .checkbox-icon {
  -moz-border-radius: 4px;
  -moz-box-shadow: @focusRingShadow@;
}

/* Search field */

.findbar-textbox {
  -moz-appearance: none;
  -moz-border-radius: 100%;
  border: none;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .7) inset,
                   0 0 0 1px rgba(0, 0, 0, .17) inset;
  background: url("chrome://global/skin/icons/search-textbox.png") -moz-Field no-repeat 5px center;
  margin: 0 4px -1px;
  padding: 3px 8px 2px;
  -moz-padding-start: 19px;
}

.findbar-textbox[focused="true"] {
  -moz-box-shadow: @focusRingShadow@,
                   0 1px 2px rgba(0, 0, 0, .8) inset;
}

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

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

/* find-next button */

.findbar-find-next {
  -moz-border-end: none;
  -moz-margin-end: 0 !important;
}

.findbar-find-next:-moz-locale-dir(ltr),
.findbar-find-previous:-moz-locale-dir(rtl) {
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
}

/* find-previous button */

.findbar-find-previous {
  -moz-margin-start: 0 !important;
}

.findbar-find-previous:-moz-locale-dir(ltr),
.findbar-find-next:-moz-locale-dir(rtl) {
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
}

/* highlight button */

.findbar-highlight {
  -moz-margin-start: 8px;
}

.findbar-highlight > .toolbarbutton-icon {
  width: 13px;
  height: 8px;
  margin: 0 4px;
  -moz-margin-end: 0;
  border: 1px solid #818181;
  -moz-border-radius: 4px;
  background-color: #F4F4F3;
}


.findbar-highlight[checked="true"] > .toolbarbutton-icon {
  background-color: #FFFF00;
  border-color: #818100;
}

.find-status-icon {
  display: none;
}

.findbar-find-status {
  color: #436599;
  font-weight: bold;
  text-shadow: 0 1px rgba(255, 255, 255, .4);
  margin: 1px 1px 0 !important;
  -moz-margin-start: 12px !important;
}