/*------------------------------------------------------------------ MBlue Nav-Style Menubar Vista (Ver. 0.2.2) Author: M.BLUE - Tested on: Firefox 3.0.3 - Last Update: 16.10.2008 -------------------------------------------------------------------- Description: 1. Transforms the Menubar. 2. Makes the ToolbarButtons Nav-Style. 3. Can use Separator/Spacer to customize the buttons (read below). 4. Supports SMALL and BIG ICONS. 5. Fixes Download-Helper icon. 6. Skins FoxClocks & ForecastFox. 7. Highly Customizable. 8. Integrates with the other Nav-Style styles. -------------------------------------------------------------------- Notes: -Using other Styles/Extensions/Themes may change some margin/border settings, making the buttons not aligned. If so, try not using other styles that changes margins in the Menubar, and use the default firefox theme. -Works in the Menubar only. -Some Ext. Icons may not work correctly. -Some Extension Icons doesn't work well with separators, place them between other icons or spacers. -Even if this style supports big icons, it works better with small ones, because the default big icons are too big to fit inside the buttons, so this style resizes them. -If you want to use the Nav-Buttons (Back-Forward, Stop, Reload) inside the Menubar, you also need: 1) Nav-Buttons Vista on XP (fix back/forward/dropmarker) [*] 2) Combine Nav-Buttons Vista (fix & combine stop/reload) [*] -------------------------------------------------------------------- How to Customize the Buttons: This style uses the Toolbar-Separator to add the L/R part of the button-image, and the Toolbar-Spacer to create the 2px margin between the buttons. Open the customize window, and follow these guidelines to place the items: Separator [RED]: Place this to the LEFT/RIGHT side of any buttons to create the rounded edge. Spacer [GREEN]: Place this between 2 buttons to create the 2px margin like the Nav-Buttons. Place this before/after a Separator to give the buttons more space. Other Icons: Place the icons with nothing in-between to make them unite. Main-Menu: This is the menu. You can place this anywhere. Extensions: Extensions like FoxClocks & ForecastFox can be placed anywhere in the Menubar. Example: [MENU] [GREEN] [EXT] [GREEN] [RED] [ICON] [GREEN] [ICON] [RED] Starting from the left there are: Menu, space, Extension (like FoxClocks), space, then there are 2 icons which the first is rounded (left), and the second is separated by a 2px spacer and rounded (right). -------------------------------------------------------------------- CUSTOMIZING: 1. MAIN-MENU TEXT SETTINGS. 2. NAV-STYLE ITEMS OPACITY. 3. ICONS OPACITY. 4. FOXCLOCK & FORECASTFOX BACKGROUND COLOR. 5. FOXCLOCK & FORECASTFOX TEXT SETTINGS. 6. FOXCLOCK & FORECASTFOX ICONS OPACITY. > GO TO BOTTOM OF THE PAGE TO CUSTOMIZE -------------------------------------------------------------------- Supported Extensions: -FoxClocks, ForecastFox, DownloadHelper. -Works with the default buttons (for the Nav-Buttons you need the Nav-Buttons styles [*]), and should support almost all additional extensions buttons. -------------------------------------------------------------------- Integrates with: MBlue Nav-Buttons Vista on XP [*] MBlue Combine Nav-Buttons Vista [*] MBlue Nav-Style Url-Bar Vista MBlue Nav-Style Buttons Vista MBlue Nav-Style Tabs Vista MBlue Nav-Style Statusbar Vista MBlue Nav-Style Throbber Vista MBlue Nav-Style Bookmarks-Bar Vista MBlue Nav-Style Awesome-Bar Vista >MBlue Nav-Style Menubar Vista MBlue Nav-Style Popup Vista MBlue Nav-Style Sidebar Vista MBlue Nav-Style Sidebar Vista (Downloads, Addons, Extensions) -------------------------------------------------------------------- Updates: 16.10.2008 Ver. 0.2.2 = few fixes 11.10.2008 Ver. 0.2.1 = few fixes 06.10.2008 Ver. 0.2.0 = ready to release ... 21.09.2008 Ver. 0.1.0 = temp version ------------------------------------------------------------------*/ /* MENU-BAR ICONS SETTINGS */ #toolbar-menubar toolbarbutton .toolbarbutton-menu-dropmarker, #toolbar-menubar toolbarbutton .toolbarbutton-menubutton-dropmarker { margin: 1px 0px 0px 3px !important; padding: 0 !important; min-width: 7px !important; max-width: 7px !important; list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpiZJBtkmRgYJACYl4GBPgMxM9YQBLX9yZukBDlloHJvHj99Ymm8/wAJpAKEOPJ849P/vz5wwCiQXyQOEjyOYih674YqODzExAN4oPEGYF2wkyD2f0MqoEBIMAAcoMmPGyaexoAAAAASUVORK5CYII=) !important; } #toolbar-menubar toolbarbutton:not([disabled="true"]):not([open="true"]):hover .toolbarbutton-menu-dropmarker, #toolbar-menubar toolbarbutton:not([disabled="true"]):not([open="true"]):hover .toolbarbutton-menubutton-dropmarker { opacity: 1.0 !important; } #toolbar-menubar toolbarbutton:hover:active .toolbarbutton-menu-dropmarker, #toolbar-menubar toolbarbutton:hover:active .toolbarbutton-menubutton-dropmarker, #toolbar-menubar toolbarbutton[open="true"] .toolbarbutton-menu-dropmarker, #toolbar-menubar toolbarbutton[open="true"] .toolbarbutton-menubutton-dropmarker, #toolbar-menubar toolbarbutton[disabled="true"] .toolbarbutton-menu-dropmarker, #toolbar-menubar toolbarbutton[disabled="true"] .toolbarbutton-menubutton-dropmarker { opacity: 0.75 !important; } #toolbar-menubar[iconsize="small"] toolbarbutton .toolbarbutton-icon, #toolbar-menubar[iconsize="large"] toolbarbutton .toolbarbutton-icon { opacity: 0.9 !important; margin: 0px 0px 0px 2px !important; padding: 0 !important; max-height: 16px !important; max-width: 16px !important; } /* MENU-BAR BUTTONS SETTINGS & BG */ #toolbar-menubar[iconsize="small"] > toolbarbutton, #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem, #toolbar-menubar[iconsize="small"] toolbaritem:not(#dwhelper-toolbaritem) > toolbarbutton { -moz-appearance: none !important; -moz-border-radius: 0px !important; padding: 1px 2px 1px 2px !important; margin: 1px 0px 1px 0px !important; min-height: 24px !important; max-height: 24px !important; min-width: 24px !important; width: auto !important; border: none !important; } #toolbar-menubar[iconsize="large"] > toolbarbutton, #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem, #toolbar-menubar[iconsize="large"] toolbaritem:not(#dwhelper-toolbaritem) > toolbarbutton { -moz-appearance: none !important; -moz-border-radius: 0px !important; padding: 0px 2px 0px 2px !important; margin: 0px 0px 0px 0px !important; min-height: 34px !important; max-height: 34px !important; min-width: 24px !important; width: auto !important; border: none !important; } #toolbar-menubar[iconsize="small"] toolbarbutton, #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9JREFUeNo0xs0NQEAQBtDPxK5kk5WgBA0ow00hohgFOClDBRIRbdCAWX9rHFxeHpTSJepm8MG0bJ7GeQUdxy2cD8g5GX/sfAn79Y9vAHnnCbEBwcQfVrCJkAk6jUA2C0EmVaCq0ECYtD5g5v4VYADI3yjkIj3KggAAAABJRU5ErkJggg==") repeat-x top !important; } #toolbar-menubar[iconsize="large"] toolbarbutton, #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI5JREFUeNpi/P//PwMTAxCACRDwYGJkZGRgZmdn/8aQnbv7P8PpC6/+M50484KB6dfvf0Di118Gpp8/gcQPEPH9xx8gC0R8/wEVY2BQnvufiYGPC2goFx+I4AUSvIJAQhhIsAmxMzDxCrMwMHEJsTIw+RuwMTCwCE78zzSphUWa4efPn4vBbmFEdRpAgAEAiWMxJTsvLToAAAAASUVORK5CYII=") repeat-x top !important; } #toolbar-menubar[iconsize="small"] toolbarbutton:not([disabled="true"]):hover, #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem:hover { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHZJREFUeNoUx8ENgkAQQNGfkVWI4mE9GC7WQBkWYxkkFGIV3uzACjRaAgJhDSzjcHn5H+fWZ6r6oTzfjcrr80WmaUZiVGQcrYZlu180Oqu2X6qfgfKuwmGDkGfGPjX81iiMtEgQ71dIvjMupwTc8aaEEK5/AQYAHA8p7+gqankAAAAASUVORK5CYII=") repeat-x top !important; border: none !important; } #toolbar-menubar[iconsize="large"] toolbarbutton:not([disabled="true"]):hover, #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem:hover{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNpi+P//PwMTAxCACRDwYGJkZGRgZmdn/8bQ0n7+P8PdBx//M917+ImB6c+ffwxMf/8Cdfz+DWR9B3G//PwLJL4AWZ+/glhf/wHNMDjwn4lBmB1oKC8nkODjABJC3EBCEkhwSLIwMAkJMTMw8fIAiRw5FgYGVvGd/5km1t2VZvj58+diiFtQnQYQYAANWjMCWZ2wlgAAAABJRU5ErkJggg==") repeat-x top !important; border: none !important; } #toolbar-menubar[iconsize="small"] toolbarbutton:not([disabled="true"]):hover:active, #toolbar-menubar[iconsize="small"] toolbarbutton[open="true"], #toolbar-menubar[iconsize="small"] toolbarbutton[open="true"]:hover, #toolbar-menubar[iconsize="small"] toolbarbutton[checked="true"], #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem[open="true"], #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem:hover:active { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAYCAYAAAA7zJfaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHVJREFUeNpiYGVl82BQUc36zxQVZ8LAdOLsWwamP3+YGJj+/mdnYPr1h42B6d8vViD3JwOQ9e8fSPYPiPjNwHTt4TUGJgZ2fiDBKgoiRIAEmxSQ4JRgYGLm4GZgYhMBGsAqAzRKzYMTaAJHxH+GHz9+LAYIMADqdyFGTu+NNQAAAABJRU5ErkJggg==") repeat-x top !important; border: none !important; } #toolbar-menubar[iconsize="large"] toolbarbutton:not([disabled="true"]):hover:active, #toolbar-menubar[iconsize="large"] toolbarbutton[open="true"], #toolbar-menubar[iconsize="large"] toolbarbutton[open="true"]:hover, #toolbar-menubar[iconsize="large"] toolbarbutton[checked="true"], #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem[open="true"], #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem:hover:active { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAiCAYAAACeLbMRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJJJREFUeNpUjiEOAjEURKezabsbBGIRBJDACbBYwhVAcADuguMGXGYNFjQHwJJ0afv5XceIZ/7k/TEiAkIzoGRPYwwq7/0Hy9VZeDxtwO7+BmMkmMSBfbRg7hUpqCCnrNeUSuULPl5P9fmxwk4KWoWbKZopWNUj0LVqsQsPrneNfq8PwutlO0cI4TZsMf/TfgIMAFmMKsh70b3VAAAAAElFTkSuQmCC") repeat-x top !important; border: none !important; } #toolbar-menubar[iconsize="small"] toolbarbutton .box-inherit.toolbarbutton-menubutton-button { -moz-appearance: none !important; -moz-border-radius: 0px !important; background: transparent !important; margin: 0 !important; padding: 0 !important; border: none !important; min-height: 22px !important; max-height: 22px !important; } #toolbar-menubar[iconsize="large"] toolbarbutton .box-inherit.toolbarbutton-menubutton-button { -moz-appearance: none !important; -moz-border-radius: 0px !important; background: transparent !important; margin: 0 !important; padding: 0 !important; border: none !important; min-height: 34px !important; max-height: 34px !important; } /* SEPARATOR & SPACER SETTINGS & BG */ toolbarpaletteitem[id*="wrapper-spacer"] { width: 20px !important; background: rgba(0,255,0,0.5) !important; } toolbarpaletteitem[id*="separator"] { width: 20px !important; background: rgba(255,0,0,0.5) !important; } #toolbar-menubar toolbarseparator + toolbarspacer { min-width: 6px !important; max-width: 6px !important; } #toolbar-menubar[iconsize="small"] toolbarbutton + toolbarspacer, #toolbar-menubar[iconsize="small"] toolbaritem + toolbarspacer { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKlJREFUeNpkkYsJAjEMhnOStBE3cCJ3EadyDOcSjvRxJmlPw1kI/Hz9m1cXonSDeO6P18Z8vlqYxtY2QEK/dN1aByKaoANWpYmSA9NYa1cwHKaxGEjZQXFQOuQ8gWqUamDkEHeIAp4OMUdpwJmHQ7WCDpfpeKs+GWBmD/GkEp7IfLInHY5j0lGWQ1lrLMXGjq3/DefjpzC+LYV28F0h/la4rOv6jL/wEWAAqueHmBtZ8UoAAAAASUVORK5CYII=") no-repeat center center !important; width: 4px !important; max-height: 26px !important; margin: 0 !important; } #toolbar-menubar[iconsize="large"] toolbarbutton + toolbarspacer, #toolbar-menubar[iconsize="large"] toolbaritem + toolbarspacer { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAiCAYAAAB4BHhVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANRJREFUeNqUktsNwjAMRZ0qdvIDA3QiBkFiIroAK7ASCyDx0aRNsFNDXZCQiJTq6uj6mbpaK9jTwcf5Ao7vwQLvnNs6AoUeXozzd8fT9eY9gtym57kCom8G0QwKA1RQwE9MCakB0X6a2BEUsPaZP0QLyA3kAlx6Aax9Yho0JDVHEqCOJI48Q1QgmkGBfYgN3BcHV9mp4yEgmZCkIeGdQ5OSTSql4qasNEa2MakSTesyUMCwDtfGJ1zHl6UgmQXJ2sis0A3nod+8yziOl99v+//v8BRgAGrLj92Sh17MAAAAAElFTkSuQmCC") no-repeat center center !important; width: 4px !important; max-height: 36px !important; margin: 0 !important; } #toolbar-menubar toolbarseparator { -moz-appearance: none !important; border: none !important; margin: 0 !important; } #toolbar-menubar[iconsize="small"] toolbarbutton + toolbarseparator, #toolbar-menubar[iconsize="small"] toolbaritem + toolbarseparator { width: 7px !important; max-height: 26px !important; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAYCAYAAAA20uedAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfdJREFUeNpUks9rE0EUx9/OzuzuzO5s3CyJaWm1SGKsEfFQUMFDRQoeFBUjkuKtUPwftDfx4Kmeeyno1YOg4qnoQdDSo5YiSg5J0SLUNNjs711nG7JJHnwv83kz733fG4kQ5ToAHAo1fd9rw0ig5YdvVhcfrF+QECqpqjY1Bq/Mz1S5PfG00Vi/iBAqUo0WMrh/4MHEJDdUw35889ZqBcnyccZ05Qj6fgSMYTDzrMT41FLl9AIVL5T6MIghVaFAgajKwmytMY8J1g2DY+R5EQxk5FSRzu5MT19SMMY2csXhQGmpREKXT5Xv1wghFDtuONo9SARBDPqcpmpfcK8XgCRJQ2+yDGGIzjGdJbjnBCC6y2AiJBosm5yHAoYgi+xBxEmSwpKZMyP86uOuKDS8iUSFuUkK9jEeC/dsDGJJ3PSj3/V63cKg59IeM6jEPgT+wY9ypZrDwMwxK+TwL4RR+LVYLIqhcmscdv6Iuv4WYwww2EOodPZB+tf99Gjl7C8xoS5W8moGteYekMh5fe1qNU8w+Yy5jfvmf7Yhbu++f7JyfptS6gmfDmJ5AmrUg+R7szVjBS9v36hZcRxvHnk+Y3rgbW531Fbr2cbbu0z8pW+WZXX7S7Ce75w8Qde2PtxzxNB3OOcb2YZc132RJMleEATvRkEa/wUYAPp/rj00DSq0AAAAAElFTkSuQmCC") no-repeat center left !important; } #toolbar-menubar[iconsize="large"] toolbarbutton + toolbarseparator, #toolbar-menubar[iconsize="large"] toolbaritem + toolbarseparator { width: 8px !important; max-height: 36px !important; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAiCAYAAABiOJjbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoFJREFUeNq0k8tPE1EUxs+duXdmOu0MDjMBwQekBdpoKBgVFlpZCCZdakhJjAsTDQtWbtiY+Ef42LtgJzEmJhoMJupGgyYkbEyIL8BXKUpBWzrv8UwjjSOJrLzJt5n7u98955tzSRAE8K/FwS5rVyBcOVRHeNWfajgQQuKoNMdxPagdjhyldBG/lxFKorp2AJfH78+OFm6O8DxfRKCDMdYRAU4MJVNGW/rq2XM38ri5RggcFEXBaADfyia0tClx1UhdGR65NsgoMwFIewNwXB9kmYGqxVo04/D5ZNdJjfJUzWQyB+qAbXsQStdjwGLyqZ5MISfFpPLKykpzHTAtD7YlKwIwwch3Jgc0rEeYnJzcy1m4sS1ZFiDg2dHW1jN98Xi8ury8rEccQhGeB8L0Pl3XK6VSiVHTciPBEJ4D3xXTqqK6xeKqS03Ti0ZHAGyXdIqSCE1NakBrZtTBx/9kO0GLIkqQzWYFOv30czR7dDjWHgNJESGXyyUoqHIEoCTAXNwSxg3d3d0IyGoEEHwbPLe8FNagKEoIKBGAVcs4MPbiwPFBGcOiFBQtCmysgSTUFk4P59O2bW9yoCPwWwIfAN3afHWo5/uCYRipaqW6SIVmsXFa+rAKCVp9dOniSBLt/d5s7ztO0fEWVGKjCMLXT08uFPbM9x/pTzm2M19vW25mIHpbAG/ef+nUft6ZGM+34fiVdEN/EU43l1EtsF++/qGtLd16cHdsS47LKcdxnuHh+uwTSb/+dv8+7vbzx2Mfse8h13WnE4nETKOwubm5vvX19QnTNKcqlUrh7wdELMuaQs5D24e1Wu0etudEovd9v+R53ixO0Axqx7sk///5/xJgAMCtBehbXOsIAAAAAElFTkSuQmCC") no-repeat center left !important; } #toolbar-menubar[iconsize="small"] toolbarbutton:not([disabled="true"]):hover + toolbarseparator, #toolbar-menubar[iconsize="small"] toolbaritem:hover + toolbarseparator { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAYCAYAAAA20uedAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgVJREFUeNpUks9rE1EQx2ffztvse/szaZtfaijY1h4CVURzsEREFH9cRHJQwZNQevBSgnfxH/DWoxbsSaTHehFP9qAePIglN0EjEi3abpJuspt960tsk3Rg4PE+zAzf74xCqXYNANoyvwZBtw5jQR4/2XpWfbRxXSEkm0jox4/A8qV8zs2fWKlWN24RQtJMZ1ND6HcEzE2bOnNyD5eW1y4QVc1wbmgDGEUCdB0hU2AOdwoPzpcqruyQPYAxCBFDPqUDM/nC2XN3byNFwzQtJGEooJ+9noDJrAax4t4sFq8YiDhBfPl5mK5FISJ0buHMvUVKKSOtbgSH2Q4ioJxAFNslPaGr6HkREKIMtaGmQjfAeW7wGJstCdURBPnsBOox27J66EmISIZMjoZ9HxzbsSN8+vKvFDSq7De5PK2CZVoCYUKaQUaVVJG6o+5epVJJIjj8/6CD0KMegGjXZ2ZnHASbjS8CErstUJSglk6nOULKOAK1hgcJ03/POQeE3Ajqv1vghs3t+3cy29KhXdRzOITG5z1Ias3X5cWSTZG+w1RKHQBR+wPuz18fl5cyW4yxptTpE8tUgYkuaJ8aO6emvPUbV+cNIcSHwT5LLITwzY/9ws731eerF315S1+SyaQ3cHLy5Gb9dDFcf7VW/iZPpGZZ1tuhzZ1O50Ucx40wDDfHQT/+CTAAJ4qyDxLdEHwAAAAASUVORK5CYII=") no-repeat center left !important; } #toolbar-menubar[iconsize="large"] toolbarbutton:not([disabled="true"]):hover + toolbarseparator, #toolbar-menubar[iconsize="large"] toolbaritem:hover + toolbarseparator { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAiCAYAAABiOJjbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApxJREFUeNq0k89LFGEYx595550f7uzs6syau5K4aroLrWsgakELknUroSgPRV66dQzsGP4D0SGK6CoR1CH6SeBBIiElKqJDWBipSesW6+46OrPzs2c2W9eEPPXA9zLzeb/Pr/dlPM+DfwWBXWJXwI8MqtVPVauqA8MwEipBCOlC7XAklNI5/L6KUDtq3w7gyvj059Mj14+xLJtFoJXjuNZagHk5s+xNv/4B3+e/TN2+dfaS49gygh9N0/pZcdANFxJtMihN8cFz529e5ihn4LnmagrHcUEUKcTiAaZhT9dwb9+pPsrSUDKZbNkEPHBdD5oVEeR6WUqlz4wGZZlbXFxUKoBlueDLtl2IRHngxcaeRHKwBYvlx8bGokTHH39UL3MAnCi2dRwfliRpfWFhQaVa2dnWNxcgQHj1gKqqWi6XU2ip5AAhTBWgPAu2JTSF5JCdza7YdE1DgGVqJgNg2lxAEAUIh0MeLSFA6dYKsBQwygwRBBHS6TRPr91b9VdWBXyzoTgBSRAgk8kEKag8AlsOHOOBY+muIPHQ2dmJQDjwO/FmiI4NjlPc8GuQZRmBUN22NoWCBp6rr/T3DQRwWJSCIm0D+JUScKz2bujoUMI0zSKBGAKbEqkHsrGq740tPYpEIh3r2vocFWO0elr6UASZ5N+fPJFqQHu3O909TxSFBV/1uSIoS8ulw/36/VRqf9wyrbeVycpBHG1pA8w3392YkH16YfSg0BSNzuOyXvm3mwzUWWBNfvMalz5N3bjaOxMKh+KWZb3Aw5W7z6jtj62G4Nfxh3ePrCmKcqhQKDzB23SnWtjs7GxPPp+/aBjGhKZpI38/IKZcLk8g56DtM13XH2B7Vu1cqOu6OcdxJrGo56gd75L5/8//lwADAH8LDYtLsSAbAAAAAElFTkSuQmCC") no-repeat center left !important; } #toolbar-menubar[iconsize="small"] toolbarbutton:not([disabled="true"]):hover:active + toolbarseparator, #toolbar-menubar[iconsize="small"] toolbarbutton[open="true"] + toolbarseparator, #toolbar-menubar[iconsize="small"] toolbarbutton[open="true"]:hover + toolbarseparator, #toolbar-menubar[iconsize="small"] toolbarbutton[checked="true"] + toolbarseparator, #toolbar-menubar[iconsize="small"] toolbaritem:hover:active + toolbarseparator { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAYCAYAAAA20uedAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgVJREFUeNpU0jmLFEEUB/DXdfRR3dUzjXOpIyLMOsEqrmKkkbLBghg5gorIBk6gGAuLid/A2FAEP4JgMoGBiIIYKK7C6ggLsoHO4Rw9Xd1Vvjkcdhv+VMGPflX9+lmc2xsAMMT8SJLJLux7yMl688XZc5sNi5CK47jVA7i6diLqD8S9tTN3bhNCSp7rFZfY+ZuCH+V5b+A0V0/fWCeUloXw7RmmKQUpXaBUiknsNY9WzxewQmWOmoHC5CshxBNe84P6LcaZHwSSEaU4KMUgURRsJ4DRmG6UiqckY+wQyRA1okbkvgSV0GOeX1/nnHtEJxbohCxigUVtmCT0guu4lGSZBq0NBsAYvARx8RiyInxhEFPIZmhmq0Xwgiorh1KmLEUEsMDoRQXcKwVBmAsz9uXn9gxRcU2nBEXPBhlITcDJATj5ZYgdTusMGo1GxICX541cvEmyHhhr9Ku2UsshTvts5mgUED1ENN9KpZJgYB85gDTeAWbDGyEEMBCHl0jHbSz7e2fr4ZWP2KEuo66/wAzYn+/ASfrq+rWLAWf8NbML9rzk7leA8fanR1tXW57n9fA7x4RXHWAp3rD7vlfO82d3Ny95Wut3s/9ZKA4ha7diZ9R++uHt4x7O0ucoivrzOXFv7lWOP3jS7XTu9/v9ywa7/z9WHMfPcbOnlHoppWztn75/AgwAk7vfGPcMF04AAAAASUVORK5CYII=") no-repeat center left !important; } #toolbar-menubar[iconsize="large"] toolbarbutton:not([disabled="true"]):hover:active + toolbarseparator, #toolbar-menubar[iconsize="large"] toolbarbutton[open="true"] + toolbarseparator, #toolbar-menubar[iconsize="large"] toolbarbutton[open="true"]:hover + toolbarseparator, #toolbar-menubar[iconsize="large"] toolbarbutton[checked="true"] + toolbarseparator, #toolbar-menubar[iconsize="large"] toolbaritem:hover:active + toolbarseparator { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAiCAYAAABiOJjbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAp1JREFUeNq0k01IFVEUx8/9mJn3ZpxRnHmllgp+5CMzCTJ5xiPDFn0sA1cFFrRx0cfCXds2rVq0beUqiFpEEbQIiQgXRRBSghbPlT7lmc4bna97pzM+E03IVRf+zDD3d//nnDvnkCRJ4F+LwgHrQCBdRVR7Gmq3dhwIIQaqh1J6DLXPkXLOZ/H7KkIdqK59wPHe8bli8d4jxtgiAu2KorTvAXpOtNKlFTlUOHvnMW4uEwJtmqY6O8CqG4PeYMHySjx0euDWfYUrPgBp2QHimIFpZoAQnXgbyuWOrnODnHErn8+31gDJIUI1NFnguiJrWr0360xTWVhYaNwCokiBKOIQRgxUrQ7WXdHbfORUG+ajTkxMNFGBgERAIqAYJmx4sapp+auGYXilUsnmMiSQSAoylSBAmAp+CP22bVfL5XIjFULiZoICSG+Y0gz4vsxZphUvLi7FXIh4q5wEIYEilEPg+5qW0aC+3kpojEAsBEqCEOgEBIJAUiSgUCio/FvpO54nqQU+Y3yLIJfVIKNpUCwW6zho9bW22AZoEmAeocTrhu7ubgSUw7CdRA0Qa5jHLz/NwTTNFMiluzUgiYBKD0vly2cGBnW8LM5BbdkDMH8e47MvIxdGesIwXKOgN8MfMSqBgxv09/HnjuN0elVvlrOMse0ggFd+QFZhX8euFRvQXvad7JunqqOCaiug+nPAwp/elUutT4fPD9tRGH3e+pvKUQ14vAaw/kkestirhw9ubGD7lW3H/ph2N3VyHojSO9D9pfcvn4190A29M4qiqVrc1CJ7PbZb7k7NzMzc3tzcfOK67sU98zE9Pd1fqVTGfd+frFaro38PEAmCYBKNBNq+RocXWF60u+25lLIshHiLHfQGtW8uyf8f/98CDACygDVHyFjAlgAAAABJRU5ErkJggg==") no-repeat center left !important; } #toolbar-menubar[iconsize="small"] toolbarseparator + toolbarbutton, #toolbar-menubar[iconsize="small"] toolbarseparator + toolbaritem toolbarbutton { border: none !important; padding-left: 0px !important; padding-right: 0px !important; min-width: 30px !important; max-width: 40px !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAYCAYAAACIhL/AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAglJREFUeNrM1s9rE0EUB/A3k92d7GRnk/7IDzURkmaNtgq1iWLooUFakUgFIVDjtfSkB0E86a2IIujRox49KCr4F3jwIIinehAKUkHUi8km0E12d3adHAr9D3xfWIZlLx/emzc7JI5jOBzDYEW1lNWTAgTRDr8wliwSSgvdG88XLWv2JgCp/W8gOaigmTSzQEhp4/qLppjNP1puHrOcuQyOCnKeMmgikb+y/tRh1sz9I0eF9dcdw6cvf3AAqWpr1Vk1uShu2tO8wLkGvi8BxR60LKFpupY6tdBt6cxYy2ZN8IMIsERTmSmVLhhA+TUrzWA8loApmq7rZqW6sRAT2lRbEUbYgEmWTESQahCdgjcKAVs0nuJxGNLTaorB8xACbSFCNRTVyWmIsoJ22pYKWAhkBHIU4wMKS0S/+hG8+fATInw+0DqdztSTZ/K3ZptlPyb4gFWnmg6Cb7sGs8o+NfABc7kcD+XXHZ3QNeAC4THDOVDif9YDNcFiCh9Q/Un69+7OR3e2v380EvGyn5lGBSRu3zX3vf32uZW3lcFx5/GovogLOLmwuq67+u79Drv9YPcWXalfJnNFXMBer2dTQq622q/jvWT+oXmpXkpk03iAkwwGg7NSysb8+ZcsOHNie6m7lKlVBB7gJMPh8GIk5clG65W598PbUl9qqIAHSDXZbUJIHkOL/wkwANbmqw9EngZsAAAAAElFTkSuQmCC") no-repeat center left !important; } #toolbar-menubar[iconsize="large"] toolbarseparator + toolbarbutton, #toolbar-menubar[iconsize="large"] toolbarseparator + toolbaritem toolbarbutton { border: none !important; padding-left: 0px !important; padding-right: 0px !important; min-width: 30px !important; max-width: 40px !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvRJREFUeNrsmM1PE0EUwGd2d3a7W7a13VIo37ZQKoqCClgMJEqRD6MGoyQaD6I3T15ITNS/weiRizeiJ4/Gk9HEqEFqMPFQiYY2YGgt0qYtLtv9cBYx0oIJt50YXzI7m8285Dfz3ryPhYZhAJKFAoQL8YDw90u5qSGEjXhqwMNOFCCFBU/NeDSRcMLMNmIITTg/nlcwaxpS1Do0tm4Fb6ZkZ5sT/PWtbGmJlOvtRqcEECHUaJoWgy2fv3B/1O3ee42imAARJmZZ5MFm3kfTTO7suXsjlbXB2+FjdfZQ0EWKiWENYhj5ZOROj8MTuOn1ifb0qgzeRpPWA4ZCofpEPOHwNx8XXJ79lx0u3isICBRVHVgdyDcAE4mE28bbVoOh8SHEC/2SxANF0TYW6Iy1F5mZnJysnpqaYpv83SJiPSOCyAJ5XftzcTSLTzAej0t2u71QVXWq26DREUFgwfoWQM1qwFQqhSRJ+g6RdAjSdMnpmUJjP7QUcHk5qUput6qrXCukKQyoliZrCK0FdDodBmfjgKLCJjMqyrJWllksTnXhcJiNxT6BnGJ4i9jfNFktT33WAvb19VXEF+LJlYIOnrxcAjph9SvT0tJSwXEsjntqinHwDYoByQIURbHC9EFNUxdYTmxQKJYsQFzBMN1dPcLsRyWGINUPBJEsQEVRsgORgdaH00/nUBFfENFFFmAhX4j5anyn24Ir0a8zzhmWNrqUPW5yANsPtn/OZrP69auD/jfvPzzLrya7gN9HDqD5KCrFaEdnx9CV8UT0wfTicyZTfQIG6sjo6jbrPVgoFG7IP2RjeGxa/8I23rUNHq2hK53EAIJMJnOA47iJXC431xt5VJttbrvVeemwo9UvkgFoSj6fH2YY5iKGfNEbeVy/uKRP4GImQAygKdjU4xjyzNra2uv5+flXs+9mv+3YNu7YUhqbPXZpDv+b3m50tgGm02nE8/wYDuCjZjlIjA+WCz7JYZqmB3GP7CUS8P/frX8F8KcAAwAS4Br0zA7NBgAAAABJRU5ErkJggg==") no-repeat center left !important; } #toolbar-menubar[iconsize="small"] toolbarseparator + toolbarbutton:not([disabled="true"]):hover, #toolbar-menubar[iconsize="small"] toolbarseparator + toolbaritem toolbarbutton:not([disabled="true"]):hover { border: none !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAYCAYAAACIhL/AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAitJREFUeNrMl8trU0EUxs/MnbmPua8kTXLTNIYqsYZSLMFGFy1FBBdWKKKBGh9YUUTBTatbN/4JbgRBwbV17VYFF13pQoIroeJCKjTm5U1DZsZ7F5L8B5kPhmF2P7455zszSEoJ49J1oxBtR6NlgwIi4wfDMAsI49z2o50LrhtsSqlNA0JqAFqmlcEYZ7e2317y8zNby0tpM59z1HCQMVvHmhbcvfdq2fKnH87NOmbYF/B9r60GYORcrnr6SoL5xTtB0fJNkwDnApSoQcdxCaHEPlWtX7YctphPmSCEBFVEIk0tLJy3JUpcTOd0GA4FqCRCKbUWK9dWOKZzCZdCqBqgaZgal94ZxjD0BhxUE2E2k4cDUk7qGnS7I/fiOsQYTR7Qc91hf6DNQMTS6Y0cFDwC1FQA9D3+NwT/cAjAeyMH42YhBE8e0HVcEQ4kPHtzAHw8XeKoUeGKa7Va8vXOsEWnjAyXY0BCxAk+ecDS8ZIPovvTtNxMXxt/O8R2KuBgNptlCB98MwAq4JkKxgxjYNBwV++KOqRs9QCjSfLn5tWgsfe80/hNcvP9jKMYIKGN1ZXSWvLl7jv7V2seTibUAoxyMJQgW/dvB5+evthfpfuJKi6nlAFE8Z+k2Wx6GKH1Ww/epz5rR57QjWNp4jF1AGO12+0K53xpvf6h8ONE6fHZ67OsmrHUAYzV6XTOCc7Ltc2PxS9f6Y1WN5rRKgH+h4w6ew0hFKhwxf8EGABtDa8evXLkRgAAAABJRU5ErkJggg==") no-repeat center left !important; } #toolbar-menubar[iconsize="large"] toolbarseparator + toolbarbutton:not([disabled="true"]):hover, #toolbar-menubar[iconsize="large"] toolbarseparator + toolbaritem toolbarbutton:not([disabled="true"]):hover { border: none !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwVJREFUeNrsmM9PE0EUx2d2Z7e73d1SthRaIlJAoGqpElKEBBIUTQy/DAY1RIIHE6MHj3g2/gEmmHjhD/DCwcSoRw8mBoMi4WAE0UhrNKXWlkK3P7bdXWcFApQYue3E+E123/6a5DPvzbyZt9AwDECyKEC4iAeE2xeloYYQ1mJzGB8CUYAUFjZH8OEjwcNoHzGEJlw9tj8xaxxSVB4au7uCO7OnZ1sGbj4r+XSPStsdpM0eQIZhas3QYrDoxZHJvkCg7R6EDI2prQ8xyzIVOMxHaRpt3Lj56L63of50V8gNvB4RQDJCDKsZhHKjYw/vyFW+nuY6CWRzOvgSXrd+DPr9/ppIOOJoCw0Hyyubhrw+O+Q4BDRNB0RMkkgkIouSxASCl8YlpyRUyxzQdTJWGDQxMeGZmppim/09NSznPlHhYUGxqANShMLhsEsQBKWuYWAIMBznlBiQJQkwFosxLpcrQbGuk4ydAoqqEbXUoWh0teiS5WKxYKtCLA3S6R3vmeOQoqC1gGVlDsPG2YBaZOxmwttQdjyoaxiQthiws7OTXVr6CHJ5SOWLAGjKjgfNyYKQtcsx6u7uFsMr4VVFNcCD6QTQdmcXM9VYHeLGxkbRZmPBulLQGRdPacYuIF03tzfWAkqSJJpjUNtQMxxfJuZo9Kf9hzWAeAeD2kOn7CtPs6s2BETg4MhKM6qqpnrP9jY/fj47z+b1BiALZAEqaWXJW+3tP+T9+uT7p6p+Dnn4nFskB7Al2PI5lUrpw4OB8g+TiQUhmuoAQSc5gOapoBbeBQLHR7raX04nXn87xsScDsovkwG4VSzNcDzXen28w/FmfvZZbk6+wjYJFHLYrS87t6u5tbW1gKIot5PJ5PtrtxaG4q3BMz1jdTDk5skANLW4uHjV6XQOJBKJmQujL6Rk2nd3XWERMYCmsBcvI4QGM5nMzPLy8qu5t3M/DpK2N98ZWzX27/L1r+n+IG32AcbjcYbn+WGcwPvwLU3MGCwV9uR5mqbP4Rq5kkjA/3+3/hXAXwIMAG55Fk9tcPOAAAAAAElFTkSuQmCC") no-repeat center left !important; } #toolbar-menubar[iconsize="small"] toolbarseparator + toolbarbutton:not([disabled="true"]):hover:active, #toolbar-menubar[iconsize="small"] toolbarseparator + toolbarbutton[open="true"], #toolbar-menubar[iconsize="small"] toolbarseparator + toolbarbutton[open="true"]:hover, #toolbar-menubar[iconsize="small"] toolbarseparator + toolbarbutton[checked="true"], #toolbar-menubar[iconsize="small"] toolbarseparator + toolbaritem toolbarbutton:not([disabled="true"]):hover:active, #toolbar-menubar[iconsize="small"] toolbarseparator + toolbaritem toolbarbutton[open="true"], #toolbar-menubar[iconsize="small"] toolbarseparator + toolbaritem toolbarbutton[open="true"]:hover { border: none !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAYCAYAAACIhL/AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApdJREFUeNrMl89r1EAUx9+bmWSTbLKhuzZd64oUd+1WS0lREDx4KB6kagVZeijWmwc9eCxaLcWTf5MI6kkEL54F9SLaCmW7P7rtbnZmnKQLLh6ETQObF0J+MF/ymTfvvclDKSUMm65nSuoyo84spMDY8EMmY5SQkKLvP6gdHGjr3a6cSA2gaZiThBBvYWH9frNtPVpYLGnV2fzYPYjhEltWVkfEC3OXVpfbB/a2nS9Y+YIBiDQdS6w8V5w+c/lU98h8SKljOY4B/T5VgGT8gLbtMKaxbNaeXWu3tbJ3LgeBYECAKnBt/IDKCt7kvNM5pDf1jA29IARj0Yl0dEBUU5MgEtMwTdNMMzt7o9WiZ03XAaEAQcFJ5T3CYwCqsJBSJKZhRsag3R69hlQH0UPlNRIGJSBBkBgj65Tmn9J6Ig2zspYMAlIh1IgGiWgi6kbNiBARM3JEYhqWc5z+7h6fMjQGXMgILjwA+gPYMS9xzs3xHztg6ypUOZfRQJQ8AkWQMQhJ5P2kNMyxHSGU5779/K5wtOPSGNW/EC5OHcSBNhkNq9VqEx8/vW8TPedyzAwBinQAlitlV+K7X4Q6LqfuECDE+BAMJiUS0zDP8yyJ8gsBVgVWUHDaABBjZmPCgJZlAaPwgfaCFdCn0weodpL9Zxu3Pm++fP2VEnGem6f/AkbZPGo40dF1/9FgY79hdg47yxf9zaWO4T/uT98+FqQEMKyDh6r6NZ4/vfN269Wb6/pRdR5K84PalAIPhj+s9Xo9RxBX/KvbxZ3Ae6FV77k4U0wPYGjNZnORc35lZm6jHOT9J8XVu0Z+cfSWBAlVmwJPTIPDXV2r1VoSnFer/lbl9+7emnrlpaInGbYQUmX2supRptLQdv4RYAA4V/0EDiIYWAAAAABJRU5ErkJggg==") no-repeat center left !important; } #toolbar-menubar[iconsize="large"] toolbarseparator + toolbarbutton:not([disabled="true"]):hover:active, #toolbar-menubar[iconsize="large"] toolbarseparator + toolbarbutton[open="true"], #toolbar-menubar[iconsize="large"] toolbarseparator + toolbarbutton[open="true"]:hover, #toolbar-menubar[iconsize="large"] toolbarseparator + toolbarbutton[checked="true"], #toolbar-menubar[iconsize="large"] toolbarseparator + toolbaritem toolbarbutton:not([disabled="true"]):hover:active, #toolbar-menubar[iconsize="large"] toolbarseparator + toolbaritem toolbarbutton[open="true"], #toolbar-menubar[iconsize="large"] toolbarseparator + toolbaritem toolbarbutton[open="true"]:hover { border: none !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAYAAAAtZZsLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA55JREFUeNrsmM9PE0EUx+fNzO62tFuQqgH8UTWg9Qf+xB+IKAaNiNH4++RBjSdj4ombd0+e1Av6B+jFi0fjwcSfiRiNFxGptgeDtEgRFrbt7oyzSzWlFdPuatgYJ9lMu/1u5/Pe2/fezgLnHHl5YOTx4XlA+PGhONQAEBHTUnEEPAWIxRBToziWecHDtIQYwIJbIeYRwZoCjDPAC00RxsywLD/B9LkiacmJH1+L59n0MwAlSYpYoRVgQ21tl2+OpnM7NC2HPRFiWZbmizCvJoSOb9tx6UYyxdqaNzag6Kpar4QYGiRK9c0tF64kU8bOqpoaNDpuoOd9I3MPGI1GlyTiidCKxt0btUmpG8AHqupDhkHEPYnnHjCRSNQGVVVSQ2vPJ5OGf2EkhHKMihQmIquluQXs6emp6+3tlesXbVr6bdxcKytBlM1ZYNQ+AMvObm4AkZBsOr1d6Gk8Hg8HAgFNUaInviUNObRARUwAIgHHhfcwUGeAopxyzn6WIad6Ojw8LIXD4a96Fm8AIiOWBQQEWxVbXCSsAu7Qg1bxLyiUDvV0aOiLEa6tNZJptgDjKlvEWF4oLHKaJADWnzBU7sPSbHpaXR3iik9BGV1XZF8ImYzbcNy2xLAtcwaYD5lLPW1tbZX7+9+jTIZh6gNkmtwWAjdtUHBKiEw7AqjsCPxaT9vb24PxT/EvTHgu9vmjQJKmq48ttLxIXBSJkk5bsZ42NTUFFUUWOQEMyyFsglIAyFw80EDZCfI7PVVVNWjdg4CJjolaZZLqAsAK1yhOywrq4Gx6Kp5g6Lat26sePHqXxCaNIBoWYikPaOW+6RCQ5BfkrvQ0m82Ode7rXHXt+sBrouciSG6YCYiYQxfiCq/9tZ5qE1p/fUP9oQ3N9F7q8XgXwUwx/fUFHuTOQ2x7H7vS0+b1zYNjY2Ps7Jn2mqcvHr7NTMVa0Lw1eZcDcjWsBYG40tuNNpfNverY23Hg0MH3d+/c/7ga6x8CaPG6CmrY3wOE/GYJNE27qE/pvGXX1T2i+Z2kK49iWF7nGUCUTqfXKYpybnBwMN7Rdfv4VPXKPXWnjqDwlvnO+ZhplS9XeijcD09MTHRRSk/FYrE3u/ffOjE6OtKGuOGilbjvJFC8YRehPi0gD09OTj4bGBh40veyL1nOctO/8fweG5X08OJry9WXAKZSKcnv9x8TBbzbZSP+M9vO2d5uCU92EUL2iz3yQk8C/n+79a8AfhdgAKDUfrIkQRN1AAAAAElFTkSuQmCC") no-repeat center left !important; } /* FIX DOWNLOAD HELPER BUTTON */ #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem, #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem { min-width: 64px !important; max-width: 64px !important; padding: 1px !important; } #toolbar-menubar #dwhelper-toolbaritem #dwhelper-button { -moz-appearance: none !important; border: none !important; outline: none !important; background: transparent !important; } #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem #dwhelper-button { min-width: 32px !important; max-width: 32px !important; min-height: 18px !important; max-height: 18px !important; } #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem #dwhelper-button { min-width: 32px !important; max-width: 32px !important; min-height: 28px !important; max-height: 28px !important; } #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem .off { margin: 3px 3px 0px 0px !important; opacity: 0.75 !important; } #toolbar-menubar[iconsize="small"] #dwhelper-toolbaritem .on { margin: 0px 0px 5px 0px !important; opacity: 1 !important; } #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem .off { margin: 0px 3px 5px 0px !important; opacity: 0.75 !important; } #toolbar-menubar[iconsize="large"] #dwhelper-toolbaritem .on { margin: -5px 0px 1px 0px !important; opacity: 1 !important; } #toolbar-menubar #dwhelper-toolbaritem .off .toolbarbutton-icon, #toolbar-menubar #dwhelper-toolbaritem .on .toolbarbutton-icon { min-width: 16px !important; max-width: 16px !important; min-height: 16px !important; max-height: 16px !important; background: rgba(255,255,255,0.75) !important; -moz-border-radius: 8px !important; padding: 1px !important; border: solid 1px rgba(0,0,0,0.4) !important; margin: 0 !important; } #toolbar-menubar #dwhelper-toolbaritem #dwhelper-button .toolbarbutton-menubutton-dropmarker { margin: 1px 0px 0px 0px !important; } #toolbar-menubar #dwhelper-toolbaritem #dwhelper-count { margin: 0px 0px 1px 0px !important; color: #ffffff !important; font-size: 10px !important; font-weight: bold !important; opacity: 0.9 !important; } #toolbar-menubar #dwhelper-toolbaritem:hover #dwhelper-count { opacity: 1 !important; } #toolbar-menubar #dwhelper-toolbaritem:hover:active #dwhelper-count, #toolbar-menubar #dwhelper-toolbaritem[open="true"] #dwhelper-count { opacity: 0.75 !important; } /* TRANSFORM FOXCLOCKS & FORECASTFOX */ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks, #toolbar-menubar #ff-box { -moz-appearance: none !important; -moz-border-radius: 3px !important; padding: 0px 0px 0px 0px !important; margin: 1px 1px 1px 1px !important; min-width: 24px !important; width: auto !important; border: none !important; background: transparent !important; opacity: 1.0 !important; } #toolbar-menubar[iconsize="small"] #foxclocksoverlay-toolbaritem-clocks, #toolbar-menubar[iconsize="small"] #ff-box { min-height: 24px !important; max-height: 24px !important; } #toolbar-menubar[iconsize="large"] #foxclocksoverlay-toolbaritem-clocks, #toolbar-menubar[iconsize="large"] #ff-box { min-height: 34px !important; max-height: 34px !important; } #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks #foxclocksoverlay-toolbaritem-box, #toolbar-menubar #ff-box #ff-weather { -moz-appearance: none !important; padding: 0 !important; margin: 1px 0px 1px 0px !important; border: none !important; background: none !important; } #toolbar-menubar[iconsize="small"] #foxclocksoverlay-toolbaritem-clocks #foxclocksoverlay-toolbaritem-box, #toolbar-menubar[iconsize="small"] #ff-box #ff-weather { min-height: 22px !important; max-height: 22px !important; } #toolbar-menubar[iconsize="large"] #foxclocksoverlay-toolbaritem-clocks #foxclocksoverlay-toolbaritem-box, #toolbar-menubar[iconsize="large"] #ff-box #ff-weather { min-height: 32px !important; max-height: 32px !important; } #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel, #toolbar-menubar #ff-box ffpanel { -moz-appearance: none !important; padding: 0px 2px 0px 2px !important; margin: 0px 1px 0px 1px !important; min-height: 22px !important; max-height: 30px !important; min-width: 76px !important; max-width: 200px !important; width: auto !important; border: none !important; background: transparent !important; text-align: center !important; display: table !important; } #toolbar-menubar[iconsize="small"] #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel, #toolbar-menubar[iconsize="small"] #ff-box ffpanel { min-height: 22px !important; max-height: 22px !important; } #toolbar-menubar[iconsize="large"] #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel, #toolbar-menubar[iconsize="large"] #ff-box ffpanel { min-height: 30px !important; max-height: 30px !important; } #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel image, #toolbar-menubar #ff-box .ffpanel-icon { margin: 0px 1px 0px 0px !important; } #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel label, #toolbar-menubar #ff-box .ffpanel-text { margin: 0px 2px 0px 2px !important; padding: 5px 0px 0px 0px !important; min-height: 22px !important; max-height: 22px !important; } #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks #foxclocksoverlay-toolbarbutton-clocks, #toolbar-menubar #ff-box #ff-radar-panel, #toolbar-menubar #ff-box #ff-swa-panel { margin: 0px 1px 0px 1px !important; padding: 0px 2px 0px 0px !important; min-width: 25px !important; max-width: 25px !important; background: transparent !important; border: none !important; } #toolbar-menubar[iconsize="small"] #foxclocksoverlay-toolbaritem-clocks #foxclocksoverlay-toolbarbutton-clocks, #toolbar-menubar[iconsize="small"] #ff-box #ff-radar-panel, #toolbar-menubar[iconsize="small"] #ff-box #ff-swa-panel { min-height: 22px !important; max-height: 22px !important; } #toolbar-menubar[iconsize="large"] #foxclocksoverlay-toolbaritem-clocks #foxclocksoverlay-toolbarbutton-clocks, #toolbar-menubar[iconsize="large"] #ff-box #ff-radar-panel, #toolbar-menubar[iconsize="large"] #ff-box #ff-swa-panel { min-height: 32px !important; max-height: 32px !important; } #toolbar-menubar #ff-box #ff-radar-panel, #toolbar-menubar #ff-box #ff-swa-panel { padding: 0px 0px 0px 1px !important; } #toolbar-menubar #ff-box #ff-progress, #toolbar-menubar #ff-box #ff-indicator, #toolbar-menubar #ff-box #ff-spacer { display: none !important; } /* TRANSFORM FOXCLOCKS & FORECASTFOX WHEN HOVER */ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks:hover, #toolbar-menubar #ff-box:hover { background: rgba(0,0,0,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpi+P//PwMTAxDQjQABZhCLFQvBASLYAQIMAM2nA1yCXAVxAAAAAElFTkSuQmCC") repeat-x bottom !important; } #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel:hover, #toolbar-menubar #ff-box ffpanel:hover, #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks #foxclocksoverlay-toolbarbutton-clocks:hover, #toolbar-menubar #ff-box #ff-radar-panel:hover, #toolbar-menubar #ff-box #ff-swa-panel:hover { -moz-border-radius: 1px !important; background: rgba(255,255,255,0.4) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAYAAADXnxW3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi+P//fxoTAwPDWRDxDUT8ABE/4azfCIIBqJgBxMJNAAQYAAK6DhpbWQZmAAAAAElFTkSuQmCC") repeat-x top !important; } /* TRANSFORM THE MAIN-MENUBAR */ #toolbar-menubar #menubar-items { -moz-appearance: none !important; -moz-border-radius: 0px !important; padding: 0px 0px 0px 0px !important; margin: 1px 1px 1px 1px !important; border: none !important; background: transparent !important; } #toolbar-menubar[iconsize="small"] #menubar-items { min-height: 24px !important; max-height: 24px !important; } #toolbar-menubar[iconsize="large"] #menubar-items { min-height: 34px !important; max-height: 34px !important; } #toolbar-menubar #main-menubar { -moz-appearance: none !important; -moz-border-radius: 0px !important; padding: 0px 0px 0px 0px !important; margin: 1px 1px 1px 1px !important; border: none !important; background: transparent !important; } #toolbar-menubar[iconsize="small"] #main-menubar { min-height: 22px !important; max-height: 22px !important; } #toolbar-menubar[iconsize="large"] #main-menubar { min-height: 32px !important; max-height: 32px !important; } #toolbar-menubar #main-menubar > menu { -moz-appearance: none !important; -moz-border-radius: 0px !important; padding: 0 !important; min-height: 22px !important; max-height: 22px !important; outline: none !important; border: solid 1px transparent !important; background: transparent !important; } #toolbar-menubar[iconsize="small"] #main-menubar > menu { margin: 0px 0px 0px 0px !important; } #toolbar-menubar[iconsize="large"] #main-menubar > menu { margin: 5px 0px 5px 0px !important; } #toolbar-menubar #main-menubar > menu:hover { border-top: solid 1px #8487cf !important; border-bottom: solid 1px #0517b9 !important; border-left: solid 1px #5e64c9 !important; border-right: solid 1px #5e64c9 !important; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFr7Xejp7X3eDxAHDjk978AInuGrT1AF7YAFDQdYjSt73hu8HjADDAmqrZgZPUprHctLrgJ8D4CKLyAEPHSv8bDQAAACpJREFUeNoEwQkCgBAAALApVESO//+1zaEqBj5N0D1e2+1ySpZsir8AAwAOwAC/vOEMrAAAAABJRU5ErkJggg==") repeat-x center !important; } #toolbar-menubar #main-menubar > menu[open="true"] { border-top: solid 1px #24256a !important; border-bottom: solid 1px #020859 !important; border-left: solid 1px #434378 !important; border-right: solid 1px #434378 !important; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAMAAAB70KeTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxQTFRFRlCLNLD0P0uUDmnrACKhCU3kN0GeNDqefoOeAzneABh5QkyNADHTOUeZLjSYABFqKjCTACi7MjicAB2N6qqiqwAAACpJREFUeNoEwQkCgBAAALApVESO//+1zY3q0GSXpRs+xRZNr0dyCr8AAwAPFgC/ObkBOgAAAABJRU5ErkJggg==") repeat-x center !important; } #toolbar-menubar #main-menubar > menu .menubar-text { margin: 0px 0px 0px 0px !important; padding: 4px 3px 0px 3px !important; min-height: 22px !important; max-height: 22px !important; } /*=========================[CUSTOMIZE]============================*/ #toolbar-menubar #main-menubar > menu .menubar-text { /*------------------------------------------------------------------ [1a] MAIN-MENU TEXT SETTINGS (DEFAULT) Below you can change the text color/size/weight/opacity/align. ------------------------------------------------------------------*/ /* TEXT COLOR: */ color: #000000 !important; /* SIZE (8/16): */ font-size: 10px !important; /* WEIGHT (normal, bold): */ font-weight: bold !important; /* OPACITY */ opacity: 1.0 !important; /* Vertical Align (0/5): */ padding-top: 4px !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #main-menubar > menu:hover .menubar-text { /*------------------------------------------------------------------ [1b] MAIN-MENU TEXT SETTINGS (HOVER) Below you can change the text color/opacity when hover. ------------------------------------------------------------------*/ /* TEXT COLOR: */ color: #ffffff !important; /* OPACITY */ opacity: 1.0 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #main-menubar > menu[open="true"] .menubar-text { /*------------------------------------------------------------------ [1c] MAIN-MENU TEXT SETTINGS (OPEN) Below you can change the text color/opacity when open. ------------------------------------------------------------------*/ /* TEXT COLOR: */ color: #ffffff !important; /* OPACITY */ opacity: 0.75 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #main-menubar > menu, #toolbar-menubar toolbarbutton, #toolbar-menubar toolbarseparator, #toolbar-menubar toolbarspacer, #dwhelper-toolbaritem { /*------------------------------------------------------------------ [2] NAV-STYLE ITEMS OPACITY This changes the opacity of all the nav-style (blue) items. Also below you can change the dropmarker and icons opacity. ------------------------------------------------------------------*/ opacity: 0.75 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar .toolbarbutton-menu-dropmarker, #toolbar-menubar .toolbarbutton-menubutton-dropmarker { /*----------------------------------------------------------------*/ /* DROPMARKER OPACITY: */ opacity: 0.9 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar toolbarbutton .toolbarbutton-icon { /*------------------------------------------------------------------ [3a] ICONS OPACITY (DEFAULT) Change the icons opacity. ------------------------------------------------------------------*/ opacity: 0.9 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar toolbarbutton:hover > .toolbarbutton-icon { /*------------------------------------------------------------------ [3b] ICONS OPACITY (HOVER) Change the icons opacity when hover. ------------------------------------------------------------------*/ opacity: 1.0 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar > toolbarbutton:hover:active .toolbarbutton-icon #toolbar-menubar > toolbarbutton[disabled="true"] .toolbarbutton-icon, #toolbar-menubar > toolbarbutton[open="true"] .toolbarbutton-icon { /*------------------------------------------------------------------ [3c] ICONS OPACITY (ACTIVE) Change the icons opacity when active/open/disabled. ------------------------------------------------------------------*/ opacity: 0.75 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks, #toolbar-menubar #ff-box { /*------------------------------------------------------------------ [4a] FOXCLOCK & FORECASTFOX BACKGROUND COLOR Below you can change the BG color (default: transparent). ----------------------[RED-GREEN-BLUE-OPACITY]--------------------*/ background-color: rgba(0,0,0,0.0) !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks:hover, #toolbar-menubar #ff-box:hover { /*------------------------------------------------------------------ [4b] FOXCLOCK & FORECASTFOX BACKGROUND COLOR (HOVER) Below you can change the background color when hover. ----------------------[RED-GREEN-BLUE-OPACITY]--------------------*/ background-color: rgba(0,0,0,0.1) !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel:hover, #toolbar-menubar #ff-box ffpanel:hover, #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks #foxclocksoverlay-toolbarbutton-clocks:hover, #toolbar-menubar #ff-box #ff-radar-panel:hover, #toolbar-menubar #ff-box #ff-swa-panel:hover { /*------------------------------------------------------------------ [4c] FOXCLOCK & FORECASTFOX ITEMS BACKGROUND COLOR (HOVER) Below you can change the items background color when hover. ----------------------[RED-GREEN-BLUE-OPACITY]--------------------*/ background-color: rgba(255,255,255,0.4) !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel label, #toolbar-menubar #ff-box ffpanel .ffpanel-text{ /*------------------------------------------------------------------ [5a] FOXCLOCK & FORECASTFOX TEXT SETTINGS (DEFAULT) Below you can change the text color/size/weight/opacity/align. ------------------------------------------------------------------*/ /* TEXT COLOR: */ color: #000000 !important; /* SIZE (8/16): */ font-size: 10px !important; /* WEIGHT (normal, bold): */ font-weight: bold !important; /* OPACITY */ opacity: 0.75 !important; /* Vertical Align (0/6): */ padding-top: 5px !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel:hover label, #toolbar-menubar #ff-box ffpanel:hover .ffpanel-text{ /*------------------------------------------------------------------ [5b] FOXCLOCK & FORECASTFOX TEXT SETTINGS (HOVER) Below you can change the text color/opacity when hover. ------------------------------------------------------------------*/ /* TEXT COLOR: */ color: #000000 !important; /* OPACITY */ opacity: 0.9 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel image, #toolbar-menubar #ff-box ffpanel .ffpanel-icon { /*------------------------------------------------------------------ [6a] FOXCLOCK & FORECASTFOX ICONS OPACITY (DEFAULT) Change the icons opacity. ------------------------------------------------------------------*/ opacity: 0.85 !important;} /*----------------------------------------------------------------*/ #toolbar-menubar #foxclocksoverlay-toolbaritem-clocks foxclocks-clockpanel:hover image, #toolbar-menubar #ff-box ffpanel:hover .ffpanel-icon { /*------------------------------------------------------------------ [6b] FOXCLOCK & FORECASTFOX ICONS OPACITY (HOVER) Change the icons opacity when hover. ------------------------------------------------------------------*/ opacity: 0.9 !important;} /*----------------------------------------------------------------*/ /* END */