/** CREDITS, TERMS, AND LICENSING
Name: Denebola Air
Version: 3.7.0
Author: foxhead128
Contributors: 
Special thanks to: The Mozilla Developer Network and W3Schools.com for their helpful articles on CSS coding.

Denebola Air is made available to you by foxhead128, and released under the terms of the Creative Commons BY-NC-SA License.  That is, you're free to use it however you please, provided that 1) Credit for the work is given in the manner specified by the author, 2) The work is not used for commercial purposes, and 3) Any derivative works, if redistributed, may only be released under an identical or similar license to this one.  See http://creativecommons.org/licenses/by-nc-sa/2.0/ for more details.
**/

@-moz-document url("chrome://browser/content/browser.xul") {

#navigator-toolbox,
#browser-bottombox > * {
-moz-appearance: none !important;
background: none !important;
}

#main-window {
background-color: PaleVioletRed !important;
}

/* ARROWSCROLLBOX */

#TabsToolbar scrollbox {
display: -moz-box !important;
-moz-box-ordinal-group: 1 !important;
}

#TabsToolbar *[anonid="scrollbutton-up"],
#TabsToolbar *[anonid="scrollbutton-down"] {
-moz-appearance: none !important;
}

#TabsToolbar *[anonid="scrollbutton-up"] {
display: -moz-box !important;
-moz-box-ordinal-group: 2 !important;
}

#TabsToolbar *[anonid="scrollbutton-up"]:after {
display: -moz-box !important;
content: url("moz-icon://stock/media-seek-backward?size=menu") !important;
-moz-image-region: rect(0,16px,16px,0) !important;
}

#TabsToolbar *[anonid="scrollbutton-up"][disabled="true"]:after {
display: -moz-box !important;
content: url("moz-icon://stock/media-seek-backward?size=menu&state=disabled") !important;
-moz-image-region: rect(0,16px,16px,0) !important;
}

#TabsToolbar *[anonid="scrollbutton-down"] {
display: -moz-box !important;
-moz-box-ordinal-group: 3 !important;
}

#TabsToolbar *[anonid="scrollbutton-down"]:after {
display: -moz-box !important;
content: url("moz-icon://stock/media-seek-forward?size=menu") !important;
-moz-image-region: rect(0,16px,16px,0) !important;
}

#TabsToolbar *[anonid="scrollbutton-down"][disabled="true"]:after {
display: -moz-box !important;
content: url("moz-icon://stock/media-seek-forward?size=menu&state=disabled") !important;
-moz-image-region: rect(0,16px,16px,0) !important;
}

/** GLOBAL **/

toolbarseparator {
-moz-appearance: none !important;
background: -moz-linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0.4), rgba(0,0,0,0.05)) !important;
-moz-box-shadow: 0 0 1.5px white !important;
margin: 6px 4px !important;
min-width: 1px !important;
max-width: 1px !important;
}

/** Sidebar **/
#sidebar-header {
background: -moz-repeating-linear-gradient(left -225deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25) 128px, rgba(255, 255, 255, 0) 144px, rgba(255, 255, 255, .15) 160px, rgba(255, 255, 255, 0) 176px, rgba(255, 255, 255, .3) 192px, rgba(255, 255, 255, .05) 204px, rgba(255, 255, 255, .05) 216px, rgba(255, 255, 255, .5) 256px,  rgba(255, 255, 255, 0) 264px), -moz-linear-gradient(white, rgba(255,255,255,0.125) 50%, transparent 0, rgba(255,255,255,0.5)) !important;
border-bottom: 1px solid gray !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
}

#sidebar-splitter {
-moz-appearance: none !important;
width: 10px !important;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 75%), lightgray !important;
border-left: 1px solid gray !important;
border-right: 1px solid gray !important;
}

/** TOOLBOXES **/

/** #navigator-toolbox **/

#navigator-toolbox {
border-bottom: 1px ridge gray !important;
padding-bottom: 4px !important;
background: -moz-repeating-linear-gradient(top -225deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25) 128px, rgba(255, 255, 255, 0) 144px, rgba(255, 255, 255, .15) 160px, rgba(255, 255, 255, 0) 176px, rgba(255, 255, 255, .3) 192px, rgba(255, 255, 255, .05) 204px, rgba(255, 255, 255, .05) 216px, rgba(255, 255, 255, .5) 256px,  rgba(255, 255, 255, 0) 264px) !important;
}

