API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 6th, 2019
292
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.23 KB | None | 0 0
raw download clone embed print report
  1. @import url(userChrome_Fx56_bookmark_icons.css);
  2.  
  3. /* Hide Items on Bookmark Menu Button drop-down */
  4. #BMB_viewBookmarksSidebar,
  5. #BMB_bookmarksShowAllTop,
  6. #BMB_bookmarksShowAllTop + menuseparator,
  7. #BMB_recentBookmarks,
  8. #BMB_recentBookmarks + menuseparator,
  9. #BMB_bookmarksToolbar,
  10. #BMB_unsortedBookmarks,
  11. #BMB_mobileBookmarks,
  12. #BMB_mobileBookmarks + menuseparator {
  13. display: none !important;
  14. }
  15.  
  16. tabbrowser tabpanels {
  17. background-color: #336666 !important;
  18. }
  19.  
  20. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  21.  
  22. /* TABS: on bottom */
  23. #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
  24. #TabsToolbar {-moz-box-ordinal-group:1000!important}
  25.  
  26. #TabsToolbar {
  27. display: block !important;
  28. position: absolute !important;
  29. bottom: 0 !important;
  30. width: 100vw !important;
  31. }
  32.  
  33. #tabbrowser-tabs {
  34. width: 100vw !important;
  35. }
  36. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
  37.  
  38. /* TABS: height */
  39. :root {
  40. --tab-toolbar-navbar-overlap: 0px !important;
  41. --tab-min-height: 27px !important; /* adjust to suit your needs */
  42. }
  43. :root #tabbrowser-tabs {
  44. --tab-min-height: 27px !important; /* needs to be the same as above under :root */
  45. --tab-min-width: 80px !important;
  46. }
  47.  
  48. #TabsToolbar {
  49. height: var(--tab-min-height) !important;
  50. margin-bottom: 1px !important;
  51. box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
  52. }
  53.  
  54. #tabbrowser-tabs,
  55. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  56. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  57. min-height: var(--tab-min-height) !important;
  58. max-height: var(--tab-min-height) !important;
  59. }
  60.  
  61. /* drag space */
  62. .titlebar-spacer[type="pre-tabs"],
  63. .titlebar-spacer[type="post-tabs"] {
  64. width: 40px;
  65. }
  66.  
  67. /* Override vertical shifts when moving a tab */
  68. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  69. padding-bottom: unset !important;
  70. }
  71. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  72. padding-bottom: unset !important;
  73. margin-bottom: unset !important;
  74. }
  75. #navigator-toolbox[movingtab] > #nav-bar {
  76. margin-top: unset !important;
  77. }
  78.  
  79. /* If you display either:
  80. (1) The title bar, or
  81. (2) On Windows, the menu bar
  82. You might not want the following extra space above the main toolbar.
  83. In that case, delete the following rule:
  84. */
  85.  
  86. /* Background for Light and Dark themes */
  87. #main-window[lwthemetextcolor="bright"] #TabsToolbar,
  88. #main-window[lwthemetextcolor="dark"] #TabsToolbar {
  89. background-color: var(--chrome-secondary-background-color) !important;
  90. background-image: none !important;
  91. }
  92. #main-window[lwthemetextcolor="dark"] .scrollbutton-up,
  93. #main-window[lwthemetextcolor="dark"] .scrollbutton-down,
  94. #main-window[lwthemetextcolor="dark"] .tabs-newtab-button,
  95. #main-window[lwthemetextcolor="dark"] #new-tab-button,
  96. #main-window[lwthemetextcolor="dark"] #alltabs-button {
  97. fill: var(--lwt-text-color) !important;
  98. }
  99. /* Left and right borders on Win 7 & 8, but not on 10 and later: */
  100. @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
  101. /* Vertical toolbar border */
  102. #main-window[sizemode=normal] #navigator-toolbox > toolbar#TabsToolbar {
  103. border-left: 1px solid hsla(240,5%,5%,0.3) !important;;
  104. border-right: 1px solid hsla(240,5%,5%,0.3) !important;;
  105. background-clip: padding-box;
  106. }
  107. }
  108.  
  109. /* Override vertical shifts when moving a tab (9 Jan 2018) */
  110. #TabsToolbar[movingtab] {
  111. padding-bottom: 0 !important;
  112. }
  113. #TabsToolbar[movingtab] > .tabbrowser-tabs {
  114. padding-bottom: 0 !important;
  115. margin-bottom: 0 !important;
  116.  
  117. }
  118. #TabsToolbar[movingtab] + #nav-bar {
  119. margin-top: 0 !important;
  120. }
  121.  
  122.  
  123. :root:-moz-lwtheme {
  124. --toolbox-border-bottom-color: rgba(0,0,0,.0) !important;
  125. }
  126.  
  127. /*AGENT_SHEET*/
  128.  
  129. /* Firefox 57+ userChrome.css tweaks ****************************************************/
  130. /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
  131. /* by Aris (aris-addons@gmx.net)*********************************************************/
  132. /* Github: https://github.com/aris-t2/customcssforfx ************************************/
  133. /****************************************************************************************/
  134.  
  135.  
  136. :root {
  137. --classic_squared_tabs_tab_height: 26px;
  138. --classic_squared_tabs_tab_default_loading_icon_color: #0A84FF;
  139. --classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa);
  140. --classic_squared_tabs-border_size: 1px;
  141. --classic_squared_tabs-border1: #5f7181;
  142. --classic_squared_tabs-border-radius: 3px;
  143.  
  144. --mltabs-newtab-height: calc( var(--classic_squared_tabs_tab_height) + 1px );
  145.  
  146. --tab-min-height: var(--classic_squared_tabs_tab_height) !important;
  147. }
  148.  
  149. /* adjust tab toolbars buttons for squared tabs */
  150. #TabsToolbar #alltabs-button .toolbarbutton-icon,
  151. #TabsToolbar > #new-tab-button .toolbarbutton-icon,
  152. #TabsToolbar > toolbarpaletteitem > #new-tab-button .toolbarbutton-icon {
  153. padding: 3px !important;
  154. }
  155.  
  156. /*******************************************/
  157. /**** default themes tab colors [start] ****/
  158. /*******************************************/
  159.  
  160. /* black tab text color *//*
  161. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  162. color: #000000 !important;
  163. }
  164.  
  165. /* remove default tab colors */
  166. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  167. background: unset !important;
  168. }
  169.  
  170. /* default grey tabs */
  171. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
  172. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
  173. background-image: linear-gradient(to top,transparent,transparent) !important;
  174. }
  175. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
  176. background-image: var(--classic_squared_tabs_active_tab) !important;
  177. }
  178. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
  179. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
  180. background-image: linear-gradient(to top,transparent,transparent) !important;
  181. }
  182.  
  183. /* unloaded tab */
  184. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[pending] .tab-content {
  185. background-image: linear-gradient(to top,transparent,transparent) !important;
  186. }
  187.  
  188. /* unread tab */
  189. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[unread] .tab-content {
  190. background-image: linear-gradient(to top,transparent,transparent) !important;
  191. }
  192.  
  193. /* bold text on selected tab *//*
  194. .tabbrowser-tab[selected="true"] {
  195. font-weight: bold !important;
  196. }
  197. */
  198.  
  199. /* tab border color */
  200. #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
  201. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
  202. border-top: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;
  203. border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;
  204. border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;
  205. }
  206.  
  207. #TabsToolbar .tabs-newtab-button {
  208. border-top: var(--classic_squared_tabs-border_size) solid transparent !important;
  209. border-left: var(--classic_squared_tabs-border_size) solid transparent !important;
  210. border-right: var(--classic_squared_tabs-border_size) solid transparent !important;
  211. }
  212.  
  213. #TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]):not(:hover) .tab-content {
  214. border-top: var(--classic_squared_tabs-border_size) solid transparent !important;
  215. border-left: var(--classic_squared_tabs-border_size) solid transparent !important;
  216. border-right: var(--classic_squared_tabs-border_size) solid transparent !important;
  217. }
  218.  
  219.  
  220. /*******************************************/
  221. /***** default themes tab colors [end] *****/
  222. /*******************************************/
  223.  
  224. /********************************************/
  225. /******* lw-themes tab colors [start] *******/
  226. /********************************************/
  227.  
  228. /* lightweight theme tab colors*/
  229. .tabs-newtab-button:-moz-lwtheme-darktext,
  230. .tabbrowser-tab:not([selected]):-moz-lwtheme-darktext .tab-content {
  231. background-image: linear-gradient(transparent, transparent) !important;
  232. }
  233. .tabs-newtab-button:hover:-moz-lwtheme-darktext,
  234. .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content {
  235. background-image: linear-gradient(transparent, transparent) !important;
  236. }
  237. .tabs-newtab-button:-moz-lwtheme-brighttext,
  238. .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {
  239. background-image: linear-gradient(transparent, transparent) !important;
  240. }
  241. .tabs-newtab-button:hover:-moz-lwtheme-brighttext,
  242. .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
  243. background-image: linear-gradient(transparent, transparent) !important;
  244. }
  245.  
  246. .tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content {
  247. border-top: 1px solid rgba(0,0,0,.5) !important;
  248. border-left: 1px solid rgba(0,0,0,.4) !important;
  249. border-right: 1px solid rgba(0,0,0,.4) !important;
  250. }
  251. .tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content {
  252. border-top: 1px solid rgba(255,255,255,.6) !important;
  253. border-left: 1px solid rgba(255,255,255,.2) !important;
  254. border-right: 1px solid rgba(255,255,255,.2) !important;
  255. }
  256. #TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-darktext:hover,
  257. .tabbrowser-tab .tab-content:-moz-lwtheme-darktext:hover {
  258. border-top: 1px solid rgba(0,0,0,.2) !important;
  259. border-left: 1px solid rgba(0,0,0,.2) !important;
  260. border-right: 1px solid rgba(0,0,0,.2) !important;
  261. }
  262. #TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-brighttext:hover,
  263. .tabbrowser-tab .tab-content:-moz-lwtheme-brighttext:hover {
  264. border-top: 1px solid rgba(255,255,255,.6) !important;
  265. border-left: 1px solid rgba(255,255,255,.2) !important;
  266. border-right: 1px solid rgba(255,255,255,.2) !important;
  267. }
  268. #TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-darktext:not([selected]):not(:hover),
  269. .tabbrowser-tab .tab-content:-moz-lwtheme-darktext:not([selected]):not(:hover),
  270. #TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-brighttext:not([selected]):not(:hover),
  271. .tabbrowser-tab .tab-content:-moz-lwtheme-brighttext:not([selected]):not(:hover) {
  272. border-top: 1px solid transparent !important;
  273. border-left: 1px solid transparent !important;
  274. border-right: 1px solid transparent !important;
  275. }
  276. /********************************************/
  277. /******** lw-themes tab colors [end] ********/
  278. /********************************************/
  279.  
  280. /* tab line & tab background*/
  281. .tabbrowser-tab:-moz-lwtheme[selected] .tab-line[selected=true] {
  282. height: 0px !important;
  283. }
  284.  
  285. .tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
  286. .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
  287. background-color: rgba(0,0,0,.2);
  288. opacity: 0 !important;
  289. }
  290.  
  291. .tabbrowser-tab .tab-background[selected=true] {
  292. border-image: unset !important;
  293. border-image-slice: 0 !important;
  294. }
  295.  
  296. .tabbrowser-tab:not([selected]) .tab-background{
  297. display: none !important;
  298. }
  299.  
  300. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
  301. background-color: rgba(0,0,0,.0) !important;
  302. }
  303.  
  304. /* tab top border roundness */
  305. .tabs-newtab-button,.tabbrowser-tab,
  306. .tab-stack,
  307. .tab-background,
  308. .tabbrowser-tab .tab-content {
  309. border-top-left-radius: var(--classic_squared_tabs-border-radius) !important;
  310. border-top-right-radius: var(--classic_squared_tabs-border-radius) !important;
  311. }
  312.  
  313. /* loading animation color */
  314. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab,
  315. #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:not([visuallyselected=true]) {
  316. --tab-loading-fill: var(--classic_squared_tabs_tab_default_loading_icon_color) !important;
  317. }
  318. .tab-throbber[busy]::before,
  319. .tab-throbber[progress]::before {
  320. fill: var(--classic_squared_tabs_tab_default_loading_icon_color) !important;
  321. }
  322.  
  323. /* space between tabs */
  324. .tabs-newtab-button,
  325. .tabbrowser-tab:not([pinned]) {
  326. -moz-margin-start: 0px !important;
  327. }
  328.  
  329. /* width of new tab tab */
  330. #TabsToolbar .tabs-newtab-button{
  331. min-width: 0px !important;
  332. width: 28px !important;
  333. margin-bottom: -1px !important;
  334. }
  335.  
  336. /* size of new tab tabs '+' icon */
  337. .tabs-newtab-button .toolbarbutton-icon{
  338. min-width: 0px !important;
  339. min-height: 0px !important;
  340. width: 14px !important;
  341. height: 14px !important;
  342. margin: 0px !important;
  343. margin-bottom: 0px !important;
  344. padding: 0px !important;
  345. background: unset !important;
  346. box-shadow: unset !important;
  347. }
  348.  
  349. /* tab close icon size and position */
  350. .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
  351. width: 16px !important;
  352. height: 16px !important;
  353. }
  354.  
  355. .tabbrowser-tab:not([pinned]) .tab-content .close-icon,
  356. :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content .close-icon {
  357. width: 16px !important;
  358. height: 16px !important;
  359. -moz-margin-end: -6px !important;
  360. }
  361.  
  362. :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content .close-icon,
  363. :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
  364. margin-top: -8px !important;
  365. margin-bottom: -8px !important;
  366. }
  367.  
  368. :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-close-button {
  369. margin-inline-end: unset !important;
  370. padding: unset !important;
  371. }
  372.  
  373. /*tab favicon position*/
  374. .tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber,
  375. .tabbrowser-tab:not([pinned]) .tab-icon-image{
  376. -moz-margin-start:-6px !important;
  377. }
  378.  
  379. /* reduce minimum tab height */
  380. #tabbrowser-tabs,
  381. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  382. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  383. min-height: var(--tab-min-height) !important;
  384. }
  385. #TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  386. min-height: calc( var(--tab-min-height) - 1px ) !important;
  387. max-height: calc( var(--tab-min-height) - 1px ) !important;
  388. }
  389.  
  390. /* Windows 10 fix */
  391. @media (-moz-os-version: windows-win10) {
  392. .titlebar-button {
  393. padding-top: 7px !important;
  394. padding-bottom: 7px !important;
  395. }
  396. }
  397.  
  398. /*pinned tabs*/
  399. #TabsToolbar .tab-content[pinned] {
  400. padding: 0 6px !important;
  401. }
  402.  
  403. /* remove top line above tabs for lw-themes */
  404. #main-window:-moz-lwtheme #browser-panel{
  405. border: unset !important;
  406. box-shadow: unset !important;
  407. }
  408.  
  409. /* hide tab separators */
  410. .tabbrowser-tab::after,
  411. .tabbrowser-tab::before {
  412. opacity: 0 !important;
  413. border-image: unset !important;
  414. border-image-slice: unset !important;
  415. width: unset !important;
  416. }
  417. #tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
  418. .tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
  419. #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
  420. content: unset !important;
  421. display: unset !important;
  422. }
  423. /**/
  424. /* remove crap set by Firefox 58+ */
  425. .tabbrowser-tab,
  426. .tab-stack,
  427. .tab-background {
  428. border: unset !important;
  429. }
  430.  
  431. .tabbrowser-tab::after,
  432. .tabbrowser-tab::before {
  433. border-left: unset !important;
  434. border-image: unset !important;
  435. border-image-slice: unset !important;
  436. border-top-left-radius: 3px !important;
  437. border-top-right-radius: 3px !important;
  438. }
  439.  
  440. :root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::after,
  441. :root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::before,
  442. .tabbrowser-tab:hover::before,
  443. .tabbrowser-tab[last-visible-tab]:hover::after,
  444. #tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before {
  445. border-image: unset !important;
  446. border-image-slice: unset !important;
  447. border-top-left-radius: 3px !important;
  448. border-top-right-radius: 3px !important;
  449. }
  450.  
  451. #TabsToolbar .titlebar-placeholder[type="pre-tabs"],
  452. #TabsToolbar .titlebar-placeholder[type="post-tabs"]{
  453. opacity: 0 !important;
  454. }
  455.  
  456. /* make sure toolbar buttons do not increase toolbar height */
  457. #TabsToolbar > toolbarpaletteitem,
  458. #TabsToolbar > toolbarbutton {
  459. min-height: unset !important;
  460. padding: unset !important;
  461. margin: unset !important;
  462. }
  463. #TabsToolbar > toolbarpaletteitem .toolbarbutton-icon,
  464. #TabsToolbar > toolbarbutton .toolbarbutton-icon{
  465. min-width: unset !important;
  466. width: 24px !important;
  467. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!