/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
@import url("chrome://messenger/content/quickFilterBar.css");

/* :::: Filter Tab Bar Button :::: */

#qfb-show-filter-bar {
  -moz-appearance: none;
  list-style-image: url("chrome://messenger/skin/icons/mail-toolbar.png");
  -moz-image-region: rect(1px, 377px, 17px, 361px);
}

#tabbar-toolbar #qfb-show-filter-bar {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

/* :::: Filter Bar :::: */

#quick-filter-bar-main-bar {
  -moz-padding-start: 2px;
}

#quick-filter-bar-expando {
  border-bottom: 1px solid ThreeDShadow;
}

#quick-filter-bar-tab-bar,
#quick-filter-bar-filter-text-bar {
  margin-top: -2px;
  padding: 2px;
}

#quick-filter-bar-filter-text-bar:not(:-moz-system-metric(windows-default-theme)) {
  padding-top: 3px;
  padding-bottom: 3px;
}

@media (-moz-windows-default-theme) {
  #quick-filter-bar {
    background: #f8f8f8;
  }

  #threadTree[filterActive="searching"] {
    background-color: #ffffcc;
  }

  #threadTree[filterActive="matches"] {
    background-color: #f2f9fc;
  }

  #threadTree[filterActive="nomatches"] {
    background: repeating-linear-gradient(-45deg, #fff0f4,
                #fff0f4 5px, white 5px, white 10px);
  }
}

/* :::: Filter Buttons :::: */

#quick-filter-bar toolbarbutton {
  -moz-appearance: none;
  min-height: 19px;
  border-radius: 2px;
  border: 1px solid transparent;
  padding: 1px 3px;
  -moz-margin-start: 1px;
  -moz-margin-end: 1px;
}

#quick-filter-bar toolbarbutton:not(.qfb-tag-button) {
  color: ButtonText;
}

#quick-filter-bar toolbarbutton:not([checked="true"]):hover {
  border-top-color: ButtonHighlight;
  -moz-border-start-color: ButtonHighlight;
  border-bottom-color: ButtonShadow;
  -moz-border-end-color: ButtonShadow;
}

#quick-filter-bar toolbarbutton:hover:active,
#quick-filter-bar toolbarbutton[checked="true"] {
  border-top-color: ButtonShadow;
  -moz-border-start-color: ButtonShadow;
  border-bottom-color: ButtonHighlight;
  -moz-border-end-color: ButtonHighlight;
}

@media (-moz-windows-default-theme) {
  #quick-filter-bar toolbarbutton:not([checked="true"]):hover {
    background-image: linear-gradient(rgba(255, 255, 255, .8),
                      rgba(255, 255, 255, .45) 49%, rgba(255, 255, 255, .35) 51%,
                      rgba(255,255,255,.1));
    background-color: hsla(210, 48%, 96%, .75);
    border-color: hsla(210, 54%, 20%, .3) hsla(210, 54%, 20%, .35)
                  hsla(210, 54%, 20%, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset,
                0 0 0 1px rgba(255, 255, 255, .3) inset,
                0 1px 0 hsla(210, 54%, 20%, .03),
                0 0 2px hsla(210, 54%, 20%, .1);
    transition-property: background-color, border-color, box-shadow;
    transition-duration: 150ms;
  }

  #quick-filter-bar toolbarbutton:hover:active,
  #quick-filter-bar toolbarbutton[checked="true"] {
    background-color: hsla(210, 54%, 20%, .2);
    border-color: hsla(210, 54%, 20%, .3) hsla(210, 54%, 20%, .35)
                  hsla(210, 54%, 20%, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset,
                0 0 2px rgba(0, 0, 0, .3) inset,
                0 1px 0 hsla(210, 54%, 20%, 0),
                0 0 2px hsla(210, 54%, 20%, 0);
    text-shadow: none;
  }

  #quick-filter-bar toolbarbutton[checked="true"]:hover {
    background-color: rgba(90%, 90%, 90%, .4);
    transition: background-color .4s;
  }
}

#quick-filter-bar-main-bar toolbarbutton {
  min-width: 22px;
  -moz-margin-start: 1px;
  -moz-margin-end: 1px;
  list-style-image: url("chrome://messenger/skin/icons/quick-search-icons.png");
}

/* keep that hideous outline focus ring from showing on the checked buttons */
#quick-filter-bar-main-bar toolbarbutton:focus {
  outline: none;
}

#qfb-boolean-mode {
  margin: 0 1px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#qfb-filter-label:-moz-system-metric(windows-default-theme) {
  color: GrayText;
}

#qfb-sticky {
  -moz-image-region: rect(0 16px 16px 0);
}

#qfb-sticky[checked] {
  -moz-image-region: rect(0 32px 16px 16px);
}

#qfb-unread {
  -moz-image-region: rect(0 48px 16px 32px);
}

#qfb-starred {
  -moz-image-region: rect(0 64px 16px 48px);
}

#qfb-inaddrbook {
  -moz-image-region: rect(0 80px 16px 64px);
}

#qfb-tags {
  -moz-image-region: rect(0 112px 16px 96px);
}

#qfb-tags[disabled] > .toolbarbutton-icon {
  opacity: .4;
}

#qfb-attachment {
  -moz-image-region: rect(0 96px 16px 80px);
}

#quick-filter-bar[filterActive="matches"] #qfb-results-label {
  color: green;
}

#quick-filter-bar[filterActive="nomatches"] #qfb-results-label {
  color: #f66;
}

.toolbarbutton-icon {
  -moz-margin-end: 0;
}

#quick-filter-bar-collapsible-buttons toolbarbutton .toolbarbutton-text {
  -moz-margin-start: 3px !important;
}

/* :::: Filter Textbox :::: */

#qfb-qs-textbox {
  -moz-appearance: none;
  background-clip: padding-box;
  border: 1px solid ThreeDShadow;
  border-radius: 2px;
}

@media (-moz-windows-default-theme) {
  #qfb-qs-textbox {
    border-color: hsla(210, 54%, 20%, .25) hsla(210, 54%, 20%, .27)
                  hsla(210, 54%, 20%, .3);
    box-shadow: 0 1px hsla(0, 0%, 0%, .01) inset,
                0 1px hsla(0, 0%, 100%, .1);
  }
}

@media (-moz-windows-compositor) {
  #qfb-qs-textbox {
    border-color: hsla(210, 54%, 20%, .25) hsla(210, 54%, 20%, .27)
                  hsla(210, 54%, 20%, .3);
  }

  #qfb-qs-textbox:not([focused]):hover {
    border-color: hsla(210, 54%, 20%, .35) hsla(210, 54%, 20%, .37)
                  hsla(210, 54%, 20%, .4);
  }

  #qfb-qs-textbox[focused] {
    border-color: hsla(206, 100%, 60%, .65) hsla(206, 100%, 55%, .65)
                  hsla(206, 100%, 50%, .65);
  }
}
