%include organizer.css

%filter substitution
%define toolbarHighlight rgba(255,255,255,.5)
%define navbarTextboxCustomBorder border-color: rgba(0,0,0,.32);
%define customToolbarColor hsl(214,44%,87%)

#placesView {
  border-top: none;
}

@media not all and (-moz-windows-classic) {
  #placesToolbox {
    -moz-appearance: none;
    background-color: transparent;
  }

  #placesToolbar {
    -moz-appearance: none;
    background-color: -moz-Dialog;
    color: -moz-dialogText;
  }
}

@media all and (-moz-windows-compositor) {
  #placesToolbox {
    border-top: none;
  }

  #placesToolbar {
    background-image: -moz-linear-gradient(@toolbarHighlight@, rgba(255,255,255,0));
  }
}

@media all and (-moz-windows-default-theme) {
  #placesView,
  #searchModifiers,
  #infoPane,
  #placesList,
  #placeContent {
    background-color: #EEF3FA;
  }

  #placesToolbar {
    background-color: @customToolbarColor@;
    color: black;
  }

  #placesView > splitter {
    border: 0;
    -moz-border-end: 1px solid #A9B7C9;
    min-width: 0;
    width: 3px;
    background-color: transparent;
    -moz-margin-start: -3px;
    position: relative;
  }

  #searchModifiers {
    border-bottom: 1px solid #A9B7C9;
  }

  #organizerScopeBar {
    -moz-appearance: none;
    border: none;
  }

  #infoPaneBox {
    border-top-color: #A9B7C9;
  }

  #searchFilter {
    -moz-appearance: none;
    background-color: rgba(255,255,255,.725);
    color: black;
    padding: 2px;
    -moz-padding-start: 4px;
    background-clip: padding-box;
    border: 1px solid ThreeDDarkShadow;
    border-radius: 3.5px;
    @navbarTextboxCustomBorder@
  }

  #searchFilter:hover {
    background-color: rgba(255,255,255,.898);
  }

  #searchFilter[focused] {
    background-color: white;
  }
}
