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

Firefox CSS Settings

This document contains extensive CSS styling rules to customize the appearance of the Firefox browser user interface. It hides various browser elements, modifies colors, sizes, positions of other elements like tabs, buttons, scrollbars. The goal is to achieve a simplified, compact browser appearance and behavior.

Uploaded by

fooooop
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
124 views

Firefox CSS Settings

This document contains extensive CSS styling rules to customize the appearance of the Firefox browser user interface. It hides various browser elements, modifies colors, sizes, positions of other elements like tabs, buttons, scrollbars. The goal is to achieve a simplified, compact browser appearance and behavior.

Uploaded by

fooooop
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 13

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ *{ font-family: "cure" !important; font-size: 8px !important; font-weight: 400 !

important; border-radius: 0 !important; border: 0px !important; sd#content browser { margin-right:-15px!important; overflow-y:scroll; overflow-x :hidden;} dd#content browser { margin-bottom:-15px!important; overflow-y:scroll; overflowx:hidden;} } #titlebar {display: none !important;} #main-window {-moz-appearance:none !important;} #main-window #titlebar-buttonbox{ display:none;} /* HIDDEN ELEMENTS */ #identity-box, #urlbar-icons > image, #urlbar-container dropmarker, #appmenu-toolbar-button .toolbarbutton-text, #appmenu-toolbar-button .toolbarbutton-menu-dropmarker { display:none!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-toolbar-button .toolbarbutton-icon, .findbar-closebutton { list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIA AAALCAYAAADLA1tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xJREFUeNrs Vk1IG0EU3s3mx1RXY2qxaa0ULFakUogUESUnPaS0Wlo1oifbQ0AUDx704EGIeBAkUXOzEq0/kHpose2h 2IbexUKLFA8VokIPKaghrfmpyfa9dELHcTai0FsXNpPZ+d43b9773tsVFUUR/l+CoM38EUWRXZPg1sCd gjuJDzJBI9gT61kukeyFNgrBJ8n/NC9waii+FGWr9vzUdcKb8VWifBVpG8RpVByXent7rywtLSX6+voK eAB8juuII5sIKk5qAZs/OzvrWVxc3Jufn38zPT39hASGjr5mYWEh0NTUVEDxSTgHuy+Ei5tMWP9IJ5W9 enp6isDX+OTk5H3CfcKGR64dGhq6UVtbu7OxsXFzYmIizCPH57iOOMRzHNE0NzcXwsE/GAyGYgjE4MrK yrWDgwOvTqezQTAeMwFMra+vO9rb27/bbDYZ5rq6urpch8OxOzMzc0dFDZlsl2VJhuD1eiM4ms1mNySl GLlZGzYQksvlulVZWbm5trZ2fXR0dCuL7JO4jjjEox1NDGuXW1pa3oI0S6uqql5Fo9Ejv9+/Bwp6HYlE lnNyclrZQLjd7tDY2JjZ6XRuw9zY3d39rbOz81IgEIhwykWPGLgNsEd6JHO9mnrC4bDParW6MRDE5m/t 0nXf1dWV19jYGIHM3B4fH9+Exwm25jj9RN/f319RXV39aXV1Vfb5fD8yzjY0NBQBZxAcGITDvxgYGNhF c1BKUVtb2zYc0gzzGFXLAsmWEaQc7ujowDKJwv1LpRzKyIHEP+4piN0CXiuMRxTvBeD7CXxmUOjLUCj0 zGKxPIV5Lqwdps+FP9SbQyJGcciGhZUbg03jEYd4tOPI0zA3N/fe4/E8pDKlnZqaegAOvSNZPLY/9IRC OCSWYz7wHoGUr3J4aUWYAIdqMbGKoHiNBJOHZQx7f4W5QnwWeM0SyyAGkTLV19cHQe4VWWoPy6gCcYhH O04ZJROJxHOTyfQIDn8XlHARxnuyLLfGYrFlBq+x2+0y9IQg9IRSVAKWSU1Nzfbw8DDrR4qoFRUQJ0qI k3mC108IJjkyMhLc3993CRyAwPmWwAAZscsTqfKwOrJuzNLRUZc6aIxOVADgD3HEOeEVqcyl5Q4dvph+ a5SXl8uojJKSEr3KHnqw+0yUIPBKmcGIRCEKrUhRpe6572cGe9r7nQ5G5j0unvM7QiL4835HsJhjnLwe kfU6C/Ys17/6uj3LuX4LMACwT+lvQQrZSgAAAABJRU5ErkJggg==")!important;

} #back-button .toolbarbutton-icon { -moz-image-region:rect(0, 11px, 11px, 0)!important; } #forward-button .toolbarbutton-icon { -moz-image-region:rect(0, 22px, 11px, 11px)!important; } #reload-button .toolbarbutton-icon, #urlbar-reload-button .toolbarbutton-icon { -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, .findbar-closebutton { -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:16px!important; } #appmenu-toolbar-button .toolbarbutton-icon { -moz-image-region:rect(0, 66px, 11px, 55px)!important; } /* URL BAR */ #urlbar { background:#1b1b1b!!important; border:0!important; color:rgba(255,255,255,.6)!important; margin: 0px!important; max-height:24px!important; min-height:24px!important; padding:0 5px!important; text-align:center!important; min-width: 150px !important; max-width: 150px !important; width: 150px !important; border-radius: 0 !important; box-shadow: none !important; border-bottom: 0 solid #333 !important; border-left:0px solid #333 !important; bbox-shadow: inset 0px -2px 2px -1px rgba(150,150,150,0.3) !important; mmargin-top: 8px !important; text-shadow: none !important; } #urlbar:hover { color:#FFF!important; }

