0% found this document useful (0 votes)
113 views

Scope Firefox CSS

The document contains CSS code that modifies the appearance of Firefox. It hides certain elements, changes colors, sizes and positions of buttons, tabs, URL bar and other parts of the Firefox interface. The CSS restyles Firefox to have a dark theme with smaller tabs displayed at the top of the window.

Uploaded by

fooooop
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
113 views

Scope Firefox CSS

The document contains CSS code that modifies the appearance of Firefox. It hides certain elements, changes colors, sizes and positions of buttons, tabs, URL bar and other parts of the Firefox interface. The CSS restyles Firefox to have a dark theme with smaller tabs displayed at the top of the window.

Uploaded by

fooooop
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 6

@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul ); /* HIDDEN ELEMENTS */ #identity-box, #urlbar-icons > image, #urlbar-container dropmarker, #appmenu-button .button-text, #appmenu-button .

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; }

You might also like