API tools faq
paste
Guest User

ff ui

a guest
Nov 15th, 2017
1,105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.52 KB | None | 0 0
raw download clone embed print report
  1. /*AGENT_SHEET*/
  2.  
  3. /* Firefox 57+ userChrome.css tweaks ****************************************************/
  4. /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
  5. /* by Aris ([email protected])*********************************************************/
  6. /* Github: https://github.com/aris-t2/customcssforfx ************************************/
  7. /****************************************************************************************/
  8.  
  9.  
  10.  
  11.  
  12. /* tabs toolbar adjustment */
  13. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  14. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  15. #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  16. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  17. #TabsToolbar{
  18. -moz-padding-start: 2px !important;
  19. }
  20. #main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
  21. margin-top: 0px !important;
  22. }
  23.  
  24. /* fix for application/hamburger button in titlebar */
  25. #main-window[tabsintitlebar][inFullscreen] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
  26. visibility: collapse !important;
  27. }
  28.  
  29. /* tab height */
  30. #tabbrowser-tabs,
  31. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  32. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  33. min-height: 25px !important;
  34. }
  35.  
  36. /* toolbar order (start) ************************************/
  37. #print-preview-toolbar,
  38. #printedit-toolbar,
  39. #titlebar {
  40. -moz-box-ordinal-group: 0 !important;
  41. }
  42. #navigator-toolbox #toolbar-menubar {
  43. -moz-box-ordinal-group: 1 !important;
  44. }
  45. /* navigation toolbar */
  46. #navigator-toolbox #nav-bar {
  47. -moz-box-ordinal-group: 2 !important;
  48. }
  49. /* bookmarks toolbar */
  50. #navigator-toolbox #PersonalToolbar {
  51. -moz-box-ordinal-group: 3 !important;
  52. }
  53. /* 3rd party toolbars */
  54. #navigator-toolbox toolbar {
  55. -moz-box-ordinal-group: 10 !important;
  56. }
  57. /* tabs toolbar */
  58. #navigator-toolbox #TabsToolbar {
  59. -moz-box-ordinal-group: 100 !important;
  60. }
  61. /* toolbar order (end) **************************************/
  62.  
  63. /* toolbar colors */
  64.  
  65. /*Tab toolbat background color*/
  66. #TabsToolbar:not(:-moz-lwtheme){
  67. -moz-appearance: none !important;
  68. background-image: linear-gradient(#dbeaf9,#dbeaf9) !important;
  69. }
  70. #TabsToolbar:-moz-lwtheme{
  71. background: rgba(255,255,255,0.4) !important;
  72. }
  73.  
  74. /*navigation toolbat background color*/
  75. #nav-bar:not(:-moz-lwtheme){
  76. -moz-appearance: none !important;
  77. background-image: linear-gradient(#eaf2fb,#dbeaf9) !important;
  78. }
  79.  
  80. /* toolbar borders */
  81. #main-window #navigator-toolbox::after {
  82. /*border-bottom: unset !important;*/
  83. opacity: 0 !important;
  84. }
  85. #TabsToolbar{
  86. margin-bottom: 0px !important;
  87. border-bottom: 1px solid #5f7181 !important;
  88. }
  89. #main-window[sizemode="normal"] #TabsToolbar:not(:-moz-lwtheme){
  90. border-left: 1px solid #5f7181 !important;
  91. border-right: 1px solid #5f7181 !important;
  92. }
  93.  
  94. #main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
  95. -moz-margin-end: 0px !important;
  96. }
  97.  
  98. #main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  99. visibility: collapse !important;
  100. }
  101.  
  102. #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
  103. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  104. margin-top: 21px !important;
  105. }
  106.  
  107. #tabbrowser-tabs .tab-drop-indicator {
  108. margin-bottom: 0px !important;
  109. }
  110.  
  111. #PersonalToolbar:-moz-lwtheme,
  112. #nav-bar:-moz-lwtheme {
  113. background-image: none !important;
  114. box-shadow: none !important;
  115. border-top: none !important;
  116. border-bottom: none !important;
  117. }
  118.  
  119. /*text color for all tabs*/
  120. .tabbrowser-tab .tab-label {
  121. color: black !important;
  122. }
  123.  
  124.  
  125.  
  126.  
  127. /* selected tabs color
  128. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
  129. background-image: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa) !important;
  130. }*/
  131.  
  132. /* hovered tabs color
  133. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
  134. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
  135. background-image: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2) !important;
  136. }*/
  137.  
  138. /*tab border*/
  139. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
  140. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
  141. border-top: 1px solid #919ba4 !important;
  142. border-left: 1px solid #919ba4 !important;
  143. /*border-right: 1px solid #919ba4 !important;*/
  144. }
  145.  
  146. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button{
  147. border-right: 1px solid #919ba4 !important;
  148. }
  149.  
  150.  
  151. /*new tab button*/
  152. .tabs-newtab-button,
  153. #new-tab-button
  154. { filter: invert(100%) !important; }
  155.  
  156. /* remove tab fog */
  157. #TabsToolbar:not(:-moz-lwtheme),
  158. #TabsToolbar:not(:-moz-lwtheme)::before,
  159. #TabsToolbar:not(:-moz-lwtheme)::after {
  160. box-shadow: unset !important;
  161. }
  162.  
  163. /* remove 'dragging tab' margin/padding nonsense */
  164. #TabsToolbar[movingtab] {
  165. padding-bottom: unset !important;
  166. }
  167.  
  168. #TabsToolbar[movingtab] > .tabbrowser-tabs {
  169. padding-bottom: unset !important;
  170. margin-bottom: unset !important;
  171. }
  172.  
  173. #TabsToolbar[movingtab] + #nav-bar {
  174. margin-top: unset !important;
  175. }
  176.  
  177. /* scroll buttons */
  178. #TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
  179. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
  180. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  181. fill: black !important;
  182. }
  183.  
  184. /*changes color of not selected tabs close button*/
  185. .tab-close-button:not([selected]) {
  186. filter: invert(100%) !important;
  187. }
  188.  
  189. /*Hide close button when only one tab*/
  190. .tabbrowser-tab[first-visible-tab][last-visible-tab] .tab-close-button {
  191. visibility: collapse !important;
  192. }
  193.  
  194. /*Shrink close button, favicon*/
  195. .tabbrowser-tab .tab-icon-image,
  196. .tabbrowser-tab .close-icon {
  197. transform:scale(.9,.9)!important;
  198. }
  199.  
  200. /*Move the tab line to bottom of a tab*/
  201. .tabbrowser-tab .tab-line,
  202. #TabsToolbar,
  203. .tabbrowser-tab .tab-bottom-line {
  204. -moz-box-ordinal-group: 2;
  205. }
  206.  
  207. /*makes tab line less bright*/
  208. .tab-line {
  209. /*display: none !important;*/
  210. opacity: 0.6 !important;
  211. }
  212.  
  213.  
  214.  
  215.  
  216. /*--AwesomeBar--*/
  217.  
  218. /*
  219. Hello! If you want to change your options, try updating from
  220. https://userstyles.org/styles/122394/url-bar-tweaks-remove-visit-search-limit-width
  221. Reload the page to get a green button, then select your drop-down style and
  222. other features and click Update with Stylish.
  223. */
  224. /* Remove " - Visit" or " - Search with" bar in the drop-down */
  225. #PopupAutoCompleteRichResult richlistitem:first-of-type[type*="heuristic"],
  226. #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="searchengine"],
  227. #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"],
  228. #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="keyword"] {
  229. display:none !important;
  230. }
  231. #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  232. padding-top: 0 !important;
  233. padding-bottom: 0 !important;
  234. }
  235.  
  236. /* Set max-height for items visible without scrolling */
  237. #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  238. height: calc(30px * 10) !important;
  239. max-height: calc(45.5px * 90) !important;
  240. }
  241. /* Set drop-down width */
  242. /*Change the number to get the width you want*/
  243. #PopupAutoCompleteRichResult {
  244. width: 1285px !important;
  245. max-width: 1285px !important;
  246. margin-left: 0 !important;
  247. }
  248.  
  249. /* Use default text matching style */
  250.  
  251.  
  252. /* remove unneeded padding around results */
  253. #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  254. padding: 0 !important;
  255. }
  256.  
  257. /* make sure there is not unneded space before results (Fx58+) */
  258. #PopupAutoCompleteRichResult .autocomplete-richlistitem {
  259. -moz-margin-start: 0 !important;
  260. -moz-padding-start: 0 !important;
  261. }
  262.  
  263. /* make sure there is not unneded space before results (Fx57+) */
  264. #PopupAutoCompleteRichResult .autocomplete-richlistitem spacer{
  265. display: none !important;
  266. }
  267.  
  268. /* prevent url/title overlapping */
  269. #PopupAutoCompleteRichResult richlistitem:-moz-any([type*="heuristic"],[actiontype="searchengine"],[actiontype="visiturl"],[actiontype="keyword"],[actiontype="switchtab"]) .ac-title {
  270. -moz-margin-start: 0px !important;
  271. -moz-margin-end: 10px !important;
  272. }
  273. /*end awesome bar*/
  274.  
  275. /*General UI*/
  276.  
  277.  
  278. /* remove search indicators '+' sign */
  279. .searchbar-search-button[addengines=true] > .searchbar-search-icon-overlay {
  280. visibility: hidden !important;
  281. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!