#urlbar .autocomplete-textbox-container:active, #urlbar .autocomplete-textbo x-container:focus, { background:#444!important; } #urlbar #notification-popup-box { background:#333 !important; border-right:0px !important; max-height:24px!important; max-width:24px!important; padding:0 0px!important; border-radius:1px 0 0 1px!important; } #urlbar #notification-popup-box .notification-anchor-icon { max-height:24px!important; max-width:24px!important; } /* TABS */ #main-window #tabbrowser-tabs tab { background:rgb(27,27,27)!important; border:0!important; bborder-left:0 solid #101010!important; bborder-right:1px solid #555!important; color:#FFF !important; text-align:center!important; text-shadow: none !important; /* text-shadow:#2f2f2f !important;*/ } #main-window #tabbrowser-tabs tab:first-child { bborder-left:1px solid #555 !important; } #main-window #tabbrowser-tabs tab { margin:0px 0px 0px 1px !important; padding:6px 2px 7px!important; border-radius:0!important; border-bottom: 0 solid #777 !important; bbox-shadow: inset 0px -2px 2px -1px rgba(150,150,150,0.3) !important; } #main-window #tabbrowser-tabs tab[selected] { color:#FFF!important; background: #333 !important; border-bottom: 0 solid #555 !important; bbox-shadow: inset 0px -2px 2px -1px rgba(1,198,253,0.15) !important; } #main-window #tabbrowser-tabs tab .tab-throbber { max-height: 12px !important; max-width: 12px !important; margin:0px !important; } #main-window #tabbrowser-tabs tab .tab-icon-image {

max-height:0!important; max-width:0!important; margin:0px!important; } #main-window #tabbrowser-tabs tab .tab-close-button { display:none!important; min-height:12px!important; max-height:12px!important; min-width:12px!important; max-width:12px!important; opacity:0!important; } #main-window #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon { max-height:24px!important; max-width:24px!important; } #main-window #tabbrowser-tabs tab:not([selected]):hover { background: #444 !important; } #main-window #tabbrowser-tabs tab:hover .tab-close-button { opacity:1!important; background: none !important; margin-right: 1px !important; margin-left: -13px !important; padding: 1px 0 !important; display:block!important; float: right !important; } #main-window #tabbrowser-tabs tab[fadein]:not([pinned]) { min-width:100%!important; max-width:100%!important; } #main-window #tabbrowser-tabs tab[pinned] { max-width:100%x!important; min-width:100%x!important; padding:0 3px!important; } #main-window #tabbrowser-tabs tab[pinned] .tab-throbber, #main-window #tabbrowser-tabs tab[pinned] .tab-icon-image { max-height:16px!important; max-width:16px!important; margin:0px 2px!important; } #main-window #tabbrowser-tabs tab[pinned] .tab-close-button { display:none!important; } /* MAIN WINDOW */ #main-window{

