gecko/browser/themes/winstripe/browser/browser-aero.css

%define WINSTRIPE_AERO
%include browser.css
%undef WINSTRIPE_AERO

%define customToolbarColor rgb(227,237,246)

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

  #navigator-toolbox[tabsontop="true"] > #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
                      -moz-linear-gradient(left, transparent, transparent 1px,
                                                 @toolbarHighlight@ 1px, @toolbarHighlight@),
                      -moz-linear-gradient(left, transparent, transparent 1px,
                                                 @customToolbarColor@ 1px, @customToolbarColor@);
  }
}

@media all and (-moz-windows-compositor) {
  #main-window:not(:-moz-lwtheme) {
    -moz-appearance: -moz-win-glass;
    background: transparent;
  }

  /* the new titlebar requires this, or content will be clipped at the top of the screen. */
  #main-window[sizemode="maximized"][chromemargin^="0,"] {
    margin-top: 8px;
  }

  #main-window[sizemode="normal"][chromemargin^="0,"] {
    margin-top: 2px;
  }

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

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

  #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"]),
  #navigator-toolbox[tabsontop="true"] > #TabsToolbar,
  #navigator-toolbox:not([tabsontop="true"]) > #nav-bar,
  #navigator-toolbox:not([tabsontop="true"]) > #nav-bar + #customToolbars + #PersonalToolbar[collapsed="true"] + #TabsToolbar: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;
  }

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

  /*XXX :-moz-placeholder isn't implemented yet (bug 457801)
  #urlbar > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-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(left, transparent, transparent 1px,
                                                 rgba(255,255,255,.4) 1px, rgba(255,255,255,.4));
    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(left, transparent, transparent 1px,
                                                 rgba(255,255,255,.6) 1px, rgba(255,255,255,.6));
  }

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

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

@media all and (-moz-windows-default-theme) {
  /* 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;
  }
}

/* ::::: 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);
}