API tools faq
paste
Advertisement
jrivers9008

firefox one-line theme

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