background: #000 !important; border: none !important; } #main-window:-moz-window-inactive { background: #000 !important; border: none !important; border-top-width: 0px !important; } #main-window #urlbar, #main-window #urlbar-container { max-width:200px !important; } #main-window #TabsToolbar { background:#2f2f2f!important; border-top:0px solid #101010 !important; border-bottom:0px solid #777!important; max-height:24px!important; min-height:24px!important; margin:10px 0 0 0!important; padding:0!important; } #main-window:not([chromehidden*="toolbar"])[sizemode="normal"] { margidn-top:1px!important; } #main-window[sizemode="normal"] #TabsToolbar { margin-top:-5px!important; padding:0px 10ppx 1px 0px!important; } #main-window[sizemode="fullscreen"] #TabsToolbar, #main-window[sizemode="maximized"] #TabsToolbar { margin-top:-0px!important; margin-right: 0px !important; padding: 0 0 0 0 !important; } #main-window[sizemode="fullscreen"] #TabsToolbar { margin-top: -5px !important; } #main-window #tabbrowser-tabs tab:not([pinned]) { max-dwidth: 200px !important; } /*Scrollbars @see https://gist.github.com/4003205 @see chrome://browser/skin/devtools/floating-scrollbars.css (Fx 18+) @see http://userstyles.org/styles/76999/glow-scrollbar */ scrollbar scrollbarbutton ,