#navigator-toolbox[tabsontop="false"],
#main-window[title*="Add-ons Manager"] #navigator-toolbox {
background: -moz-repeating-linear-gradient(top -225deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25) 128px, rgba(255, 255, 255, 0) 144px, rgba(255, 255, 255, .15) 160px, rgba(255, 255, 255, 0) 176px, rgba(255, 255, 255, .3) 192px, rgba(255, 255, 255, .05) 204px, rgba(255, 255, 255, .05) 216px, rgba(255, 255, 255, .5) 256px,  rgba(255, 255, 255, 0) 264px), -moz-linear-gradient(bottom, palevioletred, white 2px, white 4px, transparent 4px) !important;
}

/** SPECIFIC TOOLBARS **/

#appmenu-button {
margin-top: -1px !important;
}

#titlebar-content {
padding-bottom: 2px !important;
margin-bottom: -2px !important;
border: 1px solid rgba(10%,10%,10%,.4) !important;
border-right: none !important;
}

#main-window:not(:-moz-window-inactive) #titlebar-content {
border-top: 1px solid rgba(10%,10%,10%,1.0) !important;
}

/** [generic] **/
toolbar:not(#TabsToolbar), #FindToolbar, #titlebar-content {
background: -moz-linear-gradient(white, rgba(255,255,255,0.125) 50%, transparent 0, rgba(255,255,255,0.5)) !important;
}

#FindToolbar {
border-top: 1px outset !important;
-moz-border-top-colors: rgb(95,95,95) !important;
}

#FindToolbar > * > label:not([disabled="true"]),
#FindToolbar checkbox label {
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
}

/** Menubar **/

#toolbar-menubar[autohide="false"] {
border-top: 1px solid rgba(10%,10%,10%,.4) !important;
border-left: 1px solid rgba(10%,10%,10%,.4) !important;
border-right: 1px solid rgba(10%,10%,10%,.4) !important;
}

#toolbar-menubar {
border-bottom: 1px ridge gray !important;
-moz-box-shadow: 1px 1px 4px black !important;
}

#toolbar-menubar[autohide="false"] {
padding-top: 1px !important;
padding-bottom: 1px !important;
border-bottom: 1px ridge gray !important;
}

#main-menubar {
margin-left: 4px !important;
margin-right: 4px !important;
padding: 0 1px !important;
background: rgba(191,191,191,0.5) -moz-radial-gradient(rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.75)) !important;
border: 1px solid rgba(0,0,0,0.5) !important;
border-radius: 3px !important;
-moz-box-shadow: 0 0 4px white !important;
}

/** #nav-bar **/
#nav-bar {
-moz-box-shadow: 1px 1px 4px black !important;
border-top: 2px solid white !important;
border-left: 1px solid rgba(10%,10%,10%,.4) !important;
border-right: 1px solid rgba(10%,10%,10%,.4) !important;
border-bottom: 1px outset rgb(49,49,49) !important;
padding-left: 1px !important;
padding-right: 3px !important;
}

#nav-bar ~ toolbar:not(#TabsToolbar) {
-moz-box-shadow: 1px 1px 4px black !important;
border-bottom: 1px outset rgb(49,49,49) !important;
}

/** Tabs Toolbar **/
#TabsToolbar {
border-left: 1px solid rgba(10%,10%,10%,.4) !important;
border-right: 1px solid rgba(10%,10%,10%,.4) !important;
background: -moz-linear-gradient(bottom, black 0, rgba(0,0,0,0.375) 1px) !important;
}

#TabsToolbar > *:not(#appmenu-toolbar-button) {
-moz-box-ordinal-group: 2 !important;
}

#appmenu-toolbar-button {
padding: 0 0 0 3px !important;
border-radius: 0 0 6px 0 !important;
margin-left: 0 !important;
-moz-box-ordinal-group: 1 !important;
}

#appmenu-toolbar-button > label {
visibility: collapse !important;
}

#appmenu-toolbar-button:before {
display: -moz-box !important;
content: "Î² (â™Œ)Î½Î¹Ï‚" !important;
padding: 0 2px !important;
-moz-box-align: center !important;
margin: 0 !important;
font-family: MGOpen Cosmetica !important;
font-size: 1.5em !important;
line-height: 1em !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
}

/** Statusbar **/
#browser-bottombox {
border-bottom: 1px ridge gray !important;
background-color: palevioletred !important;
}

#browser-bottombox * {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

#browser-bottombox toolbarbutton, #browser-bottombox toolbaritem {
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
}

#browser-bottombox > toolbar {
border-top: 1px groove gray !important;
}

