firefox userChrome.css - RLidea/dev.docs GitHub Wiki

1. about:support에서 Profile Folder의 디렉토리가 나온다. 거기로 접근한다.
2. 해당 디렉토리에서 chrome디렉토리를 생성하고, 그 안에 userChrome.css파일을 만든다.

chrome/userChrome.css

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/*
 * This style will hide the tab bar. For MacOS
 *
 * Contributor(s): Isaac-Newt, Ivan0xFF
 */

#TabsToolbar {
  height: 22px !important;
  visibility: collapse;
}

.tabbrowser-tabs {
  height: 22px !important;
  visibility: collapse;
}

#tabbrowser-tabs {
  visibility: collapse;
  height: 22px !important;
}

#nav-bar{
  border-top-width: 0px !important;
}

/* Position window controls */
#titlebar-buttonbox-container {
  margin-left: 5px !important;
  margin-top: 5px !important;
}

/*
 * Make room for window controls.
 * Only apply this style when not in fullscreen mode.
 */
#main-window:not([inFullscreen]) #nav-bar{
  padding: 0px 5px 0px 0px !important;
}

/*
 * Show Bookmarks Bar on Hover
 */
#PersonalToolbar{
    margin-top: -30px !important;
    transition: margin 0.3s ease-out !important;
}

#navigator-toolbox:hover #PersonalToolbar{
    margin-top: 0px !important;
}

#nav-bar{
    z-index: 1;
}

3. about:config에서 toolkit.legacyUserProfileCustomizations.stylesheets의 값을 true로 변경한다.