michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: %include shared.inc
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: 
michael@0: findbar {
michael@0:   background: @scopeBarBackground@;
michael@0:   border-top: @scopeBarSeparatorBorder@;
michael@0:   min-width: 1px;
michael@0:   transition-property: margin-bottom, opacity, visibility;
michael@0:   transition-duration: 150ms, 150ms, 0s;
michael@0:   transition-timing-function: ease-in-out, ease-in-out, linear;
michael@0: }
michael@0: 
michael@0: findbar[hidden] {
michael@0:   /* Override display:none to make the transition work. */
michael@0:   display: -moz-box;
michael@0:   visibility: collapse;
michael@0:   margin-bottom: -1em;
michael@0:   opacity: 0;
michael@0:   transition-delay: 0s, 0s, 150ms;
michael@0: }
michael@0: 
michael@0: findbar:-moz-lwtheme {
michael@0:   -moz-appearance: none;
michael@0:   background: none;
michael@0:   border-style: none;
michael@0: }
michael@0: 
michael@0: .findbar-container {
michael@0:   -moz-padding-start: 2px;
michael@0:   padding-top: 4px;
michael@0:   padding-bottom: 4px;
michael@0: }
michael@0: 
michael@0: label.findbar-find-fast {
michael@0:   color: @scopeBarTitleColor@;
michael@0:   margin: 0;
michael@0:   -moz-margin-start: 12px;
michael@0:   text-shadow: @loweredShadow@;
michael@0: }
michael@0: 
michael@0: label.findbar-find-fast:-moz-lwtheme,
michael@0: .findbar-find-status:-moz-lwtheme {
michael@0:   color: inherit;
michael@0:   text-shadow: inherit;
michael@0: }
michael@0: 
michael@0: .findbar-closebutton {
michael@0:   -moz-margin-start: 4px;
michael@0:   -moz-padding-start: 0;
michael@0:   -moz-padding-end: 8px;
michael@0:   border: none;
michael@0:   /* make sure the closebutton is displayed as the first element in the bar: */
michael@0:   -moz-box-ordinal-group: 0;
michael@0: }
michael@0: 
michael@0: @media (min-resolution: 2dppx) {
michael@0:   .findbar-closebutton > .toolbarbutton-icon {
michael@0:     width: 16px;
michael@0:   }
michael@0: }
michael@0: 
michael@0: .findbar-find-next,
michael@0: .findbar-find-previous,
michael@0: .findbar-highlight,
michael@0: .findbar-case-sensitive {
michael@0:   -moz-appearance: none;
michael@0:   border-radius: 10000px;
michael@0:   border: @roundButtonBorder@;
michael@0:   background: @roundButtonBackground@;
michael@0:   box-shadow: @roundButtonShadow@;
michael@0:   color: buttontext;
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: .findbar-highlight,
michael@0: .findbar-case-sensitive {
michael@0:   -moz-margin-end: 5px;
michael@0:   padding: 0 3px;
michael@0: }
michael@0: 
michael@0: .findbar-container > toolbarbutton:-moz-focusring,
michael@0: .findbar-find-next:-moz-focusring,
michael@0: .findbar-find-previous:-moz-focusring {
michael@0:   position: relative;
michael@0:   box-shadow: @focusRingShadow@, @roundButtonShadow@;
michael@0: }
michael@0: 
michael@0: .findbar-container > toolbarbutton[disabled] {
michael@0:   color: GrayText !important;
michael@0: }
michael@0: 
michael@0: .findbar-find-next:not([disabled]):hover:active,
michael@0: .findbar-find-previous:not([disabled]):hover:active,
michael@0: .findbar-highlight:not([disabled]):hover:active,
michael@0: .findbar-case-sensitive:not([disabled]):hover:active,
michael@0: .findbar-highlight:not([disabled])[checked="true"],
michael@0: .findbar-case-sensitive:not([disabled])[checked="true"] {
michael@0:   text-shadow: @loweredShadow@;
michael@0:   background: @roundButtonPressedBackground@;
michael@0:   box-shadow: @roundButtonPressedShadow@;
michael@0: }
michael@0: 
michael@0: .findbar-find-next:hover:active:-moz-focusring,
michael@0: .findbar-find-previous:hover:active:-moz-focusring {
michael@0:   text-shadow: @loweredShadow@;
michael@0:   background: @roundButtonPressedBackground@;
michael@0:   box-shadow: @focusRingShadow@, @roundButtonPressedShadow@;
michael@0: }
michael@0: 
michael@0: .findbar-closebutton > .toolbarbutton-text {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: /* Search field */
michael@0: 
michael@0: .findbar-textbox {
michael@0:   position: relative;
michael@0:   -moz-appearance: none;
michael@0:   border: @roundButtonBorder@;
michael@0:   border-radius: 10000px 0 0 10000px;
michael@0:   box-shadow: @roundButtonShadow@;
michael@0:   background: url("chrome://global/skin/icons/search-textbox.png") -moz-Field no-repeat 5px center;
michael@0:   margin: 0;
michael@0:   padding: 2px 8px;
michael@0:   -moz-padding-start: 19px;
michael@0: }
michael@0: 
michael@0: .findbar-textbox:-moz-locale-dir(rtl) {
michael@0:   border-radius: 0 10000px 10000px 0;
michael@0: }
michael@0: 
michael@0: .findbar-textbox:not([focused="true"]):-moz-lwtheme {
michael@0:   opacity: 0.9;
michael@0: }
michael@0: 
michael@0: .findbar-textbox[focused="true"] {
michael@0:   box-shadow: @focusRingShadow@;
michael@0: }
michael@0: 
michael@0: .findbar-textbox[flash="true"] {
michael@0:   background-color: #F7E379;
michael@0: }
michael@0: 
michael@0: .findbar-textbox[status="notfound"] {
michael@0:   background-color: #FD919B;
michael@0:   color: #FFF;
michael@0: }
michael@0: 
michael@0: .findbar-textbox.minimal {
michael@0:   border-radius: 10000px;
michael@0:   -moz-margin-start: 5px;
michael@0: }
michael@0: 
michael@0: /* Find previous/next buttons */
michael@0: 
michael@0: .findbar-find-previous,
michael@0: .findbar-find-next {
michael@0:   -moz-margin-start: 0;
michael@0:   list-style-image: url(chrome://global/skin/icons/find-arrows.png);
michael@0:   padding: 2px 6px;
michael@0: }
michael@0: 
michael@0: .findbar-find-previous > .toolbarbutton-text,
michael@0: .findbar-find-next > .toolbarbutton-text {
michael@0:   margin: 0 !important;
michael@0:   padding: 0;
michael@0:   width: 0;
michael@0: }
michael@0: 
michael@0: .findbar-find-previous > .toolbarbutton-icon,
michael@0: .findbar-find-next > .toolbarbutton-icon {
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: .findbar-find-previous {
michael@0:   border-left: none;
michael@0:   border-right: none;
michael@0:   -moz-margin-end: 0;
michael@0:   -moz-image-region: rect(0, 10px, 9px, 0);
michael@0:   border-radius: 0;
michael@0: }
michael@0: 
michael@0: .findbar-find-next {
michael@0:   -moz-image-region: rect(0, 20px, 9px, 10px);
michael@0:   -moz-padding-end: 7px;
michael@0: }
michael@0: 
michael@0: .findbar-find-next:-moz-locale-dir(ltr) {
michael@0:   border-top-left-radius: 0;
michael@0:   border-bottom-left-radius: 0;
michael@0: }
michael@0: 
michael@0: .findbar-find-next:-moz-locale-dir(rtl) {
michael@0:   border-top-right-radius: 0;
michael@0:   border-bottom-right-radius: 0;
michael@0: }
michael@0: 
michael@0: /* Status description */
michael@0: 
michael@0: .find-status-icon {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: .find-status-icon[status="pending"] {
michael@0:   display: block;
michael@0:   list-style-image: url("chrome://global/skin/icons/loading_16.png");
michael@0: }
michael@0: 
michael@0: .findbar-find-status {
michael@0:   color: rgba(0,0,0,.5);
michael@0:   margin: 0 !important;
michael@0:   -moz-margin-start: 12px !important;
michael@0:   text-shadow: 0 1px rgba(255,255,255,.4);
michael@0: }
michael@0: 
michael@0: /* Highlight and Case Sensitive toggles */
michael@0: 
michael@0: .findbar-highlight {
michael@0:   -moz-margin-start: 8px;
michael@0: }