%define WINSTRIPE_AERO
%include browser.css
%undef WINSTRIPE_AERO

%define customToolbarColor hsl(214,44%,87%)

@media all and (-moz-windows-default-theme) {
  #navigator-toolbox > toolbar:not(:-moz-lwtheme) {
    background-color: @customToolbarColor@;
  }

  .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    background-image: -moz-linear-gradient(white, @toolbarHighlight@ 30%),
                      -moz-linear-gradient(@customToolbarColor@, @customToolbarColor@);
  }

  /* App menu button */

  #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #appmenu-button-container {
    margin-top: 1px;
  }

  #appmenu-button {
    border: 2px solid;
    border-top: none;
    -moz-border-left-colors: rgba(255,255,255,.5) rgba(83,42,6,.9);
    -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(83,42,6,.9);
    -moz-border-right-colors: rgba(255,255,255,.5) rgba(83,42,6,.9);
    box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
                     0 0 2px 1px rgba(255,255,255,.25) inset;
  }

  #appmenu-button:-moz-window-inactive {
    -moz-border-left-colors: rgba(255,255,255,.4) rgba(0,0,0,.5);
    -moz-border-bottom-colors: rgba(255,255,255,.4) rgba(0,0,0,.5);
    -moz-border-right-colors: rgba(255,255,255,.4) rgba(0,0,0,.5);
    box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset;
  }

  /* Bug 413060, comment 16: Vista Aero is a special case where we use a
     tooltip appearance for the address bar popup panels */
  #identity-popup,
  #editBookmarkPanel,
  #notification-popup {
    -moz-appearance: tooltip;
    color: InfoText;
  }

  /* Make the left and right paddings smaller, to compensate for the horizontal
     space added by the tooltip appearance, see bug 432529. */
  #identity-popup-container {
    -moz-padding-start: 6px;
    -moz-padding-end: 6px;
  }

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

@media all and (-moz-windows-compositor) {
  /* these should be hidden w/glass enabled. windows draws it's own buttons. */
  #titlebar-buttonbox {
    display: none;
  }

  #main-window {
    -moz-appearance: -moz-win-borderless-glass;
    background: transparent;
  }

  #main-window:not(:-moz-lwtheme)[inFullscreen="true"] {
    -moz-appearance: none;
    background-color: #556;
  }

  #toolbar-menubar:not(:-moz-lwtheme),
  #TabsToolbar[tabsontop="true"]:not(:-moz-lwtheme),
  #navigator-toolbox[tabsontop="false"] > #nav-bar:not(:-moz-lwtheme),
  #nav-bar + #customToolbars + #PersonalToolbar[collapsed="true"] + #TabsToolbar[tabsontop="false"]:last-child:not(:-moz-lwtheme) {
    background: transparent !important;
    color: black;
    text-shadow: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255,255,255,.4);
  }

  #main-window[sizemode="normal"] #navigator-toolbox[tabsontop="true"] > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
    border-left: 1px solid ThreeDShadow;
    border-right: 1px solid ThreeDShadow;
  }

  /* Make the window draggable by glassed toolbars (bug 555081) */
  #toolbar-menubar:not([autohide="true"]),
  #TabsToolbar[tabsontop="true"],
  #navigator-toolbox[tabsontop="false"] > #nav-bar,
  #nav-bar + #customToolbars + #PersonalToolbar[collapsed="true"] + #TabsToolbar[tabsontop="false"]:last-child,
  #navigator-toolbox > toolbar:not(#toolbar-menubar):-moz-lwtheme {
    -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag");
  }

  #browser:not(:-moz-lwtheme),
  #browser-bottombox:not(:-moz-lwtheme) {
    background-color: -moz-dialog;
  }

  #main-menubar:not(:-moz-lwtheme):not(:-moz-window-inactive) {
    background-color: rgba(255,255,255,.5);
    border-radius: 4px;
  }

  #urlbar,
  .searchbar-textbox {
    background-color: rgba(255,255,255,.725);
    @navbarTextboxCustomBorder@
    color: black;
  }

  html|*.urlbar-input:-moz-placeholder,
  .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
    color: #777;
  }

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

  #urlbar[focused="true"],
  .searchbar-textbox[focused="true"] {
    background-color: white;
  }

  .tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]),
  .tabs-newtab-button:not(:-moz-lwtheme) {
    background-image: -moz-linear-gradient(hsla(214,15%,80%,.8), hsla(214,15%,65%,.8) 50%);
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
  }

  .tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]):hover,
  .tabs-newtab-button:not(:-moz-lwtheme):hover {
    background-image: -moz-linear-gradient(hsla(214,15%,90%,.8), hsla(214,15%,75%,.8) 50%);
  }

  #allTabs-panel,
  #ctrlTab-panel {
    background: transparent;
    -moz-appearance: -moz-win-glass;
    border-radius: 0;
    border: none;
    font: normal 1.2em "Segoe UI";
    color: black;
    text-shadow: white -1px -1px .35em, white -1px 1px .35em, white 1px 1px .35em, white 1px -1px .35em;
  }
}

@media not all and (-moz-windows-compositor) {
  #print-preview-toolbar:not(:-moz-lwtheme) {
    -moz-appearance: -moz-win-browsertabbar-toolbox;
  }
}

/* ::::: fullscreen window controls ::::: */

#window-controls {
  -moz-box-align: start;
}

#minimize-button,
#restore-button,
#close-button {
  -moz-appearance: none;
  border-style: none;
  margin: 0;
}
#close-button {
  -moz-image-region: rect(0, 49px, 16px, 32px);
}
#close-button:hover {
  -moz-image-region: rect(16px, 49px, 32px, 32px);
}
#close-button:hover:active {
  -moz-image-region: rect(32px, 49px, 48px, 32px);
}