/** MENUBAR MENUS **/
#main-menubar > menu {
border-radius: 3px !important;
-moz-transition: border .1s linear, color .15s linear, background .1s linear, -moz-box-shadow .1s linear !important;
-moz-appearance: none !important;
border: 1px solid transparent !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
margin: 0 1px !important;
}

#main-menubar > menu:not([open="true"]):hover {
background: -moz-radial-gradient(rgba(0,0,0,0.25) 25%, rgba(0,0,0,0.75)) !important;
border: 1px solid rgba(0,0,0,0.5) !important;
-moz-outline-radius: 3px !important;
-moz-box-shadow: 0 0 4px white !important;
}

/** opened **/
#main-menubar > menu[open="true"] {
background: rgba(255,255,255,0.975) !important;
color: black !important;
-moz-box-shadow: 0 0 4px silver !important;
text-shadow: 1px 1px 1.5px silver !important;
}

#main-menubar > menu[open="true"]:hover {
-moz-box-shadow: 0 0 4px silver !important;
}

/** TOOLBAR BUTTONS **/

/** [generic] **/
toolbarbutton toolbarbutton:not(:hover),
toolbarbutton dropmarker {
-moz-box-shadow: none !important;
background-color: transparent !important;
}

toolbarbutton:not(.tabs-newtab-button):not(#back-button):not(#forward-button):not(:hover) {
background-image: none !important;
-moz-box-shadow: none !important;
}

toolbarbutton toolbarbutton,
toolbarbutton dropmarker {
background-image: none !important;
margin: 0 !important;
padding: 0 3px !important;
border: none !important;
}

toolbarbutton:not(.tabs-newtab-button):not(#back-button):not(#forward-button) {
margin-bottom: 0 !important;
margin-top: 0 !important;
-moz-transition: border .1s linear, color .15s linear, background .1s linear, -moz-box-shadow .1s linear !important;
-moz-appearance: none !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
border: 1px solid transparent !important;
}

:not(toolbarbutton) toolbarbutton:not(.tabs-newtab-button):not(#back-button):not(#forward-button) {
margin-left: 2px !important;
margin-right: 1px !important;
}

toolbarbutton toolbarbutton:not(.tabs-newtab-button):not(#back-button):not(#forward-button) {
}

#browser-bottombox :not(toolbarbutton) toolbarbutton[type="menu"]:not(.tabs-newtab-button):not(#back-button):not(#forward-button) {
padding-right: 1px !important;
}

#browser-bottombox toolbarbutton toolbarbutton:not(.tabs-newtab-button):not(#back-button):not(#forward-button) {
padding-left: 4px !important;
padding-right: 2px !important;
margin-right: 0px !important;
}

toolbarbutton toolbarbutton:not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(.tabs-newtab-button):not(#back-button):not(#forward-button):hover {
background: -moz-radial-gradient(rgba(0,0,0,0.125) 25%, rgba(0,0,0,0.625)) !important;
}

/** :hover **/
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button):hover,
toolbarbutton:not(.tabs-newtab-button)[checked="true"]:not([anonid="scrollbutton-up"]):not(:hover) {
background: rgba(191,191,191,0.5) -moz-radial-gradient(rgba(0,0,0,0.35) 25%, rgba(0,0,0,0.925)) !important;
border: 1px solid rgba(0,0,0,0.5) !important;
-moz-box-shadow: 0 0 4px silver !important;
}

/** :active **/
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button):active,
toolbarbutton:not(.tabs-newtab-button)[checked="true"]:not(#back-button):not(#forward-button):hover {
background: rgba(255,255,255,0.95) !important;
border: 1px solid rgba(255,255,255,0.95) !important;
-moz-box-shadow: 0 0 4px silver !important;
}

/** [open="true"] **/
toolbarbutton:not(.tabs-newtab-button)[open="true"]:not(#back-button):not(#forward-button) {
background: rgba(255,255,255,0.95) !important;
border: 1px solid rgba(255,255,255,0.95) !important;
border-bottom: 1px solid transparent !important;
-moz-box-shadow: 0 0 4px silver !important;
}

/** :active:hover **/
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button):active:hover {
background: rgba(255,255,255,0.95) !important;
-moz-box-shadow: 0 0 4px silver !important;
}

toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button):hover toolbarbutton:active,
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button):not(:hover) toolbarbutton:active,
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button)[open="true"]:hover,
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button)[checked="true"]:hover,
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button)[open="true"] toolbarbutton:hover {
background: rgba(255,255,255,0.95) !important;
border: 1px solid rgba(255,255,255,0.95) !important;
-moz-box-shadow: 0 0 4px silver !important;
}

