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

   1 %define WINSTRIPE_AERO
   2 %include browser.css
   3 %undef WINSTRIPE_AERO
   4
   5 %define customToolbarColor rgb(227,237,246)
   6
   7 @media all and (-moz-windows-default-theme) {
   8   #navigator-toolbox > toolbar:not(:-moz-lwtheme) {
   9     background-color: @customToolbarColor@;
  10   }
  11
  12   #navigator-toolbox[tabsontop="true"] > #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
  13     background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
  14                       -moz-linear-gradient(left, transparent, transparent 1px,
  15                                                  @toolbarHighlight@ 1px, @toolbarHighlight@),
  16                       -moz-linear-gradient(left, transparent, transparent 1px,
  17                                                  @customToolbarColor@ 1px, @customToolbarColor@);
  18   }
  19 }
  20
  21 @media all and (-moz-windows-compositor) {
  22   #main-window:not(:-moz-lwtheme) {
  23     -moz-appearance: -moz-win-glass;
  24     background: transparent;
  25   }
  26
  27   /* the new titlebar requires this, or content will be clipped at the top of the screen. */
  28   #main-window[sizemode="maximized"] {
  29     margin-top: 8px;
  30   }
  31
  32   #main-window:not(:-moz-lwtheme)[inFullscreen="true"] {
  33     -moz-appearance: none;
  34     background-color: #556;
  35   }
  36
  37   #toolbar-menubar:not(:-moz-lwtheme),
  38   #navigator-toolbox[tabsontop="true"] > #TabsToolbar:not(:-moz-lwtheme),
  39   #navigator-toolbox:not([tabsontop="true"]) > #nav-bar:not(:-moz-lwtheme),
  40   #navigator-toolbox:not([tabsontop="true"]) > #nav-bar + #customToolbars + #PersonalToolbar[collapsed="true"] + #TabsToolbar:last-child:not(:-moz-lwtheme) {
  41     background: transparent !important;
  42     color: black;
  43     text-shadow: 0 0 .7em white, 0 0 .7em white, 0 1px 0 rgba(255,255,255,.4);
  44   }
  45
  46   #navigator-toolbox[tabsontop="true"] > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
  47     border-left: 1px solid ThreeDShadow;
  48     border-right: 1px solid ThreeDShadow;
  49   }
  50
  51   /* Make the window draggable by glassed toolbars (bug 555081) */
  52   #toolbar-menubar:not([autohide="true"]),
  53   #navigator-toolbox[tabsontop="true"] > #TabsToolbar,
  54   #navigator-toolbox:not([tabsontop="true"]) > #nav-bar,
  55   #navigator-toolbox:not([tabsontop="true"]) > #nav-bar + #customToolbars + #PersonalToolbar[collapsed="true"] + #TabsToolbar:last-child,
  56   #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#fullscr-toggler):-moz-lwtheme {
  57     -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag");
  58   }
  59
  60   #browser:not(:-moz-lwtheme),
  61   #browser-bottombox:not(:-moz-lwtheme) {
  62     background-color: -moz-dialog;
  63   }
  64
  65   #urlbar,
  66   .searchbar-textbox {
  67     background-color: rgba(255,255,255,.725);
  68     @navbarTextboxCustomBorder@
  69     color: black;
  70   }
  71
  72   /*XXX :-moz-placeholder isn't implemented yet (bug 457801)
  73   #urlbar > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder,
  74   .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
  75     color: #777;
  76   }
  77   */
  78
  79   #urlbar:hover,
  80   .searchbar-textbox:hover {
  81     background-color: rgba(255,255,255,.898);
  82   }
  83
  84   #urlbar[focused="true"],
  85   .searchbar-textbox[focused="true"] {
  86     background-color: white;
  87   }
  88
  89   .tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]),
  90   .tabs-newtab-button:not(:-moz-lwtheme) {
  91     background-image: -moz-linear-gradient(left, transparent, transparent 1px,
  92                                                  rgba(255,255,255,.4) 1px, rgba(255,255,255,.4));
  93     text-shadow: 0 1px 0 rgba(255,255,255,.4);
  94   }
  95
  96   .tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]):hover,
  97   .tabs-newtab-button:not(:-moz-lwtheme):hover {
  98     background-image: -moz-linear-gradient(left, transparent, transparent 1px,
  99                                                  rgba(255,255,255,.6) 1px, rgba(255,255,255,.6));
 100   }
 101
 102   #allTabs-panel,
 103   #ctrlTab-panel {
 104     background: transparent;
 105     -moz-appearance: -moz-win-glass;
 106     -moz-border-radius: 0;
 107     border: none;
 108     font: normal 1.2em "Segoe UI";
 109     color: black;
 110     text-shadow: white -1px -1px .5em, white -1px 1px .5em, white 1px 1px .5em, white 1px -1px .5em;
 111   }
 112 }
 113
 114 @media not all and (-moz-windows-compositor) {
 115   #print-preview-toolbar:not(:-moz-lwtheme) {
 116     -moz-appearance: -moz-win-browsertabbar-toolbox;
 117   }
 118 }
 119
 120 @media all and (-moz-windows-default-theme) {
 121   /* Bug 413060, comment 16: Vista Aero is a special case where we use a
 122      tooltip appearance for the address bar popup panels */
 123   #identity-popup,
 124   #editBookmarkPanel,
 125   #notification-popup {
 126     -moz-appearance: tooltip;
 127     color: InfoText;
 128   }
 129
 130   /* Make the left and right paddings smaller, to compensate for the horizontal
 131      space added by the tooltip appearance, see bug 432529. */
 132   #identity-popup-container {
 133     -moz-padding-start: 6px;
 134     -moz-padding-end: 6px;
 135   }
 136
 137   #sidebar-splitter {
 138     border: 0;
 139     -moz-border-end: 1px solid #A9B7C9;
 140     min-width: 0;
 141     width: 3px;
 142     background-color: transparent;
 143     -moz-margin-start: -3px;
 144     position: relative;
 145     z-index: 10;
 146   }
 147 }
 148
 149 /* ::::: fullscreen window controls ::::: */
 150
 151 #window-controls {
 152   -moz-box-align: start;
 153 }
 154
 155 #minimize-button,
 156 #restore-button,
 157 #close-button {
 158   -moz-appearance: none;
 159   border-style: none;
 160   margin: 0;
 161 }
 162 #close-button {
 163   -moz-image-region: rect(0, 49px, 16px, 32px);
 164 }
 165 #close-button:hover {
 166   -moz-image-region: rect(16px, 49px, 32px, 32px);
 167 }
 168 #close-button:hover:active {
 169   -moz-image-region: rect(32px, 49px, 48px, 32px);
 170 }