/** CREDITS, TERMS, AND LICENSING
Name: Denebola Air
Version: 3.9.3
Author: foxhead128
Contributors: 
Special thanks to: The Mozilla Developer Network and W3Schools.com for their helpful articles on CSS coding.
**/

@-moz-document url("chrome://browser/content/browser.xul") {

#navigator-toolbox,
#browser-bottombox > * {
-moz-appearance: none !important;
background: none !important;
}

#main-window {
-moz-appearance: none !important;
background-color: PaleVioletRed !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;
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 **/

/** [generic] **/
toolbar:not(#TabsToolbar):not(#toolbar-menubar), #FindToolbar {
background: -moz-linear-gradient(white, rgba(255,255,255,0.125) 50%, transparent 0, rgba(255,255,255,0.5)) !important;
}

#toolbar-menubar:not(:-moz-system-metric(menubar-drag)) {
background: -moz-linear-gradient(white, rgba(255,255,255,0.125) 50%, transparent 0, rgba(255,255,255,0.5)) !important;
}

#toolbar-menubar:-moz-system-metric(menubar-drag) {
-moz-appearance: menubar !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 {
border-bottom: 1px ridge gray !important;
box-shadow: 1px 1px 4px black !important;
}

#toolbar-menubar[autohide="false"] {
padding-top: 1px !important;
padding-bottom: 1px !important;
border-top: 1px groove gray !important;
border-bottom: 1px ridge gray !important;
}

#toolbar-menubar[autohide="false"]:-moz-system-metric(menubar-drag) {
border-top: 0 !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;
box-shadow: 0 0 4px white !important;
}

/** #nav-bar **/
#nav-bar {
box-shadow: 1px 1px 4px black !important;
border-top: 2px solid white !important;
border-bottom: 1px outset rgb(49,49,49) !important;
padding-left: 1px !important;
padding-right: 3px !important;
}

#nav-bar ~ toolbar:not(#TabsToolbar) {
box-shadow: 1px 1px 4px black !important;
border-bottom: 1px outset rgb(49,49,49) !important;
}

/** Tabs Toolbar **/
#TabsToolbar {
-moz-appearance: none !important;
}

#toolbar-menubar[autohide="false"] ~ #TabsToolbar {
background: -moz-linear-gradient(bottom, black 0, rgba(0,0,0,0.375) 1px) !important;
}

#toolbar-menubar[autohide="true"] ~ #TabsToolbar {
background: -moz-linear-gradient(left, black, rgba(0,0,0,0.75), transparent 12ex), -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;
}

#toolbar-menubar:after {
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;
box-shadow: 0 0 4px white !important;
display: -moz-box !important;
content: "β (♌)νις" !important;
padding-left: 6px !important;
padding-right: 6px !important;
margin-right: 4px !important;
font-family: MGOpen Cosmetica !important;
font-size: 1.25em !important;
line-height: 1em !important;
color: white !important;
-moz-box-align: center !important;
text-shadow: 1px 1px 1.5px black !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 toolbarbutton:active, #browser-bottombox toolbarbutton[open="true"] {
color: black !important;
text-shadow: none !important;
}

#browser-bottombox > toolbar {
border-top: 1px groove gray !important;
}

/** MENUBAR MENUS **/
#main-menubar > menu {
-moz-transition: border .1s linear, color .15s linear, background .1s linear, 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;
padding-top: 2px !important;
padding-bottom: 2px !important;
}

#main-menubar > menu:hover,
#main-menubar > menu[open="true"] {
background: palevioletred !important;
color: white !important;
text-shadow: none !important;
}

/** TOOLBAR BUTTONS **/

/** [generic] **/
toolbarbutton:not(.tabs-newtab-button) {
border-radius: 3px !important;
-moz-transition: border .1s linear, background .1s linear, 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) {
margin-left: 2px !important;
margin-right: 1px !important;
}

toolbarbutton toolbarbutton:not(.tabs-newtab-button) {
margin: -1px !important;
}

#browser-bottombox :not(toolbarbutton) toolbarbutton[type="menu"]:not(.tabs-newtab-button) {
padding-right: 1px !important;
}

#browser-bottombox toolbarbutton toolbarbutton:not(.tabs-newtab-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):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"]):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;
box-shadow: 0 0 4px silver !important;
}

/** :active **/
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):active,
toolbarbutton:not(.tabs-newtab-button)[checked="true"]:hover {
background: rgba(255,255,255,0.95) !important;
border: 1px solid rgba(255,255,255,0.95) !important;
box-shadow: 0 0 4px silver !important;
}

/** [open="true"] **/
toolbarbutton:not(.tabs-newtab-button)[open="true"],
toolbarbutton:not(.tabs-newtab-button):active {
color: black !important;
text-shadow: none !important;
background: rgba(255,255,255,0.95) !important;
border: 1px solid rgba(255,255,255,0.95) !important;
border-bottom: 1px solid transparent !important;
box-shadow: 0 0 4px silver !important;
}

/** :active:hover **/
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):active:hover {
background: rgba(255,255,255,0.95) !important;
box-shadow: 0 0 4px silver !important;
}

toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):hover toolbarbutton:active,
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):not(:hover) toolbarbutton:active,
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"])[open="true"]:hover,
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"])[checked="true"]:hover,
toolbarbutton:not(.tabs-newtab-button):not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"])[open="true"] toolbarbutton:hover {
background: rgba(255,255,255,0.95) !important;
border: 1px solid rgba(255,255,255,0.95) !important;
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"]):hover,
toolbarbutton[disabled="true"]:not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):hover:active,
toolbarbutton[disabled="true"]:not([anonid="scrollbutton-up"]):not([anonid="scrollbutton-down"]):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;
box-shadow: 0 0 4px silver !important;
}

/** tabclose **/
toolbarbutton[anonid="close-button"] {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB9oKGwAZKBxsXDQAAADdSURBVCjPvdI9TgMxEIbhx9a2CwVSxA34kSJxATq4Aw03o6KAE9BxCyTSUQUJUiYlqwwFE2SWCCQKXNkz32eP3xn+e5XRuaLL/YD1L/GPZOTCEfZS3DXxA+yi1sa4uVFEPOIEk4h4azSn2EdXv9RdynFjvo+I5yZ3hT7L1hoHLEop599AlHKLVzxggaE1BpaYbYE4pGmWmqhjRUTMt8Quf2rNJ9UkeIPrUewsaW+nmiCecFdKuWg0U0zQdSMIh4m8b/4kgU2x2jS/jKamzz7VpLfM3E6+tMYLVn8euXcAQmRkLmdDIgAAAABJRU5ErkJggg==") !important;
padding: 5px !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;
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% 125% !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: 26px !important;
color: white !important;
text-shadow: 1px 1px 1.5px black !important;
background-size: 200% 92.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: 26px !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;
}

}