scrollbar gripper { visibility: collapse; } scrollbar , scrollbar thumb { -moz-appearance: none !important; } scrollbar[orient="vertical"] { -moz-margin-start: -4px; min-width: 6px; max-width: 6px; } scrollbar[orient="horizontal"] { margin-top: -4px; min-height: 4px; max-height: 4px; } scrollbar { position: relative; background-image: none; z-index: 2147483647; background-color: transparent; } scrollbar:hover { background-color: ButtonHighlight; } scrollbar thumb { border: none !important; border-radius: 1.5px !important; background-color: #92969b; opacity: .55; } scrollbar:hover thumb { opacity: 1; } scrollbar thumb:active , scrollbar thumb:hover { opacity: 1; background-color: ButtonShadow; } #toolbar-menubar { margin-top: 0px !important; margin-bottom: 0px !important; } tab:not([pinned]) .tab-badge { display: none !important; text-align: center !important; padding: 2px 5px 2px 5px !important; height: 50px !important; -moz-margin-end: 2px !important; width: 15px !important; font-weight: 800 !important; border-radius: 50% !important; } tab .tab-badge {

display: none !important; color: #000 !important; -moz-margin-end: 0px !important; margin-left: 0px !important; background: none !important; font-weight: bold !important; font-family: Lucida Console !important; font-size: 10px !important; margin-top: 2px !important; } @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xu l"); /* only needed once */ *{ font-family: "cure" !important; font-size: 8px !important; font-weight: 400 !important; border-radius: 0 !important; border: 0px !important; } sd#content browser { margin-right:-15px!important; overflow-y:scroll; overflow-x :hidden;} dd#content browser { margin-bottom:-15px!important; overflow-y:scroll; overflowx:hidden;} #titlebar {display: none !important;} #main-window {-moz-appearance:none !important;} #main-window #titlebar-buttonbox{ display:none;} /* HIDDEN ELEMENTS */ #identity-box, #urlbar-icons > image, #urlbar-container dropmarker, #appmenu-toolbar-button .toolbarbutton-text, #appmenu-toolbar-button .toolbarbutton-menu-dropmarker { display:none!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-toolbar-button .toolbarbutton-icon, .findbar-closebutton { list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIA AAALCAYAAADLA1tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xJREFUeNrs Vk1IG0EU3s3mx1RXY2qxaa0ULFakUogUESUnPaS0Wlo1oifbQ0AUDx704EGIeBAkUXOzEq0/kHpose2h 2IbexUKLFA8VokIPKaghrfmpyfa9dELHcTai0FsXNpPZ+d43b9773tsVFUUR/l+CoM38EUWRXZPg1sCd gjuJDzJBI9gT61kukeyFNgrBJ8n/NC9waii+FGWr9vzUdcKb8VWifBVpG8RpVByXent7rywtLSX6+voK eAB8juuII5sIKk5qAZs/OzvrWVxc3Jufn38zPT39hASGjr5mYWEh0NTUVEDxSTgHuy+Ei5tMWP9IJ5W9 enp6isDX+OTk5H3CfcKGR64dGhq6UVtbu7OxsXFzYmIizCPH57iOOMRzHNE0NzcXwsE/GAyGYgjE4MrK

yrWDgwOvTqezQTAeMwFMra+vO9rb27/bbDYZ5rq6urpch8OxOzMzc0dFDZlsl2VJhuD1eiM4ms1mNySl GLlZGzYQksvlulVZWbm5trZ2fXR0dCuL7JO4jjjEox1NDGuXW1pa3oI0S6uqql5Fo9Ejv9+/Bwp6HYlE lnNyclrZQLjd7tDY2JjZ6XRuw9zY3d39rbOz81IgEIhwykWPGLgNsEd6JHO9mnrC4bDParW6MRDE5m/t 0nXf1dWV19jYGIHM3B4fH9+Exwm25jj9RN/f319RXV39aXV1Vfb5fD8yzjY0NBQBZxAcGITDvxgYGNhF c1BKUVtb2zYc0gzzGFXLAsmWEaQc7ujowDKJwv1LpRzKyIHEP+4piN0CXiuMRxTvBeD7CXxmUOjLUCj0 zGKxPIV5Lqwdps+FP9SbQyJGcciGhZUbg03jEYd4tOPI0zA3N/fe4/E8pDKlnZqaegAOvSNZPLY/9IRC OCSWYz7wHoGUr3J4aUWYAIdqMbGKoHiNBJOHZQx7f4W5QnwWeM0SyyAGkTLV19cHQe4VWWoPy6gCcYhH O04ZJROJxHOTyfQIDn8XlHARxnuyLLfGYrFlBq+x2+0y9IQg9IRSVAKWSU1Nzfbw8DDrR4qoFRUQJ0qI k3mC108IJjkyMhLc3993CRyAwPmWwAAZscsTqfKwOrJuzNLRUZc6aIxOVADgD3HEOeEVqcyl5Q4dvph+ a5SXl8uojJKSEr3KHnqw+0yUIPBKmcGIRCEKrUhRpe6572cGe9r7nQ5G5j0unvM7QiL4835HsJhjnLwe kfU6C/Ys17/6uj3LuX4LMACwT+lvQQrZSgAAAABJRU5ErkJggg==")!important; } #back-button .toolbarbutton-icon { -moz-image-region:rect(0, 11px, 11px, 0)!important; } #forward-button .toolbarbutton-icon { -moz-image-region:rect(0, 22px, 11px, 11px)!important; } #reload-button .toolbarbutton-icon, #urlbar-reload-button .toolbarbutton-icon { -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, .findbar-closebutton { -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:16px!important; } #appmenu-toolbar-button .toolbarbutton-icon { -moz-image-region:rect(0, 66px, 11px, 55px)!important; } /* URL BAR */ #urlbar { background:rgb(27,27,27)!important; border:0!important; color:#FFF !important; margin: 0px!important; max-height:24px!important; min-height:24px!important; padding:0 5px!important; text-align:center!important; min-width: 150px !important; max-width: 150px !important; width: 150px !important; border-radius: 0 !important;

box-shadow: none !important; border-bottom: 0 solid #333 !important; border-left:0px solid #333 !important; bbox-shadow: inset 0px -2px 2px -1px rgba(150,150,150,0.3) !important; mmargin-top: 8px !important; text-shadow: none !important; } #urlbar:hover { color:#FFF!important; } #urlbar .autocomplete-textbox-container:active, #urlbar .autocomplete-textbo x-container:focus, { background:#444!important; } #urlbar #notification-popup-box { background:#333 !important; border-right:0px !important; max-height:24px!important; max-width:24px!important; padding:0 0px!important; border-radius:1px 0 0 1px!important; } #urlbar #notification-popup-box .notification-anchor-icon { max-height:24px!important; max-width:24px!important; } /* TABS */ #main-window #tabbrowser-tabs tab { background:rgb(27,27,27)!important; border:0!important; bborder-left:0 solid #101010!important; bborder-right:1px solid #555!important; color:#FFF !important; text-align:center!important; text-shadow: none !important; /* text-shadow:#2f2f2f !important;*/ } #main-window #tabbrowser-tabs tab:first-child { bborder-left:1px solid #555 !important; } #main-window #tabbrowser-tabs tab { margin:0px 0px 0px 1px !important; padding:6px 2px 7px!important; border-radius:0!important; border-bottom: 0 solid #777 !important; bbox-shadow: inset 0px -2px 2px -1px rgba(150,150,150,0.3) !important; } #main-window #tabbrowser-tabs tab[selected] { color:#FFF!important; background: #333 !important;

border-bottom: 0 solid #555 !important; bbox-shadow: inset 0px -2px 2px -1px rgba(1,198,253,0.15) !important; } #main-window #tabbrowser-tabs tab max-height: 12px !important; max-width: 12px !important; margin:0px !important; } #main-window #tabbrowser-tabs tab { max-height:0!important; max-width:0!important; margin:0px!important; } #main-window #tabbrowser-tabs tab { display:none!important; min-height:12px!important; max-height:12px!important; min-width:12px!important; max-width:12px!important; opacity:0!important; } #main-window #tabbrowser-tabs tab { max-height:24px!important; max-width:24px!important; } .tab-throbber {

.tab-icon-image

.tab-close-button

.tab-close-button .toolbarbutton-icon

#main-window #tabbrowser-tabs tab:not([selected]):hover { background: #444 !important; } #main-window #tabbrowser-tabs tab:hover .tab-close-button { opacity:1!important; background: none !important; margin-right: 1px !important; margin-left: -13px !important; padding: 1px 0 !important; display:block!important; float: right !important; } #main-window #tabbrowser-tabs tab[fadein]:not([pinned]) { min-width:100%!important; max-width:100%!important; } #main-window #tabbrowser-tabs tab[pinned] { max-width:100%x!important; min-width:100%x!important; padding:0 3px!important; } #main-window #tabbrowser-tabs tab[pinned] .tab-throbber, #main-window #tabbrowser-tabs tab[pinned] .tab-icon-image {

max-height:16px!important; max-width:16px!important; margin:0px 2px!important; } #main-window #tabbrowser-tabs tab[pinned] .tab-close-button { display:none!important; } /* MAIN WINDOW */ #main-window{ background: #000 !important; border: none !important; } #main-window:-moz-window-inactive { background: #000 !important; border: none !important; border-top-width: 0px !important; } #main-window #urlbar, #main-window #urlbar-container { max-width:200px !important; } #main-window #TabsToolbar { background:#2f2f2f!important; border-top:0px solid #101010 !important; border-bottom:0px solid #777!important; max-height:24px!important; min-height:24px!important; margin:10px 0 0 0!important; padding:0!important; } #main-window:not([chromehidden*="toolbar"])[sizemode="normal"] { margidn-top:1px!important; } #main-window[sizemode="normal"] #TabsToolbar { margin-top:-5px!important; padding:0px 10ppx 1px 0px!important; } #main-window[sizemode="fullscreen"] #TabsToolbar, #main-window[sizemode="maximized"] #TabsToolbar { margin-top:-0px!important; margin-right: 0px !important; padding: 0 0 0 0 !important; } #main-window[sizemode="fullscreen"] #TabsToolbar { margin-top: -5px !important; } #main-window #tabbrowser-tabs tab:not([pinned]) {

