1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/windows/browser-aero.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,418 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +%define WINDOWS_AERO
1.9 +%include browser.css
1.10 +%undef WINDOWS_AERO
1.11 +
1.12 +%define glassActiveBorderColor rgb(37, 44, 51)
1.13 +%define glassInactiveBorderColor rgb(102, 102, 102)
1.14 +
1.15 +%include downloads/indicator-aero.css
1.16 +
1.17 +@media not all and (-moz-windows-classic) {
1.18 + #main-window[sizemode="normal"] > #tab-view-deck > #browser-panel > #navigator-toolbox > #toolbar-menubar {
1.19 + margin-top: 1px;
1.20 + }
1.21 +
1.22 + .panel-promo-message {
1.23 + font-style: italic;
1.24 + }
1.25 +}
1.26 +
1.27 +@media (-moz-windows-default-theme) {
1.28 + .sidebar-header,
1.29 + #sidebar-header {
1.30 + -moz-appearance: none;
1.31 + color: black;
1.32 + background-color: #EEF3FA;
1.33 + border-bottom: none;
1.34 + text-shadow: none;
1.35 + }
1.36 +
1.37 + .sidebar-title,
1.38 + #sidebar-title {
1.39 + font-weight: bold;
1.40 + }
1.41 +
1.42 + .sidebar-splitter {
1.43 + border: 0;
1.44 + -moz-border-end: 1px solid #A9B7C9;
1.45 + min-width: 0;
1.46 + width: 3px;
1.47 + background-color: transparent;
1.48 + -moz-margin-start: -3px;
1.49 + position: relative;
1.50 + }
1.51 +
1.52 + #appcontent ~ .sidebar-splitter {
1.53 + -moz-border-start: 1px solid #A9B7C9;
1.54 + -moz-border-end: none;
1.55 + -moz-margin-start: 0;
1.56 + -moz-margin-end: -3px;
1.57 + }
1.58 +
1.59 + #urlbar:not(:-moz-lwtheme),
1.60 + .searchbar-textbox:not(:-moz-lwtheme) {
1.61 + border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.27) hsla(210,54%,20%,.3);
1.62 + box-shadow: 0 1px 0 hsla(0,0%,0%,.01) inset,
1.63 + 0 1px 0 hsla(0,0%,100%,.1);
1.64 + }
1.65 +
1.66 + #urlbar:not(:-moz-lwtheme)[focused],
1.67 + .searchbar-textbox:not(:-moz-lwtheme)[focused] {
1.68 + border-color: Highlight;
1.69 + }
1.70 +
1.71 + .menu-accel,
1.72 + .menu-iconic-accel {
1.73 + color: graytext;
1.74 + }
1.75 +
1.76 + .chatbar-button,
1.77 + chatbar > chatbox {
1.78 + border-color: #A9B7C9;
1.79 + }
1.80 +
1.81 + @media (-moz-os-version: windows-vista),
1.82 + (-moz-os-version: windows-win7) {
1.83 + #navigator-toolbox > toolbar:not(:-moz-lwtheme),
1.84 + #browser-bottombox:not(:-moz-lwtheme),
1.85 + .browserContainer > findbar {
1.86 + background-color: @customToolbarColor@;
1.87 + }
1.88 +
1.89 + .tab-background-middle[selected=true]:not(:-moz-lwtheme) {
1.90 + background-color: @customToolbarColor@;
1.91 + }
1.92 +
1.93 + #navigator-toolbox:not(:-moz-lwtheme)::after {
1.94 + background-color: #aabccf;
1.95 + }
1.96 +
1.97 + #urlbar:not(:-moz-lwtheme):not([focused]):hover,
1.98 + .searchbar-textbox:not(:-moz-lwtheme):not([focused]):hover {
1.99 + border-color: hsla(210,54%,20%,.35) hsla(210,54%,20%,.37) hsla(210,54%,20%,.4);
1.100 + }
1.101 +
1.102 + #urlbar:not(:-moz-lwtheme)[focused],
1.103 + .searchbar-textbox:not(:-moz-lwtheme)[focused] {
1.104 + border-color: hsla(206,100%,60%,.65) hsla(206,100%,55%,.65) hsla(206,100%,50%,.65);
1.105 + }
1.106 + }
1.107 +}
1.108 +
1.109 +@media (-moz-windows-compositor) {
1.110 + /* These should be hidden w/ glass enabled. Windows draws its own buttons. */
1.111 + .titlebar-button {
1.112 + display: none;
1.113 + }
1.114 +
1.115 + #main-window[sizemode="maximized"] #titlebar-buttonbox {
1.116 + -moz-margin-end: 3px;
1.117 + }
1.118 +
1.119 + #main-window {
1.120 + -moz-appearance: -moz-win-borderless-glass;
1.121 + background: transparent;
1.122 + }
1.123 +
1.124 + #appcontent {
1.125 + -moz-appearance: -moz-win-exclude-glass;
1.126 + }
1.127 +
1.128 + /* Artificially draw window borders that are covered by lwtheme, see bug 591930. */
1.129 + #main-window[sizemode="normal"] > #titlebar > #titlebar-content:-moz-lwtheme {
1.130 + border-top: 2px solid;
1.131 + -moz-border-top-colors: @glassActiveBorderColor@ rgba(255,255,255,.6);
1.132 + }
1.133 +
1.134 + #main-window[sizemode="normal"] > #titlebar > #titlebar-content:-moz-lwtheme:-moz-window-inactive {
1.135 + -moz-border-top-colors: @glassInactiveBorderColor@ rgba(255,255,255,.6);
1.136 + }
1.137 +
1.138 + #main-window[sizemode="normal"] #titlebar-buttonbox:-moz-lwtheme {
1.139 + margin-top: -2px;
1.140 + }
1.141 +
1.142 + @media (-moz-windows-default-theme) {
1.143 + #toolbar-menubar:not(:-moz-lwtheme),
1.144 + #TabsToolbar:not(:-moz-lwtheme) {
1.145 + background-color: transparent !important;
1.146 + color: black;
1.147 + }
1.148 +
1.149 + #main-menubar > menu:not(:-moz-lwtheme) {
1.150 + color: inherit;
1.151 + }
1.152 +
1.153 + /* Use a different color only on Windows 8 and higher for inactive windows.
1.154 + * On aero, the menubar fog disappears for inactive windows, and renders gray
1.155 + * illegible.
1.156 + */
1.157 + @media not all and (-moz-os-version: windows-vista) {
1.158 + @media not all and (-moz-os-version: windows-win7) {
1.159 + #toolbar-menubar:not(:-moz-lwtheme):-moz-window-inactive {
1.160 + color: ThreeDShadow;
1.161 + }
1.162 + }
1.163 + }
1.164 + }
1.165 +
1.166 + #main-window[darkwindowframe="true"] #toolbar-menubar:not(:-moz-lwtheme):not(:-moz-window-inactive),
1.167 + #main-window[darkwindowframe="true"] #TabsToolbar:not(:-moz-lwtheme):not(:-moz-window-inactive) {
1.168 + color: white;
1.169 + }
1.170 +
1.171 + #toolbar-menubar:not(:-moz-lwtheme) {
1.172 + text-shadow: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255,255,255,.4);
1.173 + }
1.174 +
1.175 + /* Vertical toolbar border */
1.176 + #main-window[sizemode=normal] #navigator-toolbox::after,
1.177 + #main-window[sizemode=normal] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
1.178 + border-left: 1px solid @toolbarShadowColor@;
1.179 + border-right: 1px solid @toolbarShadowColor@;
1.180 + background-clip: padding-box;
1.181 + }
1.182 + #main-window[sizemode=normal] #browser-border-start,
1.183 + #main-window[sizemode=normal] #browser-border-end {
1.184 + display: -moz-box;
1.185 + background-color: @toolbarShadowColor@;
1.186 + width: 1px;
1.187 + }
1.188 + #main-window[sizemode=normal] #browser-bottombox {
1.189 + border: 1px solid @toolbarShadowColor@;
1.190 + border-top-style: none;
1.191 + background-clip: padding-box;
1.192 + }
1.193 +
1.194 + /* Toolbar shadow behind tabs */
1.195 + #nav-bar {
1.196 + border-top: 1px solid @toolbarShadowColor@ !important;
1.197 + background-clip: padding-box;
1.198 + }
1.199 +
1.200 + /* This code is only needed for restored windows (i.e. sizemode=normal)
1.201 + because of the border radius on the toolbar below the tab bar. */
1.202 + #main-window[sizemode=normal] #nav-bar {
1.203 + border-top: 1px solid @toolbarShadowColor@;
1.204 + background-clip: padding-box;
1.205 + }
1.206 +
1.207 + /* Cover the top border of the adjacent toolbar */
1.208 + #TabsToolbar {
1.209 + margin-bottom: -1px;
1.210 + }
1.211 +
1.212 + #main-window[sizemode=normal] #TabsToolbar {
1.213 + padding-left: 1px;
1.214 + padding-right: 1px;
1.215 + }
1.216 +
1.217 + /* Make the window draggable by glassed toolbars (bug 555081) */
1.218 + #toolbar-menubar:not([autohide="true"]),
1.219 + #TabsToolbar,
1.220 + #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#addon-bar):-moz-lwtheme {
1.221 + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag");
1.222 + }
1.223 +
1.224 + #appcontent:not(:-moz-lwtheme) {
1.225 + background-color: -moz-dialog;
1.226 + }
1.227 +
1.228 + #main-menubar:not(:-moz-lwtheme):not(:-moz-window-inactive) {
1.229 + background-color: rgba(255,255,255,.5);
1.230 + color: black;
1.231 + }
1.232 +
1.233 + @media (-moz-os-version: windows-vista),
1.234 + (-moz-os-version: windows-win7) {
1.235 + #main-window[sizemode=normal] #nav-bar {
1.236 + border-top-left-radius: 2.5px;
1.237 + border-top-right-radius: 2.5px;
1.238 + }
1.239 +
1.240 + #main-menubar:not(:-moz-lwtheme):not(:-moz-window-inactive) {
1.241 + border-radius: 4px;
1.242 + }
1.243 + }
1.244 +
1.245 + #ctrlTab-panel {
1.246 + background: transparent;
1.247 + -moz-appearance: -moz-win-glass;
1.248 + border-radius: 0;
1.249 + border: none;
1.250 + font: normal 1.2em "Segoe UI";
1.251 + color: black;
1.252 + text-shadow: white -1px -1px .35em, white -1px 1px .35em, white 1px 1px .35em, white 1px -1px .35em;
1.253 + }
1.254 +
1.255 + #tab-view:-moz-lwtheme {
1.256 + background-image: url("chrome://browser/skin/tabview/grain.png"),
1.257 + linear-gradient(rgba(255,255,255,0), #CCD9EA 200px, #C7D5E7);
1.258 + background-attachment: fixed;
1.259 + }
1.260 +}
1.261 +
1.262 +@media (-moz-windows-glass) {
1.263 + #main-window[sizemode=fullscreen]:not(:-moz-lwtheme) {
1.264 + -moz-appearance: none;
1.265 + background-color: #556;
1.266 + }
1.267 +
1.268 + /* Glass Fog */
1.269 +
1.270 + #TabsToolbar:not(:-moz-lwtheme) {
1.271 + background-image: none;
1.272 + position: relative;
1.273 + }
1.274 +
1.275 + #TabsToolbar:not(:-moz-lwtheme)::after {
1.276 + /* Because we use placeholders for window controls etc. in the tabstrip,
1.277 + * and position those with ordinal attributes, and because our layout code
1.278 + * expects :before/:after nodes to come first/last in the frame list,
1.279 + * we have to reorder this element to come last, hence the
1.280 + * ordinal group value (see bug 853415). */
1.281 + -moz-box-ordinal-group: 1001;
1.282 + box-shadow: 0 0 30px 30px rgba(174,189,204,0.85);
1.283 + content: "";
1.284 + display: -moz-box;
1.285 + height: 0;
1.286 + margin: 0 60px; /* (30px + 30px) from box-shadow */
1.287 + position: absolute;
1.288 + pointer-events: none;
1.289 + top: 50%;
1.290 + width: -moz-available;
1.291 + z-index: -1;
1.292 + }
1.293 +
1.294 + /* Need to constrain the glass fog to avoid overlapping layers, see bug 886281. */
1.295 + #navigator-toolbox:not(:-moz-lwtheme) {
1.296 + overflow: -moz-hidden-unscrollable;
1.297 + }
1.298 +
1.299 + #main-window[sizemode=normal] .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox > .scrollbox-innerbox:not(:-moz-lwtheme) {
1.300 + position: relative;
1.301 + }
1.302 +
1.303 + /* End Glass Fog */
1.304 +}
1.305 +
1.306 +
1.307 +@media not all and (-moz-windows-compositor) {
1.308 + @media (-moz-windows-default-theme) {
1.309 + #main-window {
1.310 + background-color: rgb(185,209,234);
1.311 + }
1.312 + #main-window:-moz-window-inactive {
1.313 + background-color: rgb(215,228,242);
1.314 + }
1.315 +
1.316 + #toolbar-menubar:not([autohide=true]):not(:-moz-lwtheme),
1.317 + #TabsToolbar:not(:-moz-lwtheme) {
1.318 + -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag");
1.319 + background-color: transparent;
1.320 + }
1.321 + #toolbar-menubar[autohide=true] {
1.322 + background-color: transparent !important;
1.323 + }
1.324 +
1.325 + /* Render a window top border for lwthemes: */
1.326 + #main-window[tabsintitlebar][sizemode="normal"] #titlebar-content:-moz-lwtheme {
1.327 + background-image: linear-gradient(to bottom,
1.328 + @glassActiveBorderColor@ 0, @glassActiveBorderColor@ 1px,
1.329 + rgba(255,255,255,.6) 1px, rgba(255,255,255,.6) 2px, transparent 2px);
1.330 + }
1.331 +
1.332 + #main-window[tabsintitlebar][sizemode="normal"] #titlebar-content:-moz-lwtheme:-moz-window-inactive {
1.333 + background-image: linear-gradient(to bottom,
1.334 + @glassInactiveBorderColor@ 0, @glassInactiveBorderColor@ 1px,
1.335 + rgba(255,255,255,.6) 1px, rgba(255,255,255,.6) 2px, transparent 2px);
1.336 + }
1.337 + }
1.338 +
1.339 + #print-preview-toolbar:not(:-moz-lwtheme) {
1.340 + -moz-appearance: -moz-win-browsertabbar-toolbox;
1.341 + }
1.342 +}
1.343 +
1.344 +/* Win8 and beyond. */
1.345 +@media not all and (-moz-os-version: windows-vista) {
1.346 + @media not all and (-moz-os-version: windows-win7) {
1.347 + /* Introducing an additional hover state for the Bookmark button */
1.348 + #nav-bar .toolbarbutton-1[buttonover] > .toolbarbutton-menubutton-button:hover > .toolbarbutton-icon {
1.349 + background-color: hsla(210,4%,10%,.08);
1.350 + border-color: hsla(210,4%,10%,.1);
1.351 + }
1.352 + }
1.353 +}
1.354 +
1.355 +/* ::::: fullscreen window controls ::::: */
1.356 +
1.357 +#window-controls {
1.358 + -moz-box-align: start;
1.359 +}
1.360 +
1.361 +#minimize-button,
1.362 +#restore-button,
1.363 +#close-button {
1.364 + -moz-appearance: none;
1.365 + border-style: none;
1.366 + margin: 0;
1.367 +}
1.368 +#close-button {
1.369 + -moz-image-region: rect(0, 49px, 16px, 32px);
1.370 +}
1.371 +#close-button:hover {
1.372 + -moz-image-region: rect(16px, 49px, 32px, 32px);
1.373 +}
1.374 +#close-button:hover:active {
1.375 + -moz-image-region: rect(32px, 49px, 48px, 32px);
1.376 +}
1.377 +
1.378 +#minimize-button:-moz-locale-dir(rtl),
1.379 +#restore-button:-moz-locale-dir(rtl),
1.380 +#close-button:-moz-locale-dir(rtl) {
1.381 + transform: scaleX(-1);
1.382 +}
1.383 +
1.384 +/* ::::: private browsing indicator ::::: */
1.385 +
1.386 +@media (-moz-os-version: windows-vista),
1.387 + (-moz-os-version: windows-win7) {
1.388 + #TabsToolbar > .private-browsing-indicator {
1.389 + background-image: url("chrome://browser/skin/privatebrowsing-mask-tabstrip-XPVista7.png");
1.390 + }
1.391 +
1.392 + /* We're intentionally using the titlebar asset here for fullscreen mode.
1.393 + * See bug 1008183.
1.394 + */
1.395 + #private-browsing-indicator-titlebar > .private-browsing-indicator,
1.396 + #main-window[inFullscreen] #TabsToolbar > .private-browsing-indicator {
1.397 + background-image: url("chrome://browser/skin/privatebrowsing-mask-titlebar-XPVista7.png");
1.398 + }
1.399 +}
1.400 +
1.401 +@media (-moz-windows-glass) {
1.402 + #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #titlebar-buttonbox-container > #private-browsing-indicator-titlebar > .private-browsing-indicator {
1.403 + top: 1px;
1.404 + }
1.405 + #main-window[sizemode="maximized"] > #titlebar > #titlebar-content > #titlebar-buttonbox-container > #private-browsing-indicator-titlebar > .private-browsing-indicator {
1.406 + top: -1px;
1.407 + }
1.408 +}
1.409 +
1.410 +/**
1.411 + * This next block targets Aero Basic, which has different positioning for the
1.412 + * window caption buttons, and therefore needs to be special-cased.
1.413 + */
1.414 +@media (-moz-windows-default-theme) {
1.415 + @media not all and (-moz-windows-compositor) {
1.416 + #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #titlebar-buttonbox-container > #private-browsing-indicator-titlebar > .private-browsing-indicator {
1.417 + background-image: url("chrome://browser/skin/privatebrowsing-mask-titlebar-XPVista7-tall.png");
1.418 + height: 28px;
1.419 + }
1.420 + }
1.421 +}
