/* ver.0.4.3 // modifiziert von Nico Traber (nico.traber@gmail.com) Based on: -"Firefox 4 Tabs in Titlebar/App Button as Tab-WinXP" by rob64rock. http://userstyles.org/styles/39893 -"Firefox 4 - Move Tabs into Title Bar (Win XP)" by lOtR. http://userstyles.org/styles/36044 -"Maximized Appmenu Button As Tab" by foxxyn8. http://userstyles.org/styles/39724 -"Firefox 4 menu button in Vista/7 style ANIMATED!" by wojtekmaj. http://userstyles.org/styles/35240 WindowsXP or Windows7 recommended. I have tested it myself on XP with different skins (Luna,Classic,a Vista-like skin) and a buddy of mine says it looks alright on 7. Ergo, Vista should be alright, too. I haven't tested it under any other OS, but I would apreciate it, if some of you would do and give me your opinions. This style has been tested on Firefox 4.0b7 and 4.0b8pre. issues: -The tabbars padding has been set for the use in XP. If you use Vista or 7, you might want to set another value. Edit the line "-moz-padding-end: 7.5em !important;" and "margin-right: 9.5em !important;". Value of 10em or 12em for the first and 12em or 14em for the second one should be fine, but I'm just guessing. -Dragging of the window: There is space between the Menu Button and the tabbar and on the right side of the tabbar left, while not maximized, to drag the window around. In the code below, there is a line "height: 36px !important;" in comment tags. If you uncomment it, the titlebar gains a few pixel height, you may use for dragging, but it might also create ugly looking graphic errors. Changes in 0.4.3: -Fixed issue with FFButtom in newest nightly build (FF4.0b8pre). -Refixed on 16.12.2010 Changes in 0.4.2: -Fixed disappearing tabbar, when menubar activated. -Added free space between the Menu Button and the tabbar and the tabbar and window-buttons on the right side, while not maximized. This area is there to drag the window. Changes in 0.4.1: -Ajusted the Firefox button's colors and glow effects, according to the values I found in the omni.jar. Changes in 0.4: -Now all new: Firefox Button ANIMATED! Changes in 0.3: -Icon in Firefox Menu Button has been replaced. -Removed "Personas applies to titlebar for Firefox 4" by Style Thing. http://userstyles.org/styles/37940 I gave it another thought... If you want it, wouldn't it be better to install it directly from the source? Yah, it would. Changes in 0.2: -minor graphical fixes in glow effect of the Firefox Menu Button -changed #appmenu-button-container position from fixed to relative. This comes at cost of less control about the FFButton position, but also places it at the right positions at the edge of the window. May lead to FFButton overlaping with a AppTab. */ @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* Modifies Firefox button into an icon'n'dropmarker only form. */ /* Explanation for the background. background-image consists of five images. 1. url("data:ima... for the icon 2. another url("data/ima..., but this time for a fake dropmarker 3. -moz-radial-gradient(15px... for the background glow effect of the icon 4&5. -moz-radial-gradient(center... for glow effect of the button 6. -moz-linear-gradient(rgb(... for the orange (or violett) color of the button Each image will be rendered into the previous in backward order. (from 6 to 1) The animated glow effect is based on a style of wojtekmaj. The trick is, to acctually hide the appmenu-button, when not hovered above it, and paint a background image into the appmenu-button-container, that looks like the button. The button itself is painted with the glow effect and faded in and out, when needed. Because it would conflict with the container image, the borders of the button have to be deactiveded. */ #main-window[tabsontop="true"] #appmenu-button-container { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="), -moz-linear-gradient(rgb(247,182,82), rgb(215,98,10) 95%) !important; background-repeat: no-repeat !important; background-position: 4px center, right center, 0px !important; margin-left: 2px !important; border-radius: 0 0 4px 4px; border: 1px solid rgba(83,42,6,.9); border-top: none; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 0 0 1px rgba(255,255,255,.25) inset; } #main-window[tabsontop="true"][privatebrowsingmode=temporary] #appmenu-button-container { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="), -moz-linear-gradient(rgb(153,38,211), rgb(105,19,163)95%) !important; border-color: rgba(43,8,65,.9); } #main-window[tabsontop="true"] #appmenu-button-container:-moz-window-inactive { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="), -moz-linear-gradient(hsla(0,0%,80%,.6), hsla(0,0%,75%,.4) 50%, hsla(0,0%,70%,.4) 51%) !important; border-color: rgba(0,0,0,.4); } #main-window[tabsontop="true"] #appmenu-button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="), -moz-radial-gradient(14px,circle cover,rgb(255,255,255)0,rgba(248,233,164,0.4)9px,rgba(248,233,164,0.2)20%,rgba(248,233,164,0)50%), -moz-radial-gradient(center bottom, farthest-side, rgba(252,240,89,.5) 10%, rgba(252,240,89,0) 70%), -moz-radial-gradient(center bottom, farthest-side, rgb(236,133,0), rgba(255,229,172,0)), -moz-linear-gradient(rgb(246,170,69), rgb(209,74,0)95%) !important; background-repeat: no-repeat !important; background-position: 4px center, right center, -2px -1px, 0, 0, 0, 0!important; padding: 5px 0 0 0 !important; margin-left: 0px !important; margin-bottom: 0px !important; min-height: 21px !important; height: auto !important; min-width: 36px !important; width: auto !important; -moz-transition: opacity 0.3s ease-in-out !important; opacity: 1.0; border: none !important; box-shadow: 0 1px 0 rgba(255,255,255,.1) inset, 0 0 1.5px 1px rgba(250,234,169,.7) inset, 0 -1px 0 rgba(250,234,169,.5) inset;} #main-window[tabsontop="true"][privatebrowsingmode=temporary] #appmenu-button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25JREFUeNosU1toHFUY/s6ZM7szuzs72e4t1zVGrZEoRBOQUo1W0QpSKIKXBymKmPrgQ9EKaV4EH4w+CH2Qgn0Q8fbSSrFQ8RJtaQm1thVrSwJtitnGbDbJZm+zO/eZ48zggZ/znfNfz3++n3DOceu1/EkAc/d9sXV18uDxycGVP9/sS3WmLuemCsE9XMddcW2nDI5TUkr+Kry78tl0uIH8H4CHhyN3nv9QU4uvfKp+PnLthgbt5HZkVK21ceG3RSzfXMPkP9//fED54QPHNBdCHf1IEl4NQWbEx1zpzGzoHGLb9rDVdVHrOLDAkOwrIG63MHtAe9aW0vPqUPalKEBCEZ6kqhBlyj+sInUvi7Bp+ci9sAPfjWehcwKiSAAT4Q7fhfGXxyTdpMfzY4VemkyTCTFFfaZm4No+PJ3Cs4DHd+2I5BEV2NBcOIIIW5Dw43UVudEiMgOyamnOEZrKkP644tMordEGNzlss4jcc2/gwsU61r/dRKvtYbtiwA8qWFy20Wq5GJjIwtWMPSye9NOgXuRvWwTCWCnCTFyEGAe2VuvgnSY6lQo8X8DVJQo5sKcZCZbujTImO3H4gOA38Nd5HbVvrsCNR5+Cw4PvQz53HowJIKYG2xMw3KOjJ11H0zDg2S6jgarTWHPgBNkffExGXvGhKMA7hRlQScbRzhzmkl/D6nThGl08MXgHaNRhlzfAYkRn1MKv1WV7f2GAIaVS5EoxFAnB2cQxJCUXbV/G3/Nn4d39NMR2GQfHl2BVbWxfqwcM868zFzhhNqy96zeZ3LczhtKEgtYax2a1i3LZQ72pYyY7g9ftE9i3T0dWsNC81UT5Ng0qLP5CTu9FAjpZSLD4+OijEmKSAMsIxBRx+VIL6FWQIF2UCg6Gh+MwAlKt39YCksntnmz+/pA1uhnjb7UN6zT+4IXSAxIU1UfQXOx+Kg5GTDgmgRsE1DY86NRBXXPNpZr29j31ZjWi3Yvz/NKhh8j0Tss+Ztxw+9UYQyYdtJcScJGAMgLPc1AzOBoG9DMr/qH9JR4NVfiEaDWsIcmudvbobutoKo3BbJonaIyDhEpOYYPamxVsi7TnPTErn8rEV/UowEgiMsHC/E/o3fUM3h1i/UGfdkscUyLQF85LwOx/LUp+92P83CerbmX5y48xfXgWawFr/xNgANPvgmYH0Mg8AAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAB3RJTUUH2gsXEh4QEzuTewAAAAlwSFlzAAAcIAAAHCABzQ+bngAAAItJREFUeNpjYKAXYARiHiDmxaPmOxB/QBfk+/79+9G/f//+Qce/f/++D5QXwmaSKDc3t+ufP38+/UcCP3/+vA2UcwZiCWyamIBYTVBQMBJo+g+QBpABQLFQIFaCymMFzECsISkpGf3r169nIANABkHFsQYEskZFIJYG4qdADPLPX2JCE6SRE5cNMAAABylHOf9PHgkAAAAASUVORK5CYII="), -moz-radial-gradient(14px,circle cover,rgb(255,255,255)0,rgba(230,170,255,0.4)10px,rgba(248,233,164,0.2)20%,rgba(248,233,164,0)50%), -moz-radial-gradient(center bottom, farthest-side, rgba(240,193,255,.5) 10%, rgba(240,193,255,0) 70%), -moz-radial-gradient(center bottom, farthest-side, rgb(192,81,247), rgba(236,172,255,0)), -moz-linear-gradient(rgb(153,38,211), rgb(105,19,163)95%) !important; box-shadow: 0 1px 0 rgba(255,255,255,.1) inset, 0 0 2px 1px rgba(240,193,255,.7) inset, 0 -1px 0 rgba(240,193,255,.5) inset; } #main-window[tabsontop="true"] #appmenu-button:not(:hover) { opacity: 0; } #main-window[tabsontop="true"] #appmenu-button .button-text { display:none !important; } #main-window[tabsontop="true"] #appmenu-button .button-menu-dropmarker { /*margin-left: -17px !important; margin-top: -2px !important;*/ display: none !important; } #main-window[tabsontop="true"]:not([inFullscreen]) #appmenu-button-container { position: relative !important; z-index: 1; } /*-------------------------------------------------------------------------------*/ /* Tab bar left and right padding/margin */ /* Adjust according to the size of your Firefox button and window controls */ /* The values in -moz-padding-start/end without the 0s for maximized windows and */ /* the values in margin-left/right for not mazimized windows*/ #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar { /*-moz-padding-start: 4em !important; -moz-padding-end: 9.5em !important; /*7.5em for Windows XP*/ margin-top: -1px !important; margin-left: 0em !important; margin-right: -0.2em !important; /*9.5em for Windows XP*/ } #main-window[tabsontop="true"][sizemode="normal"][chromemargin]:not([inFullscreen]) #TabsToolbar { margin-top: -25px !important; -moz-padding-start: 0 !important; -moz-padding-end: 0 !important; margin-left: 3.5em !important; margin-right: 8.8em !important; /*9.5em for Windows XP*/ } /*-------------------------------------------------------------------------------*/ /* Move the tab bar in the title bar when maximized */ #main-window:not([inFullscreen]) #navigator-toolbox[tabsontop="true"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar { /*margin-top: -24px !important;*/ -moz-box-ordinal-group: 1 !important; } #main-window[tabsontop="true"]:not([inFullscreen]) #titlebar-buttonbox { position: relative !important; z-index: 1; } #main-window[tabsontop="true"]:not([inFullscreen]) #TabsToolbar { position: relative !important; background-color: transparent !important; } #main-window[tabsontop="true"][sizemode="maximized"]:not([inFullscreen]) #titlebar { margin-top: 0 !important; min-height: 29px !important; /* height: 32px !important;*/ /* <- Uncomment this line to gain a bit extra height for easier dragging.*/ } #main-window[tabsontop="true"][sizemode="normal"]:not([inFullscreen]) #titlebar { margin-top: 0 !important; min-height: 29px !important; height: 34px !important; /* <- Uncomment this line to gain a bit extra height for easier dragging.*/ } /* Fix tab styling for the dark background */ #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) #alltabs-button[type="menu"] { list-style-image: url("chrome://browser/skin/appmenu-dropmarker.png") !important; -moz-image-region: rect(0, 9px, 7px, 0) !important; } #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) #alltabs-button[type="menu"] image { opacity: 0.7 !important; margin-top: 4px !important; } #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab:not([selected="true"]), #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) .tabs-newtab-button { background-image: -moz-linear-gradient(hsla(0,0%,80%,.6), hsla(0,0%,75%,.4) 50%, hsla(0,0%,70%,.4) 51%) !important; text-shadow: white 0 0 1px; } #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab:not([selected="true"]):hover, #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) .tabs-newtab-button:hover { background-image: -moz-linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,90%,.6) 50%, hsla(0,0%,85%,.6) 51%) !important; } #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) { background-image: -moz-radial-gradient(40% 3px, circle cover, rgba(255,255,255,1) 2%, rgba(186,221,251,.75) 25%, rgba(127,179,255,.5) 50%, rgba(127,179,255,.25)) !important; } #main-window[tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover { background-image: -moz-linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 50%), -moz-radial-gradient(40% 3px, circle cover, rgba(255,255,255,1) 2%, rgba(186,221,251,.75) 25%, rgba(127,179,255,.5) 50%, rgba(127,179,255,.25)) !important; }