Scope Firefox CSS
Scope Firefox CSS
button-menu-dropmarker { display:none!important; } scrollbar { display: none !important; } select > button, select > input { opacity:0!important; } #browser-border-start { display:none!important; } #nav-bar { background:#212121 !important; border:0px !important; } /* BUTTONS */ #back-button .toolbarbutton-icon, #forward-button .toolbarbutton-icon, #reload-button .toolbarbutton-icon, #urlbar-reload-button .toolbarbutton-icon, #stop-button .toolbarbutton-icon, #urlbar-stop-button .toolbarbutton-icon, #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon, #new-tab-button .toolbarbutton-icon, #appmenu-button .button-icon { list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAL CAYAAADLA1tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xJREFUeNrsVk1I G0EU3s3mx1RXY2qxaa0ULFakUogUESUnPaS0Wlo1oifbQ0AUDx704EGIeBAkUXOzEq0/kHpose2h2Ibe xUKLFA8VokIPKaghrfmpyfa9dELHcTai0FsXNpPZ+d43b9773tsVFUUR/l+CoM38EUWRXZPg1sCdgjuJ DzJBI9gT61kukeyFNgrBJ8n/NC9waii+FGWr9vzUdcKb8VWifBVpG8RpVByXent7rywtLSX6+voKeAB8 juuII5sIKk5qAZs/OzvrWVxc3Jufn38zPT39hASGjr5mYWEh0NTUVEDxSTgHuy+Ei5tMWP9IJ5W9enp6 isDX+OTk5H3CfcKGR64dGhq6UVtbu7OxsXFzYmIizCPH57iOOMRzHNE0NzcXwsE/GAyGYgjE4MrKyrWD gwOvTqezQTAeMwFMra+vO9rb27/bbDYZ5rq6urpch8OxOzMzc0dFDZlsl2VJhuD1eiM4ms1mNySlGLlZ GzYQksvlulVZWbm5trZ2fXR0dCuL7JO4jjjEox1NDGuXW1pa3oI0S6uqql5Fo9Ejv9+/Bwp6HYlElnNy clrZQLjd7tDY2JjZ6XRuw9zY3d39rbOz81IgEIhwykWPGLgNsEd6JHO9mnrC4bDParW6MRDE5m/t0nXf 1dWV19jYGIHM3B4fH9+Exwm25jj9RN/f319RXV39aXV1Vfb5fD8yzjY0NBQBZxAcGITDvxgYGNhFc1BK UVtb2zYc0gzzGFXLAsmWEaQc7ujowDKJwv1LpRzKyIHEP+4piN0CXiuMRxTvBeD7CXxmUOjLUCj0zGKx PIV5Lqwdps+FP9SbQyJGcciGhZUbg03jEYd4tOPI0zA3N/fe4/E8pDKlnZqaegAOvSNZPLY/9IRCOCSW Yz7wHoGUr3J4aUWYAIdqMbGKoHiNBJOHZQx7f4W5QnwWeM0SyyAGkTLV19cHQe4VWWoPy6gCcYhHO04Z JROJxHOTyfQIDn8XlHARxnuyLLfGYrFlBq+x2+0y9IQg9IRSVAKWSU1Nzfbw8DDrR4qoFRUQJ0qIk3mC
108IJjkyMhLc3993CRyAwPmWwAAZscsTqfKwOrJuzNLRUZc6aIxOVADgD3HEOeEVqcyl5Q4dvph+a5SX l8uojJKSEr3KHnqw+0yUIPBKmcGIRCEKrUhRpe6572cGe9r7nQ5G5j0unvM7QiL4835HsJhjnLwekfU6 C/Ys17/6uj3LuX4LMACwT+lvQQrZSgAAAABJRU5ErkJggg==")!important; padding:2px 0px 0px 0px; !important; } #back-button .toolbarbutton-icon { -moz-image-region:rect(0px, 11px, 11px, 0px)!important; } #forward-button .toolbarbutton-icon { -moz-image-region:rect(0, 22px, 11px, 11px)!important; } #reload-button .toolbarbutton-icon, #urlbar-reload-button .toolbarbutton-icon { background:#212121 !important; -moz-image-region:rect(0, 33px, 11px, 22px)!important; } #stop-button .toolbarbutton-icon, #urlbar-stop-button .toolbarbutton-icon, #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon { -moz-image-region:rect(0, 44px, 11px, 33px)!important; } #new-tab-button .toolbarbutton-icon { -moz-image-region:rect(0, 55px, 11px, 44px)!important; } #new-tab-button { max-width:20px!important; } #appmenu-button .button-icon { -moz-image-region:rect(0, 66px, 11px, 55px)!important; } #main-window[sizemode="normal"] .toolbarbutton-1 { margin-top:0px!important; } #main-window *[id*="-button"]:not([disabled]):hover { background:transparent!important; } /* URL BAR */ #urlbar { background:#212121!important; border: 0px !important; color:#c0c0c0!important; max-height:16px!important; min-height:16px!important; padding-left:5px!important; font-size:11.4px!important; } #urlbar #notification-popup-box {
border-right:0px solid rgba(240,240,240,1)!important; max-height:16px!important; max-width:16px!important; padding:0px 4px 0px 0px!important; -moz-border-image:none!important; -moz-margin-end:0!important; } #urlbar #notification-popup-box .notification-anchor-icon { max-height:10px!important; max-width:10px!important; } #main-window[sizemode="fullscreen"] #urlbar, #main-window[sizemode="maximized"] #urlbar { margin:0px 0px 0!important; }
/* TABS */ #main-window #tabbrowser-tabs tab { font-family:"Open Sans", sans-serif!important; font-size:11.4px!important; background:#191919!important; border:0px solid!important; color:#c0c0c0!important; } #main-window[sizemode="normal"] #tabbrowser-tabs tab { margin: 0px 0px 0px 0px!important; min-height:27px!important; padding:2px 2px 4px 3px!important; } #main-window[sizemode="maximized"] #tabbrowser-tabs tab, #main-window[sizemode="fullscreen"] #tabbrowser-tabs tab { margin:0px 0px 0px 2px!important; min-height:16px!important; padding:2px 2px 1px 2px!important; } #main-window #tabbrowser-tabs tab[selected] { color:#A94444 !important; background-color:#212121!important; } #main-window #tabbrowser-tabs tab .tab-throbber, #main-window #tabbrowser-tabs tab .tab-icon-image { max-height:12px!important; max-width:12px!important; margin-top:0px!important; margin-right:5px!important; } #main-window #tabbrowser-tabs tab[fadein]
{ -moz-transition:all .3s ease-in-out!important; } #main-window #tabbrowser-tabs tab:not([selected]):hover { color:rgba(255,255,255,1)!important; } #main-window #tabbrowser-tabs tab .tab-close-button { opacity:0!important; -moz-transition:all .3s ease-in-out!important; } #main-window #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon { max-height:10px!important; max-width:10px!important; } #main-window #tabbrowser-tabs tab[selected] .tab-close-button, #main-window #tabbrowser-tabs tab:hover .tab-close-button { opacity:0!important; } #main-window #tabbrowser-tabs tab[fadein]:not([pinned]) { min-width:50px!important; max-width:125px!important; } #main-window #tabbrowser-tabs tab[pinned] { max-width:25px!important; min-width:25px!important; } #main-window #tabbrowser-tabs .scrollbutton-up, #main-window #tabbrowser-tabs .scrollbutton-down, #main-window #tabbrowser-tabs tab[pinned] .tab-close-button { display:none!important; } /* SCROLLBAR */ scrollbar[orient="vertical"] scrollbarbutton, scrollbar[orient="vertical"] slider, scrollbar[orient="horizontal"] scrollbarbutton, scrollbar[orient="horizontal"] slider { width: 5px !important; } /* MAIN WINDOW */ #main-window #urlbar, #main-window #urlbar-container { background:#212121 !important; font-family:"Open Sans", Sams-Serif!important; max-width:100%!important; } #main-window:not([chromehidden*="toolbar"])[sizemode="normal"] { margin-top:-5px!important; }
#main-window[sizemode="normal"] #TabsToolbar { background:#191919 !important; margin-top:2px!important; padding:0px 15px 1px 15px!important; } #main-window[sizemode="fullscreen"] #TabsToolbar, #main-window[sizemode="maximized"] #TabsToolbar { background:#191919 !important; margin:-20px -14px 0 0!important; padding:0 20px 0px 16px!important; } #main-window #browser-border-start { background:#191919!important; border:0!important; } #main-window #appmenu-button { background:transparent!important; border:0px!important; padding:0px 3px!important; min-width:12px!important; box-shadow:none!important; } #main-window[sizemode="normal"] #appmenu-button { margin:8px 0px 0px!important; } #main-window[sizemode="fullscreen"] #appmenu-button, #main-window[sizemode="maximized"] #appmenu-button { margin:0!important; } /*Removes Background-Color From Chrome*/ #appcontent, #appcontent > #content, #appcontent > #content > tabbox > tabpanels { background-color:transparent!important; } select { -moz-appearance: none !important; } /* This controls the width of the drop-down button. I have no idea why. */ select > xul|scrollbar[orient="vertical"] { width: 20px !important; } select > button { /* Note: the attribute fill="<color>" controls the color of the image. It's in hex notation, but one needs to replace # with %23. For example to get blue (#f00), that part should look like this: fill="%23f 00" */
background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http: //www.w3.org/2000/svg" height="10" width="20" version="1.1"><g><path fill="%23ff ffff" d="M0%2C0%2C10%2C10%2C20%2C0z"/></g></svg>') !important; background-size: auto 30% !important; }
/* Tabs in Titlebar */ @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #main-window[tabsontop="true"][sizemode="normal"] #TabsToolbar { margin-left: 0px !important; margin-right:80px !important; } #main-window[tabsontop="true"][sizemode="normal"] #toolbar-menubar { margin-left: 98px !important; margin-top: -17px !important; } #main-window[tabsontop="true"][sizemode="normal"] #appmenu-button-container { position: relative !important; z-index: 2 !important; }