Advertisement
Guest User

Untitled

a guest
Apr 8th, 2020
886
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.53 KB | None | 0 0
  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 (aris-addons@gmx.net)*********************************************************/
  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. /* Modify to change window drag space width */
  38.  
  39.  
  40. .titlebar-buttonbox-container{
  41.   position: fixed;
  42.   display:block !important;
  43.   top:0;
  44.   right:0;
  45.   height: 22px !important;
  46. }
  47. #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
  48.  
  49. :root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; }
  50. :root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px }
  51.  
  52. :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
  53. .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
  54. #titlebar{
  55.  -moz-box-ordinal-group: 2;
  56.  -moz-appearance: none !important;
  57. }
  58.  
  59. .titlebar-placeholder,
  60. #TabsToolbar .titlebar-spacer{ display: none; }
  61. /* Also hide the toolbox bottom border which isn't at bottom with this setup */
  62. #navigator-toolbox::after{ display: none !important; }
  63.  
  64.  
  65. /* Menubar on top patch - use with Fx65_tabs_on_bottom.css */
  66. /* Only really useful if menubar is ALWAYS visible */
  67.  
  68. #navigator-toolbox{ margin-top: 22px }
  69. #toolbar-menubar{
  70.   position: fixed;
  71.   display:block !important;
  72.   top: 6px;
  73.   height: 22px;
  74.   margin-top:1px;
  75.   width: 100%;
  76.   overflow: hidden;
  77. }
  78.  
  79. #toolbar-menubar .titlebar-buttonbox-container{ height: 22px; }
  80. #toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }
  81.  
  82. /* This will allow you to MAYBE put some items to the menubar */
  83. #toolbar-menubar > *{ float: left }
  84. #toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
  85.  
  86. /* toolbar order (end) **************************************/
  87.  
  88. /* toolbar colors */
  89.  
  90. /*Tab toolbat background color*/
  91. #TabsToolbar:not(:-moz-lwtheme){
  92.   -moz-appearance: none !important;
  93.   background-image: linear-gradient(#dbeaf9,#dbeaf9) !important;
  94. }
  95. #TabsToolbar:-moz-lwtheme{
  96.   background: rgba(255,255,255,0.4) !important;
  97. }
  98.  
  99. /*navigation toolbat background color*/
  100. #nav-bar:not(:-moz-lwtheme){
  101.   -moz-appearance: none !important;
  102.   background-image: linear-gradient(#eaf2fb,#dbeaf9) !important;
  103. }
  104.  
  105. /* toolbar borders */
  106. #main-window #navigator-toolbox::after {
  107.   /*border-bottom: unset !important;*/
  108.   opacity: 0 !important;
  109. }
  110. #TabsToolbar{
  111.   margin-bottom: 0px !important;
  112.   border-bottom: 1px solid #5f7181 !important;
  113. }
  114. #main-window[sizemode="normal"]  #TabsToolbar:not(:-moz-lwtheme){
  115.   border-left: 1px solid #5f7181 !important;
  116.   border-right: 1px solid #5f7181 !important;
  117. }
  118.  
  119. #main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
  120.   -moz-margin-end: 0px !important;
  121. }
  122.  
  123. #main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  124.   visibility: collapse !important;
  125. }
  126.  
  127. #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
  128. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  129.   margin-top: 21px !important;
  130. }
  131.  
  132. #tabbrowser-tabs .tab-drop-indicator {
  133.   margin-bottom: 0px !important;
  134. }
  135.  
  136. #PersonalToolbar:-moz-lwtheme,
  137. #nav-bar:-moz-lwtheme {
  138.   background-image: none !important;
  139.   box-shadow: none !important;
  140.   border-top: none !important;
  141.   border-bottom: none !important;
  142. }
  143.  
  144. /*text color for all tabs*/
  145. .tabbrowser-tab .tab-label {
  146.   color: black !important;
  147.  }
  148.  
  149.  
  150.  
  151.  
  152. /* selected tabs color
  153. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
  154.   background-image: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa) !important;
  155. }*/
  156.  
  157. /* hovered tabs color
  158. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
  159. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
  160.   background-image: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2) !important;
  161. }*/
  162.  
  163. /*tab border*/
  164. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
  165. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
  166.   border-top: 1px solid #919ba4 !important;
  167.   /*border-left: 1px solid #919ba4 !important;*/
  168.   border-right: 1px solid #919ba4 !important;
  169. }
  170.  
  171. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button{
  172.     border-right: 1px solid #919ba4 !important;
  173. }
  174.  
  175.  
  176. /*new tab button*/
  177. #tabs-newtab-button {
  178.     fill: black !important;/*whatever color*/
  179.     opacity: 1 !important;
  180. }
  181.  
  182. /* remove tab fog */
  183. #TabsToolbar:not(:-moz-lwtheme),
  184. #TabsToolbar:not(:-moz-lwtheme)::before,
  185. #TabsToolbar:not(:-moz-lwtheme)::after {
  186.   box-shadow: unset !important;
  187. }
  188.  
  189. /* remove 'dragging tab' margin/padding nonsense */
  190. #TabsToolbar[movingtab] {
  191.   padding-bottom: unset !important;
  192. }
  193.  
  194. #TabsToolbar[movingtab] > .tabbrowser-tabs {
  195.   padding-bottom: unset !important;
  196.   margin-bottom: unset !important;
  197. }
  198.  
  199. #TabsToolbar[movingtab] + #nav-bar {
  200.   margin-top: unset !important;
  201. }
  202.  
  203. /* scroll buttons */
  204. #TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
  205. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
  206. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  207.   fill: black !important;
  208. }
  209.  
  210. /*changes color of not selected tabs close button*/
  211. .tab-close-button:not([selected]) {
  212.     filter: invert(100%) !important;
  213.   }
  214.  
  215. /*Hide close button when only one tab*/
  216. .tabbrowser-tab[first-visible-tab][last-visible-tab] .tab-close-button {
  217.   visibility: collapse !important;
  218. }
  219.  
  220. /*Shrink close button, favicon*/
  221. .tabbrowser-tab .tab-icon-image,
  222. .tabbrowser-tab .close-icon {
  223.     transform:scale(.9,.9)!important;
  224. }
  225.  
  226. /*removes tab line*/
  227. .tab-line {
  228. display: none !important;
  229.   }
  230.  
  231.  
  232.  
  233. /* Copypaste begins */
  234. /* Add: min-width: 1200px !important; */
  235. /*
  236.   Firefox 57-70 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html
  237.   You can copy/paste into a userChrome.css file, see https://www.userchrome.org/
  238. */
  239. /* Remove " - Visit" or " - Search with" bar in the drop-down */
  240.   #PopupAutoCompleteRichResult richlistitem:first-of-type[type*="heuristic"],
  241.   #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="searchengine"],
  242.   #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"],
  243.   #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="keyword"],
  244.   #urlbar-results #urlbarView-row-0 {
  245.     display:none !important;
  246.   }
  247. /* Hide line for searching sld.tld below "Visit" Line */
  248.   #PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"] +
  249.   richlistitem[actiontype="searchengine"] {
  250.     display:none !important;
  251.   }
  252.   #PopupAutoCompleteRichResult .autocomplete-richlistbox,
  253.   #urlbarView-results, #urlbar-results {
  254.     padding-top: 0 !important;
  255.     padding-bottom: 0 !important;
  256.   }
  257.  
  258. /* Display drop-marker only when URL bar is hovered (Firefox default) */
  259. /* Set max-height for items visible without scrolling */
  260.   #PopupAutoCompleteRichResult .autocomplete-richlistbox,
  261.   #urlbarView-results, #urlbar-results {
  262.     height: unset !important;
  263.     max-height: calc(30.5px * 10) !important;
  264.   }
  265.   /* Constrain drop-down width */
  266.   #PopupAutoCompleteRichResult,
  267.   #urlbar-results {
  268.     max-width: 1200px !important;
  269.     min-width: 1200px !important;
  270.   }
  271.   .urlbarView-row-inner {
  272.     max-width:1185px !important;
  273.   }
  274.   .urlbarView-type-icon {
  275.     margin-left: 4px !important;  
  276.   }
  277.   /* Remove excess width of one-off search engine buttons */
  278.   #urlbar-results .searchbar-engine-one-off-item.dummy:not(.last-of-row) {
  279.     display: none !important;
  280.   }
  281.   /* Firefox 70 */
  282.   .urlbarView:not(.megabar){
  283.     left: unset !important;
  284.     right: unset !important;
  285.   }
  286. /* Default font sizes */
  287.   .autocomplete-richlistitem[selected=true],
  288.   .urlbarView-row[selected] {
  289.     background-color: Highlight !important;
  290.   }
  291.   .autocomplete-richlistitem[selected=true] .ac-title,
  292.   .ac-title[selected],
  293.   .autocomplete-richlistitem[selected=true] .ac-url,
  294.   .ac-url[selected],
  295.   .autocomplete-richlistitem[selected=true] .ac-action,
  296.   .ac-action[selected],
  297.   .autocomplete-richlistitem[selected=true] .ac-separator,
  298.   .ac-separator[selected],
  299.   .urlbarView-row[selected] .urlbarView-title,
  300.   .urlbarView-row[selected] .urlbarView-secondary,
  301.   .urlbarView-row[selected] .urlbarView-title-separator {
  302.     color: HighlightText !important;
  303.   }
  304.   /* Use default text matching style */
  305. /* Prevent excess indenting of icons in Photon */
  306.   #PopupAutoCompleteRichResult .autocomplete-richlistitem [anonid="type-icon-spacer"],
  307.   #urlbar-results .autocomplete-richlistitem [anonid="type-icon-spacer"] {
  308.     display: none !important;
  309.   }
  310.   #PopupAutoCompleteRichResult,
  311.   #urlbar-results {
  312.      --item-padding-start: 0 !important;
  313.      --item-padding-end: 0 !important;
  314.   }
  315. /* Ability to scroll in Fx57 */
  316.   #PopupAutoCompleteRichResult .autocomplete-richlistbox > scrollbox,
  317.   #urlbarView-results, #urlbar-results {
  318.     overflow-y: auto !important;
  319.     padding-right: 3px !important;
  320.   }
  321.   #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  322.     padding-right: 0 !important;
  323.   }
  324.  
  325. /*Copypaste end*/
  326.  
  327. /*General UI*/
  328.  
  329.  
  330. /* remove search indicators '+' sign */
  331. .searchbar-search-button[addengines=true] > .searchbar-search-icon-overlay {
  332.   visibility: hidden !important;
  333. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement