API tools faq
paste
Advertisement
F3R96

Firefox UserContent

F3R96
Nov 28th, 2024
38
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.50 KB | None | 0 0
raw download clone embed print report
  1. @import "neptune/colors/light.css";
  2. @import "neptune/colors/dark.css";
  3.  
  4. :root {
  5. --in-content-page-background: var(--neptune-main-background) !important;
  6. --in-content-box-background: var(--neptune-content-background) !important;
  7. --in-content-table-background: var(--neptune-content-background) !important;
  8. --in-content-primary-button-text-color: #fff !important;
  9. --background-color-box: var(--neptune-content-background) !important;
  10. --newtab-primary-element-text-color: #fff !important;
  11. --in-content-item-hover: var(--neptune-item-hover-background) !important;
  12. --in-content-box-border-color: var(--neptune-toolbar-border-color) !important;
  13. --newtab-background-color: var(--neptune-main-background) !important;
  14. --newtab-background-color-secondary: var(--neptune-content-background) !important;
  15. --sidebar-toolbar-bg-color: var(--neptune-main-background) !important;
  16. --thumbnail-hover-color: var(--theme-primary-hover-color) !important;
  17. --thumbnail-selected-color: var(--theme-primary-active-color) !important;
  18. --checkbox-checked-bgcolor: var(--theme-primary-color) !important;
  19. --checkbox-checked-hover-bgcolor: var(--theme-primary-hover-color) !important;
  20. --checkbox-checked-active-bgcolor: var(--theme-primary-active-color) !important;
  21. --in-content-button-background-hover: light-dark(#0000000c, #ffffff0c) !important;
  22. --in-content-button-background-active: light-dark(#00000019, #ffffff19) !important;
  23. --in-content-primary-button-background: var(--theme-primary-color) !important;
  24. --in-content-primary-button-background-hover: var(--theme-primary-hover-color) !important;
  25. --in-content-primary-button-background-active: var(--theme-primary-active-color) !important;
  26. --in-content-focus-outline-color: var(--theme-primary-color) !important;
  27. --focus-outline-color: var(--theme-primary-color) !important;
  28. --link-color: var(--theme-primary-color) !important;
  29. --link-color-hover: var(--theme-primary-hover-color) !important;
  30. --link-color-active: var(--theme-primary-active-color) !important;
  31. --link-color-visited: mediumpurple !important;
  32. --brand-color-accent: var(--theme-primary-color) !important;
  33. --brand-color-accent-hover: var(--theme-primary-hover-color) !important;
  34. --brand-color-accent-active: var(--theme-primary-active-color) !important;
  35. --newtab-primary-action-background: var(--theme-primary-color) !important;
  36. --color-accent-primary: var(--theme-primary-color) !important;
  37. --default-focusring: none !important;
  38. --border-radius-small: 6px !important;
  39. }
  40.  
  41. .toggle-button {
  42. --toggle-background-color-pressed: var(--neptune-switch-pressed-background) !important;
  43. --toggle-background-color-pressed-hover: var(--neptune-switch-pressed-hover-background) !important;
  44. --toggle-background-color-pressed-active: var(--neptune-switch-pressed-active-background) !important;
  45. --toggle-dot-background-color-on-pressed: #fff !important;
  46. }
  47.  
  48. menulist > menupopup {
  49. --panel-border-radius: var(--border-radius-small) !important;
  50.  
  51. > menu,
  52. > menuitem {
  53. padding-block: 2px !important;
  54. }
  55.  
  56. menuseparator {
  57. border: none !important;
  58. }
  59. }
  60.  
  61. @-moz-document url-prefix(about:) {
  62. * {
  63. --in-content-page-background: var(--neptune-main-background) !important;
  64. --popup-background: var(--neptune-menu-background) !important;
  65. --popup-button-background: var(--neptune-item-background) !important;
  66. --popup-button-background-hover: var(--neptune-item-hover-background) !important;
  67. --popup-button-background-active: var(--neptune-item-active-background) !important;
  68. --page-nav-button-background-color-hover: var(--neptune-item-hover-background) !important;
  69. --page-nav-button-background-color-selected: transparent !important;
  70. --toolbar-button-background-hover: var(--neptune-item-hover-background) !important;
  71. --toolbar-button-background-active: var(--neptune-item-active-background) !important;
  72. --toolbar-button-foreground-active: var(--theme-primary-color) !important;
  73. --primary-color: var(--theme-primary-color) !important;
  74. --panel-border-radius: var(--border-radius-small) !important;
  75. --panel-shadow-margin: 15px !important;
  76. --panel-border-color: var(--neptune-toolbar-border-color) !important;
  77. --fxview-background-color: var(--neptune-main-background) !important;
  78. --newtab-search-icon: url("chrome://global/skin/icons/search-glass.svg") !important;
  79. text-decoration: inherit !important;
  80. }
  81.  
  82. .sticky-container {
  83. background-color: color-mix(in srgb, var(--in-content-page-background) 33%, transparent) !important;
  84. backdrop-filter: blur(12px);
  85. mask-image: linear-gradient(to top, transparent 6%, black 24%);
  86. }
  87.  
  88. dialog,
  89. .dialogBox {
  90. background-color: var(--neptune-content-background);
  91. border: 1px solid var(--neptune-toolbar-border-color) !important;
  92. border-radius: 12px !important;
  93. box-shadow: var(--neptune-menu-shadow) !important;
  94. }
  95.  
  96. dialog::backdrop,
  97. .dialogOverlay[topmost="true"] {
  98. background-color: transparent !important;
  99. backdrop-filter: blur(8px);
  100. }
  101.  
  102. #categories {
  103. margin-top: 64px !important;
  104.  
  105. > .category {
  106. background: none !important;
  107. background-image: none !important;
  108. margin-inline-start: 18px !important;
  109.  
  110. &:hover {
  111. color: var(--theme-primary-hover-color) !important;
  112. }
  113. }
  114. }
  115.  
  116. .sidebar-footer-link:hover {
  117. background: none !important;
  118. color: var(--theme-primary-hover-color) !important;
  119. }
  120.  
  121. .face-sad::before {
  122. content: "\2602" !important;
  123. font-size: 1em !important;
  124. font-family: "SF Pro Text";
  125. }
  126.  
  127. .face-smile::before {
  128. content: "\2764" !important;
  129. font-size: 1em !important;
  130. font-family: "SF Pro Text";
  131. }
  132.  
  133. .featureGate {
  134. border-radius: 12px !important;
  135. box-shadow: none !important;
  136. }
  137.  
  138. .back-button,
  139. .default-button,
  140. .primary-button,
  141. .more-options-button,
  142. .info-box-container,
  143. .web-appearance-choice,
  144. .action-box, panel-list，
  145. table, div.opsRow {
  146. border-radius: 8px !important;
  147. }
  148.  
  149. input[type="search"]:not(.search-handoff-button, .search-wrapper input),
  150. search-textbox {
  151. background-color: var(--neptune-input-bgcolor) !important;
  152. min-height: 22px !important;
  153. font-size: .8em !important;
  154. font-family: "SF Pro Text";
  155. border: none !important;
  156. border-radius: var(--border-radius-small) !important;
  157. outline: 16px solid transparent !important;
  158.  
  159. &:is(:focus-visible, [focused]) {
  160. outline: 4px solid var(--neptune-focused-urlbar-border-color) !important;
  161. outline-offset: -2px;
  162. transition: all .2s cubic-bezier(0.3, 0, 0.66, 1);
  163. }
  164. }
  165.  
  166. .search-tooltip {
  167. background-color: var(--theme-primary-color) !important;
  168. border: none !important;
  169. box-shadow: var(--neptune-panel-shadow);
  170. color: #fff !important;
  171.  
  172. &::before, &::after {
  173. border-top-color: var(--theme-primary-color) !important;
  174. }
  175. }
  176.  
  177. .addon.card {
  178. border: 1px solid var(--neptune-toolbar-border-color) !important;
  179. border-radius: 12px !important;
  180. box-shadow: none !important;
  181.  
  182. &:hover {
  183. box-shadow: 0 0 2px var(--neptune-panel-shadow-color) !important;
  184. }
  185. }
  186.  
  187. .info-box-container {
  188. background-color: transparent !important;
  189. }
  190.  
  191. #downloadsListBox:focus > richlistitem[selected] {
  192. background-color: var(--neptune-urlbarView-hover-background) !important;
  193. color: #fff !important;
  194. border-radius: 0 !important;
  195. background-image: none !important;
  196. outline: none !important;
  197. }
  198.  
  199. .downloadButton > .button-box {
  200. border-radius: 50% !important;
  201. }
  202.  
  203. .stp_button_wide .stp_button {
  204. padding-block: 4px !important;
  205. border-radius: var(--border-radius-small) !important;
  206. }
  207.  
  208. input[type=checkbox],
  209. .checkbox-check:not([native]) {
  210. appearance: none !important;
  211. background-color: transparent !important;
  212. margin-block: 0 !important;
  213. border: 2px solid var(--neptune-toolbar-border-color);
  214. border-radius: 4px;
  215.  
  216. &:is(:checked, [checked="true"]) {
  217. background-color: var(--neptune-switch-pressed-background) !important;
  218. background-image: url("neptune/icons/check.svg") !important;
  219. border: none;
  220. }
  221. }
  222.  
  223. input[type=radio]:not(.wallpaper-input),
  224. .radio-check {
  225. appearance: none !important;
  226. background-color: transparent !important;
  227. border-radius: 50%;
  228. border: 2px solid var(--neptune-toolbar-border-color);
  229.  
  230. &:is(:checked, [selected="true"]) {
  231. background-color: var(--neptune-switch-pressed-background) !important;
  232. background-image: url("neptune/icons/radio.svg");
  233. border: none;
  234. }
  235. }
  236.  
  237. .textbox-search-sign,
  238. .textbox-search-icon,
  239. .permission-icon,
  240. .category-icon,
  241. .dialogClose,
  242. .sidebar-footer-icon {
  243. display: none !important;
  244. }
  245. }
  246.  
  247. @-moz-document url("about:home"), url("about:newtab"), url("about:welcome"), url("about:privatebrowsing") {
  248. .non-collapsible-section {
  249. padding: 0 !important;
  250.  
  251. .search-wrapper {
  252. padding-block-start: 0 !important;
  253. }
  254.  
  255. .search-inner-wrapper {
  256. @media (min-width: 610px) {
  257. width: 365px !important;
  258. }
  259.  
  260. @media (min-width: 866px) {
  261. width: 565px !important;
  262. }
  263.  
  264. @media (min-width: 1122px) {
  265. width: 765px !important;
  266. }
  267. }
  268. }
  269.  
  270. .search-wrapper input,
  271. .search-handoff-button {
  272. background-color: var(--neptune-popover-background) !important;
  273. backdrop-filter: blur(33px);
  274. background-size: 24px !important;
  275. border: none !important;
  276. box-shadow: 0 0 10px var(--neptune-panel-shadow-color) !important;
  277. border-radius: 12px !important;
  278. }
  279.  
  280. .search-handoff-button .fake-caret {
  281. top: 16px !important;
  282. height: 20px !important;
  283. }
  284.  
  285. .contentSearchSuggestionTable {
  286. border-radius: 12px !important;
  287. background-color: var(--neptune-popover-background) !important;
  288. backdrop-filter: blur(33px);
  289. box-shadow: var(--neptune-menu-shadow) !important;
  290.  
  291. .contentSearchHeader,
  292. .contentSearchOneOffsTable {
  293. border: none !important;
  294. background-color: var(--neptune-popover-background) !important;
  295. backdrop-filter: blur(33px);
  296. }
  297.  
  298. .contentSearchOneOffItem {
  299. border: none !important;
  300. border-radius: var(--border-radius-small);
  301. margin: 2px 7px !important;
  302. padding-bottom: 2px !important;
  303. height: 24px !important;
  304. width: 24px !important;
  305. }
  306.  
  307. .contentSearchOneOffItem.selected,
  308. .contentSearchSuggestionRow.selected {
  309. background: var(--neptune-item-hover-background) !important;
  310. }
  311.  
  312. .contentSearchOneOffItem:active,
  313. .contentSearchSuggestionRow.selected:active {
  314. background: var(--neptune-item-active-background) !important;
  315. }
  316. }
  317.  
  318. .search-button,
  319. .logo-and-wordmark,
  320. .info, .promo,
  321. .top-site-outer .title .icon,
  322. .home-section .divider,
  323. .home-section .section .check-wrapper,
  324. .wallpaper-attribution,
  325. .customize-menu .close-button-wrapper,
  326. .contentSearchHeaderRow > td > img,
  327. .contentSearchSuggestionTable .contentSearchSettingsButton,
  328. .top-site-outer .title .sponsored-label {
  329. display: none !important;
  330. }
  331. }
  332.  
  333. @-moz-document url("about:privatebrowsing") {
  334. body {
  335. background: url("Safari-Wallpaper-AR72014-iDownloadBlog-iPad-Desktop-Pink-.jpeg") center/cover no-repeat fixed;
  336. }
  337.  
  338. .search-inner-wrapper {
  339. height: 52px !important;
  340. padding: 0 !important;
  341. }
  342.  
  343. .fake-textbox {
  344. color: FieldText !important;
  345. }
  346. }
  347.  
  348. @-moz-document url("about:home"), url("about:newtab"), url("about:welcome") {
  349. body {
  350. background: url("neptune/image/Orange.png") center/cover no-repeat fixed !important;
  351.  
  352. @media (prefers-color-scheme: dark) {
  353. background: url("neptune/image/Quail.png") center/cover no-repeat fixed !important;
  354. }
  355. }
  356.  
  357. * {
  358. cursor: auto !important;
  359. }
  360.  
  361. .ds-outer-wrapper-breakpoint-override main {
  362. @media (min-width: 610px) {
  363. width: 400px !important;
  364. }
  365.  
  366. @media (min-width: 866px) {
  367. width: 600px !important;
  368. }
  369.  
  370. @media (min-width: 1122px) {
  371. width: 800px !important;
  372. }
  373. }
  374.  
  375. .collapsible-section {
  376. padding-inline: 0 !important;
  377. }
  378.  
  379. .top-site-outer {
  380. width: 100px !important;
  381. margin-block-end: 0 !important;
  382.  
  383. .top-site-inner > a {
  384. padding-inline: 0 !important;
  385. }
  386.  
  387. .context-menu-button {
  388. background-color: transparent !important;
  389. inset-inline-end: 15px !important;
  390. top: -2px !important;
  391. }
  392.  
  393. .tile {
  394. height: 65px !important;
  395. width: 65px !important;
  396. background-color: var(--neptune-content-background) !important;
  397. border-radius: 12px !important;
  398. box-shadow: 0 0 10px var(--neptune-panel-shadow-color) !important;
  399.  
  400. .icon-wrapper:not(.top-site-outer.placeholder.add-button .tile .icon-wrapper) {
  401. width: 100% !important;
  402. height: 100% !important;
  403. border-radius: 10px !important;
  404. }
  405. }
  406.  
  407. .search-topsite {
  408. background-color: var(--theme-primary-color) !important;
  409. background-size: 12px !important;
  410. height: 24px !important;
  411. width: 24px !important;
  412. }
  413. }
  414.  
  415. .outer-wrapper .ds-top-sites .top-sites .top-sites-list {
  416. margin: 0 !important;
  417. }
  418.  
  419. .top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) {
  420. background: none !important;
  421. }
  422.  
  423. .context-menu {
  424. background-color: var(--neptune-popover-background) !important;
  425. backdrop-filter: blur(33px);
  426. margin-inline-start: -12px !important;
  427. border: 1px solid var(--neptune-toolbar-border-color);
  428. border-radius: 8px !important;
  429. box-shadow: var(--neptune-menu-shadow) !important;
  430.  
  431. > ul > li > a,
  432. > ul > li > button {
  433. font-size: .85em !important;
  434. font-family: "SF Pro Text";
  435. }
  436.  
  437. > ul > li.separator {
  438. border-color: var(--neptune-toolbar-border-color) !important;
  439. }
  440. }
  441.  
  442. .compact-cards .card-outer .card-preview-image-outer {
  443. height: 80px !important;
  444. }
  445.  
  446. .compact-cards .card-outer .card-details {
  447. padding: 0 8px !important;
  448. }
  449.  
  450. .compact-cards .card-outer .card-context {
  451. top: 60px !important;
  452. }
  453.  
  454. .ds-highlights .section .section-list .card-outer {
  455. height: 125px !important;
  456.  
  457. .card-host-name,
  458. .card-title {
  459. font-size: 10.5px !important;
  460. font-family: "SF Pro Text";
  461. }
  462. }
  463.  
  464. .modalOverlayOuter {
  465. background: none !important;
  466. }
  467.  
  468. .edit-topsites-wrapper .modal {
  469. border-radius: 12px !important;
  470. box-shadow: var(--neptune-menu-shadow) !important;
  471. width: 36em !important;
  472. top: 8em !important;
  473. }
  474.  
  475. .actions {
  476. border: none !important;
  477. padding: 0 25px !important;
  478. }
  479.  
  480. .button,
  481. .actions button {
  482. border-radius: var(--border-radius-small) !important;
  483. margin-bottom: 20px !important;
  484. box-shadow: none !important;
  485. padding: 2px 12px !important;
  486. font-size: 12.5px !important;
  487. font-family: "SF Pro Text";
  488. }
  489.  
  490. .topsite-form .form-wrapper input[type=text] {
  491. border-radius: 5px !important;
  492. height: 22px !important;
  493. font-size: 12.5px !important;
  494. font-family: "SF Pro Text";
  495. }
  496.  
  497. .topsite-form .top-site-outer {
  498. margin-top: 8px !important;
  499. }
  500.  
  501. .personalizeButtonWrapper {
  502. @media (height < 700px) {
  503. top: 92vh !important;
  504. }
  505.  
  506. @media (height >=700px) {
  507. top: 95vh !important;
  508. }
  509. }
  510.  
  511. .personalize-button {
  512. padding: 0 !important;
  513. background-size: 28px !important;
  514. background-color: transparent !important;
  515. fill: MenuText !important;
  516. opacity: .8;
  517.  
  518. &:is(:hover, :active) {
  519. background-color: transparent !important;
  520. opacity: 1;
  521. }
  522. }
  523.  
  524. .personalize-button.personalize-animate-exit-done {
  525. visibility: visible !important;
  526. }
  527.  
  528. .icon.icon-settings {
  529. background-image: url("neptune/icons/settings.svg") !important;
  530. width: 28px !important;
  531. height: 28px !important;
  532. }
  533.  
  534. .customize-menu {
  535. width: 18em !important;
  536. height: 20em !important;
  537. top: calc(95vh - 10px) !important;
  538. right: 20px !important;
  539. padding: 12px 0 !important;
  540. border-radius: 12px !important;
  541. transform: translateY(100%) !important;
  542. background-color: var(--neptune-popover-background) !important;
  543. backdrop-filter: blur(33px);
  544.  
  545. @media (height < 700px) {
  546. top: calc(92vh - 10px) !important;
  547. }
  548. }
  549.  
  550. .customize-menu.customize-animate-enter-done,
  551. .customize-menu.customize-animate-enter-active {
  552. transform: translateY(-100%) !important;
  553. }
  554.  
  555. .home-section {
  556. grid-row-gap: 12px !important;
  557. padding: 0 12px !important;
  558.  
  559. .section .selector {
  560. background-color: var(--neptune-item-background) !important;
  561. border-radius: var(--border-radius-small) !important;
  562. width: 80px !important;
  563. padding-block: 2px !important;
  564. }
  565.  
  566. .external-link {
  567. background: none !important;
  568. padding: 0 !important;
  569. margin: 0 !important;
  570.  
  571. &:hover {
  572. color: var(--theme-primary-color) !important;
  573. }
  574. }
  575. }
  576.  
  577. .arrow-button {
  578. margin: 0 10px !important;
  579. padding-inline-start: 18px !important;
  580. }
  581.  
  582. .wallpaper-list.category {
  583. background-color: var(--neptune-content-background) !important;
  584. inset-inline-start: 0 !important;
  585. margin: 0 !important;
  586. width: 100% !important;
  587. }
  588.  
  589. .wallpaper-list.category fieldset {
  590. gap: 24px !important;
  591. grid-auto-rows: 32px !important;
  592. grid-template-columns: 1fr 1fr 1fr !important;
  593. }
  594.  
  595. .category-list {
  596. grid-auto-rows: 48px !important;
  597. }
  598.  
  599. .wallpaper-input {
  600. height: 46px !important;
  601. cursor: default !important;
  602.  
  603. &:checked {
  604. outline: none !important;
  605. filter: brightness(30%);
  606. padding: 0 !important;
  607. }
  608. }
  609.  
  610. .wallpapers-reset {
  611. margin-top: 4px !important;
  612. font-size: .7em !important;
  613. font-family: "SF Pro Text";
  614.  
  615. &:hover {
  616. color: var(--theme-primary-color) !important;
  617. }
  618. }
  619.  
  620. .category-list label,
  621. .text-deemphasized {
  622. font-size: .7em !important;
  623. font-family: "SF Pro Text";
  624. }
  625.  
  626. .top-site-button[href="https://www.youtube.com/"] .top-site-icon {
  627. background-image: url("chrome://activity-stream/content/data/content/tippytop/images/[email protected]") !important;
  628. }
  629.  
  630. .top-site-button[href="https://www.reddit.com/"] .top-site-icon {
  631. background-image: url("chrome://activity-stream/content/data/content/tippytop/images/[email protected]") !important;
  632. }
  633. }
  634.  
  635. @-moz-document url-prefix(about:reader) {
  636. .toolbar {
  637. border: none !important;
  638. padding: 0 !important;
  639. box-shadow: none !important;
  640. }
  641.  
  642. .toolbar-button {
  643. border: none !important;
  644. border-radius: 50% !important;
  645. }
  646.  
  647. .open .toolbar-button,
  648. .toolbar-button:hover:active {
  649. background-color: var(--theme-primary-active-color) !important;
  650. fill: #fff !important;
  651. }
  652.  
  653. .text-size-buttons > button,
  654. .accordion-header .chevron-icon {
  655. height: 20px !important;
  656. width: 20px !important;
  657. background-size: 12px;
  658. border-radius: 50% !important;
  659. }
  660.  
  661. .accordion-header .chevron-icon {
  662. background-image: url("chrome://global/skin/icons/more.svg") !important;
  663. border: none !important;
  664.  
  665. #about-reader-advanced-layout[open] & {
  666. fill: var(--theme-primary-active-color) !important;
  667. }
  668. }
  669.  
  670. .dropdown .dropdown-popup {
  671. background: var(--neptune-popover-background) !important;
  672. backdrop-filter: blur(33px);
  673. border: 1px solid var(--neptune-toolbar-border-color) !important;
  674. border-radius: 12px !important;
  675. box-shadow: var(--neptune-menu-shadow) !important;
  676.  
  677. hr {
  678. border-top: none !important;
  679. margin-block: 0 !important;
  680. }
  681. }
  682.  
  683. #text-layout-controls {
  684. width: 18em !important;
  685. padding-block-end: 0 !important;
  686. font-size: 12.5px !important;
  687. font-family: "SF Pro Text";
  688. }
  689.  
  690. .dropdown-selector > select {
  691. min-height: 22px !important;
  692. font-weight: unset !important;
  693. font-family: "SF Pro Text";
  694. background-size: 12px;
  695. }
  696.  
  697. .text-alignment-buttons {
  698. gap: var(--space-small) !important;
  699.  
  700. > label {
  701. min-height: 22px !important;
  702. border-radius: 5px !important;
  703.  
  704. &[checked] {
  705. color: #fff !important;
  706. }
  707. }
  708. }
  709.  
  710. .container {
  711. gap: unset !important;
  712. }
  713.  
  714. button-group {
  715. padding-block: 0 !important;
  716. }
  717.  
  718. button[is="named-deck-button"] {
  719. border-top: none !important;
  720. }
  721.  
  722. #color-controls {
  723. width: 22em !important;
  724. padding-block-end: 7px !important;
  725. }
  726.  
  727. .colors-menu-color-scheme-buttons > label {
  728. height: 28px !important;
  729.  
  730. &:before {
  731. width: 16px !important;
  732. height: 16px !important;
  733. }
  734. }
  735.  
  736. .color-input-container {
  737. min-height: 26px !important;
  738. }
  739.  
  740. #color-swatch {
  741. width: 24px !important;
  742. height: 24px !important;
  743. }
  744.  
  745. .custom-colors-selection,
  746. .reset-button,
  747. label {
  748. font-size: 10.5px !important;
  749. font-family: "SF Pro Text";
  750. }
  751.  
  752. #inputSlider[type="range"] {
  753. appearance: none;
  754. background: none;
  755.  
  756. &::-moz-range-thumb {
  757. background-color: var(--neptune-slider-color);
  758. width: 4px;
  759. height: 14px;
  760. border-radius: 2px;
  761. border-color: var(--neptune-toolbar-border-color);
  762. box-shadow: 0 0 3px var(--neptune-panel-shadow-color);
  763. }
  764.  
  765. &::-moz-range-progress {
  766. background-color: var(--theme-primary-color);
  767. height: 4px;
  768. border-radius: 2px;
  769. }
  770.  
  771. &::-moz-range-track {
  772. background-color: #ccc;
  773. height: 4px;
  774. border-radius: 2px;
  775. }
  776. }
  777.  
  778. datalist,
  779. .hover-label,
  780. .icon-container,
  781. .dropdown .dropdown-popup h2 {
  782. display: none !important;
  783. }
  784. }
  785.  
  786. @-moz-document url-prefix(about:firefoxview) {
  787. .search-container {
  788. border: none !important;
  789. height: 24px;
  790. margin-top: 3px;
  791. }
  792.  
  793. .search-container input {
  794. background-color: var(--neptune-input-bgcolor) !important;
  795. padding-inline-start: 10px !important;
  796. }
  797.  
  798. .search-icon {
  799. display: none !important;
  800. }
  801.  
  802. .sticky-container.bottom-fade {
  803. background: transparent !important;
  804. backdrop-filter: blur(8px);
  805. flex-direction: row !important;
  806. margin: 0 4px !important;
  807. padding-block: 18px !important;
  808. }
  809. }
  810.  
  811. @-moz-document regexp(".*\\.pdf") {
  812. .thumbnail,
  813. .toolbarButton,
  814. .dropdownToolbarButton,
  815. .dropdownToolbarButton > select,
  816. .dialogButton {
  817. border-radius: 7px !important;
  818. }
  819.  
  820. .secondaryToolbarButton {
  821. margin: 1px 5px !important;
  822. min-width: 95% !important;
  823. border-radius: 4px !important;
  824. }
  825.  
  826. #sidebarContainer,
  827. #toolbarContainer,
  828. #toolbarSidebar {
  829. box-shadow: none !important;
  830. border: none !important;
  831. }
  832.  
  833. #sidebarContent {
  834. box-shadow: none !important;
  835. border-right: 1px solid var(--neptune-sidebar-border-color);
  836. }
  837.  
  838. .thumbnail {
  839. margin-bottom: 8px !important;
  840. border-width: 3px !important;
  841. }
  842.  
  843. .toolbarButton {
  844. margin-inline: 4px !important;
  845. }
  846.  
  847. .toolbarField {
  848. padding: 0 5px !important;
  849. margin-top: 7px !important;
  850. border-radius: 4px !important;
  851. }
  852.  
  853. .secondaryToolbar,
  854. .editorParamsToolbar {
  855. padding: 0 0 5px !important;
  856. border-radius: 7px !important;
  857. box-shadow: var(--neptune-panel-shadow) !important;
  858. }
  859.  
  860. .editorParamsToolbarContainer .editorParamsColor {
  861. width: 16px !important;
  862. height: 16px !important;
  863. border: none;
  864. }
  865.  
  866. .pdfViewer .page {
  867. margin-bottom: 30px !important;
  868. border: none !important;
  869. box-shadow: var(--neptune-panel-shadow) !important;
  870. }
  871.  
  872. .toolbarButtonSpacer,
  873. .splitToolbarButtonSeparator,
  874. .verticalToolbarSeparator {
  875. display: none !important;
  876. }
  877. }
  878.  
  879. @-moz-document media-document(image) {
  880. @media not print {
  881. :root {
  882. background-color: var(--neptune-main-background) !important;
  883. background-image: none !important;
  884. }
  885. }
  886. }
  887.  
  888. div.sponsor,
  889. .pip-wrapper {
  890. display: none !important;
  891. }
  892.  
  893. .container {
  894. border-radius: 12px !important;
  895. }
  896.  
  897. .dialog-button-box > button {
  898. font-size: .9em !important;
  899. font-family: "SF Pro Text";
  900. min-height: 24px !important;
  901. height: 24px !important;
  902. margin-top: 6px !important;
  903. border-radius: var(--border-radius-small) !important;
  904. }
  905.  
  906. .dialogTitleBar,
  907. separator.groove:not([orient="vertical"]) {
  908. border: none !important;
  909. }
  910.  
  911. ::selection {
  912. background: light-dark(#b3d7fe, #324f6f) !important;
  913. color: FieldText !important;
  914. }
  915.  
  916. input:where([type="text"], [type="search"], [type="password"], [type="url"]),
  917. textarea {
  918. appearance: none;
  919. border-style: solid;
  920. outline: none;
  921. }
  922.  
  923. .controlBar {
  924. height: 31px !important;
  925. background-color: #00000066 !important;
  926. backdrop-filter: blur(8px);
  927. margin: 6px;
  928. border-radius: 8px;
  929.  
  930. > .button:enabled:is(:hover, :hover:active) {
  931. fill: #fff !important;
  932. }
  933. }
  934.  
  935. .scrubber::-moz-range-thumb {
  936. height: 17px !important;
  937. width: 4px !important;
  938. border-radius: 2px !important;
  939. }
  940.  
  941. .volumeControl::-moz-range-thumb {
  942. height: 12px !important;
  943. width: 12px !important;
  944. }
  945.  
  946. .bufferBar,
  947. .volumeControl::-moz-range-track {
  948. background-color: #666 !important;
  949. }
  950.  
  951. .bufferBar::-moz-progress-bar {
  952. background-color: #888 !important;
  953. }
  954.  
  955. .volumeControl::-moz-range-progress,
  956. .progressBar::-moz-progress-bar {
  957. background-color: #aaa !important;
  958. }
  959.  
  960. .scrubber:hover::-moz-range-thumb,
  961. .volumeControl:hover::-moz-range-thumb {
  962. background-color: #fff !important;
  963. }
  964.  
  965. #eDivResult {
  966. background: var(--neptune-popover-background) !important;
  967. backdrop-filter: blur(16px) !important;
  968. border: 1px solid var(--neptune-toolbar-border-color) !important;
  969. border-radius: 12px !important;
  970. box-shadow: var(--neptune-panel-shadow) !important;
  971. }
  972.  
  973. .section-title > span,
  974. .top-sites-list::before {
  975. content: "Favorites";
  976. display: block;
  977. padding: 20px 10px !important;
  978. font-size: 22px !important;
  979. font-weight: bold !important;
  980. font-family: "SF Pro Text";
  981. }
  982.  
  983. .top-site-outer .title span {
  984. font-size: 12px !important;
  985. font-weight: 600 !important;
  986. width: 98px;
  987. overflow-wrap: break-word !important;
  988. font-family: "SF Pro Text";
  989. }
  990.  
  991. .top-site-outer .tile {
  992. width: 60px !important;
  993. height: 60px !important;
  994. border-radius: 10px !important;
  995. overflow: hidden !important;
  996. background-color: #b3b3b353 !important;
  997. backdrop-filter: blur(25px);
  998. box-shadow: 0 0 10px #00000040 !important;
  999. }
  1000.  
  1001. .top-site-outer .tile .icon-wrapper {
  1002. width: 100% !important;
  1003. height: 100% !important;
  1004. border-radius: 0px !important;
  1005. }
  1006.  
  1007. .top-site-outer .top-site-icon {
  1008. background-color: transparent !important;
  1009. }
  1010.  
  1011. .icon.icon-pin-small {
  1012. display: none !important;
  1013. }
  1014.  
  1015. @import "Whitesur/customs/apple-style-twp-popup.css"
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!