Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*** BEGIN: Override URL bar enlargement ***/
- :root {--mbarstyler-top-bar-display: none !important;}
- :root #urlbar {--urlbar-toolbar-height: 32.00px !important;}
- /* Compute new position, width, and padding */
- #urlbar[breakout][breakout-extend] {
- top: 5px !important;
- left: 0px !important;
- width: 100% !important;
- padding: 0px !important;}
- /* For alternate UI density settings */
- [uidensity="compact"] #urlbar[breakout][breakout-extend] {
- top: 3px !important;} /* Downward shift on click (3 = no movement) */
- [uidensity="touch"] #urlbar[breakout][breakout-extend] {
- top: 4px !important;}
- /* Prevent shift of URL bar contents */
- #urlbar[breakout][breakout-extend] > #urlbar-input-container {
- height: var(--urlbar-height) !important;
- padding: 0 !important;}
- /* Do not animate */
- #urlbar[breakout][breakout-extend] > #urlbar-background {
- animation: none !important;}
- /* Top "blue bar" display */
- .urlbarView-row:first-of-type {
- display: none !important;}
- /* Subtle border between results */
- .urlbarView-row:not(:last-of-type) {
- border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;}
- /* Fix unintentional gap above top/below bottom results */
- #urlbar-results {margin-top: -4px !important;}
- #urlbar-results {margin-bottom: -2px !important;}
- /*** END: Override URL bar enlargement ***/
- /*** BEGIN: Theme toolbar buttons ***/
- :root {--toolbarbutton-outer-padding: 2px !important;}
- .toolbarbutton-1 {--toolbarbutton-hover-background: none !important;}
- .toolbarbutton-1 > .toolbarbutton-icon,
- .toolbarbutton-1 > stack {
- box-shadow: inset 0 0 0 1px #7D7D7D !important;
- /* box-shadow: horizontal offset, vertical offset, blur, spread */
- border-radius: 5px !important;
- margin: 0px !important;
- transform: scale(.9,.9) !important;
- background-image: linear-gradient(to top,#BDBDBD,#F5F5F5) !important;}
- .toolbarbutton-1:active > .toolbarbutton-icon,
- .toolbarbutton-1:active > stack {
- background-image: linear-gradient(to top,#D3D3D3,#A1A1A1) !important;}
- .toolbarbutton-1 > .toolbarbutton-animatable-box {
- transform: scale(.9,.9) !important;}
- /* Force-fix opaque states */
- .toolbarbutton-1:-moz-window-inactive {opacity: 0.5 !important;}
- .toolbarbutton-1[disabled="true"] {opacity: 0.4 !important;}
- /* Fix disabled buttons being "clickable" */
- .toolbarbutton-1:active[disabled="true"] > .toolbarbutton-icon,
- .toolbarbutton-1:active[disabled="true"] > stack {
- background-image: linear-gradient(to top,#BDBDBD,#F5F5F5) !important;}
- /* (Semi-unrelated) Add tiny inner shadow to URL bar */
- #urlbar-background {box-shadow: inset 0 0 1px 1px #E5E5E5 !important;}
- /*** END: Theme toolbar buttons ***/
- /*** BEGIN: Force single-line display of URL bar results ***/
- .urlbarView-results[wrap] > .urlbarView-row > .urlbarView-row-inner {
- flex-wrap: nowrap !important;}
- .urlbarView-results[wrap] > .urlbarView-row >
- .urlbarView-row-inner > .urlbarView-no-wrap {
- max-width:calc(70% - 2 * (16px + (6px + 2px))) !important;
- flex-basis: auto !important;
- padding-right: 0px !important;}
- .urlbarView-results[wrap] > .urlbarView-row[has-url] >
- .urlbarView-row-inner > .urlbarView-url {
- margin-top: 0px !important;}
- .urlbarView-results[wrap] > .urlbarView-row[has-url] >
- .urlbarView-row-inner > .urlbarView-url:-moz-locale-dir(ltr) {
- padding-left: 0px !important;}
- .urlbarView-results[wrap] > .urlbarView-row[has-url] >
- .urlbarView-row-inner > .urlbarView-url:-moz-locale-dir(rtl) {
- padding-right: 0px !important;}
- .urlbarView[actionoverride] .urlbarView-results[wrap] >
- .urlbarView-row[has-url] > .urlbarView-row-inner >
- .urlbarView-no-wrap > .urlbarView-title-separator,
- .urlbarView-results[wrap] > .urlbarView-row[has-url]:not([type$=tab]) >
- .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-title-separator,
- .urlbarView-results[wrap] >
- .urlbarView-row[type=remotetab]:-moz-any(:hover, [selected]) >
- .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-title-separator {
- display: inline !important;}
- /*** END: Force single-line display of URL bar results ***/
- /* URL bar "glow" on focus */
- #urlbar[focused] > #urlbar-background {border: 2px solid #738499 !important;}
- #urlbar-background:not(:-moz-window-inactive) {
- border: 1px solid #7D7D7D !important;}
- /* Very dirty fix for nav bar edge margins */
- #back-button {margin-left: 5px !important;}
- #tab-list-single_codefisher_org-browser-action {margin-right: 5px !important;}
- /* Remove 'new tab' button */
- #new-tab-button, #tabs-newtab-button {display: none !important;}
- #tabs-newtab-button:hover > .toolbarbutton-icon {display: none !important;}
- /* Remove blue animation on tab on page load complete */
- .tab-loading-burst {display: none !important;}
- /* Remove 'three dots' button in URL bar */
- #pageActionSeparator, #pageActionButton {display: none !important;}
- /* Remove 'arrow' button on query in URL bar */
- #urlbar-go-button {display: none !important;}
- /* Remove menu popover */
- #PanelUI-menu-button {display: none !important;}
- /* Remove line on top of tabs */
- .tab-line {display: none !important;}
- /* Set custom 'new tab' favicon (icon must be in chrome folder) */
- .tabbrowser-tab[label^="New Tab"] .tab-icon-image {
- list-style-image: none !important;
- width: 0 !important;
- padding-left: 16px !important;
- background: url("default_favicon.png") !important;
- background-size: 16px 16px !important;
- background-repeat: no-repeat !important;}
- /* Fix forward/back/etc. contextual menu items */
- #context-navigation {-moz-box-orient: vertical !important;}
- #context-navigation > menuitem > .menu-iconic-left {display: none !important;}
- #context-navigation > menuitem {
- padding-inline-start: 20px !important;
- -moz-box-pack: start !important;}
- #context-navigation > menuitem::before {content: attr(aria-label) !important;}
- /* Hide contextual menu items */
- #context_pinTab, #context_closeTabsToTheEnd,
- #context_closeOtherTabs, #context_selectAllTabs,
- #context-searchselect {display: none !important;}
- #context_closeTabOptions > label,
- #context_closeTabOptions > hbox {display: none !important;}
- /* Increase top and bottom nav bar margins */
- #nav-bar {
- padding-top: 5px !important;
- padding-bottom: 5px !important;}
- /* Add gradient to nav bar */
- .browser-toolbar:not(.titlebar-color) {
- background: #E9E9E9 !important;
- background-image: linear-gradient(to top,#D3D3D3,#EDEDED) !important;}
- /*** BEGIN: Modify tab close button style ***/
- /* Show tab close button on hover */
- .tabbrowser-tab:not(:hover) .tab-close-button {display: none !important;}
- .tabbrowser-tab:not([pinned]):hover .tab-close-button {
- display: block !important;}
- /* Make close button smaller */
- .tabbrowser-tab:hover .tab-close-button {
- width: 15px !important;
- height: 15px !important;}
- /* Set custom close button icons */
- .tabbrowser-tab:hover .tab-close-button:not(:hover) {
- list-style-image: url("close.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- .tabbrowser-tab:hover .tab-close-button:hover {
- list-style-image: url("close-hover.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- .tabbrowser-tab:hover .tab-close-button:active {
- list-style-image: url("close-pressed.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- /* Move close button (and favicon) closer to tab edge */
- .tab-icon-image[selected="true"] {
- margin-left: -4px !important;
- margin-right: 4px !important;}
- .tab-icon-image:not([selected="true"]) {
- margin-left: -5px !important;
- margin-right: 4px !important;}
- .tab-close-button {margin-right: -5px !important;}
- /*** END: Modify tab close button style ***/
- /*** BEGIN: Move audio icon to left, replacing favicon ***/
- /* Sound: playing / Tab: selected / Icon: un-muted */
- .tabbrowser-tab[soundplaying="true"][selected="true"] .tab-icon-sound {
- -moz-box-ordinal-group: 0 !important;
- margin: 1px 4px 0px -4px !important;
- /* margin: top, right, bottom, left */
- border-radius: 50% !important;
- display: block !important;
- fill: black !important;}
- /* Sound: not playing / Tab: selected / Icon: muted */
- .tabbrowser-tab:not([soundplaying="true"])[selected="true"]
- .tab-icon-sound[muted="true"] {
- -moz-box-ordinal-group: 0 !important;
- margin: 1px 4px 0px -4px !important;
- /* margin: top, right, bottom, left */
- border-radius: 50% !important;
- display: block !important;
- fill: black !important;}
- /* Sound: playing / Tab: not selected / Icon: un-muted */
- .tabbrowser-tab[soundplaying="true"]:not([selected="true"]) .tab-icon-sound {
- -moz-box-ordinal-group: 0 !important;
- margin: 1px 4px 0px -5px !important;
- /* margin: top, right, bottom, left */
- border-radius: 50% !important;
- display: block !important;
- fill: black !important;}
- /* Sound: not playing / Tab: not selected / Icon: muted */
- .tabbrowser-tab:not([soundplaying="true"]):not([selected="true"])
- .tab-icon-sound[muted="true"] {
- -moz-box-ordinal-group: 0 !important;
- margin: 1px 4px 0px -5px !important;
- /* margin: top, right, bottom, left */
- border-radius: 50% !important;
- display: block !important;
- fill: black !important;}
- /* Hide favicon when sound is playing */
- .tabbrowser-tab[soundplaying="true"] .tab-icon-image,
- .tabbrowser-tab[soundplaying="true"] .tab-throbber {
- display: none !important;}
- /* Hide favicon when sound is muted */
- .tabbrowser-tab[muted="true"] .tab-icon-image,
- .tabbrowser-tab[muted="true"] .tab-throbber {
- display: none !important;}
- /* (Unnecessary) Bundled adjustment for pinned tabs */
- .tabbrowser-tab[pinned][soundplaying="true"] .tab-icon-image {
- display: block !important;}
- /* Remove any change to the icon on hover */
- .tab-icon-sound:hover {
- /* background-color: #76D6FF !important; */
- fill: black !important;
- opacity: 0.8 !important;}
- /* Adjust speaker icon opacity when window is out-of-focus */
- .tab-icon-sound:-moz-window-inactive {opacity: 0.6 !important;}
- .tab-icon-sound[muted="true"]:-moz-window-inactive {opacity: 0.6 !important;}
- .tab-close-button {-moz-box-ordinal-group: 2 !important;}
- /*** END: Move audio icon to left, replacing favicon ***/
- /*** BEGIN: Replace back/forward/reload button icons ***/
- #back-button {
- list-style-image: url("back.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- #back-button:active:not([disabled="true"]) {
- list-style-image: url("back2.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- #forward-button {
- list-style-image: url("forward.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- #forward-button:active:not([disabled="true"]) {
- list-style-image: url("forward2.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- #reload-button {
- list-style-image: url("reload.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- #reload-button:active:not([disabled="true"]) {
- list-style-image: url("reload2.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- #stop-button {
- list-style-image: url("stop.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- #stop-button:active:not([disabled="true"]) {
- list-style-image: url("stop2.png") !important;
- fill: transparent !important;
- background-color: transparent !important;}
- /* Attempt to eliminate refresh button animation */
- .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
- transform: none !important;
- animation-duration: 0ms !important;}
- /*** END: Replace back/forward/reload button icons ***/
- /*** BEGIN: Change tab loading icons and adjust left-margins ***/
- .tab-throbber::before {
- fill: transparent !important;
- opacity: 1 !important;}
- .tab-throbber[selected="true"] {
- margin-left: -4px !important;
- margin-right: 4px !important;
- background: url("loader.gif") !important;
- background-size: 16px 16px !important;
- background-repeat: no-repeat !important;}
- .tab-icon-pending[selected="true"] {
- margin-left: -4px !important;
- margin-right: 4px !important;
- background: url("default_favicon.png") !important;
- background-size: 16px 16px !important;
- background-repeat: no-repeat !important;}
- .tab-throbber:not([selected="true"]) {
- margin-left: -5px !important;
- margin-right: 4px !important;
- background: url("loader.gif") !important;
- background-size: 16px 16px !important;
- background-repeat: no-repeat !important;}
- .tab-icon-pending:not([selected="true"]) {
- margin-left: -5px !important;
- margin-right: 4px !important;
- background: url("default_favicon.png") !important;
- background-size: 16px 16px !important;
- background-repeat: no-repeat !important;}
- /*** END: Change tab loading icons and adjust left-margins ***/
- /* Hide tab overflow scroll buttons */
- #scrollbutton-up {display: none !important;}
- #scrollbutton-down {display: none !important;}
- /* Hide overflow shadows on tab bar */
- spacer[part="overflow-start-indicator"],
- spacer[part="overflow-end-indicator"] {display: none !important;}
- /* Remove 'show all tabs' button */
- #tabbrowser-tabs ~ #alltabs-button {display: none !important;}
- /* Hide screenshot and favicon in bookmark editor */
- #editBookmarkPanelImage,
- #editBookmarkPanelFaviconContainer {display: none !important;}
- #editBookmarkPanelRows {padding-top: 2px !important;}
- /* Turn tab text black and bold */
- #TabsToolbar .tabbrowser-tab:not([selected="true"]) {color: black !important;}
- #TabsToolbar .tabbrowser-tab[selected="true"] {color: #3C3C3C !important;}
- #TabsToolbar .tabbrowser-tab .tab-content:not([selected="true"]) {
- font-weight: 800 !important;
- text-shadow: 1px 1px #BBBBBB !important;}
- #TabsToolbar .tabbrowser-tab .tab-content[selected="true"] {
- font-weight: 800 !important;
- text-shadow: 1px 1px #E2E2E2 !important;}
- /*** BEGIN: Restore CTR-style tabs ***/
- /* Selected tab: Outer (dark) border */
- .tabbrowser-tab[selected="true"] {
- border-left: 1px solid var(--tabs-border-color) !important;
- border-right: 1px solid var(--tabs-border-color) !important;
- border-bottom: 1px solid #9D9E9F !important;
- border-bottom-left-radius: 4px !important;
- border-bottom-right-radius: 4px !important;}
- /* Selected tab: Inner (light) border */
- .tab-background[selected="true"] {
- background-image: linear-gradient(to top,#CECECE,#D3D3D3) !important;
- border-top: 1px solid #D3D3D3 !important;
- border-left: 1px solid #D9D9D9 !important;
- border-right: 1px solid #D9D9D9 !important;
- border-bottom: 1px solid #D9D9D9 !important;
- border-bottom-left-radius: 4px !important;
- border-bottom-right-radius: 4px !important;
- margin-right: -1px !important;}
- /* Unselected tabs: Outer (dark) border */
- .tabbrowser-tab:not([selected="true"]):not(:hover) {
- border-top: 1px solid #7D8185 !important;
- border-left: 1px solid var(--tabs-border-color) !important;
- border-right: 1px solid var(--tabs-border-color) !important;
- border-bottom: 1px solid #88898A !important;
- border-bottom-left-radius: 4px !important;
- border-bottom-right-radius: 4px !important;}
- /* Unselected tabs: Inner (light) border */
- .tab-content:not([selected="true"]):not(:hover) {
- background-image: linear-gradient(to top,#A5A5A5,#959595) !important;
- border-left: 1px solid #A8A8A8 !important;
- border-right: 1px solid #A8A8A8 !important;
- border-bottom: 1px solid #BBBBBB !important;
- border-bottom-left-radius: 4px !important;
- border-bottom-right-radius: 4px !important;
- margin-right: -1px !important;}
- /* Hover unselected tabs: Outer (dark) border */
- .tabbrowser-tab:not([selected="true"]):hover {
- border-top: 1px solid #7D8185 !important;
- border-left: 1px solid var(--tabs-border-color) !important;
- border-right: 1px solid var(--tabs-border-color) !important;
- border-bottom: 1px solid #88898A !important;
- border-bottom-left-radius: 4px !important;
- border-bottom-right-radius: 4px !important;}
- /* Hover unselected tabs: Inner (light) border */
- .tab-content:not([selected="true"]):hover {
- /* To highlight on hover, use gradient: #B6B6B6,#ADADAD */
- background-image: linear-gradient(to top,#A5A5A5,#959595) !important;
- border-left: 1px solid #A8A8A8 !important;
- border-right: 1px solid #A8A8A8 !important;
- border-bottom: 1px solid #BBBBBB !important;
- border-bottom-left-radius: 4px !important;
- border-bottom-right-radius: 4px !important;
- margin-right: -1px !important;}
- /* Hide default tab separators and borders */
- .tabbrowser-tab::after, .tabbrowser-tab::before {
- opacity: 0 !important;
- border-image: unset !important;
- border-image-slice: unset !important;
- width: unset !important;}
- /* Change background 'underneath' the tabs */
- #TabsToolbar-customization-target {
- background-color: #A1A1A1 !important;
- border-bottom: 1px solid var(--tabs-border-color) !important;}
- /* Remove excess line on bottom of tab bar */
- #navigator-toolbox {border-bottom: unset !important;}
- /*** END: Restore CTR-style tabs ***/
- /*** BEGIN: Tabs on bottom ***/
- #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
- -moz-box-ordinal-group: 10 !important;}
- #TabsToolbar {-moz-box-ordinal-group: 1000 !important;}
- #TabsToolbar {
- position: absolute !important;
- bottom: 0 !important;
- width: 100vw !important;
- display: block !important;}
- #tabbrowser-tabs {
- top: 300 !important;
- width: 100vw !important;}
- #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
- padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;}
- /* Tab height */
- :root {
- --tab-toolbar-navbar-overlap: 0px !important;
- --tab-min-height: 26px !important; /* adjust to suit your needs */
- --tab-min-height_tnot: 26px !important;}
- :root #tabbrowser-tabs {
- --tab-min-height: 26px !important; /* needs to be the same as above */
- --tab-min-width: 90px !important;}
- #TabsToolbar {
- height: var(--tab-min-height) !important;
- margin-bottom: 1px !important;}
- /*** END: Tabs on bottom ***/
- /*** BEGIN: Bring back contextual menu shadow ***/
- #main-menubar > menu > menupopup, menupopup {
- border: none !important;
- margin: -1px 0px 0px -10px !important;}
- #main-menubar > menu > menupopup, menupopup {
- background-color: transparent !important;
- -moz-appearance: none !important;}
- .menupopup-arrowscrollbox {
- margin-left: 9px !important;
- margin-right: 9px !important;
- margin-top: 2px !important;
- margin-bottom: 16px !important;
- border: 1px solid #C4C4C4 !important;
- border-radius: 5px !important;
- box-shadow: 0px 7px 8px 1px rgba(0,0,0,0.2) !important;
- background-color: Menu !important;}
- /*** END: Bring back contextual menu shadow ***/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement