ⵙᔓᔕⵙᕤᕦⵙИNⵙꖴⵙ✤ⵙᗱᗴⵙᔓᔕⵙ◯ⵙꕤⵙⓄⵙꗳⵙᗱᗴⵙᴥⵙꖴⵙꗳⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙꗳⵙꖴⵙᴥⵙᗱᗴⵙꗳⵙⓄⵙꕤⵙ◯ⵙᔓᔕⵙᗱᗴⵙ✤ⵙꖴⵙИNⵙᕤᕦⵙᔓᔕⵙ
Signed-off-by: OOOO <oooooooooooooooo@skiff.com>
This commit is contained in:
		
										
											Binary file not shown.
										
									
								
							
										
											Binary file not shown.
										
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							| @@ -0,0 +1,159 @@ | ||||
| /* | ||||
| https://github.com/Arty2/userstyles | ||||
| @version      0.2.5 | ||||
|  | ||||
| 1. Find your profile folder `about:support > Profile Folder > Open Folder` or locate the exact profile in use by visiting `about:profiles`. | ||||
| 2. Create a folder named `chrome` then create a file named userChrome.css inside it and paste the following code. | ||||
| 3. If userChrome.css doesn<73>t seem to work, open `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets=true`. | ||||
| 4. Restart Firefox. | ||||
|  | ||||
| Other references: | ||||
| Firefox Support forum - Tabs below the URL bar: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar | ||||
| Custom CSS tweaks for Firefox Quantum: https://github.com/Aris-t2/CustomCSSforFx | ||||
| */ | ||||
|  | ||||
| /*---------------------------------------------------------- | ||||
| Tabs to Bottom | ||||
| source: https://github.com/Arty2/userstyles/blob/master/tabs_to_bottom.userchrome.css | ||||
|  | ||||
| UI model: | ||||
| 	#navigator-toolbox-background | ||||
| 		#navigator-toolbox | ||||
| 			#titlebar | ||||
| 				#toolbar-menubar | ||||
| 				#TabsToolbar | ||||
| 			#nav-bar | ||||
| 			#PersonalToolbar | ||||
| 	#browser | ||||
| */ | ||||
|  | ||||
| /* bring the browser window to the top */ | ||||
| #browser { | ||||
| 	-moz-box-ordinal-group: 0 !important; | ||||
| 	order: 0 !important; | ||||
| } | ||||
|  | ||||
| #navigator-toolbox-background { | ||||
| 	-moz-box-ordinal-group: 1 !important; | ||||
| 	order: 1 !important; | ||||
| } | ||||
|  | ||||
| /* adjust paddings */ | ||||
| *|*:root[sizemode="normal"] #browser { | ||||
| 	padding-top: 0 !important; | ||||
| } | ||||
|  | ||||
| /* hide tab toolbar when fullscreen */ | ||||
| #nav-bar[inFullscreen], | ||||
| #TabsToolbar[inFullscreen] { | ||||
| 	display: none; | ||||
| } | ||||
|  | ||||
| /* restore top border */ | ||||
| *|*:root[sizemode="normal"] #browser { | ||||
| 	border-top: 0.0px solid AccentColor !important; | ||||
| } | ||||
| *|*:root[sizemode="normal"]:-moz-window-inactive #browser { | ||||
| 	border-top-color: rgb(238,238,238) !important; | ||||
| } | ||||
|  | ||||
| /* make toolbar border persist on fullscreen */ | ||||
| *|*:root[sizemode="maximized"] #navigator-toolbox { | ||||
|   border-top: 0.0px solid AccentColor !important; | ||||
|   border-bottom: 0.0px solid AccentColor !important; | ||||
| } | ||||
|  | ||||
| /* hide titlebar buttons */ | ||||
| #TabsToolbar > .titlebar-buttonbox-container { | ||||
| 	display: none !important; | ||||
| } | ||||
|  | ||||
| /*fix pop-ups opening below window*/ | ||||
| #urlbar[open]{ | ||||
|   display: flex !important; | ||||
|   flex-direction: column-reverse; /* use 'column' if you want to type the URL in center*/ | ||||
|   bottom: -2px !important; | ||||
|   top: auto !important; | ||||
| } | ||||
| /*.urlbarView-body-inner { border-top: none !important; }*/ | ||||
| /*.urlbarView { display: none !important; }*/ /* uncomment this to hidden address bar suggestions */ | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
| :root{ | ||||
| --toolbarbutton-outer-padding: 0 !important; | ||||
| --toolbarbutton-inner-padding: 0 !important; | ||||
| --bookmark-block-padding: 0 !important; | ||||
| --toolbar-start-end-padding: 0 !important; | ||||
| --tab-min-height: 0 !important; | ||||
| --identity-box-margin-inline: 0 !important; | ||||
| --tab-border-radius: 256PX !important; | ||||
| --inline-tab-padding: 0 !important; | ||||
| --tab-block-margin: 0 !important; | ||||
| --urlbar-container-padding: 0 !important; | ||||
| --urlbar-margin-inline: 0 !important; | ||||
| --urlbar-min-height: max(0px, 0em) !important; | ||||
| --tabs-navbar-shadow-size: 1px !important; | ||||
| } | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
| /* ROOT - VARS */ | ||||
| *|*:root { | ||||
|  --tab-min-height:      16px !important; /* adjust */ | ||||
|  --tab-min-width:       16px !important; /* adjust */ | ||||
| } | ||||
|  | ||||
| /* TABS: height */ | ||||
| #tabbrowser-tabs, | ||||
| #tabbrowser-tabs > #tabbrowser-arrowscrollbox, | ||||
| .tabbrowser-tabs .tabbrowser-tab { | ||||
|   min-height: var(--tab-min-height) !important; | ||||
|   max-height: var(--tab-min-height) !important; | ||||
| } | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  | ||||
|  :root{ | ||||
|     --toolbarbutton-inner-padding:0px !important; | ||||
|     --tab-min-height: 16px !important; | ||||
|   } | ||||
|   .titlebar-button{ padding-block: 0px !important; } | ||||
|   #urlbar-container, #search-container{ padding-block: 0px !important; } | ||||
|   | ||||
|  | ||||
|   | ||||
|  | ||||
|  | ||||
| /* Removes text from tabs */ | ||||
| .tabbrowser-tab .tab-label { | ||||
| 	display:none !important; | ||||
| } | ||||
|  | ||||
| /* Resizes tabs to minimum width */ | ||||
| .tabbrowser-tab{ | ||||
| 	max-width: 16px !important; | ||||
| 	min-width: 16px !important; | ||||
| } | ||||
|  | ||||
|  | ||||
|  | ||||
| .tabbrowser-tab .tab-close-button { display:none !important; } | ||||
		Reference in New Issue
	
	Block a user