/** [open="true"]:not(:hover) **/

/** [open="true"]:hover **/

/** [checked="true"] **/

/** [checked="true"]:hover **/
toolbarbutton[disabled="true"]:not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button):hover,
toolbarbutton[disabled="true"]:not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button):hover:active,
toolbarbutton[disabled="true"]:not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(#back-button):not(#forward-button):not(:hover):active {
background: -moz-radial-gradient(rgba(191,191,191,0.35), rgba(31,31,31,0.35)) !important;
border: 1px solid rgba(0,0,0,0.175) !important;
-moz-box-shadow: 0 0 4px silver !important;
}

/** tabclose **/
toolbarbutton[anonid="close-button"] {
padding: 1px !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9oKGwAZKBxsXDQAAADdSURBVCjPvdI9TgMxEIbhx9a2CwVSxA34kSJxATq4Aw03o6KAE9BxCyTSUQUJUiYlqwwFE2SWCCQKXNkz32eP3xn+e5XRuaLL/YD1L/GPZOTCEfZS3DXxA+yi1sa4uVFEPOIEk4h4azSn2EdXv9RdynFjvo+I5yZ3hT7L1hoHLEop599AlHKLVzxggaE1BpaYbYE4pGmWmqhjRUTMt8Quf2rNJ9UkeIPrUewsaW+nmiCecFdKuWg0U0zQdSMIh4m8b/4kgU2x2jS/jKamzz7VpLfM3E6+tMYLVn8euXcAQmRkLmdDIgAAAABJRU5ErkJggg==") !important;
-moz-image-region: rect(0,14px,14px,0) !important;
}

/** Tabs **/

toolbarbutton[anonid="close-button"]:not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):active,
toolbarbutton[anonid="close-button"]:not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):active:hover {
background: -moz-radial-gradient(rgba(0,0,0,0.075) 25%, rgba(0,0,0,0.525)), rgba(255,0,0,1) !important;
-moz-box-shadow: 0 0 8px rgb(255,0,0) !important;
border: 1px solid rgb(115,0,0) !important;
}

#new-tab-button,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] {
  -moz-appearance: none !important;
  background-position: -5px -2px !important;
  background-repeat: no-repeat !important;
border: 0 !important;
  background-size: 200% 122.5% !important;
background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.25) 4px, rgba(255,255,255,0.0875) 37.5%, rgba(255,255,255,0.25)) !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-image: url(chrome://browser/skin/tabbrowser/tab.png) 4 5 3 6 / 4px 5px 3px 6px repeat stretch !important;
  border-radius: 10px 8px 0 0 !important;
  min-height: 25px !important;
-moz-transition: background-color .15s ease-out !important;
}

#new-tab-button > .toolbarbutton-icon,
.tabbrowser-tabs *[anonid="scrollbutton-up"] image,
.tabbrowser-tabs *[anonid="scrollbutton-down"] image {
  -moz-margin-start: 2px !important;
  -moz-margin-end: 2px !important;
}

.tabbrowser-tab *:not([anonid="close-button"]) {
-moz-transition: none !important;
}

.tabbrowser-tab, .tabs-newtab-button {
min-height: 2.25em !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
background-size: 200% 122.5% !important;
}

.tabbrowser-tab *:not([anonid="close-button"]) {
-moz-transition: opacity 0.15s ease-in !important;
}

.tabbrowser-tab:not([selected="true"]), .tabs-newtab-button,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"],
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"] {
min-height: 28px !important;
background-image: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.25) 4px, rgba(255,255,255,0.0875) 37.5%, rgba(255,255,255,0.25)) !important;
}

.tabbrowser-tab:not([selected="true"]):hover, .tabs-newtab-button:not(:active):hover,
#new-tab-button:not(:active):hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:not(:active):hover,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:not(:active):hover {
background-color: rgba(255,255,255,0.25) !important;
}

.tabbrowser-tab[selected="true"], .tabs-newtab-button:active,
#new-tab-button:active,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-up"]:active,
#TabsToolbar .tabbrowser-tabs > arrowscrollbox *[anonid="scrollbutton-down"]:active {
background-image: -moz-linear-gradient(white, rgba(255,255,255,0.25) 4px, rgba(255,255,255,0.05) 37.5%, white 95%) !important;
background-color: rgba(255,255,255,0.125) !important;
}

.tabbrowser-tab:first-of-type:last-of-type *:not([anonid="close-button"]) {
-moz-transition: none !important;
}

}