Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* stops flash of white when new tab https://old.reddit.com/r/firefox/comments/177vdm5/firefox_flashed_white_pages_every_time_i_click_on/k4wb8lh/ */
- body,
- html,
- .browserContainer,
- #mainPopupSet,
- #main-window,
- #tabbrowser-tabbox,
- #tabbrowser-tabpanels {
- background-color: #141414 !important;
- }
- /* Firefox Quantum userChrome.css tweaks ************************************************/
- /* Github: https://github.com/aris-t2/customcssforfx ************************************/
- /****************************************************************************************/
- @import "./tabs_below_navigation_toolbar.css";
- /* space above tabs toolbar */
- #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
- margin-top: -8px !important;
- }
- /* space for menubar above navigation toolbar (Firefox titlebar) */
- #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
- margin-top: 26px !important;
- }
- #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
- margin-top: 26px !important;
- }
- /* add 'drag' feature to space above navigation toolbar */
- #main-window[tabsintitlebar] #navigator-toolbox,
- #main-window[tabsintitlebar] #nav-bar {
- -moz-window-dragging: drag !important;
- }
- /* move menubar to the top and extend its with to full window width */
- #toolbar-menubar {
- position: fixed !important;
- width: 100vw !important;
- -moz-window-dragging: drag !important;
- }
- /* move menubars / tab toolbars caption buttons to windows top right position */
- #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
- position: fixed !important;
- right: 0 !important;
- visibility: visible !important;
- display: block !important;
- }
- /* menubar postion after moving to the top */
- #toolbar-menubar {
- top: 0px !important;
- }
- /* Linux/macOS */
- /* space above navigation toolbar (OS titlebar) */
- /* set to '0', if no menubar is used */
- #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
- margin-top: 28px !important;
- }
- /* menubar postion in maximized mode after moving to the top */
- #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
- top: 0px !important;
- }
- /* caption button position in maximized mode after moving to the top */
- #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
- #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
- top: 0px !important; /* used to be -14*/
- }
- /* Windows */
- @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
- /* set to '0', if no menubar is used */
- #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
- margin-top: 18px !important;
- }
- /* set to '2', if no menubar is used */
- #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
- margin-top: 34px !important;
- }
- #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
- top: 5px !important;
- }
- #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
- top: 0px !important;
- }
- #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
- top: 5px !important;
- }
- }
- /* hide line above navigation toolbar appearing in some cases */
- #main-window:not([tabsintitlebar]) #nav-bar,
- #main-window:not([tabsintitlebar]) #navigator-toolbox {
- border-top: 0 !important;
- box-shadow: unset !important;
- }
- /* force buttons on menubar being very small to not break the toolbar */
- #toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
- #toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
- #toolbar-menubar > toolbarbutton .toolbarbutton-icon {
- padding: 0px 0px !important;
- height: 16px !important;
- width: 16px !important;
- }
- #toolbar-menubar toolbaritem > toolbarbutton,
- #toolbar-menubar > toolbarpaletteitem toolbarbutton,
- #toolbar-menubar > toolbarbutton {
- position: relative !important;
- padding: 0px 0px !important;
- margin: 0px 0px !important;
- }
- #toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
- #TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
- #TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
- padding: unset !important;
- height: unset !important;
- width: unset !important;
- }
- /* make sure button icon colors set correctly */
- #main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
- #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
- fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
- color: var(--classic_squared_tabs_new_tab_icon_color) !important;
- }
- /* tweaks for fullscreen mode */
- #main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
- -moz-padding-start: 0px !important;
- }
- /* tweaks for fullscreen mode */
- #main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
- #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
- #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
- #main-window #TabsToolbar #window-controls {
- display: none !important;
- }
- /* hide non-required items */
- #TabsToolbar #window-controls,
- #TabsToolbar *[type="caption-buttons"],
- #TabsToolbar *[type="pre-tabs"],
- #TabsToolbar *[type="post-tabs"] {
- display: none !important;
- }
- /* Windows 7 extra tweaks */
- @media (-moz-os-version: windows-win7) {
- @media all and (-moz-windows-compositor) {
- #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-buttonbox-container {
- display: none !important;
- }
- }
- @media not all and (-moz-windows-compositor) {
- #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
- top: -8px !important;
- }
- #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
- top: 0px !important;
- }
- }
- }
- /* Windows 10 extra tweaks */
- @media (-moz-os-version: windows-win10) {
- #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
- #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
- background-color: Highlight !important;
- color: HighlightText !important;
- }
- }
- /* disable Mozillas tab jumping nonsense when moving tabs */
- #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
- padding-bottom: unset !important;
- }
- #navigator-toolbox[movingtab] #tabbrowser-tabs {
- padding-bottom: unset !important;
- margin-bottom: unset !important;
- }
- #navigator-toolbox[movingtab] > #nav-bar {
- margin-top: unset !important;
- }
- /* remove 'dragging tab' margin/padding nonsense */
- #TabsToolbar[movingtab] {
- padding-bottom: unset !important;
- }
- #TabsToolbar[movingtab] + #nav-bar {
- margin-top: unset !important;
- }
- /* tabs bottom end? */
- /* remove blue line on current tab */
- #TabsToolbar .tabbrowser-tab[selected] .tab-line {
- display: none !important;
- }
- /* remove line on hover above tabs */
- #TabsToolbar .tabbrowser-tab .tab-line {
- display: none !important;
- }
- /* removes X sign on tabs */
- .tab-close-button
- {
- display: none !important
- }
- /* remove New Tab button */
- .tabs-newtab-button {
- display:none !important;
- }
- /* remove search magnifying glass */
- .searchbar-search-button > .searchbar-search-icon
- {
- display: none !important;
- }
- /* magnifying glass url */
- #urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon {
- display: none !important;
- }
- /* remove placeholder text */
- .searchbar-textbox::placeholder,#urlbar-input::placeholder { opacity: 0 !important; }
- /* move searchbar text to the right */
- .searchbar-textbox, .textbox-input
- {
- padding-left: 16px !important;
- }
- /* remove blue loading flash */
- .tab-loading-burst{
- display: none !important;
- }
- /* remove ping pong dot loading tab icon */
- .tab-throbber[busy]::before {
- background-image: url("chrome://global/skin/icons/loading.png") !important;
- animation: unset !important;
- }
- .tab-throbber[busy]:not([progress])::before {
- /* Grays the blue during "Connecting" state */
- filter: grayscale(100%);
- }
- @media (min-resolution: 2dppx) {
- .tab-throbber[busy]::before {
- background-image: url("chrome://global/skin/icons/[email protected]") !important;
- }
- }
- @media (-moz-windows-accent-color-in-titlebar){
- :root[tabsintitlebar]:-moz-lwtheme:not(:-moz-window-inactive){
- background-color: var(--lwt-accent-color) !important;
- color: var(--lwt-text-color) !important;
- }
- }
- /* removes url/adress bar forward go button */
- .urlbar-go-button, #urlbar-go-button
- {
- display:none !important;
- }
- /* remove forward go button from search bar */
- .search-go-container
- {
- display:none !important;
- }
- /* search popdown*/
- #PopupSearchAutoComplete{ --panel-background: #2a2a2a !important; }
- /* remove New Tab button */
- #tabs-newtab-button {
- display:none !important;
- }
- /* URL BUTTONS DISPLAY NONE HERE MULTIPLE */
- #pageActionButton
- {
- display: none !important;
- }
- #pageAction-urlbar-jid1-xufzosoflzsoxg_jetpack
- {
- display: none !important;
- }
- #pageAction-urlbar-brief_mozdev_org
- {
- display: none !important;
- }
- #star-button
- {
- display: none !important;
- }
- #pocket-button
- {
- display: none !important;
- }
- #pageActionSeparator
- {
- display: none !important;
- }
- /* */
- /* Remove Hambuger button */
- #PanelUI-menu-button
- {
- display:none !important
- }
- /* remove forward button */
- #forward-button{
- display: none !important;
- }
- /* Title bar on hover only */
- .titlebar-buttonbox {
- opacity: 0 !important; }
- .titlebar-buttonbox:hover {
- opacity: 1 !important; }
- /* Flip the position of the icons in the identity box */
- #identity-box { direction: rtl; }
- /* Hide info icon for sites that don't have permissions */
- #urlbar :not(.grantedPermissions) #identity-icon {
- visibility: collapse !important;
- transition: 300ms !important; /* Animate icon hiding */
- opacity: 0 !important; /* Make icons transparent */
- -moz-margin-end: -1.1em !important; /* Hide icons by offsetting them */
- }
- /* Show info icon on identity-box hover */
- #identity-box:hover #identity-icon {
- visibility: visible !important;
- transition: 300ms !important; /* Animate icon showing */
- opacity: 1 !important; /* Make icons opaque */
- -moz-margin-end: initial !important; /* Use initial margins to show icons */
- }
- /* background color search */
- .searchbar-textbox
- {
- background-color: #2a2a2a !important;
- }
- /* background color url */
- #urlbar-background
- {
- background-color: #2a2a2a !important;
- }
- /* Translate language button */
- #pageAction-urlbar-_036a55b4-5e72-4d05-a06c-cba2dfcc134a_
- {
- display:none !important;
- }
- /* changes color of current tab */
- .tab-background[selected="true"] {
- background-attachment: none !important;
- background-color: #414146 !important;
- background-image: none !important;
- background-position: none !important;
- background-repeat: none !important;
- background-size: none !important;
- }
- /* removes blue border url bar */
- #urlbar[focused="true"] > #urlbar-background{
- border:none !important;
- outline:none !important;
- }
- /* removes blue border search bar */
- #searchbar:focus-within{
- border:none !important;
- outline:none !important;
- }
- /* remove google search display and change search settings */
- .search-one-offs > .search-setting-button,
- #PopupSearchAutoComplete > .search-panel-header{ display: none }
- /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/compact_urlbar_megabar.css made available under Mozilla Public License v. 2.0
- See the above repository for updates as well as full license text. */
- #urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; }
- .urlbarView{ margin-inline: 0 !important; width: auto !important; }
- .urlbarView-row{ padding: 0 2px !important; }
- .urlbarView-row-inner{ padding-inline-start: 4px !important; }
- #urlbar-background{ animation: none !important; }
- #urlbar-input-container{ padding: 0 !important; height: 100% !important; }
- #identity-box{ padding-block: var(--urlbar-icon-padding) }
- .urlbarView > .search-one-offs:not([hidden]){ padding-block: 0px !important; }
- /* Remove firefox suggest */
- .urlbarView-row[label="Firefox Suggest"]::before{ display: none !important; }
- .urlbarView-row[label="Firefox Suggest"]{ margin-top: 0 !important; }
- toolbarbutton#alltabs-button.toolbarbutton-1.chromeclass-toolbar-additional.tabs-alltabs-button
- {
- display:none !important;
- }
- #private-browsing-indicator-with-label > label:nth-child(2)
- {
- display:none !important;
- }
- #nav-bar-customization-target
- {
- background-color:#1c1b22 !important;
- }
- hbox.titlebar-spacer
- {
- display:none !important;
- }
- hbox.titlebar-spacer {
- width: 0 !important;
- }
- #navigator-toolbox {
- border-bottom: 0px !important; /*https://old.reddit.com/r/FirefoxCSS/comments/1fv6mfe/any_way_to_remove_this_line_below_the_tabs_showed/ */
- }
- /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0
- See the above repository for updates as well as full license text. */
- /* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */
- @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
- #nav-bar > .titlebar-buttonbox-container{
- order: -1 !important;
- > .titlebar-buttonbox{
- flex-direction: row-reverse;
- }
- }
- }
- @media not (-moz-bool-pref: "sidebar.verticalTabs"){
- .global-notificationbox,
- #tab-notification-deck,
- #TabsToolbar{
- order: 1;
- }
- #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
- display: none;
- }
- :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
- display: flex !important;
- }
- :root:is([tabsintitlebar],[customtitlebar]) #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
- > .titlebar-buttonbox-container{
- display: flex !important;
- }
- :root[sizemode="normal"] & {
- > .titlebar-spacer{
- display: flex !important;
- }
- }
- :root[sizemode="maximized"] & {
- > .titlebar-spacer[type="post-tabs"]{
- display: flex !important;
- }
- @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
- (-moz-gtk-csd-reversed-placement),
- (-moz-platform: macos){
- > .titlebar-spacer[type="post-tabs"]{
- display: none !important;
- }
- > .titlebar-spacer[type="pre-tabs"]{
- display: flex !important;
- }
- }
- }
- }
- }
- .private-browsing-indicator-label
- {
- display: none !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement