homes/graphic/.themes/dorian-theme-3.10/chrome/userChrome.css

1834 lines
64 KiB
CSS
Raw Normal View History

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/************************ DO NOT remove the Above line **********************/
/************************ Add USER code BELLOW this line *********************/
/**************************** Dorian Theme ***************************/
/* by killhellokitty/jo-shva mar 2013 */
/* Blank background before clicked link page loads....
see userContent.css for blank tab and initial Firefox startup blank
before homepage loads */
tabbrowser tabpanels {
background-color: rgb(11,11,11) !important;
}
/* NavBar */
#navigator-toolbox {
background: #0b0b0b !important;
}
#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
-moz-appearance: none !important;
background-color: #1a1a1a !important;
}
#nav-bar[currentset*="unified-back-forward-button"],
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar:not([currentset]){
padding-top: 1px !important;
padding-bottom: 1px !important;
padding-right: 2px !important;
padding-left: 2px !important;
}
#navigator-toolbox[iconsize="small"] > #nav-bar{
padding: 2px !important;
}
#navigator-toolbox[tabsontop="true"] > #nav-bar,
#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar,
#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar,
#navigator-toolbox[tabsontop="false"] > #nav-bar,
#navigator-toolbox[tabsontop="false"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar,
#navigator-toolbox[tabsontop="false"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar {
background: -moz-linear-gradient(rgba(255,255,255,0.06), rgba(0,0,0,0.08)), url("images/Toolbar.png"), #1a1a1a !important;
background-position: left center !important;
background-repeat: repeat !important;
margin-bottom: -1px !important;
border-bottom: 1px solid rgb(24,24,24) !important;
box-shadow: 0px 1px 0 rgba(255,255,255,0.07) inset,
inset 1px 0 0 rgba(255,255,255, 0.04),
inset 0 -1px 0 rgba(0,0,0, 0.16),
inset -1px 0 0 rgba(0,0,0, 0.38)!important;
}
#navigator-toolbox[tabsontop="true"] > #nav-bar:not(:-moz-lwtheme),
#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + toolbar:not(:-moz-lwtheme),
#navigator-toolbox[tabsontop="true"]:not([customizing]) > #nav-bar[collapsed="true"] + #customToolbars + #PersonalToolbar:not(:-moz-lwtheme) {
border-top: 1px solid rgba(9,9,9,0.55) !important;
}
/* Restyle bookmark bars -- tabs on top */
#navigator-toolbox #PersonalToolbar {
background: #2e2e2e!important;
background-image: -moz-linear-gradient(#2e2e2e, #313131) !important;
border-top: 0px solid rgba(9,9,9,0.55) !important;
border-bottom: 1px solid #161616 !important;
box-shadow: 0px 1px 0 rgba(255,255,255,0.024) inset,
inset 1px 0 0 rgba(255,255,255, 0.02),
inset 0 -1px 0 rgba(0,0,0, 0.16),
inset -1px 0 0 rgba(0,0,0, 0.38)!important;
margin-bottom: -1px !important;
}
/* Places toolbar *//* ::::: bookmark buttons ::::: */
#PersonalToolbar {
font-size: .885em !important;
}
#personal-bookmarks {
min-height: 18px !important;
}
toolbarbutton.bookmark-item {
-moz-appearance: none !important;
border: 1px solid rgba(0,0,0,.0) !important;
border-radius: 2px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
color: #ababab !important;
text-shadow: none !important;
background: transparent
-moz-linear-gradient(rgba(0,0,0,.06), rgba(0,0,0,.03)) !important;
}
toolbarbutton.bookmark-item:hover {
color: #dddddd !important;
border: 1px solid #222222 !important;
background: transparent
-moz-linear-gradient(rgba(21,68,120,.22), rgba(21,68,120,.12)) !important;
box-shadow: 0 1px 1px rgba(255,255,255,.11) inset !important;
-moz-transition: background-color .16s ease-in,
border-color .2s ease-in,
box-shadow .3s ease-in !important;
}
toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
toolbarbutton.bookmark-item[open="true"] {
color: #ffffff !important;
text-shadow: 0px 0px 3px rgba(91,151,34,0.85) !important;
background: -moz-linear-gradient(rgba(21,68,120,0.55), rgba(21,68,120,.8)), #0a0a0a !important;
border: 1px solid #222222 !important;
box-shadow: 0 1px 1px rgba(0,0,0,.16) inset !important;
-moz-transition: background-color .16s ease-in,
border-color .2s ease-in,
box-shadow .3s ease-in !important;
}
/* Location bar */
#urlbar,
.searchbar-textbox,
toolbar textbox {
-moz-appearance: none !important;
margin: 1px 3px!important;
background-clip: padding-box!important;
padding-top: 3px !important;
padding-bottom: 3px !important;
border: 1px solid rgb(0,0,0) !important;
border-top: 1px solid rgb(24,24,24) !important;
border-left: 1px solid rgb(28,28,28) !important;
border-right: 1px solid rgb(28,28,28) !important;
border-bottom: 1px solid rgb(34,34,34) !important;
border-radius: 3px !important;
background: #242424 !important;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset,
0px 1px 0 rgba(255,255,255,.1) !important;
overflow:hidden!important;
}
.searchbar-textbox {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
[privatebrowsingmode=temporary] #urlbar,
[privatebrowsingmode=temporary] .searchbar-textbox {
box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset,
1px 1px 3px rgba(237,52,49,0.2)inset,
-1px -1px 3px rgba(237,52,49,0.12)inset,
0px 1px 0 rgba(255,255,255,.1) !important;
}
#urlbar:hover,
.searchbar-textbox:hover,
toolbar textbox:hover
{
border-top: 1px solid rgb(23,23,23) !important;
border-left: 1px solid rgb(27,27,27) !important;
border-right: 1px solid rgb(27,27,27) !important;
border-bottom: 1px solid rgb(33,33,33) !important;
-moz-transition: .15s ease-out !important;
box-shadow: 0px 2px 4px rgba(0,0,0,0.26) inset,
0px 1px 0 rgba(255,255,255,.12) !important;
}
[privatebrowsingmode=temporary] #urlbar:hover,
[privatebrowsingmode=temporary] .searchbar-textbox:hover {
box-shadow: 0px 2px 4px rgba(0,0,0,0.26) inset,
1px 1px 3px rgba(237,52,49,0.2)inset,
-1px -1px 3px rgba(237,52,49,0.12)inset,
0px 1px 0 rgba(255,255,255,.12) !important;
}
#urlbar[focused="true"],
.searchbar-textbox[focused="true"],
toolbar textbox[focused="true"] {
border-top: 1px solid rgb(5,5,5) !important;
border-left: 1px solid rgb(8,8,8) !important;
border-right: 1px solid rgb(8,8,8) !important;
border-bottom: 1px solid rgb(12,12,12) !important;
background: #080808!important;
-moz-transition: .40s ease-in !important;
box-shadow: 0px 2px 4px rgba(0,0,0,0.36) inset,
0px 1px 0 rgba(255,255,255,.12) !important;
}
[privatebrowsingmode=temporary] #urlbar[focused="true"],
[privatebrowsingmode=temporary] .searchbar-textbox[focused="true"] {
-moz-transition: .40s ease-in !important;
box-shadow: 0px 2px 4px rgba(0,0,0,0.36) inset,
1px 1px 1px rgba(237,52,49,0.4)inset,
-1px -1px 1px rgba(237,52,49,0.3)inset,
0px 1px 0 rgba(255,255,255,.12) !important;
}
.searchbar-textbox[focused="true"] {
color: #efefef !important;
}
.urlbar-textbox-container {
-moz-appearance: none !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
margin-right: 2px !important;
color:#cdcdcd !important;
}
.urlbar-textbox-container:-moz-locale-dir(rtl) {
margin-right: 0px!important;
margin-left: 2px!important;
}
.urlbar-frontcap {
margin-top: 0px!important;
margin-bottom: 0px!important;
margin-left: 0px!important;
}
.urlbar-textbox-container[focused="true"] {
color: #ffffff !important;
}
.urlbar-textbox-container:hover {
color: #cdcdcd !important;
}
#urlbar-container {
-moz-box-orient: horizontal !important;
-moz-box-align: stretch !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container {
padding-left: 27px !important;
-moz-margin-start: -27px !important;
position: relative !important;
pointer-events: none !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar {
-moz-border-start: none !important;
margin-left: 0 !important;
pointer-events: all !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:not([switchingtabs]) + #urlbar-container > #urlbar {
transition: margin-left 150ms ease-out !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(ltr) {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled] + #urlbar-container > #urlbar {
margin-left: -29px !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled]:hover:not([switchingtabs]) + #urlbar-container > #urlbar {
/* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
transition-delay: 100s !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button[forwarddisabled]:not(:hover) + #urlbar-container > #urlbar {
/* when not hovered anymore, trigger a new transition to hide the forward button immediately */
margin-left: -31px !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container:-moz-locale-dir(rtl),
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button + #urlbar-container > #urlbar:-moz-locale-dir(rtl) {
transform: scaleX(-1) !important;
}
#identity-box {
-moz-appearance: none !important;
background: rgba(0,0,0,0.14) !important;
color: #ffffff!important;
border-right: 2px solid!important;
-moz-border-right-colors: rgba(0, 0, 0, 0.32) rgba(255, 255, 255, 0.01)!important;
font-weight: bold!important;
border-radius: 2px 0px 0px 2px!important;
min-width:20px!important;
padding-left: 2px!important;
padding-right:1px!important;
margin-top:-3px!important;
margin-bottom:-3px!important;
height:22px!important;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75) !important;
background-image: -moz-linear-gradient(rgba(255,255,255,0.02),rgba(255,255,255,0.02)) !important;
-moz-transition: .1s ease-in !important;
}
#identity-box:-moz-locale-dir(rtl){
border-radius: 0px 2px 2px 0px !important;
border-right: 0px solid !important;
border-left: 2px solid !important;
-moz-border-left-colors: rgba(255, 255, 255, 0.01) rgba(0, 0, 0, 0.32) !important;
padding-left:1px !important;
padding-right:2px !important;
}
/* combined go/reload/stop button in location bar */
#urlbar > toolbarbutton {
-moz-appearance: none !important;
background-origin: border-box!important;
border: none!important;
border-left: 2px solid !important;
-moz-border-left-colors: rgba(0, 0, 0, 0.32) rgba(255, 255, 255, 0.03)!important;
border-top-right-radius: 3px!important;
border-bottom-right-radius:3px!important;
-moz-transition: opacity 150ms ease-out!important;
margin-right: -1px !important;
margin-top: -3px !important;
margin-bottom: -3px !important;
padding-right: 4px !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
padding-left: 4px !important;
}
#urlbar > toolbarbutton:-moz-locale-dir(rtl){
border-left: 0px !important;
border-right: 2px solid !important;
-moz-border-left-colors: rgba(255, 255, 255, 0.03) rgba(0, 0, 0, 0.32) !important;
border-top-right-radius: 0px!important;
border-bottom-right-radius: 0px!important;
border-top-left-radius: 3px!important;
border-bottom-left-radius: 3px!important;
}
#urlbar > toolbarbutton:not([disabled]):active:hover {
background: rgba(0,0,0,0.18) !important;
box-shadow: 0 1px 1px rgba(0,0,0,0.2)inset,
0 -1px 0 rgba(0,0,0,0.12)inset,
-1px 0 0 rgba(0,0,0,0.16)inset,
1px 0 0 rgba(255,255,255,0.016)inset,
-1px 0 0 rgba(0,0,0,0.06)!important;
}
#urlbar > toolbarbutton:not([disabled]):hover {
box-shadow: 0 1px 1px rgba(0,0,0,0.2)inset,
0 -1px 0 rgba(0,0,0,0.12)inset,
-1px 0 0 rgba(0,0,0,0.16)inset,
1px 0 0 rgba(255,255,255,0.016)inset,
-1px 0 0 rgba(0,0,0,0.06)!important;
}
#urlbar > toolbarbutton:not([disabled]):active:hover:-moz-locale-dir(rtl){
box-shadow: 0 1px 1px rgba(0,0,0,0.2)inset,
0 -1px 0 rgba(0,0,0,0.12)inset,
1px 0 0 rgba(0,0,0,0.16)inset,
-1px 0 0 rgba(255,255,255,0.016)inset,
1px 0 0 rgba(0,0,0,0.06)!important;
}
#urlbar > toolbarbutton:not([disabled]):hover:-moz-locale-dir(rtl){
box-shadow: 0 1px 1px rgba(0,0,0,0.2)inset,
0 -1px 0 rgba(0,0,0,0.12)inset,
1px 0 0 rgba(0,0,0,0.16)inset,
-1px 0 0 rgba(255,255,255,0.016)inset,
1px 0 0 rgba(0,0,0,0.06)!important;
}
#urlbar-reload-button:not([disabled]):hover {
background: #154478!important;
}
#urlbar-go-button:hover {
background: #154478!important;
}
#urlbar-stop-button:hover {
background: rgba(237,52,49,0.34)!important;
}
/* primary toolbar buttons */
#nav-bar {
/* force iconsize="small" on this toolbar */
counter-reset: smallicons!important;
}
/****/
.menu-iconic,
toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#PersonalToolbar):not(#addon-bar):-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container,#back-button,#forward-button"],#nav-bar:not([currentset])) .toolbarbutton-1,
.toolbarbutton-1 {
-moz-appearance: none!important;
-moz-margin-end: 0!important;
padding: 0px!important;
margin-top: 0px!important;
margin-bottom: 0px!important;
background: transparent!important;
background-clip: padding-box!important;
border: 1px solid!important;
border-color: transparent!important;
border-width: 5px!important;
color: #ababab!important;
box-shadow: none!important;
}
toolbar[mode="text"] toolbarbutton .toolbarbutton-text {
-moz-appearance: none!important;
margin-top: 0px!important;
margin-bottom: 0px!important;
-moz-margin-start: 2px !important;
-moz-margin-end: 2px !important;
}
.toolbarbutton-1 > .toolbarbutton-menubutton-button {
-moz-appearance: none!important;
border: none !important;
}
.menu-iconic
.toolbarbutton-1 {
margin: 1px 3px!important;
}
toolbar[iconsize="small"][mode="icons"] .menu-iconic,
toolbar[iconsize="small"][mode="icons"] .toolbarbutton-1 {
margin-left: 2px!important;
margin-right: 2px!important;
}
.toolbarbutton-1:not(:-moz-any(#colorzilla-navbar-button)) > .toolbarbutton-menubutton-button {
-moz-appearance: none!important;
box-shadow: none !important;
background: none !important;
}
.menu-iconic:not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover,
.menu-iconic:not([open="true"]):not([checked="true"]):not([disabled="true"]):not(:active):hover,
.toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover,
.toolbarbutton-1:not([open="true"]):not([checked="true"]):not([disabled="true"]):not(:active):hover {
-moz-appearance: none !important;
-moz-border-image: url("images/toolbar-button-hover.png") 5 fill stretch!important;
}
.menu-iconic:not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover,
.menu-iconic:not([open="true"]):not([checked="true"]):not([disabled="true"]):not(:active):hover {
color: #cdcdcd!important;
}
.menu-iconic:hover:active:not([disabled="true"]),
.menu-iconic[checked="true"]:not([disabled="true"]),
.menu-iconic[open="true"]:not([disabled="true"]),
.toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):hover:active,
.toolbarbutton-1:not([type="menu-button"])[checked="true"],
.toolbarbutton-1:hover:active:not([disabled="true"]),
.toolbarbutton-1[checked="true"]:not([disabled="true"]),
.toolbarbutton-1[open="true"]:not([disabled="true"]) {
-moz-appearance: none !important;
-moz-border-image: url("images/toolbar-button-active.png") 5 fill stretch!important;
}
.menu-iconic:hover:active:not([disabled="true"]),
.menu-iconic[checked="true"]:not([disabled="true"]),
.menu-iconic[open="true"]:not([disabled="true"]) {
color: #efefef !important;
}
.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
.toolbarbutton-1 > .toolbarbutton-icon {
-moz-margin-end: 0!important;
}
#navigator-toolbox > toolbar:not(#TabsToolbar) toolbarbutton-1 > .toolbarbutton-menubutton-button {
-moz-appearance: none !important;
margin-top: -5px !important;
margin-bottom: -5px !important;
-moz-margin-start: -5px !important;
-moz-margin-end: 0 !important;
-moz-padding-start: 6px !important;
-moz-padding-end: 2px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
#navigator-toolbox > toolbar:not(#TabsToolbar) toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-moz-appearance: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
-moz-margin-start: 0 !important;
-moz-margin-end: 0 !important;
-moz-padding-start: 0px !important;
-moz-padding-end: 0px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/****/
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button > #forward-button {
-moz-appearance: none !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
-moz-margin-end: 0 !important;
border-right: 0px !important;
border-left: 0px !important;
transition: background-color .2s ease-in !important;
box-shadow: 0px 1px 0px rgba(24,24,24,0.8) inset,
0 -1px 1px rgba(0,0,0,0.2)inset,
-1px 0 0 rgba(26,26,26,0.8)inset,
1px 0 1px rgba(0,0,0,0.16),
0px 1px 0 rgba(255,255,255,.09) !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:not([switchingtabs]) > #forward-button {
transition: opacity 150ms ease-out !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:not(:hover) > #forward-button[disabled] {
opacity: 0 !important;
}
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"],#nav-bar:not([currentset])) > #unified-back-forward-button:hover > #forward-button[disabled] {
box-shadow: none !important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button {
-moz-appearance: none !important;
border-radius: 3px!important;
padding: 0!important;
position: relative !important;
z-index: 1 !important;
width: 34px !important;
height: 30px !important;
margin-top: 2px!important;
margin-bottom: 2px !important;
/* margin-left: 2px!important;
margin-right: -9px !important;*/
background: -moz-linear-gradient(rgba(255,255,255,.06),
rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.09),
rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important;
border-top: 1px solid rgb(46,46,46) !important;
border-left: 1px solid rgb(28,28,28) !important;
border-right: 1px solid rgb(28,28,28) !important;
border-bottom: 1px solid rgb(26,26,26) !important;
box-shadow: 1px 1px 2px 1px rgba(255, 255, 255, 0.03) inset,
0px 1px 0px rgba(255, 255, 255, 0.11) inset,
-1px -1px 1px 1px rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
#clearDownloadsButton {
-moz-appearance: none !important;
border-radius: 3px!important;
background: -moz-linear-gradient(rgba(255,255,255,.06),
rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.09),
rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important;
border-top: 1px solid rgb(46,46,46) !important;
border-left: 1px solid rgb(28,28,28) !important;
border-right: 1px solid rgb(28,28,28) !important;
border-bottom: 1px solid rgb(26,26,26) !important;
box-shadow: 1px 1px 2px 1px rgba(255, 255, 255, 0.03) inset,
0px 1px 0px rgba(255, 255, 255, 0.11) inset,
-1px -1px 1px 1px rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
#back-button {
-moz-appearance: none !important;
border-radius: 3px 0 0 3px!important;
padding: 1px!important;
margin-top: 2px!important;
margin-bottom: 2px !important;
margin-left: 2px!important;
background: -moz-linear-gradient(rgba(255,255,255,.06),
rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.09),
rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important;
border-top: 1px solid rgb(46,46,46) !important;
border-left: 1px solid rgb(28,28,28) !important;
border-right:0px solid !important;
border-bottom: 1px solid rgb(26,26,26) !important;
box-shadow: -1px 0 0 rgba(0,0,0,0.16)inset,
1px 1px 2px rgba(255, 255, 255, 0.03) inset,
0px 1px 0px rgba(255, 255, 255, 0.11) inset,
-1px -1px 0 rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
#clearDownloadsButton:not([disabled]):hover,
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):not([checked="true"]):not(:active):hover,
#back-button:not([disabled]):hover {
padding: 1px!important;
-moz-appearance: none !important;
-moz-border-image: none!important;
background:-moz-linear-gradient(rgba(255,255,255,.08),
rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.11), rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #154478!important;
border-top: 1px solid #123a66 !important;
border-left: 1px solid #0F2F54 !important;
border-right: 1px solid #0F2F54 !important;
border-bottom: 1px solid #0b2441 !important;
box-shadow: -1px -1px 1px 1px rgba(255, 255, 255, 0.04) inset,
0px 1px 0px rgba(255, 255, 255, 0.26) inset,
-1px -1px 1px 1px rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
}
#back-button:not([disabled]):hover {
background:-moz-linear-gradient(rgba(255,255,255,.08),
rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.11), rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #154478!important;
border-top: 1px solid #123a66 !important;
border-left: 1px solid #0F2F54 !important;
border-bottom: 1px solid #0b2441 !important;
border-right: 0 solid !important;
box-shadow: -1px 0 0 rgba(0,0,0,0.16)inset,
1px 1px 2px rgba(255, 255, 255, 0.04) inset,
0px 1px 0px rgba(255, 255, 255, 0.26) inset,
-1px -1px 0 rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
#clearDownloadsButton:not([disabled]):active,
#clearDownloadsButton:not([disabled]):active:hover,
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover:active,
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"]:hover,
#back-button:not([disabled]):active,
#back-button:not([disabled]):active:hover {
-moz-appearance: none !important;
background: -moz-linear-gradient(rgba(255,255,255,.00),
rgba(255,255,255,.0) 50%, rgba(255,255,255,0.055)),
-moz-linear-gradient(rgba(0,0,0,.11),
rgba(0,0,0,.0) 49%,
rgba(255,255,255,.0) 51%,
rgba(255,255,255,.08)), #0d2b4d!important;
border-top: 1px solid #123a66 !important;
border-left: 1px solid #0F2F54 !important;
border-right: 1px solid #0F2F54 !important;
border-bottom: 1px solid #0b2441 !important;
box-shadow: 0px -2px 2px rgba(255, 255, 255, 0.04) inset,
0px 2px 0px rgba(255, 255, 255, 0.16) inset,
-1px -1px 1px 1px rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
}
#back-button:not([disabled]):active,
#back-button:not([disabled]):active:hover {
background: -moz-linear-gradient(rgba(255,255,255,.00),
rgba(255,255,255,.0) 50%, rgba(255,255,255,0.055)),
-moz-linear-gradient(rgba(0,0,0,.11),
rgba(0,0,0,.0) 49%,
rgba(255,255,255,.0) 51%,
rgba(255,255,255,.08)), #0d2b4d!important;
border-top: 1px solid #123a66 !important;
border-left: 1px solid #0F2F54 !important;
border-right: 0px solid !important;
border-bottom: 1px solid #0b2441 !important;
box-shadow: -1px 0 0 rgba(0,0,0,0.16)inset,
0px -1px 2px rgba(255, 255, 255, 0.04) inset,
0px 1px 0px rgba(255, 255, 255, 0.16) inset,
-1px -1px 0 rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
#clearDownloadsButton[disabled="true"],
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[disabled],
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[disabled="true"],
#back-button[disabled="true"] {
background: url("images/stripe-5.png"), #3a3a3a!important;
background-size: 6px!important;
background-repeat: repeat!important;
}
#back-button[disabled="true"] {
background: url("images/stripe-5.png"), #3a3a3a!important;
border-right: 0 solid !important;
background-size: 6px!important;
background-repeat: repeat!important;
box-shadow: -1px 0 0 rgba(0,0,0,0.16)inset,
1px 1px 2px rgba(255, 255, 255, 0.03) inset,
0px 1px 0px rgba(255, 255, 255, 0.11) inset,
-1px -1px 0 rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
}
#clearDownloadsButton,
#clearDownloadsButton:not([disabled]):hover {
width: 100%!important;
height: 100%!important;
margin: 0 !important;
padding: 4px 5px !important;
}
toolbar:not([iconsize="small"])[mode="icons"][currentset*="unified-back-forward-button"],
#nav-bar:not([iconsize="small"])[mode="icons"]:not([currentset]) {
padding-top: 3px!important;
padding-bottom: 6px!important;
}
#navigator-toolbox[tabsontop="true"] > toolbar:not([iconsize="small"])[mode="icons"][currentset*="unified-back-forward-button"],
#navigator-toolbox[tabsontop="true"] > #nav-bar:not([iconsize="small"])[mode="icons"]:not([currentset]) {
padding-top: 5px!important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button,
window:not([chromehidden~=toolbar]) :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"][mode=icons],
#nav-bar:not([currentset])[mode=icons]) > #unified-back-forward-button > #forward-button {
-moz-appearance: none !important;
list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar")!important;
-moz-margin-start: -6px !important;
padding: 0 !important;
border-radius: 0px !important;
margin-top: 5px!important;
margin-bottom: 5px !important;
padding-left: 7px !important;
padding-right: 3px !important;
background: -moz-linear-gradient(rgba(255,255,255,.03),
rgba(255,255,255,.0) 25%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.06),
rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important;
border: 0 solid!important;
box-shadow: 0 1px 1px rgb(34,34,34) inset,
0 -1px 0 rgb(20,20,20) inset,
0px -2px 2px rgba(255, 255, 255, 0.04) inset,
0px 2px 0px rgba(255, 255, 255, 0.16) inset,
0 1px 2px rgba(0,0,0, 0.24),
0 -1px 2px rgba(0,0,0,0.02)!important;
-moz-transition: .2s ease-in !important;
}
#placesToolbar #forward-button {
-moz-appearance: none !important;
border-radius: 0 3px 3px 0!important;
padding: 1px!important;
margin-top: 2px!important;
margin-bottom: 2px !important;
margin-right: 2px !important;
background: -moz-linear-gradient(rgba(255,255,255,.06),
rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.09),
rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #313131!important;
border-top: 1px solid rgb(46,46,46) !important;
border-left: 0px solid rgba(255,255,255,0.06) !important;
border-right: 1px solid rgb(28,28,28) !important;
border-bottom: 1px solid rgb(26,26,26) !important;
box-shadow: 1px 0 0 rgba(255,255,255,0.06)inset,
-1px 1px 0 rgba(255, 255, 255, 0.03) inset,
0px 1px 0px rgba(255, 255, 255, 0.11) inset,
1px -1px 0 rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
#placesToolbar #forward-button:not([disabled]):hover {
background: -moz-linear-gradient(rgba(255,255,255,.06),
rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.11), rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #154478!important;
box-shadow: -1px -1px 1px 1px rgba(255, 255, 255, 0.04) inset,
0px 1px 0px rgba(255, 255, 255, 0.11) inset,
1px -1px 1px 1px rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
border-top: 1px solid #123a66 !important;
border-right: 1px solid #0F2F54 !important;
border-bottom: 1px solid #0b2441 !important;
border-left: 0 solid !important;
box-shadow: 1px 0 0 rgba(255,255,255,0.06)inset,
-1px 1px 0 rgba(255, 255, 255, 0.04) inset,
0px 1px 0px rgba(255, 255, 255, 0.26) inset,
1px -1px 0 rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):not(:active):hover,
#forward-button:not([disabled]):hover {
-moz-appearance: none !important;
list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar")!important;
padding: 0 !important;
padding-left: 7px !important;
padding-right: 3px !important;
margin-top: 5px!important;
margin-bottom: 5px !important;
background: -moz-linear-gradient(rgba(255,255,255,.06),
rgba(255,255,255,.0) 35%, rgba(255,255,255,0.0)),
-moz-linear-gradient(rgba(255,255,255,.11), rgba(255,255,255,.0) 49%,
rgba(0,0,0,.0) 50%, rgba(0,0,0,.08)), #154478!important;
border-top: 1px solid #123a66 !important;
border-bottom: 1px solid #0b2441 !important;
box-shadow: -1px -1px 1px 1px rgba(255, 255, 255, 0.04) inset,
0px 1px 0px rgba(255, 255, 255, 0.11) inset,
1px -1px 1px 1px rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: opacity .2s ease-in !important;
}
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button:not([disabled="true"]):hover:active,
#navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #forward-button[open="true"]:hover,
#forward-button:not([disabled]):active,
#forward-button:not([disabled]):active:hover {
-moz-appearance: none !important;
list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar")!important;
background: -moz-linear-gradient(rgba(255,255,255,.00),
rgba(255,255,255,.0) 40%, rgba(255,255,255,0.055)),
-moz-linear-gradient(rgba(0,0,0,.11),
rgba(0,0,0,.0) 49%,
rgba(255,255,255,.0) 51%,
rgba(255,255,255,.08)),#0d2b4d!important;
border-top: 1px solid #123a66 !important;
border-bottom: 1px solid #0b2441 !important;
box-shadow: 0px -1px 1px rgba(255, 255, 255, 0.04) inset,
0px 1px 0px rgba(255, 255, 255, 0.10) inset,
1px -1px 1px 1px rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
}
#placesToolbar #forward-button:not([disabled]):active,
#placesToolbar #forward-button:not([disabled]):active:hover {
-moz-appearance: none !important;
list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar")!important;
background: -moz-linear-gradient(rgba(255,255,255,.00),
rgba(255,255,255,.0) 40%, rgba(255,255,255,0.055)),
-moz-linear-gradient(rgba(0,0,0,.11),
rgba(0,0,0,.0) 49%,
rgba(255,255,255,.0) 51%,
rgba(255,255,255,.08)),#0d2b4d!important;
border-top: 1px solid #123a66 !important;
border-right: 1px solid #0F2F54 !important;
border-left: 0px solid !important;
border-bottom: 1px solid #0b2441 !important;
box-shadow: 1px 0 0 rgba(255,255,255,0.06)inset,
0px -1px 2px rgba(255, 255, 255, 0.04) inset,
0px 1px 0px rgba(255, 255, 255, 0.16) inset,
1px -1px 0 rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
#placesToolbar #forward-button[disabled="true"] {
background: url("images/stripe-5.png"), #3a3a3a!important;
border-left: 0 solid !important;
background-size: 6px!important;
background-repeat: repeat!important;
box-shadow: 1px 0 0 rgba(255,255,255,0.06)inset,
-1px 1px 0 rgba(255, 255, 255, 0.03) inset,
0px 1px 0px rgba(255, 255, 255, 0.11) inset,
1px -1px 0 rgba(0,0,0,0.06),
0 1px 2px rgba(0,0,0,0.16)!important;
-moz-transition: .2s ease-in !important;
}
/******************************* Status panel ********************************/
.statuspanel-label {
margin: 0!important;
padding: 2px 4px!important;
border: 1px solid #171717!important;
border-radius: 2px 2px 0 0!important;
border-bottom-style: none !important;
text-shadow: none!important;
background-color: #1a1a1a !important;
background-image: none!important;
box-shadow: 0 1px 0 rgba(255,255,255, 0.06) inset,
1px 0 0 rgba(0,0,0, 0.36) inset,
-1px 0 0 rgba(0,0,0, 0.3) inset,
-2px -2px 4px rgba(0,0,0,0.2),
-2px 0 4px rgba(0,0,0,0.2)!important;
color: #ababab !important;
font-weight: bold !important;
font-size: 0.975em !important;
}
/************************* Text Input Boxes ***************************/
textbox,
.menulist-editable-box {
-moz-appearance: none !important;
border-radius: 3px !important;
border: 1px solid rgb(0,0,0) !important;
border-top: 1px solid rgb(10,10,10) !important;
border-left: 1px solid rgb(12,12,12) !important;
border-right: 1px solid rgb(12,12,12) !important;
border-bottom: 1px solid rgb(22,22,22) !important;
background: rgba(0,0,0,0.3) !important;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset,
0 1px 0 rgba(0,0,0,0.08) inset,
0px 1px 0 rgba(255,255,255,.1) !important;
}
tabpanels textbox,
tabpanels .menulist-editable-box,
tabpanels .numberbox-input-box {
-moz-appearance: none !important;
border: 1px solid rgb(0,0,0) !important;
border-top: 1px solid rgb(4,4,4) !important;
border-left: 1px solid rgb(5,5,5) !important;
border-right: 1px solid rgb(5,5,5) !important;
border-bottom: 1px solid rgb(8,8,8) !important;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset,
0 1px 0 rgba(0,0,0,0.08) inset,
0px 1px 0 rgba(255,255,255,.024) !important;
}
.numberbox-input-box,
.spinnbuttons-box,
.spinbuttons-button {
-moz-appearance: none !important;
background: transparent !important;
border: transparent !important;
}
.numberbox-input-box,
.spinnbuttons-box {
border-radius: 3px 0 0 3px!important;
}
.spinbuttons-button {
border-left: 2px solid !important;
-moz-border-left-colors: rgba(0, 0, 0, 0.32) rgba(255, 255, 255, 0.04)!important;
}
textbox[focused="true"],
.menulist-editable-box[focused="true"] {
border-top: 1px solid rgb(4,4,4) !important;
border-left: 1px solid rgb(5,5,5) !important;
border-right: 1px solid rgb(5,5,5) !important;
border-bottom: 1px solid rgb(12,12,12) !important;
background: #080808 !important;
-moz-transition: .40s ease-in !important;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset,
0 1px 0 rgba(0,0,0,0.08) inset,
0px 1px 0 rgba(255,255,255,.13) !important;
}
tabpanels textbox[focused="true"],
tabpanels .menulist-editable-box[focused="true"],
tabpanels .numberbox-input-box[focused="true"] {
-moz-appearance: none !important;
border: 1px solid rgb(0,0,0) !important;
border-top: 1px solid rgb(2,2,2) !important;
border-left: 1px solid rgb(3,3,3) !important;
border-right: 1px solid rgb(3,3,3) !important;
border-bottom: 1px solid rgb(7,7,7) !important;
box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset,
0 1px 0 rgba(0,0,0,0.08) inset,
0px 1px 0 rgba(255,255,255,.03) !important;
}
textbox[disabled="true"],
.menulist-editable-box[disabled="true"] {
border-top: 1px solid rgb(16,16,16) !important;
border-left: 1px solid rgb(16,16,16) !important;
border-right: 1px solid rgb(16,16,16) !important;
border-bottom: 1px solid rgb(20,20,20) !important;
background: rgba(0,0,0,0.16) !important;
background-image: url("images/stripe-3.png")!important;
background-size: 6px;
background-repeat: repeat;
background-position: top left;
box-shadow: 0px 2px 4px rgba(0,0,0,0.14) inset,
0 1px 0 rgba(0,0,0,0.04) inset,
0px 1px 0 rgba(255,255,255,.08) !important;
}
tabpanels textbox[disabled="true"],
tabpanels .menulist-editable-box[disabled="true"],
tabpanels .numberbox-input-box[disabled="true"] {
-moz-appearance: none !important;
border: 1px solid rgb(0,0,0) !important;
border-top: 1px solid rgb(4,4,4) !important;
border-left: 1px solid rgb(5,5,5) !important;
border-right: 1px solid rgb(5,5,5) !important;
border-bottom: 1px solid rgb(8,8,8) !important;
background: rgba(0,0,0,0.16) !important;
background-image: url("images/stripe-3.png")!important;
background-size: 6px;
background-repeat: repeat;
background-position: top left;
box-shadow: 0px 2px 4px rgba(0,0,0,0.14) inset,
0 1px 0 rgba(0,0,0,0.04) inset,
0px 1px 0 rgba(255,255,255,.02) !important;
}
.spinbuttons-up {
-moz-appearance: none !important;
background-image: url("images/arrow-up.gif") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
}
.spinbuttons-up:not([disabled]):hover,
.spinbuttons-up:not([disabled]):active:hover {
background-image: url("images/arrow-up-hov.gif") !important;
}
.spinbuttons-up[disabled="true"] {
background-image: url("images/arrow-up-dis.gif") !important;
}
.spinbuttons-down {
-moz-appearance: none !important;
background-image: url("images/arrow-down.gif") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
}
.spinbuttons-down:not([disabled]):hover,
.spinbuttons-down:not([disabled]):active:hover {
background-image: url("images/arrow-down-hov.gif") !important;
}
.spinbuttons-down[disabled="true"] {
background-image: url("images/arrow-down-dis.gif") !important;
}
/***********Tree*********************/
tree {
-moz-appearance: none !important;
color: #ababab !important;
}
tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
tree[seltype="text"] > treechildren::-moz-tree-cell-text,
treechildren::-moz-tree-cell-text {
color: #ababab !important;
}
treechildren::-moz-tree-cell-text(hover) {
color: #cbcbcb !important;
}
tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) ,
tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
color: #dddddd!important;
}
tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus),
tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus),
treechildren::-moz-tree-cell-text(selected, focus),
treechildren::-moz-tree-cell-text(hover, selected, focus) {
color: #ffffff !important;
}
/*****/
tree[seltype="cell"] > treechildren::-moz-tree-line,
tree[seltype="text"] > treechildren::-moz-tree-line,
treechildren::-moz-tree-line {
border: 1px dotted #404046 !important;
}
tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus),
treechildren::-moz-tree-line(selected, focus) {
border: 1px dotted #dbdbdb !important;
}
/**************************** Headers *****************************/
/* Headers */
dialogheader {
border: 1px solid rgba(0,0,0,0.65) !important;
opacity: .2px !important;
}
.dialogheader-title {
color: #ededed !important;
font-weight: bold !important;
text-shadow: 0px 1px 2px rgba(0,0,0,0.22) !important;
}
caption {
color: #E8AC27 !important;
text-shadow: 0px 1px 0px rgba(0,0,0,0.4) !important;
}
notification {
background: #E8AC27;
}
/*********************************App-menu Button**********************/
#TabsToolbar #appmenu-toolbar-button {
-moz-appearance: none!important;
background: url("images/gear.svg")!important;
background-repeat: no-repeat !important;
background-position: center!important;
background-size: 20px !important;
margin: 0!important;
min-width: 36px!important;
min-height: 26px!important;
-moz-border-image: none !important;
border: none!important;
background-repeat: no-repeat !important;
background-position: center top!important;
}
#appmenu-toolbar-button:-moz-window-inactive {
opacity: 0.45 !important;
}
#TabsToolbar #appmenu-toolbar-button:hover {
-moz-appearance: none!important;
background-image: url("images/gear-hover.svg"),
url("chrome://browser/skin/appmenu-dropmarker.png")!important;
}
#TabsToolbar #appmenu-toolbar-button:active:hover,
#TabsToolbar #appmenu-toolbar-button:active,
#TabsToolbar #appmenu-toolbar-button[open="true"] {
-moz-appearance: none!important;
background-image: url("images/gear-active.svg"),
url("chrome://browser/skin/appmenu-dropmarker.png")!important;
}
[privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button {
-moz-appearance: none!important;
background-image: url("images/gear-private.svg"),
url("chrome://browser/skin/appmenu-dropmarker.png")!important;
}
[privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button:hover {
background-image: url("images/gear-private-hover.svg"),
url("chrome://browser/skin/appmenu-dropmarker.png")!important;
}
[privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button:active:hover,
[privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button:active,
[privatebrowsingmode=temporary] #TabsToolbar #appmenu-toolbar-button[open="true"] {
-moz-appearance: none!important;
background-image: url("images/gear-private-active.svg"),
url("chrome://browser/skin/appmenu-dropmarker.png")!important;
}
#appmenu-toolbar-button .toolbarbutton-text,
#appmenu-toolbar-button .toolbarbutton-icon,
#appmenu-toolbar-button > .toolbarbutton-menu-dropmarker {
-moz-appearance: none!important;
display: none !important;
}
#PersonalToolbar .toolbarbutton-menu-dropmarker
{display: none !important;}
/**********************************Tooltips*****************************/
tooltip {
-moz-appearance: none !important;
border: 0px solid rgba(0,0,0,0.12)!important;
border-radius: 2px !important;
box-shadow: 0 0 1px 1px rgba(255,255,255,0.03) inset!important;
background-color: rgba(10,10,10,0.9) !important;
background-image: none!important;
}
tooltiptext {
color: #bababa !important;
-moz-appearance: none !important;
}
tooltip label,
.tooltip-label {
margin: 0px !important;
padding: 0 2px 0 2px!important;
color: #bababa!important;
font-weight: bold!important;
font-size: .905em !important;
text-shadow: 0 1px rgba(0,0,0,0.45)!important;
}
/********************************Dialog Windows************************/
dialog,
wizard,
prefwindow,
#clientBox,
/*#placesView,
menubar,*/
windowdragbox {
-moz-appearance: none!important;
background-color: #1a1a1a !important;
}
/*******************Download Manager**********************************/
#downloadView {
-moz-appearance: none !important;
color: #adadad !important;
background: url("images/selection-toolbar.png") repeat!important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.45) inset !important;
}
/* Download View Items */
richlistitem[type="download"],
richlistitem[type="download"]:not([selected="true"]):nth-child(odd) {
-moz-appearance: none !important;
background-color: transparent !important;
box-shadow:0 1px 0 rgba(21,68,120,0.14)!important;
border-bottom: 1px solid transparent!important;
}
richlistitem[type="download"]:last-of-type,
richlistitem[type="download"]:not([selected="true"]):nth-child(odd):last-of-type {
box-shadow: none!important;
}
richlistitem[type="download"]:hover,
richlistitem[type="download"]:not([selected="true"]):nth-child(odd):hover {
background: rgba(20,68,120,0.11) !important;
-moz-transition: .3s ease-in !important;
box-shadow:0 1px 0 rgba(21,68,120,0.21)!important;
-moz-transition: .35s ease-in !important;
}
richlistitem[type="download"][selected="true"],
richlistitem[type="download"][selected="true"]:nth-child(odd) {
-moz-appearance: none !important;
background: rgba(21,68,120,0.97) !important;
color: #fff !important;
border-bottom: 1px solid transparent!important;
outline: none !important;
box-shadow: 1px 1px 0 rgba(21,68,120,0.98) inset,
-1px -1px 0 rgba(21,68,120,0.98) inset !important;
}
richlistitem[type="download"][selected="true"]:hover,
richlistitem[type="download"][selected="true"]:nth-child(odd):hover {
background: rgba(21,68,120,1.0) !important;
}
progressmeter,
#downloadManager progressmeter,
#downloadsPanel progressmeter,
#addon-progress-notification progressmeter {
-moz-appearance: none !important;
background: rgba(0,0,0,0.28) !important;
border-radius: 2px !important;
border: 1px solid rgba(0,0,0,0.42) !important;
box-shadow: 0px 2px 4px rgba(0,0,0,.16)inset,
1px 1px 0 rgba(0,0,0,0.15)inset,
0 1px 0px rgba(255,255,255,0.04)!important;
height: 16px!important;
min-height: 16px!important;
}
#downloadsPanel progressmeter,
#addon-progress-notification progressmeter {
height: 8px!important;
min-height: 8px!important;
}
.progress-bar,
#downloadManager .progress-bar,
#downloadsPanel .progress-bar,
#addon-progress-notification .progress-bar {
-moz-appearance: none !important;
margin: 1px !important;
background: rgb(21,68,120)!important;
border-radius: 2px !important;
border: 1px solid rgba(9,9,9,0.18) !important;
border-bottom: 1px solid rgba(0,0,0,0.2)!important;
box-shadow: -1px 1px 1px rgba(255,255,255,0.11)inset,
1px 0 0px rgba(255,255,255,0.11)inset!important;
height: 14px!important;
min-height: 14px!important;
}
#downloadsPanel .progress-bar,
#addon-progress-notification .progress-bar {
height: 6px!important;
min-height: 6px!important;
}
.popup-progress-label,
.popup-progress-meter {
-moz-margin-start: 0!important;
-moz-margin-end: 0!important;
}
richlistitem[type="download"] .status {
-moz-appearance: none !important;
color: #50505A !important;
}
richlistitem[type="download"][selected="true"] .status {
-moz-appearance: none !important;
color: #a0ff3c !important;
}
/*********************&&&&&&&**************************/
/* Tabstrip */
#TabsToolbar {
-moz-appearance: none!important;
min-height: 27px!important;
padding: 0!important;
-moz-padding-start: 2px !important;
-moz-padding-end: 2px !important;
}
#navigator-toolbox[tabsontop=true] > #TabsToolbar {
margin-bottom: -3px!important;
}
#TabsToolbar[tabsontop=true]:not(:-moz-lwtheme) {
-moz-appearance: menubar!important;
color: -moz-menubartext!important;
}
:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1,
:-moz-any(#TabsToolbar, #addon-bar) toolbarbutton,
:-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.bookmark-item,
:-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.chevron,
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
-moz-appearance: none!important;
border-style: none!important;
padding: 0 3px!important;
box-shadow: none !important;
}
:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1:not([open="true"]):not([checked="true"]):not([disabled="true"]):not(:active):hover,
:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1:hover:active:not([disabled="true"]),
:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[checked="true"]:not([disabled="true"]),
:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1[open="true"]:not([disabled="true"]),
:-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.bookmark-item:hover,
:-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.chevron:hover,
:-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.bookmark-item[open="true"],
:-moz-any(#TabsToolbar, #addon-bar) toolbarbutton.chevron[open="true"],
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover {
-moz-appearance: none!important;
background-image: -moz-linear-gradient(rgba(232,232,232,0), rgba(213,213,213,.7)),
-moz-linear-gradient(transparent, rgba(0,0,0,.15) 30%),
-moz-linear-gradient(transparent, rgba(0,0,0,.15) 30%) !important;
background-position: 1px -1px, 0 -1px, 100% -1px !important;
background-size: calc(100% - 2px) 100%, 1px 100%, 1px 100% !important;
background-repeat: no-repeat !important;
box-shadow: none !important;
}
#TabsToolbar toolbarbutton {
-moz-appearance:none !important;
border: none!important;
box-shadow: none!important;
background: none!important;
-moz-border-image: none!important;
}
#TabsToolbar .toolbarbutton-1,
#addon-bar toolbarbutton {
-moz-appearance:none !important;
-moz-border-image: none !important;
}
#TabsToolbar > toolbarbutton .box-inherit.toolbarbutton-menubutton-button .toolbarbutton-icon {
-moz-appearance:none !important;
width: auto !important;
height: auto !important;
}
/* Prevent overlapping of tabs during the close animation */
.tab-label:not([fadein]):not([pinned]) {
-moz-appearance:none !important;
margin-left: -16px!important;
margin-right: -16px!important;
transition: opacity 100ms ease-out,
margin 30ms ease-out 80ms!important;
}
/* Tabs */
.tab-stack {
-moz-appearance:none !important;
min-height: 27px !important;
}
.tabbrowser-tab:not([pinned]) {
-moz-appearance: none!important;
margin: 0!important;
padding: 0!important;
border: 0 solid transparent!important;
background: transparent!important;
}
.tabbrowser-tab[fadein]:not([pinned]) {
-moz-appearance:none !important;
min-width: 54px!important;
max-width: 194px!important;
}
.tabbrowser-tab[pinned] {
-moz-appearance: none!important;
border: 0 solid transparent!important;
background: transparent!important;
}
.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
-moz-appearance:none !important;
-moz-padding-start: 0px!important;
-moz-padding-end: 18px!important;
}
.tab-content {
-moz-appearance:none !important;
border: solid transparent!important;
border-width: 2px 15px!important;
-moz-margin-start: 0!important;
-moz-margin-end: -14px!important;
}
.tabbrowser-tab > .tab-stack > .tab-content:not([selected="true"]) {
-moz-appearance:none !important;
-moz-border-image: url("images/tabbrowser/tab.png") 2 15 fill repeat stretch!important;
}
.tabbrowser-tab:last-of-type > .tab-stack > .tab-content:not([selected="true"]){
-moz-appearance:none !important;
-moz-border-image: none!important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-content:not([selected="true"]) {
-moz-appearance:none !important;
-moz-border-image: url("images/tabbrowser/tab-hover.png") 2 15 fill repeat stretch!important;
}
.tabbrowser-tab > .tab-stack > .tab-content[selected="true"] {
-moz-appearance:none !important;
-moz-border-image: url("images/tabbrowser/tab-active.png") 2 15 fill repeat stretch!important;
}
/* preloading hack */
#tabbrowser-tabs::after {
-moz-appearance:none !important;
content: ''!important;
display: block!important;
background-image:
url(images/tabbrowser/tab.png),
url(images/tabbrowser/tab-hover.png),
url(images/tabbrowser/tab-active.png),
url(images/tabbrowser/tab-pin.png),
url(images/tabbrowser/tab-pin-first.png),
url(images/tabbrowser/attention.png),
url(images/tabbrowser/attention-hover.png)!important;
}
.tabbrowser-tab[selected="true"] > .tab-stack {
-moz-appearance:none !important;
z-index: 1!important;
position: relative!important;
}
.tabbrowser-tab:-moz-lwtheme {
-moz-appearance:none !important;
color: inherit!important;
text-shadow: inherit!important;
}
.tabbrowser-tab .tab-text {
-moz-appearance:none !important;
margin-top: 0 !important;
}
.tabbrowser-tab .tab-text:not([selected="true"]):not(:-moz-lwtheme):hover {
-moz-appearance:none !important;
color: #adadad!important;
text-shadow: 0px 1px 2px rgba(0,0,0,0.4)!important;
}
.tabbrowser-tab .tab-text[selected="true"]:not(:-moz-lwtheme) {
-moz-appearance:none !important;
color: #cdcdcd!important;
text-shadow: 0px 1px 2px rgba(0,0,0,0.4)!important;
}
.tabbrowser-tab .tab-text[selected="true"]:not(:-moz-lwtheme):hover {
-moz-appearance:none !important;
color: #ededed!important;
text-shadow: 0px 1px 2px rgba(0,0,0,0.46)!important;
}
.tabbrowser-tab[pinned] > .tab-stack > .tab-content:not([selected="true"]) {
-moz-appearance:none !important;
-moz-border-image: url("images/tabbrowser/tab-pin.png") 2 15 fill stretch stretch !important;
opacity: .6!important;
}
.tabbrowser-tab[pinned]:first-of-type > .tab-stack > .tab-content:not([selected="true"]) {
-moz-appearance:none !important;
-moz-border-image: url("images/tabbrowser/tab-pin-first.png") 2 15 fill stretch stretch !important;
}
.tabbrowser-tab[pinned]:hover > .tab-stack > .tab-content:not([selected="true"]) {
-moz-appearance:none !important;
-moz-border-image: url("images/tabbrowser/tab-pin.png") 2 15 fill stretch stretch !important;
opacity: .8!important;
}
.tabbrowser-tab[pinned]:first-of-type:hover > .tab-stack > .tab-content:not([selected="true"]) {
-moz-appearance:none !important;
-moz-border-image: url("images/tabbrowser/tab-pin-first.png") 2 15 fill stretch stretch !important;
opacity: .8!important;
}
.tabbrowser-tab[pinned][titlechanged] > .tab-stack > .tab-content {
-moz-border-image: url("images/tabbrowser/attention.png") 2 15 fill stretch stretch !important;
}
.tabbrowser-tab[pinned][titlechanged]:hover > .tab-stack > .tab-content:not([selected="true"]) {
-moz-border-image: url("images/tabbrowser/attention-hover.png") 2 15 fill stretch stretch !important;
}
.tab-throbber,
.tab-icon-image {
-moz-margin-start: 1px!important;
-moz-margin-end: 4px!important;
margin-top: 0!important;
width: 16px!important;
height: 16px!important;
}
.tab-throbber {
list-style-image: url("images/connecting.png")!important;
}
.tab-throbber[progress] {
list-style-image: url("images/loading.png")!important;
}
.tab-throbber[pinned],
.tab-icon-image[pinned] {
-moz-appearance:none !important;
-moz-margin-start: 3px!important;
-moz-margin-end: 3px!important;
}
.tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) {
-moz-appearance:none !important;
visibility: collapse!important;
}
.tabbrowser-tab:not([pinned]):not([busy]):not([progress]) .tab-icon-image:not([src]) ~ .tab-label {
-moz-appearance:none !important;
-moz-margin-start: 5px !important;
}
.tab-text:not([selected="true"]):not(:-moz-lwtheme) {
-moz-appearance:none !important;
color: #8b8b8b!important;
text-shadow: 0px 1px 2px rgba(0,0,0,0.34)!important;
}
/* tabbrowser-tab focus ring */
.tabbrowser-tab:focus > .tab-stack {
-moz-appearance:none !important;
outline: 1px dotted!important;
}
/* Tabbrowser arrowscrollbox arrows */
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
-moz-appearance:none !important;
width: 28px!important;
margin: 0 !important;
padding-right: 0px !important;
border-right: 2px solid transparent !important;
background-origin: border-box !important;
z-index: 1!important;
position: relative!important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon {
-moz-appearance:none !important;
padding-left: 6px!important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(ltr) > .toolbarbutton-icon,
.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(rtl) > .toolbarbutton-icon {
-moz-appearance:none !important;
list-style-image: url("images/tabbrowser/arrowscroll-left.svg")!important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
-moz-appearance:none !important;
opacity: .34!important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) > .toolbarbutton-icon,
.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl) > .toolbarbutton-icon {
-moz-appearance:none !important;
list-style-image: url("images/tabbrowser/arrowscroll-right.svg")!important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(ltr):not([disabled]):hover > .toolbarbutton-icon,
.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(rtl):not([disabled]):hover > .toolbarbutton-icon {
-moz-appearance:none !important;
list-style-image: url("images/tabbrowser/arrowscroll-left-hover.svg")!important;
}
.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr):not([disabled]):hover > .toolbarbutton-icon,
.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl):not([disabled]):hover > .toolbarbutton-icon {
-moz-appearance:none !important;
list-style-image: url("images/tabbrowser/arrowscroll-right-hover.svg")!important;
}
.tabs-newtab-button > .toolbarbutton-icon {
-moz-appearance:none !important;
margin-top: 1px!imprtant;
}
.tabs-newtab-button {
-moz-appearance:none !important;
border: 0 !important;
-moz-margin-start: 7px !important;
padding: 0 !important;
background: transparent!important;
list-style-image: url(images/tabbrowser/tab_new.png)!important;
-moz-image-region: rect(0px, 34px, 18px, 0px)!important;
}
.tabs-newtab-button:hover {
-moz-appearance:none !important;
-moz-image-region: rect(0px, 68px, 18px, 34px)!important;
}
.tabs-newtab-button:hover:active {
-moz-appearance:none !important;
-moz-image-region: rect(0px, 102px, 18px, 68px)!important;
}
.tabs-newtab-button:-moz-locale-dir(rtl) {
-moz-appearance:none !important;
transform: scaleX(-1)!important;
margin-top: 1px!important;
}
#TabsToolbar > #new-tab-button,
#TabsToolbar > toolbarpaletteitem > #new-tab-button,
#navigator-toolbox[tabsontop=false] #TabsToolbar > #new-tab-button,
#navigator-toolbox[tabsontop=false] #TabsToolbar > toolbarpaletteitem > #new-tab-button {
-moz-appearance:none !important;
-moz-padding-start: 0px !important;
-moz-padding-end: 0px !important;
list-style-image: url(images/tabbrowser/newtab-end.png)!important;
-moz-image-region: rect(0px, 18px, 18px, 0px)!important;
}
#TabsToolbar > #new-tab-button:hover,
#TabsToolbar > toolbarpaletteitem > #new-tab-button:hover,
#navigator-toolbox[tabsontop=false] #TabsToolbar > #new-tab-button:hover,
#navigator-toolbox[tabsontop=false] #TabsToolbar > toolbarpaletteitem > #new-tab-button:hover {
-moz-appearance:none !important;
-moz-image-region: rect(0px, 36px, 18px, 18px)!important;
}
#TabsToolbar > #new-tab-button:hover:active,
#TabsToolbar > toolbarpaletteitem > #new-tab-button:hover:active,
#navigator-toolbox[tabsontop=false] #TabsToolbar > #new-tab-button:hover:active,
#navigator-toolbox[tabsontop=false] #TabsToolbar > toolbarpaletteitem > #new-tab-button:hover:active {
-moz-appearance:none !important;
-moz-image-region: rect(0px, 54px, 18px, 36px)!important;
}
#alltabs-button > .toolbarbutton-icon,
#alltabs-button[type="menu"] > .toolbarbutton-icon,
#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker {
-moz-appearance:none !important;
margin: 2px 0 1px!important;
list-style-image: url("images/tabbrowser/all-tabs.png")!important;
-moz-image-region: rect(0, 18px, 18px, 0)!important;
}
#alltabs-button:hover > .toolbarbutton-icon,
#alltabs-button:active > .toolbarbutton-icon,
#alltabs-button:hover:active > .toolbarbutton-icon,
#alltabs-button[type="menu"]:hover > .toolbarbutton-icon,
#alltabs-button[type="menu"]:active > .toolbarbutton-icon,
#alltabs-button[type="menu"]:hover:active > .toolbarbutton-icon,
#alltabs-button[type="menu"]:hover > .toolbarbutton-menu-dropmarker,
#alltabs-button[type="menu"]:active > .toolbarbutton-menu-dropmarker,
#alltabs-button[type="menu"]:hover:active > .toolbarbutton-menu-dropmarker {
-moz-appearance:none !important;
-moz-image-region: rect(0, 36px, 18px, 18px)!important;
}
/* All tabs menupopup */
.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
-moz-appearance:none !important;
list-style-image: url("images/tabbrowser/loading.png")!important;
}
/* Tabstrip close button */
.tabs-closebutton {
-moz-appearance:none !important;
list-style-image: url("images/close.png")!important;
-moz-image-region: rect(0, 16px, 16px, 0)!important;
padding: 4px 2px!important;
margin: 0px!important;
border: none !important;
box-shadow: none !important;
background: none !important;
-moz-border-image: none !important;
}
.tabs-closebutton > .toolbarbutton-icon {
-moz-appearance:none !important;
-moz-margin-end: 0px !important;
-moz-padding-end: 2px !important;
-moz-padding-start: 2px !important;
}
.tabs-closebutton:hover {
-moz-appearance:none !important;
-moz-image-region: rect(0, 32px, 16px, 16px)!important;
}
.tabs-closebutton:hover:active {
-moz-appearance:none !important;
-moz-image-region: rect(0, 48px, 16px, 32px)!important;
}
.tab-close-button {
-moz-appearance: none !important;
list-style-image: url("images/close.png")!important;
-moz-image-region: rect(0, 16px, 16px, 0)!important;
padding: 4px 2px!important;
margin: 0px!important;
}
.tab-close-button:hover {
-moz-image-region: rect(0, 32px, 16px, 16px)!important;
}
.tab-close-button:active,
.tab-close-button:active:hover {
-moz-image-region: rect(0, 48px, 16px, 32px)!important;
}
.tab-close-button:focus {
outline: none !important;
}
panel progressmeter,
popup progressmeter {
-moz-appearance: none !important;
background: #0000ff !important;
border-radius: 2px !important;
border: 1px solid rgba(0,0,0,0.42) !important;
box-shadow: 0px 2px 4px rgba(0,0,0,.16)inset,
1px 1px 0 rgba(0,0,0,0.15)inset,
0 1px 0px rgba(255,255,255,0.04)!important;
min-height: 16px!important;
max-height: 16px!important;
width:80%!important;
max-width:80%!important;
}
panel .progress-bar,
popup .progress-bar {
-moz-appearance: none !important;
margin: 1px !important;
background: #ff0000!important;
border-radius: 2px !important;
border: 1px solid rgba(9,9,9,0.18) !important;
border-bottom: 1px solid rgba(0,0,0,0.2)!important;
box-shadow: -1px 1px 1px rgba(255,255,255,0.11)inset,
1px 0 0px rgba(255,255,255,0.11)inset!important;
min-height: 14px!important;
max-height: 14px!important;
width:80%!important;
max-width: 80% !important;
}