API tools faq
paste
Advertisement
jrivers9008

firefox one-line theme

jrivers9008
Nov 26th, 2024
1,523
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.58 KB | Software | 0 0
raw download clone embed print report
  1. /*=============================================================================*
  2. * ONELINE PROTON *
  3. * *
  4. * description : An oneline userChrome.css theme for Firefox, which aims to *
  5. * keep the Proton experience. *
  6. * compatibility : Firefox 89+ *
  7. * repository : https://github.com/lr-tech/OnelineProton/ *
  8. * *
  9. * THANKS FOR USING MY USERCHROME! <3 *
  10. *============================================================================*/
  11.  
  12.  
  13. /* S E T T I N G S */
  14.  
  15. :root {
  16. --navbarWidth : 390px; /* Set width of navbar. Use px for a fixed width
  17. or vw for a percentage of your window. */
  18. --animationSpeed : 0.15s;
  19. }
  20.  
  21.  
  22. /* H I D I N G E L E M E N T S */
  23. /* Comment or uncomment depending of what elements you want to hide */
  24.  
  25. /* Hide Overflow Menu button */
  26. #PlacesChevron { display: none !important; }
  27.  
  28. /* Hide Unified Extensions button */
  29. #unified-extensions-button, #unified-extensions-button > .toolbarbutton-icon {
  30. width: 0px !important;
  31. padding: 0px !important;
  32. }
  33.  
  34. /* Back button */
  35. #back-button { display: none !important }
  36.  
  37. /* Hide back button only when disabled */
  38. #back-button[disabled="true"] { display: none !important }
  39.  
  40. /* Forward button */
  41. #forward-button { display: none !important }
  42.  
  43. /* Hide forward button only when disabled */
  44. #forward-button[disabled="true"] { display: none !important }
  45.  
  46. /* "Shield" icon
  47. #tracking-protection-icon-container { display: none !important }*/
  48.  
  49. /* Site information button
  50. #identity-box { display: none !important } */
  51.  
  52. /* This is the "Search with" indicator on the urlbar */
  53. #urlbar-search-mode-indicator { display: none !important }
  54.  
  55. /* Zoom button */
  56. /* #urlbar-zoom-button { display: none !important } */
  57.  
  58. /* Page action (right three dash button) */
  59. #pageActionButton { display: none !important }
  60.  
  61. /* These are the buttons on the right of the urlbar*/
  62. #page-action-buttons { display: none !important }
  63.  
  64. #urlbar-label-box { display: none !important }
  65.  
  66. /* This one is the hamburger menu! */
  67. /* CAUTION: if you hide this some popups may be bugged */
  68. #PanelUI-button { display: none !important }
  69.  
  70. /* Tab close button */
  71. /* .tab-close-button { display: none !important } */
  72.  
  73. /* Enable this to show the tab close button when hovering the tab */
  74. /* .tabbrowser-tab:hover .tab-close-button { display: -moz-inline-box !important } */
  75.  
  76. /* Oneline tweak */
  77.  
  78. #TabsToolbar {
  79. margin-left : var(--navbarWidth) !important;
  80. }
  81.  
  82. .tab-label {
  83. font-family: Adobe Clean;
  84. }
  85.  
  86. #TabsToolbar .tabbrowser-tab[selected] {
  87. color: white !important;
  88. font-weight: bold !important;
  89. font-family: Adobe Clean;
  90. }
  91.  
  92. .tabbrowser-tab:not([pinned]):hover .tab-close-button {
  93. visibility: visible !important;
  94. display: block !important;
  95. border-radius: 20px 20px 20px 20px !important;
  96. }
  97.  
  98. #alltabs-button {
  99. display: none !important;
  100. }
  101.  
  102. .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"])
  103. {
  104. max-width: 156px !important;
  105. }
  106.  
  107. #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
  108. margin-inline-start: 0 !important;
  109. }
  110.  
  111. .tabbrowser-tab:not([visuallyselected="true"]):not([multiselected]):not(:hover) {
  112. color: #ffffffa8 !important;
  113. }
  114.  
  115. #tabs-newtab-button .toolbarbutton-icon,
  116. #new-tab-button .toolbarbutton-icon {
  117. width: calc(2 * var(--toolbarbutton-inner-padding) + 12px) !important;
  118. height: calc(2 * var(--toolbarbutton-inner-padding) + 12px) !important;
  119. }
  120.  
  121. #nav-bar {
  122. margin-right: calc(100vw - var(--navbarWidth)) !important;
  123. font-size: 11px;
  124. font-family: Adobe Clean;
  125. }
  126.  
  127. #urlbar-container {
  128. min-width : 0px !important;
  129. }
  130.  
  131. #urlbar .urlbar-input-box {
  132. text-align: center;
  133. }
  134.  
  135. .urlbar-input-box > .urlbar-input::placeholder {
  136. opacity: 0 !important;
  137. }
  138.  
  139. #urlbar-go-button{ display: none !important; }
  140.  
  141. :root[uidensity="compact"] #nav-bar {
  142. margin-top : -37px !important;
  143. height : 37px !important;
  144. }
  145.  
  146. :root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar {
  147. margin-top : -44px !important;
  148. height : 44px !important;
  149. }
  150.  
  151. :root[uidensity="touch"] #nav-bar {
  152. margin-top : -49px !important;
  153. height : 49px !important;
  154. }
  155.  
  156.  
  157. /* Dragging space */
  158. :root[sizemode="maximized"] #TabsToolbar {
  159. margin-top: 1px;
  160. }
  161.  
  162. #TabsToolbar {
  163. margin-top: 0px;
  164. }
  165.  
  166. /* Simplifying interface */
  167.  
  168. #nav-bar {
  169. background : none !important;
  170. box-shadow : none !important;
  171. }
  172.  
  173. /*#navigator-toolbox {
  174. border : none !important;
  175. }*/
  176.  
  177. #navigator-toolbox {
  178. border-bottom:0 !important
  179. }
  180.  
  181. .titlebar-spacer {
  182. display : none !important;
  183. }
  184.  
  185. #urlbar-background {
  186. border : none !important;
  187. }
  188.  
  189. #urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background {
  190. box-shadow : none !important;
  191. background : none !important;
  192. }
  193.  
  194.  
  195. /* Hide urlbar elements when not active */
  196.  
  197. .urlbar-icon, #userContext-indicator, #userContext-label {
  198. fill : transparent !important;
  199. background : transparent !important;
  200. color : transparent !important;
  201. }
  202.  
  203. #urlbar:hover .urlbar-icon,
  204. #urlbar:active .urlbar-icon,
  205. #urlbar[focused] .urlbar-icon {
  206. fill : var(--toolbar-color) !important;
  207. }
  208.  
  209.  
  210. /* animations */
  211. .subviewbutton,
  212. #urlbar-background,
  213. .urlbar-icon,
  214. #userContext-indicator,
  215. #userContext-label,
  216. .urlbar-input-box,
  217. #identity-box,
  218. #tracking-protection-icon-container,
  219. [anonid=urlbar-go-button],
  220. .urlbar-icon-wrapper,
  221. #tracking-protection-icon,
  222. #identity-box image,
  223. stack,
  224. tab:not(:active) .tab-background,
  225. tab:not([beforeselected-visible])::after,
  226. tab[visuallyselected] .tab-background::before,
  227. tab[visuallyselected] .tab-background::before,
  228. .tab-close-button {
  229. transition : var(--animationSpeed) !important;
  230. }
  231.  
  232. .titlebar-buttonbox-container{
  233. display: none;
  234. }
  235.  
  236. *============================================================================*/
  237.  
  238. /*Auto Hide Top Bar - to disable auto-hide feature delete rows 1 - 86*/
  239.  
  240. #unified-extensions-button, #unified-extensions-button > .toolbarbutton-icon{
  241. width: 0px !important;
  242. padding: 0px !important;
  243. }
  244.  
  245.  
  246.  
  247. :root{
  248. --uc-autohide-toolbox-delay: 200ms; /* Wait 0.1s before hiding toolbars */
  249. --uc-toolbox-rotation: 65deg; /* This may need to be lower on mac - like 75 or so */
  250. }
  251.  
  252. :root[sizemode="maximized"]{
  253. --uc-toolbox-rotation: 63deg;
  254. }
  255.  
  256. @media (-moz-os-version: windows-win10){
  257.  
  258. :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 9px !important; }
  259. :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -1px }
  260.  
  261. @media screen and (min-resolution: 1.25dppx){
  262. :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
  263. }
  264. @media screen and (min-resolution: 1.5dppx){
  265. :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
  266. }
  267. @media screen and (min-resolution: 2dppx){
  268. :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 7px !important; }
  269. }
  270. #navigator-toolbox:not(:-moz-lwtheme){ background-color: rgb(32, 35, 64) !important; }
  271. }
  272.  
  273. :root[sizemode="fullscreen"]{ margin-top: 0px !important; }
  274.  
  275. #navigator-toolbox{
  276. position: fixed !important;
  277. display: block;
  278. background-color: var(--lwt-accent-color,black) !important;
  279. transition: transform 82ms linear, opacity 82ms linear !important;
  280. transition-delay: var(--uc-autohide-toolbox-delay) !important;
  281. transform-origin: top;
  282. transform: rotateX(var(--uc-toolbox-rotation));
  283. opacity: 0;
  284. line-height: 0;
  285. z-index: 1;
  286. pointer-events: none;
  287. }
  288.  
  289. /* #mainPopupSet:hover ~ box > toolbox,*/
  290. /* Uncomment the above line to make toolbar visible if some popup is hovered */
  291. #navigator-toolbox:hover,
  292. #navigator-toolbox:focus-within{
  293. transition-delay: 33ms !important;
  294. transform: rotateX(0);
  295. opacity: 1;
  296. }
  297.  
  298. #navigator-toolbox > *{ line-height: normal; pointer-events: auto }
  299.  
  300. #navigator-toolbox,
  301. #navigator-toolbox > *{
  302. -moz-appearance: none !important;
  303. }
  304.  
  305. /* These two exist for oneliner compatibility
  306. #nav-bar{ width: var(--uc-navigationbar-width,28vw) }
  307. #TabsToolbar{ width: calc(100vw - var(--uc-navigationbar-width,0px)) }*/
  308.  
  309. /* Don't apply transform before window has been fully created */
  310. :root:not([sessionrestored]) #navigator-toolbox{ transform:none !important }
  311.  
  312. :root[customizing] #navigator-toolbox{
  313. position: relative !important;
  314. transform: none !important;
  315. opacity: 1 !important;
  316. }
  317.  
  318. #navigator-toolbox[inFullscreen] > #PersonalToolbar,
  319. #PersonalToolbar[collapsed="true"]{ display: none }
  320.  
  321. /* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */
  322. /*#titlebar{ margin-bottom: -9px }*/
  323.  
  324. /* Uncomment the following for compatibility with tabs_on_bottom.css - this isn't well tested though */
  325. /*
  326. :root{ --uc-titlebar-padding: 0px !important; }
  327. #navigator-toolbox{ flex-direction: column; display: flex; }
  328. #titlebar{ order: 2 }
  329. */
  330.  
  331. *============================================================================*/
  332.  
  333. /*Color Theme*/
  334.  
  335. :root:-moz-lwtheme-brighttext {
  336. --lwt-toolbar-field-background-color: rgb(49, 54, 59) !important;
  337. --lwt-toolbar-field-border-color: rgb(49, 54, 59) !important;
  338. --lwt-toolbar-field-focus:rgb(49, 54, 59) !important;
  339. --toolbar-bgcolor: rgb(49, 54, 59) !important;
  340. }
  341.  
  342. #page-action-buttons {
  343. display: none !important;
  344. }
  345.  
  346. .tab-background:not([selected=true]), .tab-background[selected="true"], #titlebar-buttonbox,
  347. #TabsToolbar, #PersonalToolbar, #urlbar, #urlbar-container, #nav-bar {
  348. background: #31363b !important;
  349. }
  350.  
  351. /*Context Menu Unselected Items Color*/
  352. menu[disabled="true"], menuitem[disabled="true"] {
  353. color: rgb(160, 162, 164) !important;
  354. }
  355.  
  356. /*Loading screen color*/
  357. .browserContainer { background-color: #31363b !important; } !important }
  358.  
  359. /* Design of the plus/newtab button */
  360. toolbar
  361. #tabs-newtab-button:not([disabled="true"]):not([checked]):not([open]):not(:active):hover
  362. > .toolbarbutton-icon,
  363. toolbar
  364. #new-tab-button:not([disabled="true"]):not([checked]):not([open]):not(:active):hover
  365. > .toolbarbutton-icon {
  366. border: 0 !important;
  367. border-radius: 20px 20px 20px 20px !important;
  368. background-image: none !important;
  369. background-color: #404040d9 !important;
  370. }
  371.  
  372. toolbar
  373. #tabs-newtab-button:not([disabled="true"]):-moz-any([open], [checked], :hover:active)
  374. > .toolbarbutton-icon,
  375. toolbar
  376. #new-tab-button:not([disabled="true"]):-moz-any([open], [checked], :hover:active)
  377. > .toolbarbutton-icon {
  378. border: 0 !important;
  379. border-bottom: 1px solid #ffffff30 !important;
  380. border-radius: 20px 20px 20px 20px !important;
  381. background-image: none !important;
  382. background-color: rgba(0,0,0,0.35) !important;
  383. }
  384.  
  385. /* Main BAR */
  386. #navigator-toolbox {
  387. background-color: rgb(50, 50, 52) !important;
  388. --tabs-border-color: none !important;
  389. --my-tab-min-width: 36px !important; /* 36px */
  390. --tabs-navbar-shadow-size: 0px !important;
  391. /*border: 0 !important; */
  392.  
  393. }
  394.  
  395. #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
  396. margin-inline-start: 2px !important;
  397. }
  398.  
  399. /* Remove the fill when loading on the tab which
  400. isnt formated for different border radius */
  401. #tabbrowser-tabs {
  402. --tab-loading-fill: transparent !important;
  403. margin-left: 2px !important; /* fix the left tab being too close to the edge */
  404. }
  405.  
  406. /* Width of the tabs. Important to have Fadein or it breaks fonctionality
  407. .tabbrowser-tab[fadein]:not([pinned]) {
  408. max-width: 135px !important; /* 135px
  409. min-width: var(--my-tab-min-width) !important;
  410. transition:none;
  411. transition: min-width 300ms ease-out , max-width 100ms ease-out !important;
  412. }
  413. .tabbrowser-tab[fadein][visuallyselected="true"]:not([pinned]) {
  414. max-width: 150px !important;
  415. } */
  416.  
  417. .tabbrowser-tab:not([visuallyselected="true"]):not([multiselected]):not(:hover)
  418. .tab-icon-image {
  419. opacity: 0.8 !important;
  420. }
  421.  
  422. /* Fix the Heigh of a tab because
  423. if you change --tab-min-height it doesnt work for fullcreen
  424. */
  425. #TabsToolbar {
  426. padding-top: 0px !important;
  427. padding-bottom: 0px !important;
  428. }
  429.  
  430. /* Remove the line between the tabs / seperators */
  431. #tabbrowser-tabs .tabbrowser-tab::before,
  432. #tabbrowser-tabs .tabbrowser-tab::after {
  433. border: 0 !important;
  434. }
  435.  
  436. /* Selected tabs design */
  437. .tabbrowser-tab .tab-background[selected="true"] {
  438. border: 0 !important;
  439. /*border-bottom: 1px solid #ffffff30 !important;*/
  440. border-radius: 10px 10px 10px 10px !important;
  441. background-image: none !important;
  442. background-color: rgba(0,0,0,0.35) !important;
  443. }
  444.  
  445. .tabbrowser-tab .tab-background:not([selected]) {
  446. border: 0 !important;
  447. /*border-bottom: 1px solid #ffffff30 !important;*/
  448. border-radius: 10px 10px 10px 10px !important;
  449. background-image: none !important;
  450. background-color: #404040d9 !important;
  451. }
  452.  
  453. .tabbrowser-tab .tab-background {
  454. border: 0 !important;
  455. /*border-bottom: 1px solid #ffffff30 !important;*/
  456. border-radius: 10px 10px 10px 10px !important;
  457. background-image: none !important;
  458. background-color: #404040d9 !important;
  459. }
  460.  
  461. /* Normal tabs design on hover */
  462. #tabbrowser-tabs
  463. .tabbrowser-tab:hover
  464. > .tab-stack
  465. > .tab-background:not([selected="true"]) {
  466. border: 0 !important;
  467. /*border-top: 1px solid #b9b9b969 !important;*/
  468. border-radius: 10px 10px 10px 10px !important;
  469. background-image: none !important;
  470. background-color: #404040d9 !important;
  471. /*border-bottom: 1px solid #0009 !important;*/
  472. }
  473.  
  474. /* Multiselect tabs design on hover */
  475. #tabbrowser-tabs .tabbrowser-tab .tab-background[multiselected="true"] {
  476. border: 0 !important;
  477. /*border-top: 1px solid #b9b9b969 !important;*/
  478. border-radius: 10px 10px 10px 10px !important;
  479. background-image: none !important;
  480. background-color: #606060d9 !important;
  481. /*border-bottom: 1px solid #0009 !important;*/
  482. }
  483.  
  484. /* Fixing Multiselect */
  485. .tab-background[multiselected="true"]:not([selected="true"])
  486. > .tab-background-inner {
  487. background: none !important;
  488. }
  489.  
  490. /*#titlebar #TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-background {
  491. margin-block: 1px !important;
  492. }*/
  493.  
  494. :root:-moz-lwtheme-brighttext {
  495. --arrowpanel-background: rgba(34, 34, 36, 1) !important;
  496. --panel-separator-zap-gradient: linear-gradient(90deg, rgba(11,11,11,1) 0%, rgba(193,118,40,1) 39%, rgba(52,12,48,1) 100%) !important;
  497. --button-hover-bgcolor: rgba(159, 159, 159, 0.35) !important;
  498. --button-active-bgcolor: rgba(113, 113, 113, 0.35) !important;
  499. --button-bgcolor: rgba(117, 117, 117, 0.9) !important;
  500. --toolbarbutton-icon-fill-opacity: 0.8 !important;
  501. --arrowpanel-border-color: rgb(55, 55, 55) !important;
  502. }
  503.  
  504. :root:-moz-lwtheme-brighttext menupopup {
  505. --dark-menu-background-color: rgba(34, 34, 36, 1) !important;
  506. --dark-menu-border-color: rgb(55, 55, 55) !important;
  507. --dark-menuitem-hover-background-color: rgba(159, 159, 159, 0.35) !important;
  508. }
  509.  
  510. *============================================================================*/
  511.  
  512. /** Sound Tab - Show with Favicons ******************************************/
  513.  
  514. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  515. .tabbrowser-tab :-moz-any(.tab-icon-sound, .tab-icon-overlay[soundplaying]) {
  516. display: none;
  517. }
  518.  
  519. /* Makes the favicons always visible (also on hover)
  520. .tab-icon-image:not([pinned]){
  521. opacity: 1 !important
  522. }*/
  523.  
  524. .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){
  525. display: none !important;
  526. }
  527.  
  528.  
  529. /* Makes the favicons always visible (also on hover) */
  530. .tab-icon-image:not([pinned]){
  531. opacity: 1 !important
  532. }
  533.  
  534. /* Makes the speaker icon to always appear if the tab is playing (not only on hover) */
  535. .tab-icon-overlay:not([crashed]),
  536. .tab-icon-overlay[pinned][crashed][selected] {
  537. /* Position */
  538. top: -3.5px !important;
  539. inset-inline-end: -9px !important;
  540. z-index: 1 !important;
  541.  
  542. /* Shape */
  543. padding: 1.5px !important;
  544. border-radius: 10px !important;
  545. width: 17px !important;
  546. height: 17px !important;
  547. }
  548. .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  549. /* Color */
  550. color: currentColor !important;
  551. stroke: transparent !important;
  552. background: transparent !important;
  553. fill-opacity: 0.8 !important;
  554. opacity: 1 !important;
  555. }
  556. .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  557. margin-inline-end: 9.5px !important;
  558. }
  559.  
  560. /* None exist favicon */
  561. .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed]) {
  562. top: 0 !important;
  563. inset-inline-end: 0 !important;
  564. margin-inline-end: 5.5px !important;
  565. padding: 2px 0 !important;
  566. }
  567.  
  568. /* Busy - Show */
  569. .tab-throbber[busy], .tab-icon-pending[busy] {
  570. opacity: 1 !important;
  571. }
  572.  
  573. /* Busy - Overlay Position */
  574. .tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
  575. transform: translateX(-.5px) translateY(-2.5px);
  576. }
  577. .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed])[busy] {
  578. top: -3.5px !important;
  579. inset-inline-end: -9px !important;
  580. margin-inline-end: 9.5px !important;
  581. padding: 1.5px !important;
  582. }
  583.  
  584. /* Hover */
  585. .tab-icon-overlay:not([crashed])[soundplaying]:hover,
  586. .tab-icon-overlay:not([crashed])[muted]:hover,
  587. .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
  588. color: var(--toolbar-bgcolor, white) !important;
  589. stroke: var(--lwt-tab-text, var(--toolbar-color)) !important;
  590. background-color: var(--lwt-tab-text, var(--toolbar-color)) !important;
  591. fill-opacity: 0.95 !important;
  592. }
  593.  
  594. #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[soundplaying]:hover,
  595. #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[muted]:hover,
  596. #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
  597. color: var(--toolbar-bgcolor, black) !important;
  598. }
  599.  
  600. .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed]):hover {
  601. padding: 0 !important;
  602. }
  603.  
  604. /* ========================= URL Bar ========================= */
  605.  
  606. #urlbar-background {
  607. display: none !important;
  608. }
  609.  
  610. /*#nav-bar:not([customizing="true"])
  611. > #nav-bar-customization-target
  612. > #urlbar-container:not(:hover)
  613. > #urlbar:not([focused])
  614. > #urlbar-input-container
  615. > #page-action-buttons {
  616. opacity: 0;
  617. }
  618. #page-action-buttons {
  619. transition: opacity 0.15s ease;
  620. }
  621. #nav-bar:not([customizing="true"])
  622. > #nav-bar-customization-target
  623. > #urlbar-container:not(:hover)
  624. > #urlbar:not([focused])
  625. > #urlbar-input-container
  626. > #identity-box{
  627. opacity: 1;
  628. /*visibility: collapse;*/
  629. }
  630. #identity-box {
  631. /*transition: visibility 0.30s ease-in-out, opacity 0.30s ease-in-out;*/
  632. transition: opacity 0.15s ease;
  633. }
  634. #nav-bar:not([customizing="true"])
  635. > #nav-bar-customization-target
  636. > #urlbar-container:not(:hover)
  637. > #urlbar:not([focused])
  638. > #urlbar-input-container
  639. > #tracking-protection-icon-container{
  640. opacity: 1;
  641. }
  642. #tracking-protection-icon-container {
  643. transition: opacity 0.15s ease;
  644. }*/
  645.  
  646. /* Search Bar #2b2b2bd1 262626ed #1E1E1EBF*/
  647. #urlbar {
  648. --autocomplete-popup-highlight-background: transparent !important;
  649. /* --autocomplete-popup-highlight-background: #313131ad;*/
  650. }
  651.  
  652. #urlbar-container {
  653. border-radius: 0px 0px 0px 0px !important;
  654. /* padding-top: 0px !important;
  655. padding-bottom: 0px !important;*/
  656. }
  657.  
  658. #urlbar-input-container,
  659. #searchbar {
  660. border-radius: 10px 10px 10px 10px !important;
  661. }
  662.  
  663. .urlbarView-body-inner {
  664. border-top: 0px !important;
  665. }
  666.  
  667. /* Fixing icons right and left padding inside search bar for hovering */
  668. #urlbar-input-container {
  669. padding-left: 7px;
  670. padding-right: 7px;
  671. }
  672.  
  673. #navigator-toolbox {
  674. --lwt-toolbar-field-border-color: transparent !important;
  675. --lwt-toolbar-field-focus: transparent !important;
  676. --toolbar-field-focus-border-color: #77777773 !important;
  677. }
  678.  
  679. #urlbar:not(.megabar):not([focused="true"]):-moz-lwtheme,
  680. #urlbar:not(.megabar):not([focused="true"]):-moz-lwtheme:hover {
  681. border-color: transparent;
  682. }
  683.  
  684. /*#urlbar {
  685. border: 0 !important;
  686. border-bottom: 1px solid #ffffff30 !important;
  687. border-radius: 10px 10px 10px 10px !important;
  688. background-color: rgba(0, 0, 0, 0.35);
  689. }*/
  690.  
  691. #urlbar {
  692. box-shadow: none !important;
  693. }
  694.  
  695. #tracking-protection-icon-container {
  696. border-inline-end: none !important;
  697. border-image: none !important;
  698. }
  699.  
  700. #urlbar[breakout] {
  701. height: 35px !important;
  702. }
  703.  
  704. /* Megabar
  705. #urlbar[breakout][breakout-extend][open] {
  706. background-image: url(image/noise-512x512.png) !important;
  707. background-color: #1e1e1ebf !important;
  708. -webkit-backdrop-filter: blur(32px) !important;
  709. backdrop-filter: blur(32px) !important;
  710. }
  711.  
  712. #urlbar[breakout][breakout-extend] > #urlbar-input-container,
  713. #urlbar-input-container {
  714. height: var(--urlbar-height) !important;
  715. padding-block: 0px !important;
  716. padding-inline: 0px !important;
  717. transition: none !important;
  718. }
  719.  
  720. #urlbar[breakout][breakout-extend] {
  721. /*top: calc(
  722. (var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2
  723. ) !important;
  724. left: 0 !important; */
  725. width: 100% !important;
  726. }
  727.  
  728. #wrapper-urlbar-container #urlbar{
  729. height: var(--urlbar-height) !important;
  730. }*/
  731.  
  732. /* Design of the plus/newtab button */
  733. toolbar
  734. #tabs-newtab-button:not([disabled="true"]):not([checked]):not([open]):not(:active):hover
  735. > .toolbarbutton-icon,
  736. toolbar
  737. #new-tab-button:not([disabled="true"]):not([checked]):not([open]):not(:active):hover
  738. > .toolbarbutton-icon {
  739. border: 0 !important;
  740. border-radius: 20px 20px 20px 20px !important;
  741. background-image: none !important;
  742. background-color: #404040d9 !important;
  743. }
  744.  
  745. toolbar
  746. #tabs-newtab-button:not([disabled="true"]):-moz-any([open], [checked], :hover:active)
  747. > .toolbarbutton-icon,
  748. toolbar
  749. #new-tab-button:not([disabled="true"]):-moz-any([open], [checked], :hover:active)
  750. > .toolbarbutton-icon {
  751. border: 0 !important;
  752. border-bottom: 1px solid #ffffff30 !important;
  753. border-radius: 20px 20px 20px 20px !important;
  754. background-image: none !important;
  755. background-color: rgba(0,0,0,0.35) !important;
  756. }
  757.  
  758.  
  759.  
  760.  
Tags: CSS firefox
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!