API tools faq
paste
Guest User

Minimal Firefox Oneline

a guest
Apr 16th, 2020
1,159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.04 KB | None | 0 0
raw download clone embed print report
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  2. #TabsToolbar { height: 35px !important; }
  3. #PersonalToolbar {height: 3px !important;}
  4.  
  5.  
  6.  
  7. #tracking-protection-icon-box {
  8.     display: none !important;
  9. }
  10.  
  11. /* Hide the green lock indicating SSL (HTTPS, encrypted connection) from the address bar.  */
  12. #urlbar[pageproxystate="valid"] :-moz-any(.verifiedDomain,.verifiedIdentity) #connection-icon {
  13.   display: none !important;
  14. }
  15.  
  16.  
  17. /* Hides the website name (when present) from the address bar, keeping only the location abbrevation.*/
  18. #identity-icon-label { /* Hides the EV SSL label */
  19.   visibility: collapse !important;
  20. }
  21.  
  22. #identity-box:hover > #identity-icon-labels > #identity-icon-label { /* Shows the label on identity box hover */
  23.   visibility: visible !important;
  24. }
  25.  
  26. /* Hide info icon for sites that don't have permissions */
  27. #identity-box > #identity-icon {
  28.     opacity: 0 !important; /* Make icons transparent */
  29.     -moz-margin-end: -1.1em !important; /* Hide icons by offsetting them */
  30. }
  31.  
  32. /**********************************************************/
  33. #urlbar{
  34.   min-height: 21px !important;
  35.   max-height: 21px !important;
  36. max-width: 290px !important;
  37. }
  38. /**********************************************************/
  39.  
  40.  
  41.  
  42.  
  43. /* MIN MAX CLOSE Remove */
  44. #TabsToolbar > .titlebar-buttonbox-container{ visibility: collapse !important; }
  45.  
  46. /* Avoids white flash? */
  47. #tabbrowser-tabpanels{
  48.   background-color: var(--uc-light-bkgnd-color, #1a1a1b) !important;
  49. }
  50.  
  51.  
  52. /* Left ?
  53. .titlebar-buttonbox-container{ -moz-box-ordinal-group: 0 !important; }
  54. */
  55. /*
  56. #PlacesToolbarItems {
  57.   display: flex !important;
  58.   justify-content: center !important;
  59. }*/
  60.  
  61. /* Non active tabs have darker text
  62.     .tabbrowser-tab:not([visuallyselected="true"]):not([multiselected]):not(:hover) {
  63.         color: #ffffff5e !important;
  64.     }
  65. */
  66. /*
  67. if the -moz-appearance: none; still gives you fullscreen issues
  68. change (#navigator-toolbox) with your top bar (in this case #nav-bar) and use
  69. -moz-appearance: -moz-window-titlebar-maximized !important; And remove the padding-top
  70. */ 
  71.     :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
  72.         -moz-appearance: none !important;
  73.         padding-top: 8px !important;
  74.     }
  75.     #navigator-toolbox {
  76.         padding-top: 2px !important;
  77.         padding-bottom: 2px !important;
  78.     }
  79.    
  80. /* Fix the FUllscreen changing padding on other bars. */   
  81.     :root[tabsintitlebar][sizemode="maximized"] #titlebar {
  82.         -moz-appearance: none !important;
  83.     }
  84.    
  85. /* Remove the main window top border */
  86.     #main-window:root[sizemode="normal"][tabsintitlebar]  {
  87.         border-top: 0px !important;
  88.        
  89.     }
  90.    
  91. /* Drop Down URL with BLUR need layout.css.backdrop-filter.enabled = true */
  92.     .urlbarView {
  93.         background-image: url(image/noise-512x512.png) !important;
  94.         background-color: black !important;
  95.         -webkit-backdrop-filter: blur(32px) !important;
  96.         backdrop-filter: blur(32px) !important;
  97.         -moz-backdrop-filter: blur(32px) !important;
  98.     }
  99.     #urlbar-background {
  100.         display: none !important;
  101.  
  102.     }
  103.    
  104.    
  105. /* Bookmarks bar with BLUR need layout.css.backdrop-filter.enabled = true */
  106.     #PersonalToolbar {
  107.  
  108.         background-image: url(image/noise-512x512.png) !important;
  109.         background-color: #2A2A2AC0 !important;
  110.         -webkit-backdrop-filter: blur(32px) !important;
  111.         backdrop-filter: blur(32px) !important;
  112.     }
  113.  
  114. /* Remove the top tab line - TopBar */
  115.     .tab-line { display: none !important; }
  116.    
  117.  
  118.  
  119. /* Remove the empty squere - TopBar */
  120.     #TabsToolbar {
  121.         padding-inline-start: initial !important;
  122.     }
  123.     .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
  124.         display: none !important;
  125.     }
  126.  
  127. /* Icons */
  128.     #PanelUI-menu-button {
  129.         list-style-image: url(image/Fx-Browser-icon-oneColor-white.png) !important;}
  130.     #PanelUI-button {
  131.             margin-inline-start: 0 !important;
  132.             padding-inline-start: 0 !important;
  133.             border: none !important;
  134.             border-inline-start: none !important;
  135.     }
  136.     #PanelUI-button #PanelUI-menu-button .toolbarbutton-icon {
  137.         opacity: 0.0 !important;
  138.         transform: scale(0.5, 0.5) !important;
  139.     }
  140.  
  141.     #home-button .toolbarbutton-icon {
  142.         opacity: 0.6 !important;
  143.     }
  144.     #PlacesToolbarItems .bookmark-item[container] {
  145.         list-style-image: url(image/folder.svg) !important;
  146.         opacity: 0.7 !important;
  147.     }
  148.     #forward-button {
  149.         list-style-image: url(image/right-arrow.svg) !important;
  150.         opacity: 0.7 !important;
  151.     }
  152.     #back-button {
  153.         list-style-image: url(image/left-arrow.svg) !important;
  154.         opacity: 0.9 !important;
  155.     }
  156.     #back-button > .toolbarbutton-icon {
  157.         border: none !important;
  158.         border-radius: 0 !important;
  159.         background: none !important;
  160.         width: calc(2 * var(--toolbarbutton-inner-padding) + 14px) !important;
  161.         height: calc(2 * var(--toolbarbutton-inner-padding) + 14px) !important;
  162.         padding: var(--toolbarbutton-inner-padding) !important;
  163.         border-radius: var(--toolbarbutton-border-radius) !important;
  164.     }
  165.     #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon {
  166.         box-shadow: none !important;
  167.         background-color: var(--toolbarbutton-hover-background) !important;
  168.     }
  169.     #forward-button > .toolbarbutton-icon {
  170.         border: none !important;
  171.         border-radius: 0 !important;
  172.         background: none !important;
  173.         width: calc(2 * var(--toolbarbutton-inner-padding) + 14px) !important;
  174.         height: calc(2 * var(--toolbarbutton-inner-padding) + 14px) !important;
  175.         padding: var(--toolbarbutton-inner-padding) !important;
  176.         border-radius: var(--toolbarbutton-border-radius) !important;
  177.     }
  178. #stop-reload-button .toolbarbutton-icon{
  179.   transform: scale(0.9, 0.9) !important;
  180.     opacity: 0.1 !important;
  181. }
  182.  
  183. /* Remove or comment out transition if you want synchronization with the autohide bookmarks bar and tab bar*/
  184. /* BOOKMARK MENU AUTOHIDE */
  185.     #PersonalToolbar{
  186.       --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
  187.       --uc-bm-padding: 6px; /* Vertical padding to be applied to bookmarks */
  188.     }
  189.  
  190.     :root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 6px }
  191.     :root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 6px }
  192.  
  193.     #PersonalToolbar:not([customizing]){
  194.       margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
  195.       transform: rotateX(90deg);
  196.       transform-origin: top;
  197.       transition: transform 135ms linear 600ms !important;  
  198.       z-index: 2;
  199.      
  200.  
  201.     }
  202.     #PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
  203.  
  204.         /* SELECT BOOKMARKS TOOLBAR BEHAVIOR
  205.  
  206.         Show when urlbar is focused
  207.         #nav-bar:focus-within + #PersonalToolbar{
  208.           transition-delay: 100ms !important;
  209.           transform: rotateX(0);
  210.         }*/
  211.  
  212.     /* Show when cursor is over the toolbar area */
  213.     #navigator-toolbox:hover > #PersonalToolbar{
  214.       transition-delay: 100ms !important;
  215.       transform: rotateX(0);
  216.  
  217.     }
  218.    
  219.     #PersonalToolbar {
  220.         -moz-box-ordinal-group: 3 !important;
  221.     }
  222.     #titlebar {
  223.         -moz-box-ordinal-group: 2 !important;
  224.        
  225.     }
  226.     #nav-bar {
  227.         -moz-box-ordinal-group: 1 !important;
  228.         background-color: transparent !important;
  229.     }
  230.    
  231. /* Search Bar */
  232. /* Search Bar */
  233. /* Search Bar */
  234. /* Hide some buttons for hover
  235. */
  236.     #nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > #urlbar-input-container > #page-action-buttons {
  237.         opacity: 0;
  238.     }  
  239.     #page-action-buttons {
  240.         transition: opacity 0.15s ease;
  241.     }
  242.     #nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > #urlbar-input-container > #identity-box {
  243.         opacity: 0;
  244.         /*visibility: collapse;*/
  245.     }
  246.     #identity-box {
  247.         /*transition: visibility 0.30s ease-in-out, opacity 0.30s ease-in-out;*/
  248.         transition: opacity 0.15s ease;
  249.     }
  250.     #nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > #urlbar-input-container > #tracking-protection-icon-container {
  251.         opacity: 0;
  252.     }
  253.     #tracking-protection-icon-container {
  254.         transition: opacity 0.15s ease;
  255.     }
  256.    
  257. /* Search Bar #2b2b2bd1 262626ed #1E1E1EBF*/
  258.     #urlbar{
  259.       --autocomplete-popup-highlight-background: transparent !important;
  260.      /*  --autocomplete-popup-highlight-background: #313131ad;*/
  261.     }
  262.    
  263.     #urlbar-container {
  264.         border-radius: 10px 10px 10px 10px !important;
  265.         /* padding-top: 0px !important;
  266.         padding-bottom: 0px !important;*/
  267.     }
  268.     #urlbar-input-container, #searchbar {
  269.         border-radius:  10px 10px 10px 10px !important;
  270.     }
  271.    
  272.     .urlbarView.megabar .urlbarView-body-inner {
  273.         border-top: 0px !important;
  274.     }
  275.  
  276.     #urlbar-input-container {   /* Fixing icons right and left padding inside search bar for hovering  */
  277.         padding-left: 0px;
  278.         padding-right: 0px;
  279.     }
  280.     #navigator-toolbox {
  281.        
  282.         --lwt-toolbar-field-border-color:  transparent !important;
  283.         --lwt-toolbar-field-focus: transparent !important;
  284.         --toolbar-field-focus-border-color: #77777773 !important;
  285.         }
  286.  
  287.     #urlbar:not(.megabar):not([focused="true"]):-moz-lwtheme, #urlbar:not(.megabar):not([focused="true"]):-moz-lwtheme:hover {
  288.         border-color: black;
  289.     }
  290.     #urlbar {
  291.         border: 0 !important;
  292.         border-bottom: 0px solid #ffffff30 !important;
  293.         border-radius: 10px 10px 10px 10px !important;
  294.         background-color:black;
  295.    
  296.     }
  297.  
  298.     #urlbar {
  299.         box-shadow: none !important;
  300.         text-align: left !important;
  301.     }
  302.     #tracking-protection-icon-container {
  303.         border-inline-end: none !important;
  304.         border-image: none !important;
  305.     }
  306.     #urlbar[breakout]{
  307.         height: auto!important;
  308.        
  309.     }
  310.     /* Megabar */
  311.         #urlbar[breakout][breakout-extend][open] {
  312.         background-image: url(image/noise-512x512.png) !important;
  313.         background-color: black;
  314.         backdrop-filter: blur(26px) !important;
  315.        
  316.     }
  317.    
  318.     #urlbar[breakout][breakout-extend] > #urlbar-input-container, #urlbar-input-container {
  319.         height: var(--urlbar-height) !important;
  320.         padding-block: 0px !important;
  321.         padding-inline: 0px !important;
  322.         transition: none !important;
  323.        
  324.     }
  325.     #urlbar[breakout][breakout-extend] {
  326.         top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  327.         left: 0 !important;
  328.         width: 100% !important;
  329.     }
  330.    
  331. /* ========================================================= */
  332. /* ========================================================= */
  333. /* rgb(50, 50, 52) #232324
  334. ========================================================= */
  335. /* New tab icon size (16 is default) Important to not change the rest of calc */
  336.     #tabs-newtab-button .toolbarbutton-icon{
  337.         width: calc(2 * var(--toolbarbutton-inner-padding) + 12px) !important;
  338.         height: calc(2 * var(--toolbarbutton-inner-padding) + 14px) !important;
  339.     }
  340. /* Main BAR */
  341.     #navigator-toolbox {
  342.         background-color:rgb(0, 0, 0) !important;
  343.         --tabs-border-color: none !important;
  344.         --my-tab-min-width: 80px !important; /* 36px */
  345.         --tabs-navbar-shadow-size: 0px  !important;
  346.         /*border: 0 !important; */
  347.     }
  348.  
  349. /* Remove the fill when loading on the tab which
  350. isnt formated for different border radius */
  351.     #tabbrowser-tabs {
  352.         --tab-loading-fill: transparent !important;
  353.         margin-left: 4px !important; /* fix the left tab being too close to the edge */
  354.         margin-top:5.2px !important;
  355.     }
  356.  
  357. /* Width of the tabs. Important to have Fadein or it breaks fonctionality */
  358.     .tabbrowser-tab[fadein]:not([pinned]) {
  359.         max-width: 145px !important; /* 135px */
  360.         min-width: var(--my-tab-min-width) !important;
  361.         max-height:19px !important;
  362.         /*transition:none;
  363.         transition: min-width 300ms ease-out , max-width 100ms ease-out !important;*/
  364.     }  
  365.     /*.tabbrowser-tab[fadein][visuallyselected="true"]:not([pinned]) {
  366.       max-width: 150px !important;
  367.     }  */
  368.      
  369. .tabbrowser-tab:not([visuallyselected="true"]):not([multiselected]):not(:hover) .tab-icon-image {
  370.         opacity: 1.0 !important;
  371.  
  372. }  
  373.  
  374.  
  375. /* Fix the Heigh of a tab because
  376. if you change --tab-min-height it doesnt work for fullcreen
  377.  */
  378.     #TabsToolbar {
  379.         padding-top: 6px !important;
  380.         padding-bottom: 0px !important;
  381.     }
  382. /* Seperate tabs and make them smaller */
  383.     #TabsToolbar .tabbrowser-tab[fadein] > .tab-stack {
  384.         padding-left:1px !important;
  385.         padding-right: 1px !important;
  386.         padding-top: 0px !important;
  387.         padding-bottom: 0px !important;
  388.     }
  389.        
  390.    
  391. /* Remove the line between the tabs / seperators */
  392.     #tabbrowser-tabs .tabbrowser-tab::before, #tabbrowser-tabs .tabbrowser-tab::after {
  393.         border: 0 !important;
  394.     }
  395.  
  396. .tabbrowser-tab:hover {
  397.     background-color: none !important;
  398.     background-image: linear-gradient(to left, #13b6c0, #7d0cd4) !important;
  399.     border-radius: 7px 7px 7px 7px !important;
  400.     /*color: black !important;*/
  401. }
  402.  
  403. /* Selected tabs design */
  404.     .tabbrowser-tab .tab-background[selected="true"]:-moz-lwtheme {
  405.         border: 5 !important;
  406.         border-bottom: 3px solid #15817a !important;
  407.         border-radius: 7px 7px 7px 7px !important;
  408.         background-image: linear-gradient(to left, #15817a, #15817a) !important;
  409.         /*background-color:black !important;*/
  410.     }
  411. /* Multiselect tabs design on hover */
  412.     #tabbrowser-tabs .tabbrowser-tab .tab-background[multiselected="true"] {
  413.         border: 0 !important;
  414.         border-top: 0px solid #b9b9b969 !important;
  415.         border-radius: 10px 10px 10px 10px !important;
  416.         background-image: none !important;
  417.         background-color: #404040d9 !important;
  418.     }
  419.     /* Fixing Multiselect */
  420.     .tab-background[multiselected="true"]:not([selected="true"]) > .tab-background-inner {
  421.         background: none !important;
  422.     }
  423.  
  424. /* Design of the plus/newtab button */
  425. toolbar #tabs-newtab-button:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon {
  426.     border: 0 !important;
  427.     border-radius: 20px 20px 20px 20px !important;
  428.     background-image: none !important;
  429.     background-color:#404040d9 !important;
  430. }
  431.  
  432. toolbar #tabs-newtab-button:not([disabled="true"]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
  433.     border: 0 !important;
  434.     border-bottom: 0px solid #ffffff30 !important;
  435.     border-radius: 20px 20px 20px 20px !important;
  436.     background-image: none !important;
  437.     background-color: #0000004d !important;
  438.    
  439. }
  440.  
  441. /* ==================================================================================================================
  442. ################## TAB BAR HIDE (Tested only on default position) ######################################################
  443. ##################First colapses and shows when hover anywhere on the whole top bar##################
  444. ##################Second leaves it with exit buttons visible and shows when hover on the whole bar.##################
  445. ##################Same as the second but just shows when hovered on the title/tab bar##################
  446. Use the one posted above if you want smooth animations
  447. display:none !important;
  448. visibility: collapse !important;
  449. */
  450.  
  451. /* Number #1 */
  452.    
  453.     /*#navigator-toolbox:not(:hover) > #titlebar {
  454.         display:none !important;
  455.          
  456.       } */
  457.  
  458. /* Number #2 */
  459. /* #navigator-toolbox:not(:hover) > #titlebar > #TabsToolbar > .toolbar-items > #TabsToolbar-customization-target > #tabbrowser-tabs { */
  460.     /* visibility: hidden; */
  461. /* }    */
  462.  
  463. /* Number #3 */
  464. /* #titlebar:not(:hover) > #TabsToolbar > .toolbar-items > #TabsToolbar-customization-target > #tabbrowser-tabs { */
  465.     /* visibility: hidden; */
  466. /* } */
  467.  
  468. /* ========================================================= */
  469. /* ========================================================= */
  470.  
  471. /* Show tab close button when cursor is over the tab icon
  472.  
  473. .tab-close-button{
  474.   -moz-box-ordinal-group: 0;
  475.   display: -moz-box !important;
  476.   position: relative;
  477.   margin-right: -18px !important;
  478.   z-index: -1;
  479.   visibility: hidden;
  480. }
  481. .tabbrowser-tab[pinned] .tab-close-button{ display: none !important; }
  482. .tab-close-button:hover{ background-color: var(--lwt-accent-color); }
  483.  
  484. .tabbrowser-tab[selected] .tab-close-button:hover{ background-color: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)); }
  485.  
  486.  
  487. .tab-icon-image:hover ~ .tab-close-button,
  488. .tab-close-button:hover,
  489. .tab-icon-image:not([src]) ~ .tab-label-container:hover ~ .tab-close-button{ visibility: visible; z-index: 1 }
  490. .tab-icon-image:not([src]) ~ .tab-label-container:hover ~ .tab-close-button,
  491. .tab-icon-image:not([src]) ~  .tab-close-button:hover {margin-right: 0px !important; }
  492.  
  493.     */
  494.  
  495. /* Show Tab close button on hover */
  496. .tabbrowser-tab:not([pinned]) .tab-close-button {
  497.   display: -moz-box !important;
  498.   opacity: 0;
  499.   visibility: collapse !important;
  500.  transition: opacity 0.25s, visibility 0.25s ease-in !important;
  501.  
  502. }
  503. .tabbrowser-tab:not([pinned]):hover .tab-close-button {
  504.   opacity: 1;
  505.   visibility: visible !important;
  506. }
  507.  
  508. /* Oneliner */
  509. /* General size */
  510. #nav-bar {
  511.     margin-right: -2vw !important;
  512. }
  513. #titlebar{
  514.     margin-top: -36px !important;
  515.     margin-left: 28vw !important;
  516.     margin-right:4vw !important;
  517. }
  518. :root {
  519.     --tab-min-height: 36px !important;
  520. }
  521.  
  522.  
  523. /* Oneliner */
  524. /* Compact size */
  525. :root[uidensity="compact"] {
  526.     --tab-min-height: 32px !important;
  527. }
  528. :root[uidensity="compact"] #titlebar{
  529.     margin-top: -32px !important;
  530. }
  531.  
  532. :root[uidensity="compact"] #navigator-toolbox {
  533.         padding-top: 1px !important;
  534.         padding-bottom: 1px !important;
  535.     }
  536.    
  537. :root[uidensity="compact"] #TabsToolbar .tabbrowser-tab[fadein] > .tab-stack {
  538.         padding-right: 4px !important;
  539.         padding-top: 3px !important;
  540.         padding-bottom: 2px !important;
  541. }
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!