max-dwidth: 200px !important; } /*Scrollbars @see https://gist.github.com/4003205 @see chrome://browser/skin/devtools/floating-scrollbars.css (Fx 18+) @see http://userstyles.org/styles/76999/glow-scrollbar */ scrollbar scrollbarbutton , scrollbar gripper { visibility: collapse; } scrollbar , scrollbar thumb { -moz-appearance: none !important; } scrollbar[orient="vertical"] { -moz-margin-start: -4px; min-width: 6px; max-width: 6px; } scrollbar[orient="horizontal"] { margin-top: -4px; min-height: 4px; max-height: 4px; } scrollbar { position: relative; background-image: none; z-index: 2147483647; background-color: transparent; } scrollbar:hover { background-color: ButtonHighlight; } scrollbar thumb { border: none !important; border-radius: 1.5px !important; background-color: #92969b; opacity: .55; } scrollbar:hover thumb { opacity: 1; } scrollbar thumb:active , scrollbar thumb:hover { opacity: 1; background-color: ButtonShadow; } #toolbar-menubar { margin-top: -15px !important; margin-bottom: 5px !important; } tab:not([pinned]) .tab-badge { display: none !important;

text-align: center !important; padding: 2px 5px 2px 5px !important; height: 50px !important; -moz-margin-end: 2px !important; width: 15px !important; font-weight: 800 !important; border-radius: 50% !important; } tab .tab-badge { display: none !important; color: #000 !important; -moz-margin-end: 0px !important; margin-left: 0px !important; background: none !important; font-weight: bold !important; font-family: Lucida Console !important; font-size: 10px !important; margin-top: 2px !important; }

You might also like