@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url(http://www.w3.org/1999/xhtml);

/*
* NASA Night Launch - ChromaTabs Plus Styling
*
* Author      : mcdavis
* Created     : July 30, 2011
* Description : For people using the add-on ChromaTabs Plus with Firefox and theme NASA Night Launch, provides theme-specific styling adjustments.
*             : Should only be used with NASA Night Launch, and only when using ChromaTabs Plus; your browsertabs won't look right otherwise.
* Usage       : Use with the Stylish Firefox extension (http://userstyles.org/) or copy into your Firefox userChrome.css file
*/


#browser .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab {
  /* Here, we basically reinstitute default-theme browsertab styling because that's what ChromaTabs is written to work with.
   * This seems to work as desired (other than text color and certain browsertabs - see below) for the full range of ChromaTab settings.
   */
  background-origin: border-box !important;
  background-position: 1px 2px !important;
  background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px) !important;
  background-repeat: no-repeat !important;
  margin: 0 !important;
  padding: 2px 5px 4px !important;
  -moz-border-image: url(
"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAcCAYAAABYvS47AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA\
JBJREFUeNpiFBGXYmJgYABhZihGBn%2Bh%2BB8LkGAFYhUgVgBiPjSFn4D4ARDfAZmka2Ntpb9t80bO1y%2BePkfGIDGQHEgNA9DqkKfPnnn9%2F%2F9fGI\
iZgJgBikFsYZAcSA3IRHYpSUmQ8e9AbkGyFsR%2BB5VjZ4IK%2FgHi%2FwyY4D9UDuxbRgbCgHFU4ajCUYU0UggQYADV1D8Ak746KgAAAABJRU5ErkJggg%3D%3D"
    ) 4 3 0 / 4px 3px 0 repeat stretch !important;
  border-radius: 7px 7px 0 0 !important;
}


/* For browsertabs not styled by ChromaTabs, add a background color.
*
* For reasons unknown, not all browsertabs are styled by ChromaTabs.  It doesn't style
* about:config, about:buildconfig, about:permissions, about:support, bare images in a tab, and others.
* Here we apply a background style, similar to NNL browsertab styling, which makes these other browsertabs
* look reasonable; however, you'll still need to edit this rule yourself to match whatever ChromaTabs
* styling you choose.
*
* IMPORTANT: if you allow auto updating for Stylish userstyles (as is the default behavior with Stylish),
* any update for this userstyle would overwrite any changes you make here.  To avoid that problem, you should copy
* this rule to another userstyle of your own creation rather than editing this userstyle, if you need to change it.
* Also, make sure your new userstyle has the same @namespace rules (at the top) as this one.
*/

#browser .tabbrowser-tab[x-chromatabs-delayid][style=""],
#browser .tabbrowser-tab[onload^=CHROMATABS][style=""],
#browser .tabbrowser-tab[bkgdColor][style=""],
#browser .tabbrowser-tab[x-chromatabs-delayid]:not([style]),
#browser .tabbrowser-tab[onload^=CHROMATABS]:not([style]),
#browser .tabbrowser-tab[bkgdColor]:not([style]),
#TabsToolbar .tabbrowser-tab[x-chromatabs-delayid][style=""],
#TabsToolbar .tabbrowser-tab[onload^=CHROMATABS][style=""],
#TabsToolbar .tabbrowser-tab[bkgdColor][style=""],
#TabsToolbar .tabbrowser-tab[x-chromatabs-delayid]:not([style]),
#TabsToolbar .tabbrowser-tab[onload^=CHROMATABS]:not([style]),
#TabsToolbar .tabbrowser-tab[bkgdColor]:not([style]) {
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 10%), -moz-linear-gradient(rgba(117, 115, 108, 0.85), rgb(63, 61, 57) 75%) !important;
}

/* Adjust tab text color to match ChromaTabs background color.
*
* Given the range of possible background colors the user can choose with ChromaTabs,
* there's no way to know what browsertab text color to use, since there's not one value that will work for all.
* It's too bad ChromaTabs doesn't let you also pick tab text colors as well as background styling.
* So, end users will just have to edit these values as needed to match their chosen styling.
*
* IMPORTANT: if you allow auto updating for Stylish userstyles (as is the default behavior with Stylish),
* any update for this userstyle would overwrite any changes you make here.  To avoid that problem, you should copy
* these tab text color rules to another userstyle of your own creation rather than editing this userstyle.
* Note also that these rules are commented out .. be sure to uncomment them after you copy them.
* Also, make sure your new userstyle has the same @namespace rules (at the top) as this one.
*/

/* --------------------------------------
#browser .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab {
  color: #ffffff !important;
}
#browser .tabbrowser-tab:hover,
#TabsToolbar .tabbrowser-tab:hover {
  color: #ffffff !important;
}
#browser .tabbrowser-tab[selected],
#TabsToolbar .tabbrowser-tab[selected] {
  color: #ffffff !important;
}
* ---------------------------------------
*/