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

MiyuNG 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("about:addons") {

page {
background: white !important;
}

}

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

/** GLOBAL TOOLBAR BINDINGS **/
toolbar {
-moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag") !important;
}

/** WINDOW **/
#main-window {
-moz-appearance: none !important;
background-color: lightsteelblue !important;
}

/** NAVIGATOR TOOLBOX **/
#navigator-toolbox {
-moz-appearance: none !important;
background: transparent !important;
}

/** MENUBAR **/
#toolbar-menubar {
padding-top: 0 !important;
}

#toolbar-menubar:-moz-lwtheme {
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) !important;
border-top: 1px solid gray !important;
}

#navigator-toolbox:not([tabsontop="true"]) > #nav-bar:-moz-lwtheme {
border-top: 1px solid gray !important;
}

/** Uncomment the following block of code for the custom menubar styling.**/
/* #toolbar-menubar:before {
color: -moz-menubartext !important;
content: "MiyuNG" !important;
font-family: Capacitor !important;
font-weight: bold !important;
font-size: 1.5em !important;
padding: 0 6px !important;
-moz-box-align: center !important;
display: -moz-box !important;
-moz-box-flex: 1 !important;
}

#main-menubar {
-moz-box-direction: reverse !important;
}

#help-menu {
-moz-box-ordinal-group: 1 !important;
}

#tools-menu {
-moz-box-ordinal-group: 2 !important;
}

#bookmarksMenu {
-moz-box-ordinal-group: 3 !important;
}

#history-menu {
-moz-box-ordinal-group: 4 !important;
}

#view-menu {
-moz-box-ordinal-group: 5 !important;
}

#edit-menu {
-moz-box-ordinal-group: 6 !important;
}

#file-menu {
-moz-box-ordinal-group: 7 !important;
}

#main-menubar > menu {
direction: rtl !important;
}

#main-menubar > menu menupopup * {
direction: ltr !important;
} */

/** NAVIGATION BAR **/

#nav-bar {
border-top: 2px solid white !important;
padding-left: 0 !important;
padding-right: 0 !important;
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) !important;
}

#PersonalToolbar {
border-top: 1px solid gray !important;
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) !important;
}

/** TABS TOOLBAR **/
#TabsToolbar {
-moz-appearance: none !important;
background: -moz-linear-gradient(bottom, black 0, rgba(255,255,255,0.75) 1px, rgba(255,255,255,0) 95%, gray 95%) !important;
}

/** TABS **/
.tabbrowser-tab:not(:-moz-lwtheme) {
color: -moz-dialogtext !important;
text-shadow: none !important;
background-size: 100% 92% !important;
}

.tabbrowser-tab:not([selected="true"]) {
-moz-transition: background-color .15s ease-out, min-width .15s ease-out, max-width .15s ease-out !important;
}

.tabs-newtab-button {
background-size: 200% 120% !important;
}

.tabbrowser-tab:not([selected="true"]), .tabs-newtab-button {
background-image: -moz-linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.25) 25%, transparent) !important;
background-color: rgba(0,0,0,0.125) !important;
}

.tabbrowser-tab:not([selected="true"]):not(:active):hover, .tabs-newtab-button:not(:active):hover {
background-color: rgba(255,255,255,0.125) !important;
}

.tabbrowser-tab[selected="true"], #new-tab-button[selected="true"] {
background-image: -moz-linear-gradient(rgba(255,255,255,0.875), rgba(255,255,255,0.375) 4px, rgba(255,255,255,0.25) 20%, rgba(255,255,255,0.25) 30%, rgba(255,255,255,0.5) 75%, white 97.5%) !important;
}

.tabbrowser-tab:not([selected="true"]):active, .tabs-newtab-button:active {
background-image: -moz-linear-gradient(rgba(255,255,255,0.75), rgba(127,127,127,0.175) 4px, rgba(0,0,0,0.125) 20%, rgba(0,0,0,0.125), rgba(0,0,0,0.125) 30%, rgba(255,255,255,0.625) 97.5%) !important;
background-color: rgba(0,0,0,0.15) !important;
}

/** STATUSBAR **/
#browser-bottombox > toolbar {
padding: 0 !important;
-moz-appearance: none !important;
background: -moz-linear-gradient(white, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 0, rgba(255,255,255,0.5)) !important;
}

#browser-bottombox {
background-color: lightsteelblue !important;
border-top: 1px solid gray !important;
}

#browser-bottombox > toolbar toolbarbutton {
-moz-appearance: none !important;
padding: 2px !important;
}

#stylish-panel {
display: none !important;
}

}