API tools faq
paste
Guest User

Untitled

a guest
Apr 23rd, 2020
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.37 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2.  
  3. /* Minimal Functional Fox variables*/
  4. --mff-bg: #292f36;
  5. --mff-icon-color: #e0fbfc;
  6. --mff-nav-toolbar-padding: 8px;
  7. --mff-sidebar-bg: var(--mff-bg);
  8. --mff-sidebar-color: #e0fbfc;
  9. --mff-tab-border-radius: 0px;
  10. --mff-tab-color: #fefefa;
  11. --mff-tab-font-family: "Calibri", sans;
  12. --mff-tab-font-size: 9pt;
  13. --mff-tab-font-weight: 30;
  14. --mff-tab-height: 20px;
  15. --mff-tab-pinned-bg: #70c1b3;
  16. --mff-tab-selected-bg: #ee6c4d;
  17. --mff-tab-soundplaying-bg: #9c89b8;
  18. --mff-urlbar-color: #98c1d9;
  19. --mff-urlbar-focused-color: #e0fbfc;
  20. --mff-urlbar-font-family: "Calibri", serif;
  21. --mff-urlbar-font-size: 10pt;
  22. --mff-urlbar-font-weight: 30;
  23. --mff-urlbar-results-color: #e0fbfc;
  24. --mff-urlbar-results-font-family: "mononoki Nerd Font", serif;
  25. --mff-urlbar-results-font-size: 12pt;
  26. --mff-urlbar-results-font-weight: 30;
  27. --mff-urlbar-results-url-color: #98c1d9;
  28. /* --mff-tab-selected-bg: linear-gradient(90deg, rgba(232,74,95,1) 0%, rgba(255,132,124,1) 50%, rgba(254,206,168,1) 100%); */
  29. /* --mff-urlbar-font-weight: 600; */
  30.  
  31. /* Overriden Firefox variables*/
  32. --autocomplete-popup-background: var(--mff-bg) !important;
  33. --default-arrowpanel-background: var(--mff-bg) !important;
  34. --default-arrowpanel-color: #fefefa !important;
  35. --lwt-toolbarbutton-icon-fill: var(--mff-icon-color) !important;
  36. --panel-disabled-color: #f9f9fa80;
  37. --toolbar-bgcolor: var(--mff-bg) !important;
  38. --urlbar-separator-color: transparent !important;
  39. }
  40.  
  41. /*
  42. _____ _ ___ ___
  43. |_ _/_\ | _ ) __|
  44. | |/ _ \| _ \__ \
  45. |_/_/ \_\___/___/
  46.  
  47. */
  48.  
  49. .tab-background[selected="true"] {
  50. background: var(--mff-tab-selected-bg) !important;
  51. }
  52.  
  53. .tab-background:not[visuallyselected] {
  54. background: var(--mff-tab-selected-bg) !important;
  55. opacity: 0.5 !important;
  56. }
  57.  
  58. /* This positions the tabs under the navaigator container */
  59. #titlebar {
  60. -moz-box-ordinal-group: 2 !important;
  61. }
  62.  
  63. .tabbrowser-tab::after,
  64. .tabbrowser-tab::before {
  65. border-left: none !important;
  66. }
  67.  
  68. .tab-background {
  69. border: none !important;
  70. }
  71.  
  72. .tabbrowser-arrowscrollbox {
  73. margin-inline-start: 4px !important;
  74. margin-inline-end: 0px !important;
  75. }
  76.  
  77. .tab-close-button {
  78. display: none !important;
  79. }
  80.  
  81. .tab-text {
  82. font-family: var(--mff-tab-font-family);
  83. font-weight: var(--mff-tab-font-weight);
  84. font-size: var(--mff-tab-font-size) !important;
  85. color: var(--mff-tab-color);
  86. }
  87.  
  88. /* Hide the favicon for tabs */
  89. hbox.tab-content .tab-icon-image {
  90. display: none !important;
  91. }
  92.  
  93. /* Show the favicon for tabs that are pinned */
  94. hbox.tab-content[pinned=true] .tab-icon-image {
  95. display: initial !important;
  96. }
  97.  
  98. hbox.tab-content[pinned=true] .tab-text {
  99. display: none !important;
  100. }
  101.  
  102. #tabbrowser-tabs {
  103. --tab-loading-fill: #033433 !important;
  104.  
  105. }
  106.  
  107. .tab-label-container:not([textoverflow]) {
  108. display: flex;
  109. overflow: hidden;
  110. justify-content: center;
  111. width: 50% !important;
  112. max-width: 50% !important;
  113. min-width: 50% !important;
  114. }
  115.  
  116. /* .tab-label-container::after {
  117. content: "?" !important;
  118.  
  119. } */
  120.  
  121. .tab-line {
  122. display: none !important;
  123. }
  124.  
  125. .tabbrowser-tab {
  126. border-radius: var(--mff-tab-border-radius) !important;
  127. border-width: 0;
  128. height: var(--mff-tab-height) !important;
  129. margin-bottom: 4px !important;
  130. margin-inline-end: 4px !important;
  131. margin-top: 4px !important;
  132. max-height: var(--mff-tab-height) !important;
  133. min-height: var(--mff-tab-height) !important;
  134. }
  135.  
  136. .tabbrowser-tab[soundplaying="true"] {
  137. background-color: var(--mff-tab-soundplaying-bg) !important;
  138. }
  139.  
  140. #tabs-newtab-button {
  141. list-style-image: url("add.svg") !important;
  142. opacity: 0.7;
  143. }
  144.  
  145. .tab-icon-sound {
  146. display: none !important;
  147. }
  148.  
  149. /*
  150. _____ ___ ___ _ ___ _ ___
  151. |_ _/ _ \ / _ \| | | _ ) /_\ | _ \
  152. | || (_) | (_) | |__| _ \/ _ \| /
  153. |_| \___/ \___/|____|___/_/ \_\_|_\
  154. */
  155.  
  156. .urlbar-icon > image {
  157. fill: var(--mff-icon-color) !important;
  158. color: var(--mff-icon-color) !important;
  159. }
  160.  
  161. .toolbarbutton-text {
  162. color: var(--mff-icon-color) !important;
  163. }
  164. .urlbar-icon {
  165. color: var(--mff-icon-color) !important;
  166.  
  167. }
  168.  
  169. .toolbarbutton-icon {
  170. /* filter: drop-shadow(0 0 0.75rem crimson); */
  171. }
  172.  
  173. #urlbar-results {
  174. font-family: var(--mff-urlbar-results-font-family);
  175. font-weight: var(--mff-urlbar-results-font-weight);
  176. font-size: var(--mff-urlbar-results-font-size) !important;
  177. color: var(--mff-urlbar-results-color) !important;
  178. }
  179.  
  180. .urlbarView-row[type="bookmark"] > span{
  181. color: green !important;
  182. }
  183.  
  184. .urlbarView-row[type="switchtab"] > span{
  185. color: orange !important;
  186. }
  187.  
  188. .urlbarView-url, .search-panel-one-offs-container {
  189. color: var(--mff-urlbar-results-url-color) !important;
  190. font-family: var(--mff-urlbar-font-family);
  191. font-weight: var(--mff-urlbar-results-font-weight);
  192. font-size: var(--mff-urlbar-font-size) !important;
  193. }
  194.  
  195. .urlbarView-favicon, .urlbarView-type-icon {
  196. display: none !important;
  197. }
  198.  
  199. #urlbar-input {
  200. font-size: var(--mff-urlbar-font-size) !important;
  201. color: var(--mff-urlbar-color) !important;
  202. font-family: var(--mff-urlbar-font-family) !important;
  203. font-weight: var(--mff-urlbar-font-weight)!important;
  204. text-align: center !important;
  205. }
  206.  
  207. #tracking-protection-icon-container, #identity-box {
  208. display: none;
  209. }
  210.  
  211. #back-button > .toolbarbutton-icon{
  212. --backbutton-background: transparent !important;
  213. border: none !important;
  214. }
  215.  
  216. #back-button {
  217. list-style-image: url("left-arrow.svg") !important;
  218. }
  219.  
  220. #forward-button {
  221. list-style-image: url("right-arrow.svg") !important;
  222. }
  223.  
  224. toolbar {
  225. background-image: none !important;
  226. }
  227.  
  228. #urlbar-background {
  229. opacity: .98 !important;
  230. }
  231.  
  232. #navigator-toolbox, toolbaritem {
  233. border: none !important;
  234. }
  235.  
  236. #urlbar-background {
  237. background-color: var(--mff-bg) !important;
  238. border: none !important;
  239. }
  240.  
  241. .toolbar-items {
  242. background-color: var(--mff-bg) !important;
  243. }
  244.  
  245. #sidebar-search-container {
  246. background-color: var(--mff-sidebar-bg) !important;
  247. }
  248.  
  249. box.panel-arrowbox {
  250. display: none;
  251. }
  252.  
  253. box.panel-arrowcontent {
  254. border-radius: 8px !important;
  255. border: none !important;
  256. }
  257.  
  258. tab.tabbrowser-tab {
  259. overflow: hidden;
  260. }
  261.  
  262. tab.tabbrowser-tab:hover {
  263. box-shadow: 0 1px 4px rgba(0,0,0,.05);
  264. }
  265.  
  266. image#star-button {
  267. display: none;
  268. }
  269.  
  270. toolbar#nav-bar {
  271. padding: var(--mff-nav-toolbar-padding) !important;
  272. }
  273.  
  274. toolbar#nav-bar {
  275. padding: 4px !important;
  276. }
  277.  
  278. #urlbar {
  279. max-width: 70% !important;
  280. margin: 0 15% !important;
  281. /* position: unset!important; */;
  282. }
  283.  
  284. #urlbar-input:focus {
  285. color: var(--mff-urlbar-focused-color) !important;
  286. }
  287.  
  288.  
  289. .megabar[breakout-extend="true"]:not([open="true"]) > #urlbar-background {
  290. box-shadow: none !important;
  291. background-color: transparent !important;
  292. }
  293.  
  294. toolbarbutton {
  295. box-shadow: none !important;
  296. }
  297.  
  298.  
  299. /*
  300. ___ ___ ___ ___ ___ _ ___
  301. / __|_ _| \| __| _ ) /_\ | _ \
  302. \__ \| || |) | _|| _ \/ _ \| /
  303. |___/___|___/|___|___/_/ \_\_|_\
  304. */
  305.  
  306. .close-icon, .urlbar-icon {
  307. fill: var(--mff-icon-color) !important;
  308. }
  309.  
  310. .sidebar-placesTree {
  311. color: var(--mff-sidebar-color) !important;
  312. }
  313.  
  314. #sidebar-switcher-target {
  315. /* color: white !important; */
  316. }
  317.  
  318. #sidebar-box {
  319. --sidebar-background-color: var(--mff-sidebar-bg) !important;
  320. }
  321.  
  322. splitter#sidebar-splitter {
  323. opacity: 0 !important;
  324. }
  325.  
  326. splitter#sidebar-splitter {
  327. border: none !important;
  328. background-color: transparent !important;
  329. }
  330.  
  331. image#sidebar-icon {
  332. display: none;
  333. }
  334.  
  335.  
  336. /*
  337. _ ___ ___ _____ _____ _ _ _ ___ _
  338. /_\ | _ \ _ \/ _ \ \ / / _ \/_\ | \| | __| |
  339. / _ \| / / (_) \ \/\/ /| _/ _ \| .` | _|| |__
  340. /_/ \_\_|_\_|_\\___/ \_/\_/ |_|/_/ \_\_|\_|___|____|
  341. */
  342.  
  343. .panel-arrowcontent {
  344. padding: 0px !important;
  345. margin: 0px !important;
  346. }
  347.  
  348. toolbarseparator {
  349. display: none;
  350. }
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358. SIDEBERRYY
  359.  
  360. :root {
  361. --sidebar-min-width: 30px;
  362. --sidebar-visible-width: 300px;
  363. }
  364.  
  365. #sidebar-header {
  366. overflow: hidden !important;
  367. }
  368.  
  369. #sidebar-box #sidebar-header {
  370. display: none !important;
  371. }
  372.  
  373. #sidebar,
  374. #sidebar-header {
  375. position: relative !important;
  376. min-width: var(--sidebar-min-width) !important;
  377. max-width: var(--sidebar-min-width) !important;
  378. transition: .2s ease .25s;
  379. z-index:1;
  380. }
  381.  
  382.  
  383.  
  384.  
  385. /* MIN MAX CLOSE Remove */
  386. #TabsToolbar > .titlebar-buttonbox-container{ visibility: collapse !important; }
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417. DUSK FOX
  418.  
  419.  
  420. ::-moz-selection {background-color: rgba(255, 99, 71, 0.8) !important;}
  421. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  422.  
  423.  
  424.  
  425.  
  426.  
  427. /* menu */
  428. menupopup, popup,
  429. popup > menu > menupopup,
  430. menupopup > menu > menupopup,
  431. #context-navigation {
  432. -moz-appearance: none !important;
  433. background: #282828 !important;
  434. border: none !important;
  435. padding: 2px 0px 2px 0px !important;
  436. }
  437.  
  438. menupopup menuseparator {
  439. -moz-appearance: none !important;
  440. background: #323232 !important;
  441. margin: 2px 0px 2px 0px !important;
  442. padding: 0 !important;
  443. border-top: none !important;
  444. border-color: transparent !important;
  445. }
  446.  
  447. menupopup menu, menuitem{
  448. -moz-appearance: none !important;
  449. color: #eeeef2 !important;
  450. font-family: Calibri !important;
  451. }
  452.  
  453. menupopup menu:hover, menuitem:hover, context-navigation > menuitem:hover {
  454. -moz-appearance: none !important;
  455. color: #eeeef2 !important;
  456. background-color: rgba(255, 99, 71, 0.8) !important;
  457. }
  458.  
  459. /* selected option colour */
  460. .autocomplete-richlistitem[selected],
  461. .View-row[selected] {
  462. background-color: #333333 !important;
  463. }
  464.  
  465. /* find bar (ctrl + f) */
  466. .findbar-container {
  467. background: #282828 !important;
  468. color: #eeeef2 !important;
  469. border-color: 0 !important;
  470. }
  471.  
  472. .findbar-closebutton {
  473. background-color: #282828 !important;
  474. color: #eeeef2 !important;
  475. }
  476.  
  477. .findbar-find-previous,
  478. .findbar-find-next{
  479. background-color: #282828 !important;
  480. border-color: #1c1c1c !important;
  481. }
  482.  
  483. .findbar-find-previous:hover,
  484. .findbar-find-next:hover {
  485. cursor: pointer;
  486. }
  487.  
  488. .findbar-textbox {
  489. background-color: #282828 !important;
  490. border-color: #1c1c1c !important;
  491. }
  492.  
  493. #PopupAutoCompleteRichResult {
  494. margin-left: 0px !important;
  495. }
  496.  
  497. /** bookmarks **/
  498.  
  499. /* Color of bookmarks text */
  500. .bookmark-item[container] {
  501. color: #eeeef2 !important;
  502. }
  503.  
  504. /* Color of bookmarks icon */
  505. .bookmark-item {
  506. fill: #eeeef2 !important;
  507. }
  508.  
  509. /* Global (default) */
  510. .bookmark-item:not([container]){
  511. fill: #eeeef2 !important;
  512. }
  513.  
  514. /* Icon */
  515. .menu-iconic-text {
  516. color: white !important;
  517. }
  518.  
  519.  
  520. /* Hover on children color */
  521. .bookmark-item:not([container]):hover {
  522. background-color: rgba(255, 99, 71, 0.8) !important;
  523. }
  524.  
  525.  
  526. /** hamburger menu **/
  527.  
  528. /* remove arrow at the top of menu */
  529. .panel-arrowbox {
  530. display: none;
  531. }
  532.  
  533. /* border */
  534. .panel-arrowcontent {
  535. border-color: #282828 !important;
  536. }
  537.  
  538. .panel-subview-body {
  539. color: #eeeef2 !important;
  540. background: #282828 !important;
  541. border-color: #eeeef2 !important;
  542. border-width: 0 !important;
  543. }
  544.  
  545. .subviewbutton:hover {
  546. background-color: rgba(255, 99, 71, 0.8) !important;
  547. }
  548.  
  549. /* zoom % */
  550. #appMenu-zoomReset-button {
  551. color: #cccccc !important;
  552. border-width: 0 !important;
  553. background-color: #282828 !important;
  554. }
  555.  
  556. .subviewbutton.panel-subview-footer {
  557. background-color: #282828 !important;
  558. border-top: 0px solid !important;
  559. }
  560.  
  561. .panel-header {
  562. border-bottom: 1px solid #1f1f1f !important;
  563. background: #282828 !important;
  564. }
  565.  
  566. .panel-subview-footer,
  567. [class^="PanelUI-"] {
  568. color: #eeeef2 !important;
  569. background: #282828 !important;
  570. }
  571.  
  572. .subviewbutton,
  573. .subview-subheader {
  574. color: #eeeef2 !important;
  575. }
  576.  
  577.  
  578. /* Separator */
  579. :root {
  580. --panel-separator-color: #323232 !important;
  581. }
  582.  
  583. .subviewbutton[shortcut]::after {
  584. font-family: Calibri !important;
  585. color: #cccccc !important;
  586. }
  587.  
  588. .subviewbutton-nav::after {
  589. fill: #cccccc !important;
  590. }
  591.  
  592. /* Font */
  593. #appMenu-popup .subviewbutton .toolbarbutton-text,
  594. #appMenu-popup .panel-arrowcontent,
  595. panelmultiview .toolbaritem-combined-buttons>label {
  596. font-family: Calibri !important;
  597. font-size: 11px !important;
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606. #tracking-protection-icon-container {display: none !important;}
  607.  
  608.  
  609. #identity-box { display: none !important }
  610.  
  611. #identity-box.extensionPage #identity-icon-labels {
  612.  
  613. display: none !important;
  614.  
  615. }
  616.  
  617. #tracking-protection-icon-box {
  618. visibility: collapse !important;
  619. }
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642. :root:not([customizing]) #navigator-toolbox {
  643. background-color: #e2e2e2!important;
  644. }
  645.  
  646. :root:not([customizing]) #navigator-toolbox #nav-bar {
  647. min-height: 0!important;
  648. max-height: 0;
  649. height: 0;
  650. overflow: hidden;
  651. }
  652.  
  653. :root:not([customizing]) #navigator-toolbox:focus-within #nav-bar {
  654. max-height: 32px;
  655. height: 32px;
  656. }
  657.  
  658. :root:not([customizing]) .tabbrowser-tab:not([pinned="true"]) {
  659. --tab-min-width: fit-content;
  660. -moz-box-flex: 0!important;
  661. max-width: 70px;
  662. }
  663.  
  664. :root:not([customizing]) .tabbrowser-tab:not([pinned="true"]) .tab-stack {
  665. flex-basis: 1;
  666. }
  667.  
  668. :root:not([customizing]) .tab-content {
  669. padding: 0 6px;
  670. }
  671.  
  672. :root:not([customizing]) .tab-line,
  673. :root:not([customizing]) .tab-text,
  674. :root:not([customizing]) .tab-close-button {
  675. display: none;
  676. }
  677.  
  678. :root:not([customizing]) .tab-icon-image {
  679. margin: 0!important;
  680. }
  681.  
  682.  
  683.  
  684.  
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691.  
  692.  
  693.  
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735. /* Set minimum width below which tabs will not shrink */
  736. :root {
  737. --my-tab-min-width: 20px;
  738. }
  739.  
  740.  
  741.  
  742. /* Essential rule for reducing minimum tab width */
  743. .tabbrowser-tab:not([pinned]){
  744. min-width: var(--my-tab-min-width) !important;
  745. }
  746.  
  747.  
  748.  
  749. /* Optional rules for widths below 40px */
  750. /* Reduce icon's right margin for less wasted space */
  751. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  752. margin-right: 0px !important;
  753. }
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764. /* Set minimum width below which tabs will not shrink */
  765. :root {
  766. --my-tab-min-width: 20px;
  767. }
  768. /* Essential rule for reducing minimum tab width */
  769. .tabbrowser-tab:not([pinned]){
  770. min-width: var(--my-tab-min-width) !important;
  771. }
  772. /* Optional rules for widths below 40px */
  773. /* Reduce icon's right margin for less wasted space */
  774. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  775. margin-right: 1px !important;
  776. }
  777. /* Adjust padding for better centering and less wasted space */
  778. .tabbrowser-tab:not([pinned]) .tab-content{
  779. padding-left: calc((var(--my-tab-min-width) - 22px)/2) !important;
  780. padding-right: calc((var(--my-tab-min-width) - 22px)/2) !important;
  781. }
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794. /* MIN MAX CLOSE Remove */
  795. #TabsToolbar > .titlebar-buttonbox-container{ visibility: collapse !important; }
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808.  
  809. /* Search Bar */
  810. /* Search Bar */
  811. /* Search Bar */
  812. /* Hide some buttons for hover
  813. */
  814. #nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > #urlbar-input-container > #page-action-buttons {
  815. opacity: 0;
  816. }
  817. #page-action-buttons {
  818. transition: opacity 0.15s ease;
  819. }
  820. #nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > #urlbar-input-container > #identity-box {
  821. opacity: 0;
  822. /*visibility: collapse;*/
  823. }
  824. #identity-box {
  825. /*transition: visibility 0.30s ease-in-out, opacity 0.30s ease-in-out;*/
  826. transition: opacity 0.15s ease;
  827. }
  828. #nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > #urlbar-input-container > #tracking-protection-icon-container {
  829. opacity: 0;
  830. }
  831. #tracking-protection-icon-container {
  832. transition: opacity 0.15s ease;
  833. }
  834.  
  835. /* Search Bar #2b2b2bd1 262626ed #1E1E1EBF*/
  836. #urlbar-container {
  837. border-radius: 8px 8px 8px 8px !important;
  838. /* padding-top: 0px !important;
  839. padding-bottom: 0px !important;*/
  840.  
  841. }
  842. #urlbar-input-container, #searchbar {
  843. border-radius: 8px !important;
  844. }
  845. #urlbar[breakout]{
  846. height: var(--urlbar-height) + 1 !important;
  847.  
  848. }
  849. #urlbar[breakout][breakout-extend] {
  850. background-image: url(image/noise-512x512.png) !important;
  851. background-color: #1E1E1EBF;
  852. backdrop-filter: blur(32px) !important;
  853.  
  854. }
  855.  
  856. #urlbar[breakout][breakout-extend] > #urlbar-input-container, #urlbar-input-container {
  857. height: var(--urlbar-height) !important;
  858. padding-block: 0px !important;
  859. padding-inline: 0px !important;
  860. transition: none !important;
  861. }
  862. #urlbar[breakout][breakout-extend] {
  863. top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  864. left: 0 !important;
  865. width: 100% !important;
  866. }
  867.  
  868. .urlbarView.megabar .urlbarView-body-inner {
  869. border-top: 0px !important;
  870. }
  871.  
  872. #urlbar-input-container { /* Fixing icons right and left padding inside search bar for hovering */
  873. padding-left: 7px;
  874. padding-right: 7px;
  875. }
  876. #navigator-toolbox {
  877.  
  878. --lwt-toolbar-field-border-color: transparent !important;
  879. --lwt-toolbar-field-focus: transparent !important;
  880. --toolbar-field-focus-border-color: #77777773 !important;
  881. }
  882.  
  883. #urlbar:not(.megabar):not([focused="true"]):-moz-lwtheme, #urlbar:not(.megabar):not([focused="true"]):-moz-lwtheme:hover {
  884. border-color: transparent;
  885. }
  886. #urlbar {
  887. border: 0 !important;
  888. border-bottom: 1px solid #ffffff30 !important;
  889. border-radius: 8px 8px 8px 8px !important;
  890. background-color:#0000004d;
  891. }
  892.  
  893. #urlbar {
  894. box-shadow: none !important;
  895. text-align: center !important;
  896. }
  897. #tracking-protection-icon-container {
  898. border-inline-end: none !important;
  899. border-image: none !important;
  900. }
  901.  
  902.  
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927.  
  928.  
  929.  
  930.  
  931.  
  932.  
  933.  
  934.  
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949.  
  950. .findbar-match-diacritics {display: none !important;}
  951. .findbar-case-sensitive {display: none !important;}
  952. .findbar-highlight {display: none !important;}
  953. .findbar-entire-word {display: none !important;}
  954. .findbar-find-status {display: none !important;}
  955. findbar{height: 35px;}
  956. findbar {margin-right: 16px !important;}
  957. .findbar-find-fast {padding: 0px !important;}
  958. .findbar-find-fast {padding-left: 2px !important;}
  959. .findbar-container {margin-right: -40px !important;}
  960. findbar[hidden] {transform: translateY(-15px);}
  961. findbar > .findbar-container > hbox{margin-right: 20px;}
  962. findbar{
  963. border-color: transparent !important;
  964. -moz-box-ordinal-group: 0 !important;
  965. margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 15px);
  966. transition: transform 82ms linear, opacity 82ms linear 32ms !important;
  967. background: none !important;
  968. pointer-events: none;
  969. position: fixed !important;
  970. right: 0 !important;
  971. z-index: 1 !important;
  972. display: flex;
  973. border-left: 1px solid var(--chrome-content-separator-color);
  974. border-top: none !important;
  975. margin-top: -1px !important;}
  976. .findbar-closebutton{
  977. padding-left: 20px !important;
  978. padding-right: 20px !important;
  979. border-right: 1px solid #e1e1e2 !important;
  980. margin-right: 30px !important;
  981. border-bottom-right-radius: 3px !important;}
  982. findbar > .findbar-container,
  983. findbar > .close-icon{
  984. border: 1px solid var(--chrome-content-separator-color);
  985. border-width: 0 0 1px 0px;
  986. border-width: 0 0 1px 0px;
  987. padding: 7px !important;
  988. margin-left: 11px !important;
  989. background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important;
  990. border-bottom-right-radius: 3px !important;
  991. pointer-events: auto;}
  992. findbar .found-matches {
  993. direction: ltr !important;
  994. color: black !important;
  995. font-size: 14px;
  996. font-family: Calibri;
  997. -moz-box-ordinal-group: 0 !important;
  998. padding-right: 12px !important;
  999. padding-left: 5px !important;}
  1000. .findbar-container > .findbar-find-fast{
  1001. padding: var(--toolbarbutton-inner-padding) 1px;
  1002. margin: 0 !important;}
  1003. .findbar-find-previous {-moz-box-ordinal-group: 2 !important;
  1004. border-left-width: -1px !important;
  1005. border-right-width: 1px !important;}
  1006. .findbar-find-next {-moz-box-ordinal-group: 2 !important;
  1007. position: relative !important;
  1008. border-right: 1px !important;
  1009. border-radius: 0px !important;}
  1010. .findbar-textbox {-moz-box-ordinal-group: 3 !important;}
  1011. findbar > .findbar-container{
  1012. -moz-box-direction: reverse;
  1013. border-left-width: 1px;}
  1014. findbar > .findbar-container {
  1015. border-bottom-left-radius: 3px !important;}
  1016. findbar .findbar-container {direction: rtl !important;}
  1017. findbar .findbar-textbox {
  1018. border-right: 0px !important;
  1019. direction: ltr !important;}
  1020. input.findbar-textbox::placeholder {opacity: 0 !important;}
  1021. .findbar-textbox::placeholder {display: none !important;}
  1022.  
  1023.  
  1024.  
  1025. /*■■■■■■■■■■■■■■■■■■■■■■■■■■ Customization area ■■■■■■■■■■■■■■■■■■■■■■■■■■*/
  1026. /*Findbar position*/
  1027. findbar{
  1028. margin-right: 30px !important;
  1029. }
  1030. /**/
  1031.  
  1032.  
  1033.  
  1034. /*Findbar*/
  1035. findbar > .findbar-container,
  1036. findbar > .close-icon{
  1037. background-color: #f9f9fa !important; /*Background*/
  1038. border-color: #e1e1e2 !important; /*Border*/
  1039. }
  1040. /**/
  1041.  
  1042.  
  1043. /*Next/Prev result buttons*/
  1044. .findbar-find-next{
  1045. background-color: #fafafb !important; /*Background*/
  1046. border-color: #a0a0a0 !important; /*Border*/
  1047. fill: #0c0c0d !important; /*Arrow*/
  1048. }
  1049. .findbar-find-previous{
  1050. background-color: #fafafb !important; /*Background*/
  1051. border-color: #a0a0a0 !important; /*Border*/
  1052. fill: #0c0c0d !important; /*Arrow*/
  1053. }
  1054. /**/
  1055.  
  1056.  
  1057. /*Text field*/
  1058. .findbar-textbox{
  1059. background-color: #ffffff !important; /*Background*/
  1060. border-color: #a0a0a0 !important; /*Border*/
  1061. color: #000000 !important; /*Text*/
  1062. }
  1063. /**/
  1064.  
  1065.  
  1066. /*Text field when no results found*/
  1067. .findbar-textbox[status="notfound"]{
  1068. background-color: rgb(251, 251, 251) !important; /*Background*/
  1069. border-color: rgba(206, 206, 206, 0.69) !important; /*Border*/
  1070. color: #000000 !important; /*Text*/
  1071. }
  1072. /**/
  1073.  
  1074.  
  1075. /*Text field highlighted*/
  1076. .findbar-textbox::selection {
  1077. background-color: #3399ff !important; /*Background*/
  1078. color: #ffffff !important; /*Text*/
  1079. }
  1080. /**/
  1081.  
  1082.  
  1083. /*Results*/
  1084. findbar .found-matches{
  1085. color: #000000 !important; /*Text*/
  1086. }
  1087. /**/
  1088.  
  1089.  
  1090. /*Close button*/
  1091. findbar > .close-icon .toolbarbutton-icon{
  1092. fill: black !important; /*Icon*/
  1093. border-radius: 1px !important;
  1094. }
  1095.  
  1096. findbar > .close-icon:hover .toolbarbutton-icon{
  1097. fill: black !important; /*Hover icon*/
  1098. background-color: #f9f9fa !important; /*Hover background*/
  1099. border-radius: 1px !important;
  1100. }
  1101.  
  1102. findbar > .close-icon:active .toolbarbutton-icon{
  1103. fill: black !important; /*Active icon*/
  1104. background-color: #F4F4F4 !important; /*Active background*/
  1105. border-radius: 1px !important;
  1106. }
  1107. /**/
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!