
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

:root {
  --fgTabTexture: linear-gradient(transparent, transparent 2px, hsla(0, 0%, 100%, 0.6) 2px, hsla(0, 0%, 100%, 0.6) 3px, hsl(0, 0%, 99%) 3px, hsl(0, 0%, 93%));
  --toolbarColorLWT: rgba(253, 253, 253, 0.45);
  --fgTabTextureLWT: linear-gradient(transparent, transparent 2px, rgba(254, 254, 254, 0.72) 2px, var(--toolbarColorLWT));
  --fgTabBackgroundColor: transparent;
}

/*
 * LightweightThemeListener will append the current lightweight theme's header
 * image to the background-image for each of the following rulesets.
 */

/* Lightweight theme on tabs */
.tabmail-tab > .tab-stack > .tab-background >
  .tab-background-start[selected=true]:-moz-lwtheme::before,
.tabmail-tab > .tab-stack > .tab-background >
  .tab-background-end[selected=true]:-moz-lwtheme::before {
  background-attachment: scroll, fixed;
  background-color: transparent;
  background-image: var(--fgTabTextureLWT)/*, lwtHeader*/;
  background-position: 0 0, right top;
}

.tabmail-tab > .tab-stack > .tab-background >
  .tab-background-middle[selected=true]:-moz-lwtheme {
  background-attachment: scroll, scroll, fixed;
  background-color: transparent;
  background-image: url(tabs/active-middle.png),
                    var(--fgTabTextureLWT)/*, lwtHeader*/;
  background-position: 0 0, 0 0, right top;
  /* Don't stretch the LWT header images */
  background-size: auto 100%, auto 100%, auto auto;
}
