userChrome.css

/* WARNING: DO NOT EDIT THE COPY OF THIS FILE LOCATED IN YOUR USER PROFILE!
   It will be overwritten on upgrade. You should edit the file located in
   /etc/mobile-config-firefox/ instead (most package managers won't replace
   files under /etc if they've been edited) */
/* Copyright 2020 Oliver Smith
   SPDX-License-Identifier: GPL-3.0-or-later */

.subviewbutton,
.toolbaritem-combined-buttons {
  font-size: 8pt;
}

#appMenu-protection-report-button,
#appMenuRestoreLastSession,
#appMenu-customize-button,
#appMenu-open-file-button,
#appMenu-more-button,
#appMenu-developer-button,
#appMenu-whatsnew-button,
#appMenu-help-button,
#appMenu-quit-button {
  display: none;
}

toolbarseparator {
  display: none;
}

/* Zoom/edit: move controls to the left (so they are visible), hide label (it's obvious what they do) and spacer */
#appMenu-zoom-controls spacer,
#appMenu-zoom-controls label,
#appMenu-edit-controls spacer,
#appMenu-edit-controls label {
  display: none;
}

/* Zoom/edit: center the controls somewhat */
#appMenu-zoom-controls {
  padding-left: 20px;
}
#appMenu-edit-controls {
  padding-left: 15px;
}

/* Zoom: hide fullscreen button (not possible to exit fullscreen without keyboard) */
#appMenu-fullscreen-button {
  display: none;
}

/* Copyright 2020 Oliver Smith
   SPDX-License-Identifier: GPL-3.0-or-later */

/* Findbar */
[anonid="findbar-textbox-wrapper"] {  
  min-width: 160px;
  width: 160px;
}
[anonid="findbar-textbox"] {
 max-width: 100px;
 min-width: 100px;
 width: 100px;
}
.findbar-button {
  font-size: 6pt;
}
/* Save space */
.findbar-match-diacritics,
.findbar-entire-word,
.found-matches,
.findbar-find-status,
.find-status-icon
{
  display: none;
}
/* Copyright 2020 Oliver Smith
   SPDX-License-Identifier: GPL-3.0-or-later */

/* Popup notifications (install add-on etc.): set max-width, remove icon and
 * make font smaller so it fits the box */
.popup-notification-body-container {
  max-width: 170px;
}
.popup-notification-icon {
  display: none;
}
.popup-notification-body {
  font-size: 8pt;
}

/* "Site information" (displayed when clicking the lock icon)
 * Making everything so small doesn't look terribly nice, but least it fits the
 * popup and everything is clickable. */
#identity-popup-multiView .panel-viewcontainer {
  font-size: 4pt;
}
#identity-popup-clear-sitedata-footer,
#identity-popup-more-info-footer {
  font-size: 7pt;
}

/* "Protections" (displayed when clicking the shield icon)
 * Same reasoning for small font, as for identity-popup above. */
#protections-popup-mainView {
  font-size: 4pt;
}
/* Copyright 2020 Oliver Smith
   SPDX-License-Identifier: GPL-3.0-or-later */

/* Reduce minimum window width */
:root {
  min-width: 300px !important;
}
/* Copyright 2020 Oliver Smith
   SPDX-License-Identifier: GPL-3.0-or-later */

/* Reduce minimum window width */
#urlbar-container {
  min-width: 150px !important;
}

/* Remove various buttons left and right of the URL bar:
   - forward-button: also reachable via longpress of back button
   - home-button: not important enough
   - customizableui-special-spring: empty space
   - library-button: also reachable via PanelUI-menu-button
   - sidebar-button: not useful on mobile (we try to gain horizontal space)
   - fxa-toolbar-menu-button: firefox cloud stuff, also reachable via #PanelUI-menu-button
*/
/* #back-button */
#forward-button,
/* #reload-button */
#home-button,
#customizableui-special-spring1,
/* (urlbar) */
#customizableui-special-spring2,
#library-button,
#sidebar-button,
#fxa-toolbar-menu-button
/* #PanelUI-menu-button */ {
  display: none !important;
}

/* Smaller font: show more of the URL */
#urlbar-input,
input.urlbar-input /* FF 68 ESR */ {
  font-size: 9pt !important;
}

/* Focused urlbar: hide all icons around it, so we have more space to edit the URL */
#urlbar[focused] #identity-box,
#urlbar[focused] #tracking-protection-icon-container,
/* #urlbar-input */
#urlbar[focused] #reader-mode-button,
#urlbar[focused] #pageActionButton {
  display: none;
}

/* Focused urlbar: use almost full screen width (let it cover buttons left and right, which are not useful when editing the URL) */
#nav-bar[urlbar-exceeds-toolbar-bounds] #urlbar-container {
  margin-left: -50px !important;
  margin-right: -25px !important;
}

/* FF 68 ESR: does not have the exceeding urlbar, needs this padding to look good */
input.urlbar-input {
  padding-left: 5px !important;
}

/* FF 68 ESR: hide buttons inside the right of the urlbar, which are reachable from the "..." menu too */
#pocket-button-box,
#star-button-box,
.urlbar-history-dropmarker {
  display: none;
}


/*My Mod based on https://www.reddit.com/r/FirefoxCSS/comments/iby1d4/how_to_firefox_790_bottom_ui/*/

#browser, #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar), #nav-bar {
	-moz-box-ordinal-group: 0 !important;
	padding-bottom: 0px;
}

#nav-bar {
	background-color: #222 !important;
}

#urlbar {
	bottom: 5% !important;
}

#urlbar[focused] {
	top: auto !important;
}

#TabsToolbar {
	background-color: #222;
}