Advertisement
Guest User

Untitled

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