API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 6th, 2025
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.88 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2. --tab-min-height: 32px !important; /* Stops tabs from expanding/contracting when dragging */
  3. --tab-block-margin: 0px !important; /* Stops tabs from expanding/contracting when dragging */
  4. --toolbar-bgcolor: -moz-Dialog !important;
  5. --toolbar-bgimage: none !important;
  6. --toolbar-color: #FFFFFF !important;
  7. --lwt-text-color: -moz-DialogText !important;
  8. --lwt-toolbarbutton-icon-fill: -moz-DialogText !important;
  9. --toolbar-field-focus-border-color: Highlight !important;
  10. --lwt-toolbar-field-background-color: -moz-Field !important;
  11. --lwt-toolbar-field-color: -moz-FieldText !important;
  12. --lwt-toolbar-field-border-color: rgb(204, 204, 204) !important;
  13. --lwt-toolbar-field-focus: -moz-Field !important;
  14. --lwt-toolbar-field-focus-color: -moz-FieldText !important;
  15. --toolbarbutton-vertical-text-padding: calc(var(--toolbarbutton-inner-padding) - 1px) !important;
  16. --toolbarbutton-border-radius: 2px !important;
  17. --toolbarbutton-icon-fill-opacity: 1 !important;
  18. --panel-separator-color: ThreeDLightShadow !important;
  19. --arrowpanel-background: -moz-Field !important;
  20. --arrowpanel-color: -moz-FieldText !important;
  21. --arrowpanel-border-color: ThreeDShadow !important;
  22. --arrowpanel-dimmed: hsla(0,0%,80%,.35) !important;
  23. --arrowpanel-dimmed-further: hsla(0,0%,80%,.5) !important;
  24. --arrowpanel-dimmed-even-further: hsla(0,0%,80%,.8) !important;
  25. --urlbar-separator-color: ThreeDLightShadow !important;
  26. --chrome-content-separator-color: ThreeDShadow !important;
  27. --toolbarbutton-hover-transition-duration: 0 !important;
  28. --toolbarbutton-outer-padding: 2px !important;
  29. --toolbarbutton-inner-padding: 6px !important;
  30. --toolbarbutton-focus-outline: 2px solid currentColor !important;
  31. --autocomplete-popup-background: -moz-Field !important;
  32. --autocomplete-popup-color: -moz-FieldText !important;
  33. --toolbarbutton-hover-background: hsla(240,5%,5%,.1) !important;
  34. --toolbarbutton-active-background: hsla(240,5%,5%,.15) !important;
  35. --autocomplete-popup-highlight-background: Highlight !important;
  36. --autocomplete-popup-highlight-color: HighlightText !important;
  37. }
  38.  
  39. /* Native Appearance */
  40. toolbox, toolbar, toolbarbutton:not(#sidebar-close):not(#sidebar-switcher-target):not(#PlacesChevron):not(#tiptab_william_wong-BAP):not(#unified-extensions-button):not(#tabs-newtab-button):not(#reload-button):not(#stop-button):not(#back-button):not(#forward-button):not(#go-button):not(#PanelUI-menu-button):not(#_fe8cab45-aaee-45f8-8765-781e0ebea300_-BAP)
  41. {
  42. color-scheme: light !important;
  43. -moz-appearance: auto !important;
  44. border: 0 !important;
  45. box-shadow: none !important;
  46. background-color: transparent !important;
  47. }
  48.  
  49. .toolbarbutton-icon, .toolbarbutton-badge-stack {
  50. background-color: inherit !important;
  51. }
  52.  
  53. /* Accurate Menu Bar */
  54. #menubar-items {
  55. -moz-box-pack: center !important;
  56. margin-bottom: 1px !important;
  57. }
  58.  
  59. #menubar-items menu {
  60. height: 21px !important;
  61. }
  62.  
  63. #toolbar-menubar toolbaritem {
  64. -moz-appearance: menuitem !important;
  65. }
  66.  
  67. #titlebar {
  68. border-top: 1px solid ThreeDShadow !important;
  69. box-shadow: inset 0 1px 0 ThreeDHighlight;
  70. -moz-box-ordinal-group: 1 !important;
  71. }
  72.  
  73. .menubar-text {
  74. padding-inline: 2px !important;
  75. color: #FFFFFF !important;
  76. }
  77.  
  78. /* Fix flexible space */
  79. toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"], toolbarspring {
  80. -moz-box-flex: 9999999999999999 !important;
  81. }
  82.  
  83. /* Throbber */
  84. #activity_throbber {
  85. margin: 3px !important;
  86. }
  87.  
  88. /* Tabs Toolbar */
  89. #TabsToolbar, #tabbrowser-tabs {
  90. --tab-min-height: 27px !important;
  91. border-inline-start: 0 !important;
  92. margin-inline-start: 0 !important;
  93. }
  94.  
  95. #tabbrowser-tabs {
  96. margin-left: -3px !important;
  97. }
  98.  
  99. #TabsToolbar > hbox, #TabsToolbar-customization-target {
  100. max-height: calc(var(--tab-min-height) + 3px) !important;
  101. }
  102.  
  103. .tab-background, .tab-secondary-label {
  104. display: none !important;
  105. }
  106.  
  107. #TabsToolbar {
  108. padding-top: 2px !important;
  109. }
  110.  
  111. #TabsToolbar .toolbar-items {
  112. margin-bottom: 2px !important;
  113. box-shadow: inset 0 -1px 0 #8a95b3, inset 0 -2px 0 #2f4462 !important;
  114. position: relative;
  115. }
  116.  
  117. #TabsToolbar .toolbar-items::after {
  118. content: '';
  119. height: 2px;
  120. width: 100%;
  121. background-color: #435d8b;
  122. position: absolute !important;
  123. bottom: -2px !important;
  124. }
  125.  
  126. #bookmarks-menu-button {
  127. order: -1 !important;
  128. }
  129.  
  130.  
  131. .tabbrowser-tab,
  132. #tabs-newtab-button,
  133. #alltabs-button,
  134. #tiptab_william_wong-BAP {
  135. box-shadow: inset 1px 1px 0 #000000, inset -1px 1px 0 #000000 !important;
  136. border: 1px solid #858da1 !important;
  137. border-bottom: 0 !important;
  138. border-radius: 0 !important;
  139. border-top-left-radius: 4px !important;
  140. border-top-right-radius: 4px !important;
  141. background-color: #C2DAFA !important;
  142. margin-top: 5px !important;
  143. transform: translateY(-2px) !important;
  144. min-height: calc(var(--tab-min-height) - 2px) !important;
  145. margin-inline: -1px !important;
  146. padding: 0 !important;
  147. max-width: 180px !important;
  148. transition: none !important;
  149. }
  150.  
  151. .tabbrowser-tab,
  152. #tabs-newtab-button,
  153. #tiptab_william_wong-BAP {
  154. background-image: linear-gradient(to bottom, #4f5774 0%, #373d4b 36%, #0f0f14 36%, #455876 100%) !important;
  155. color: #FFFFFF !important;
  156. }
  157.  
  158. .toolbarbutton-icon, .toolbarbutton-badge-stack {
  159. background-color: transparent !important;
  160. }
  161.  
  162. #tiptab_william_wong-BAP {
  163. min-width: 24px !important;
  164. list-style-image: url('alltabspreview.png') !important;
  165. margin-inline: 0 !important;
  166. }
  167.  
  168. #tiptab_william_wong-browser-action + #tabbrowser-tabs {
  169. margin-left: -1px !important;
  170. }
  171.  
  172. #tiptab_william_wong-browser-action {
  173. order: -1 !important;
  174. }
  175.  
  176. #tiptab_william_wong-BAP .toolbarbutton-badge-stack {
  177. padding: 0 !important;
  178. }
  179.  
  180. .tabbrowser-tab:first-of-type {
  181. margin-left: 1px !important;
  182. }
  183.  
  184. .tabbrowser-tab:not([selected]):hover,
  185. #tabs-newtab-button:hover,
  186. #alltabs-button:hover,
  187. #tiptab_william_wong-BAP:hover {
  188. background-image: linear-gradient(to bottom, #9097a8 0%, #4e586c 36%, #191e27 36%, #4286d5 100%) !important;
  189. }
  190.  
  191. .tabbrowser-tab[selected] {
  192. background-image: linear-gradient(to bottom, #6f94db 0%, #516ab8 36%, #16359c 36%, #4bc4ef 100%) !important;
  193. margin-top: 0 !important;
  194. overflow: visible !important;
  195. transform: translateY(0) !important;
  196. }
  197.  
  198. .tabbrowser-tab[selected]::before {
  199. content: '';
  200. display: inline-block;
  201. height: 3px;
  202. width: 4px;
  203. background-image: url('tab-left.png');
  204. position: absolute;
  205. bottom: 0;
  206. left: -3px;
  207. }
  208.  
  209. .tabbrowser-tab[selected]::after {
  210. content: '';
  211. display: inline-block;
  212. height: 3px;
  213. width: 4px;
  214. background-image: url('tab-right.png');
  215. position: absolute;
  216. bottom: 0;
  217. right: -3px;
  218. }
  219.  
  220. .tabbrowser-tab[selected] .tab-content {
  221. margin-top: -3px !important;
  222. }
  223.  
  224. .tabbrowser-tab[selected] .tab-close-button {
  225. margin-top: -1px !important;
  226. }
  227.  
  228. .tab-content {
  229. padding: 0 3px !important;
  230. }
  231.  
  232. .tab-icon-image:not([src]), .tab-icon-image:-moz-broken {
  233. display: block !important;
  234. content: url('blank-page.png') !important;
  235. }
  236.  
  237. .tabbrowser-tab[label="New Tab"] .tab-icon-image {
  238. content: url('blank-page.png') !important;
  239. }
  240.  
  241. .tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
  242. margin-inline-end: 3px !important;
  243. }
  244.  
  245. #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
  246. height: unset !important;
  247. }
  248.  
  249. .tabbrowser-tab:not([selected="true"]):not(:hover) .tab-close-button {
  250. display: none !important;
  251. }
  252.  
  253. .tab-close-button {
  254. height: 16px !important;
  255. width: 17px !important;
  256. padding: 0 !important;
  257. margin-inline-end: 0 !important;
  258. border-radius: 0 !important;
  259. background-color: transparent !important;
  260. list-style-image: none !important;
  261. background-image: url('close-tab.png') !important;
  262. }
  263.  
  264. toolbar .toolbaritem-combined-buttons {
  265. margin-inline: 0 !important;
  266. }
  267.  
  268. #_fe8cab45-aaee-45f8-8765-781e0ebea300_-BAP {
  269. min-width: 24px !important;
  270. min-height: 23px !important;
  271. list-style-image: none !important;
  272. border-radius: 0 !important;
  273. background-color: transparent !important;
  274. background-repeat: no-repeat !important;
  275. margin-bottom: 0 !important;
  276. margin-left: 4px !important;
  277. }
  278.  
  279. .tab-close-button:hover {
  280. background-position-x: -17px !important;
  281. }
  282.  
  283. .tab-close-button:active {
  284. background-position-x: -34px !important;
  285. }
  286.  
  287. #_fe8cab45-aaee-45f8-8765-781e0ebea300_-BAP .toolbarbutton-badge-stack {
  288. padding: 0 !important;
  289. }
  290.  
  291. /* Bookmarks */
  292. #PersonalToolbar {
  293. padding-inline: 3px !important;
  294. }
  295.  
  296. #tabs-newtab-button .toolbarbutton-icon {
  297. padding: 0 !important;
  298. list-style-image: none !important;
  299. background-color: transparent !important;
  300. width: 16px !important;
  301. height: 16px !important;
  302. }
  303.  
  304. #tabs-newtab-button:hover .toolbarbutton-icon {
  305. background-image: url('newtab.png') !important;
  306. }
  307.  
  308. #tabs-newtab-button {
  309. width: 30px !important;
  310. margin-inline: 0 !important;
  311. }
  312.  
  313. #personal-toolbar-empty-description, toolbarbutton.bookmark-item:not(.subviewbutton) {
  314. margin: 0 !important;
  315. padding: 3px !important;
  316. }
  317.  
  318. .bookmark-item[container] {
  319. list-style-image: none !important;
  320. }
  321.  
  322. .bookmark-item[container] .toolbarbutton-icon {
  323. background-image: url('folder-item.png') !important;
  324. background-position-x: -16px !important;
  325. }
  326.  
  327. .bookmark-item[container][open="true"] .toolbarbutton-icon {
  328. background-position-y: -16px !important;
  329. }
  330.  
  331. .bookmark-item:hover {
  332. background-color: #52525e !important;
  333. }
  334.  
  335. /* Address Bar */
  336. #urlbar-background,
  337. .searchbar-textbox{
  338. box-shadow: none !important;
  339. border: 1px solid #96969D !important;
  340. outline: 0 !important;
  341. border-radius: 0 !important;
  342. background-color: transparent !important;
  343. }
  344.  
  345. #urlbar, #searchbar {
  346. font-size: unset !important;
  347. min-height: 22px !important;
  348. padding: 3px 4px !important;
  349. }
  350.  
  351. #urlbar-container, #search-container {
  352. padding-block: 0 !important;
  353. margin-inline: 0 !important;
  354. }
  355.  
  356. #tracking-protection-icon-container,
  357. #identity-icon-box,
  358. #geo-sharing-icon,
  359. #webrtc-sharing-icon,
  360. #xr-sharing-icon,
  361. #permissions-granted-icon,
  362. #blocked-permissions-container,
  363. #pageActionButton,
  364. #star-button-box,
  365. .search-one-offs {
  366. display: none !important;
  367. }
  368.  
  369. #urlbar-container {
  370. --urlbar-container-height: 22px !important;
  371. margin-left: 3px !important;
  372. }
  373.  
  374. #urlbar {
  375. --urlbar-height: 22px !important;
  376. --urlbar-toolbar-height: 29px !important;
  377. color: #FFFFFF !important;
  378. }
  379.  
  380. #urlbar-go-button {
  381. display: none !important;
  382. }
  383.  
  384. #identity-permission-box {
  385. padding: 0 !important;
  386. }
  387.  
  388. #favimginurlbar {
  389. margin: 0 !important;
  390. }
  391.  
  392. #urlbar-input-container {
  393. padding: 0 !important;
  394. border: 0 !important;
  395. }
  396.  
  397.  
  398. #urlbar[breakout][breakout-extend] #urlbar-background,
  399. .urlbarView-favicon {
  400. display: none !important;
  401. }
  402.  
  403. .urlbarView,
  404. #urlbar[breakout][breakout-extend] #urlbar-input-container {
  405. border: 1px solid #716F64 !important;
  406. background-color: #101118 !important;
  407. padding-block: 0 !important;
  408. border-radius: 0 !important;
  409. margin-inline: 0 !important;
  410. }
  411.  
  412. #urlbar[breakout][breakout-extend] > #urlbar-input-container {
  413. height: 22px !important;
  414. padding-inline: 3px !important;
  415. }
  416.  
  417. #urlbar[breakout][breakout-extend] #favimginurlbar {
  418. margin-block: 2px !important;
  419. }
  420.  
  421. #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner {
  422. border-top: 0 !important;
  423. }
  424.  
  425. #identity-box {
  426. margin-inline-end: 6px !important;
  427. }
  428.  
  429. .urlbarView {
  430. width: 100% !important;
  431. }
  432.  
  433. #urlbar-results,
  434. .urlbarView-row {
  435. padding-block: 0 !important;
  436. }
  437.  
  438. .urlbarView-row[label]::before {
  439. display: none !important;
  440. }
  441.  
  442. .urlbarView-row[label] {
  443. margin-block-start: 0 !important;
  444. }
  445.  
  446. :root:not([uidensity="compact"]) .urlbarView-row:not([type="tip"], [type="dynamic"]) {
  447. min-height: unset !important;
  448. }
  449.  
  450. .urlbarView-row-inner {
  451. min-height: 18px !important;
  452. padding-block: 0 !important;
  453. padding-inline: 10px !important;
  454. border-radius: 0 !important;
  455. }
  456.  
  457. .urlbarView-tags, .urlbarView-url, .urlbarView-title:not(:empty) ~ .urlbarView-action {
  458. font-size: unset !important;
  459. color: inherit !important;
  460. font-weight: 500 !important;
  461. opacity: 0.7;
  462. }
  463.  
  464. .urlbarView-action {
  465. margin-left: 2% !important;
  466. }
  467.  
  468. .urlbarView-url strong {
  469. font-weight: 500 !important;
  470. }
  471.  
  472. .urlbarView-title-separator {
  473. display: none !important;
  474. }
  475.  
  476. .urlbarView-no-wrap {
  477. width: 60% !important;
  478. }
  479.  
  480. #favimginurlbar[style='width: 16px; height: 16px; margin: 3px; list-style-image: url("chrome://branding/content/icon32.png");'] {
  481. list-style-image: url('blank-page.png') !important;
  482. }
  483.  
  484. /* Toolbar Buttons */
  485. #reload-button:not([displaystop]) + #stop-button, #reload-button[displaystop] {
  486. display: -moz-Box !important;
  487. }
  488.  
  489. #PanelUI-menu-button {
  490. list-style-image: none !important;
  491. min-width: 0 !important;
  492. max-width: 0 !important;
  493. max-height: 0 !important;
  494. min-height: 0 !important;
  495. }
  496.  
  497. #PanelUI-button {
  498. min-width: 0 !important;
  499. max-width: 0 !important;
  500. }
  501.  
  502. #go-button {
  503. padding: 0 !important;
  504. list-style-image: none !important;
  505. background-image: url('go-background.png'), url('Go-arrow.png') !important;
  506. background-position-y: center !important;
  507. background-repeat: no-repeat;
  508. max-width: 25px !important;
  509. margin-right: 4px !important;
  510. }
  511.  
  512. #go-button:hover {
  513. background-position-x: calc(-25px * 1) !important;
  514. }
  515.  
  516. #go-button:active {
  517. background-position-x: calc(-25px * 3) !important;
  518. }
  519.  
  520. #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
  521. margin-inline-start: 0 !important;
  522. }
  523.  
  524. .tabbrowser-tab[pinned="true"] .tab-icon-overlay {
  525. top: unset !important;
  526. inset-inline-end: unset !important;
  527. }
  528.  
  529. .tabbrowser-tab[pinned="true"]:not(:hover) .tab-icon-overlay {
  530. display: none !important;
  531. }
  532.  
  533. .tabbrowser-tab[pinned="true"]:hover .tab-icon-image {
  534. display: none !important;
  535. }
  536.  
  537. /* Nav Toolbar */
  538. #nav-bar {
  539. height: 32px !important;
  540. order: -1 !important;
  541. }
  542.  
  543.  
  544. /* Classic toolbar buttons */
  545.  
  546. #back-button,
  547. #forward-button,
  548. #home-button,
  549. #downloads-button,
  550. #history-panelmenu,
  551. #bookmarks-menu-button,
  552. #print-button,
  553. toolbar:not(#TabsToolbar) #new-tab-button,
  554. #new-window-button,
  555. #cut-button,
  556. #copy-button,
  557. #paste-button,
  558. #fullscreen-button
  559. {
  560. -moz-context-properties: unset !important;
  561. fill: unset !important;
  562. opacity: unset !important;
  563. width: 29px !important;
  564. height: 29px !important;
  565. padding: 2px !important;
  566. }
  567.  
  568. #home-button,
  569. #downloads-button,
  570. #history-panelmenu,
  571. #bookmarks-menu-button,
  572. #print-button,
  573. toolbar:not(#TabsToolbar) #new-tab-button,
  574. #new-window-button,
  575. #cut-button,
  576. #copy-button,
  577. #paste-button,
  578. #fullscreen-button,
  579. .unified-extensions-item-action-button {
  580. transform: translateY(-2px) !important;
  581. }
  582.  
  583. #home-button > .toolbarbutton-icon,
  584. #downloads-button > .toolbarbutton-icon,
  585. #downloads-button > ##downloads-indicator-icon,
  586. #downloads-button > .toolbarbutton-badge-stack,
  587. #history-panelmenu > .toolbarbutton-icon,
  588. #bookmarks-menu-button > .toolbarbutton-icon,
  589. #print-button > .toolbarbutton-icon,
  590. toolbar:not(#TabsToolbar) #new-tab-button > .toolbarbutton-icon,
  591. #new-window-button > .toolbarbutton-icon,
  592. #cut-button > .toolbarbutton-icon,
  593. #copy-button > .toolbarbutton-icon,
  594. #paste-button > .toolbarbutton-icon,
  595. #fullscreen-button > .toolbarbutton-icon
  596. {
  597. padding: 0 !important;
  598. opacity: unset !important;
  599. width: 16px !important;
  600. height: 16px !important;
  601. }
  602.  
  603. #back-button {
  604. margin-left: 3px !important;
  605. }
  606.  
  607. #back-button,
  608. #forward-button,
  609. #back-button > .toolbarbutton-icon,
  610. #forward-button > .toolbarbutton-icon {
  611. width: 29px !important;
  612. height: 29px !important;
  613. padding: 0 !important;
  614. list-style-image: none;
  615. }
  616.  
  617. #back-button,
  618. #forward-button {
  619. background-image: url('navigation_frame.png') !important;
  620. }
  621.  
  622. #forward-button,
  623. #forward-button > .toolbarbutton-icon {
  624. background-position-x: -28px !important;
  625. }
  626.  
  627. #back-button > .toolbarbutton-icon,
  628. #forward-button > .toolbarbutton-icon {
  629. background-image: url('navigation.png') !important;
  630. }
  631.  
  632. #back-button:not([disabled="true"]):hover > .toolbarbutton-icon,
  633. #forward-button:not([disabled="true"]):hover > .toolbarbutton-icon {
  634. background-position-y: -29px !important;
  635. }
  636.  
  637. #back-button:not([disabled="true"]):active > .toolbarbutton-icon,
  638. #forward-button:not([disabled="true"]):active > .toolbarbutton-icon {
  639. background-position-y: -58px !important;
  640. }
  641.  
  642. #back-button[disabled="true"] > .toolbarbutton-icon,
  643. #forward-button[disabled="true"] > .toolbarbutton-icon {
  644. background-position-y: -87px !important;
  645. }
  646.  
  647. #stop-button,
  648. #reload-button,
  649. #unified-extensions-button,
  650. .search-go-button {
  651. width: 22px !important;
  652. height: 22px !important;
  653. -moz-context-properties: unset !important;
  654. fill: unset !important;
  655. opacity: unset !important;
  656. list-style-image: none !important;
  657. border: 1px solid #111315 !important;
  658. padding: 0 !important;
  659. border-radius: 3px !important;
  660. background-image: linear-gradient(to bottom, #798192 0%, #4c5b74 50%, #18212e 50%, #152d4f 100%) !important;
  661. box-shadow: inset 0 0 0 1px rgb(255 255 255 / 20%) !important;
  662. margin-inline: 4px !important;
  663. margin-block: 4px !important;
  664. }
  665.  
  666. #stop-button > .toolbarbutton-icon,
  667. #reload-button > .toolbarbutton-icon,
  668. #unified-extensions-button > .toolbarbutton-icon,
  669. .search-go-button {
  670. width: 22px !important;
  671. height: 22px !important;
  672. background-position: center center !important;
  673. background-repeat: no-repeat !important;
  674. }
  675.  
  676. #reload-button > .toolbarbutton-icon {
  677. background-image: url('refresh.png') !important;
  678. }
  679.  
  680. #stop-button > .toolbarbutton-icon {
  681. background-image: url('stop.png') !important;
  682. }
  683.  
  684. #unified-extensions-button > .toolbarbutton-icon {
  685. background-image: url('search.png') !important;
  686. }
  687.  
  688. #unified-extensions-button {
  689. background-image: linear-gradient(to bottom, #798192 0%, #4c5b74 50%, #18212e 50%, #152d4f 100%) !important;
  690. }
  691.  
  692. #unified-extensions-button:hover {
  693. border-color: #8A909E !important;
  694. background-image: linear-gradient(to bottom, #798192 0%, #4c5b74 50%, #18212e 50%, #397ba4 100%) !important;
  695. }
  696.  
  697. #unified-extensions-button:active {
  698. border-color: #727C92 !important;
  699. box-shadow: inset 0 0 1px 1px rgb(0 0 0 / 20%) !important;
  700. background-image: linear-gradient(to bottom, #798192 0%, #4c5b74 50%, #18212e 50%, #1192cf 100%) !important;
  701. }
  702.  
  703. #stop-button:hover,
  704. #reload-button:hover {
  705. border-color: #8A909E !important;
  706. background-image: linear-gradient(to bottom, #798192 0%, #4c5b74 50%, #18212e 50%, #397ba4 100%) !important;
  707. }
  708.  
  709. #stop-button:active,
  710. #reload-button:active {
  711. border-color: #727C92 !important;
  712. box-shadow: inset 0 0 1px 1px rgb(0 0 0 / 20%) !important;
  713. background-image: linear-gradient(to bottom, #798192 0%, #4c5b74 50%, #18212e 50%, #1192cf 100%) !important;
  714. }
  715.  
  716. /* Downloads button */
  717.  
  718. #downloads-indicator-anchor {
  719. min-width: 24px !important;
  720. min-height: 24px !important;
  721. display: flex !important;
  722. align-items: center !important;
  723. justify-content: center !important;
  724. }
  725.  
  726. #downloads-indicator-progress-outer {
  727. -moz-context-properties: unset !important;
  728. width: unset !important;
  729. height: unset !important;
  730. background-size: unset !important;
  731. background: none !important;
  732. fill: unset !important;
  733. fill-opacity: unset !important;
  734. display: none !important;
  735. }
  736.  
  737. #downloads-indicator-icon {
  738. -moz-context-properties: unset !important;
  739. list-style-image: url('downloads.png') !important;
  740. width: 16px !important;
  741. height: 16px !important;
  742. fill: unset !important;
  743. fill-opacity: unset !important;
  744. }
  745.  
  746. #downloads-indicator-progress-inner {
  747. background: none !important;
  748. margin-inline-end: unset !important;
  749. -moz-context-properties: unset !important;
  750. fill: unset !important;
  751. background-size: unset !important;
  752. animation-play-state: unset !important;
  753. animation-delay: unset !important;
  754. animation-duration: unset !important;
  755. animation-timing-function: unset !important;
  756. animation-name: none !important;
  757. display: none !important;
  758. }
  759.  
  760. #bookmarks-menu-button {
  761. list-style-image: url('favorites.png') !important;
  762. margin-left: 2px !important;
  763. }
  764.  
  765. #home-button {
  766. list-style-image: url('home.png') !important;
  767. }
  768.  
  769. #print-button {
  770. list-style-image: url('print.png') !important;
  771. }
  772.  
  773. #preferences-button {
  774. transform: translateY(-2px) !important;
  775. list-style-image: url('settings.png') !important;
  776. }
  777.  
  778. #email-link-button {
  779. transform: translateY(-2px) !important;
  780. list-style-image: url('mail.png') !important;
  781. }
  782.  
  783. /* Status Bar */
  784. #statuspanel[inactive],
  785. #statuspanel {
  786. opacity: 1 !important;
  787. visibility: visible !important;
  788. max-width: 100% !important;
  789. width: 100% !important;
  790. height: 22px !important;
  791. -moz-appearance: statusbar !important;
  792. padding-top: 0 !important;
  793. padding-inline: 6px !important;
  794. display: flex !important;
  795. align-items: center !important;
  796. position: absolute !important;
  797. bottom: 0 !important;
  798. }
  799.  
  800. :root[sizemode="fullscreen"] #statuspanel {
  801. display: none !important;
  802. }
  803.  
  804. #statuspanel::after {
  805. content: '';
  806. display: block;
  807. -moz-appearance: resizer !important;
  808. position: absolute !important;
  809. right: 0 !important;
  810. bottom: 0 !important;
  811. }
  812.  
  813. #statuspanel[inactive]::before {
  814. content: 'Done' !important;
  815. }
  816.  
  817. #statuspanel[inactive] #statuspanel-label::before {
  818. opacity: 0 !important;
  819. visibility: collapse !important;
  820. }
  821.  
  822. #statuspanel-label::before {
  823. transform: translateY(3px) !important;
  824. }
  825.  
  826. #statuspanel-label {
  827. -moz-appearance: statusbarpanel !important;
  828. background-color: transparent !important;
  829. border: 0 !important;
  830. padding: 0 !important;
  831. margin-inline: 0 !important;
  832. height: 22px !important;
  833. width: 100% !important;
  834. margin-right: 10px !important;
  835. }
  836.  
  837. :root[sizemode="fullscreen"] .browserStack > browser {
  838. padding: 0 !important;
  839. box-shadow: none !important;
  840. }
  841.  
  842. .browserStack > browser {
  843. margin-bottom: 22px !important;
  844. box-shadow: inset -1px -1px 0 ThreeDHighlight, inset 1px 1px 0 ThreeDShadow, inset -2px -2px 0 ThreeDFace, inset 2px 2px 0 ThreeDDarkShadow !important;
  845. padding: 2px !important;
  846. }
  847.  
  848. #searchbar {
  849. position: relative !important;
  850. background: transparent !important;
  851. border: 0 !important;
  852. outline: 0 !important;
  853. box-shadow: none !important;
  854. appearance: none !important;
  855. -moz-appearance: none !important;
  856. }
  857.  
  858. .searchbar-textbox {
  859. padding: 0 !important;
  860. }
  861.  
  862. .search-go-button {
  863. display: -moz-inline-box !important;
  864. }
  865.  
  866. .searchbar-search-button {
  867. display: none !important;
  868. }
  869.  
  870. #alltabs-button {
  871. list-style-image: url('alltabs.png') !important;
  872. width: 16px !important;
  873. }
  874.  
  875. #alltabs-button > .toolbarbutton-badge-stack > .toolbarbutton-icon,
  876. #alltabs-button .toolbarbutton-badge-stack {
  877. background: transparent !important;
  878. padding: 0 !important;
  879. height: 3px !important;
  880. width: 5px !important;
  881. min-width: 5px !important;
  882. }
  883.  
  884. #page-action-buttons {
  885. height: 100% !important;
  886. }
  887.  
  888. #library-button {
  889. order: -1 !important;
  890. transform: translateY(-2px) !important;
  891. list-style-image: url('addbokmark.png') !important;
  892. margin-right: 12px !important;
  893. }
  894.  
  895. menupopup {
  896. appearance: none !important;
  897. padding: 1px !important;
  898. }
  899.  
  900. menuseparator {
  901. appearance: none !important;
  902. padding: 0 !important;
  903. margin-block: 2px !important;
  904. }
  905.  
  906. #PlacesToolbarItems {
  907. min-width: 0px !important;
  908. width: 0px !important;
  909. }
  910.  
  911. #PlacesChevron {
  912. -moz-appearance: ;
  913. margin-inline: 0 !important;
  914. padding: 0 !important;
  915. width: 17px !important;
  916. min-width: 17px !important;
  917. list-style-image: url('cheveron.png') !important;
  918. }
  919.  
  920. #PlacesToolbar::before {
  921. content: 'Links';
  922. display: inline-block;
  923. line-height: 26px;
  924. margin-inline: 5px !important;
  925. }
  926.  
  927. #PlacesChevron .toolbarbutton-icon {
  928. padding: 0 !important;
  929. width: 8px !important;
  930. height: 5px !important;
  931. border-radius: 0 !important;
  932. margin-top: -8px !important;
  933. }
  934.  
  935. .tabbrowser-tab:first-of-type:last-of-type .tab-close-button {
  936. display: none !important;
  937. }
  938.  
  939. .tabbrowser-tab:first-of-type:last-of-type {
  940. max-width: 300px !important;
  941. }
  942.  
  943. #context-navigation {
  944. -moz-box-orient: vertical !important;
  945. }
  946.  
  947. #context-navigation menuitem {
  948. -moz-box-pack: end !important;
  949. -moz-box-direction: reverse !important;
  950. list-style-image: none !important;
  951. }
  952.  
  953. #context-navigation .menu-iconic-icon {
  954. width: 16px !important;
  955. margin: 0 !important;
  956. margin-right: 8px !important;
  957. margin-left: 5px !important;
  958. }
  959.  
  960. #context-navigation menuitem::before {
  961. content: attr(aria-label);
  962. }
  963.  
  964. #sidebar-box {
  965. margin-top: -4px !important;
  966. z-index: 1 !important;
  967. background-color: #F1F2EE !important;
  968. border-top: 1px solid #E0E2E8 !important;
  969. }
  970.  
  971. .sidebar-placesTree {
  972. margin: 6px !important;
  973. border: 1px solid #85878C !important;
  974. background-color: #FFFFFF !important;
  975. }
  976.  
  977. #sidebar-switcher-target {
  978. height: 24px !important;
  979. overflow: hidden !important;
  980. border: 1px solid #929195 !important;
  981. background-color: #FFFFFF !important;
  982. border-radius: 4px !important;
  983. padding: 0 !important;
  984. font: Menu !important;
  985. }
  986.  
  987. #sidebar-switcher-target:not(:active):not([open]):hover {
  988. box-shadow: inset 0 -1px 1px #D8D8D8 !important;
  989. border-bottom-color: #D5D5D5 !important;
  990. }
  991.  
  992. #sidebar-switcher-target:active,
  993. #sidebar-switcher-target[open] {
  994. color: #FFFFFF !important;
  995. background-color: #DCDCDC !important;
  996. box-shadow: inset 0 -1px 1px #EAEAEA, inset 0 1px 1px #D8D8D8 !important;
  997. }
  998.  
  999. #sidebar-switcher-target:active #sidebar-title,
  1000. #sidebar-switcher-target[open] #sidebar-title {
  1001. border-right-color: #B5B5B5 !important;
  1002. }
  1003.  
  1004. #sidebar-title {
  1005. height: 100% !important;
  1006. border-right: 1px solid #E0DFE3 !important;
  1007. -moz-box-align: center !important;
  1008. padding-inline: 4px 8px !important;
  1009. }
  1010.  
  1011. #sidebar-switcher-arrow {
  1012. list-style-image: none !important;
  1013. background-position: center center !important;
  1014. background-repeat: no-repeat !important;
  1015. background-image: url('alltabs.png') !important;
  1016. width: 12px !important;
  1017. background-color: #DFDEE2 !important;
  1018. height: 100% !important;
  1019. opacity: 1 !important;
  1020. box-shadow: inset 1px 0 0 #FFFFFF, inset 0 1px 0.5px #D2D1D3, inset 0 -1px 0.5px rgb(255 255 255 / 20%) !important;
  1021. }
  1022.  
  1023. #sidebar-icon {
  1024. width: 14px !important;
  1025. height: 14px !important;
  1026. margin-left: 7px !important;
  1027. }
  1028.  
  1029. #sidebar-header {
  1030. padding: 4px 6px !important;
  1031. border-bottom: 0 !important;
  1032. }
  1033.  
  1034. #sidebar-box[sidebarcommand="viewBookmarksSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
  1035. list-style-image: url('favorites-14.png') !important;
  1036. }
  1037.  
  1038. #sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
  1039. list-style-image: url('history-14.png') !important;
  1040. }
  1041.  
  1042. #sidebar-box[sidebarcommand="viewTabsSidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-icon {
  1043. list-style-image: url('sync-tabs-14.png') !important;
  1044. }
  1045.  
  1046. #sidebar-close {
  1047. width: 17px !important;
  1048. height: 16px !important;
  1049. list-style-image: none !important;
  1050. background-image: url('sidebar-close.png') !important;
  1051. background-color: transparent !important;
  1052. border-radius: 0 !important;
  1053. }
  1054.  
  1055. #sidebar-close:hover {
  1056. background-position-x: -17px !important;
  1057. }
  1058.  
  1059. #sidebar-close:active {
  1060. transform: translate(1px, 1px) !important;
  1061. }
  1062.  
  1063. #sidebar-search-container {
  1064. padding: 4px 6px !important;
  1065. }
  1066.  
  1067. .textbox-search-sign {
  1068. list-style-image: url('search.png') !important;
  1069. margin-inline: 3px !important;
  1070. margin-block: 2px !important;
  1071. }
  1072.  
  1073. #viewButton {
  1074. appearance: button !important;
  1075. height: 10px !important;
  1076. }
  1077.  
  1078. #viewButton > .button-box > .button-menu-dropmarker {
  1079. list-style-image: none !important;
  1080. background-image: url('alltabs.png') !important;
  1081. background-position: center center !important;
  1082. background-repeat: no-repeat !important;
  1083. height: 3px !important;
  1084. width: 5px !important;
  1085. margin-inline: 3px 2px !important;
  1086. }
  1087.  
  1088. .sidebar-splitter {
  1089. width: 6px !important;
  1090. margin-left: -6px !important;
  1091. z-index: 2 !important;
  1092. }
  1093.  
  1094. .searchbar-textbox {
  1095. margin-block: 4px !important;
  1096. }
  1097.  
  1098. #urlbar-input::placeholder, .searchbar-textbox::placeholder {
  1099. opacity: 1 !important;
  1100. color: #B4B4B4 !important;
  1101. }
  1102.  
  1103. .customizationmode-button {
  1104. appearance: button !important;
  1105. color: -moz-DialogText !important;
  1106. }
  1107.  
  1108. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0
  1109. S*ee the above repository for updates as well as full license text. */
  1110.  
  1111. /* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */
  1112.  
  1113. @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
  1114. #nav-bar > .titlebar-buttonbox-container{
  1115. order: -1 !important;
  1116. > .titlebar-buttonbox{
  1117. flex-direction: row-reverse;
  1118. }
  1119. }
  1120. }
  1121. @media not (-moz-bool-pref: "sidebar.verticalTabs"){
  1122. .global-notificationbox,
  1123. #tab-notification-deck,
  1124. #TabsToolbar{
  1125. order: 1;
  1126. }
  1127. #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
  1128. display: none;
  1129. }
  1130. :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
  1131. display: flex !important;
  1132. }
  1133. :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
  1134. > .titlebar-buttonbox-container{
  1135. display: flex !important;
  1136. }
  1137. :root[sizemode="normal"] & {
  1138. > .titlebar-spacer{
  1139. display: flex !important;
  1140. }
  1141. }
  1142. :root[sizemode="maximized"] & {
  1143. > .titlebar-spacer[type="post-tabs"]{
  1144. display: flex !important;
  1145. }
  1146. @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
  1147. (-moz-gtk-csd-reversed-placement),
  1148. (-moz-platform: macos){
  1149. > .titlebar-spacer[type="post-tabs"]{
  1150. display: none !important;
  1151. }
  1152. > .titlebar-spacer[type="pre-tabs"]{
  1153. display: flex !important;
  1154. }
  1155. }
  1156. }
  1157. }
  1158. }
  1159.  
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!