Advertisement
Guest User

Merge URL bar and tabs toolbar v2.0

a guest
Jan 13th, 2016
559
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.37 KB | None | 0 0
  1. /*Version 2 changelog:
  2. Changed the method of disabling the urlbar in fullscreen mode
  3. Todo: Add an option to reset the url bar to a normal non-merged state instead of hiding it
  4. If elements look out of place on your setup, search this CSS for "margin-left" on lines 13 and 42, and edit line 25 if you want to resize the URL bar.
  5. */
  6. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  7. /*Offset the tabs toolbar to free up some space for the URL bar*/
  8. #TabsToolbar, #tabbrowser-tabs{
  9.         -moz-appearance: none !important;
  10.         height: 24px !important; min-height: 24px!important;
  11.         font-family: Verdana!important;
  12.         margin: 0 0px !important;
  13.         margin-left: 158px !important;
  14. }
  15. /*Ensure consistent text positioning in the tabs (obsolete, use Thin Tabs instead)*/
  16. /*.tabbrowser-tab .tab-text {
  17.         margin-left: 0px !important;
  18.         margin-right: 0px !important;
  19.         margin-top: -7px !important;
  20.         padding-top: 0px !important;
  21. }*/
  22. /*Put URL bar in the space*/
  23. #nav-bar{
  24.         position: fixed !important; top: 1px !important; left: 0 !important;
  25.         width: 338px !important; min-width: 338px !important; max-width: 338px !important;
  26.         z-index: 100 !important;
  27.         min-height: 5px!important;
  28.         height: 05px!important;
  29. /*        font-family: Verdana!important;*/
  30. }
  31. /*Hide some UI elements*/
  32. @-moz-document url(chrome://browser/content/browser.xul) {
  33.     #back-button, #forward-button, #back-button *, #forward-button *, #urlbar-reload-button, #urlbar-stop-button, #urlbar-go-button,
  34.     /**/#PanelUI-button, /**/ #home-button,
  35.     #notification-popup-box, #new-tab-button, #private-browsing-indicator, #search-container, #nav-bar-overflow-button,  .tab-close, .tab-throbber { display: none !important; }}
  36. /*When in full screen, reset the offset and hide the url bar*/
  37. #TabsToolbar[inFullscreen="true"], #tabbrowser-tabs[inFullscreen="true"]{
  38.         -moz-appearance: none !important;
  39.         height: 24px !important; min-height: 24px!important;
  40.         font-family: Verdana!important;
  41.         margin: 0 0px !important;
  42.         margin-left: -178px !important;
  43. }
  44. #nav-bar[inFullscreen="true"] {
  45.         width: 0 !important; height: 0 !important;
  46.         position: fixed !important; left: -1px !important; top: -1px !important;
  47.         overflow: hidden !important; visibility: hidden !important;
  48.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement