ffcss

my_userChrome.css - after proton, ff v89.0

Jun 1st, 2021
895
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /************************************************************************************************/
  2. /* Remove white flash before page load */
  3. #browser vbox#appcontent tabbrowser, #content, #tabbrowser-tabpanels,
  4. browser[type=content-primary],browser[type=content] > html {
  5.     background: #1D1B19 !important
  6. }
  7. /************************************************************************************************/
  8.  
  9.  
  10.  
  11. :-moz-any(#urlbar-background, #urlbar-input-container,.urlbarView-body-inner, #searchbar, .searchbar-textbox) {
  12.   background-color: transparent !important;
  13.   color: lightgray !important;
  14. }
  15.  
  16. :-moz-any(#urlbar, #searchbar, .searchbar-textbox) ::-moz-selection {
  17.   background: black !important;
  18.   color: white !important;
  19. }
  20.  
  21. #identity-icon{
  22.   opacity: 1 !important;
  23. }
  24.  
  25. /************************************************************************************************/
  26. #titlebar {margin-bottom: -3px !important;}
  27. #titlebar{ -moz-appearance: none !important; }
  28. /************************************************************************************************/
  29. .tab-background[selected],
  30. .browser-toolbar{ background: transparent !important }
  31. /************************************************************************************************/
  32. .tabbrowser-tab:not([selected]) .tab-content{
  33.     color: #b1b1b3 !important;
  34. }
  35. /************************************************************************************************/
  36. #navigator-toolbox{ margin-top: -1px !important }
  37. /************************************************************************************************/
  38. #urlbar{ background: transparent !important }
  39. /************************************************************************************************/
  40. #tracking-protection-icon-container{ display:none;}
  41. /************************************************************************************************/
  42.  
  43.   /** Root - Reduce Padding ***************************************************/
  44.   :root {
  45.  
  46.     /* Panel */
  47.     --arrowpanel-menuitem-margin: 0 8px !important; /* Original: 0 8px */
  48.     --arrowpanel-menuitem-padding:  4px !important; /* Original: 8px */
  49.     --arrowpanel-padding:         0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
  50.   }
  51.  
  52.   :root[uidensity=compact] {
  53.     /* Tool Bar */
  54.     --toolbarbutton-outter-padding: 2px !important; /* Original: 3px, General is 2px */
  55.  
  56.     /* Panel */
  57.     --arrowpanel-menuitem-padding: 2px  !important; /* Original: 8px */
  58.   }
  59.  
  60.   :root[uidensity=touch] {
  61.     /* Tab Bar - Like Original */
  62.     --proton-tab-block-margin: 4px !important; /* Original: 4px */
  63.     --inline-tab-padding:      8px !important; /* Original: 8px */
  64.  
  65.     /* Panel - Like Original */
  66.     --arrowpanel-menuitem-padding: 8px  !important; /* Original: 8px */
  67.   }
  68.  
  69. /************************************************************************************************/
  70.  
  71.   /* Selected Tab - Box Shadow */
  72.   #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
  73.   [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme {
  74.     box-shadow: 0 0 1px var(--toolbar-color) !important;
  75.   }
  76. /************************************************************************************************/
  77.  
  78.   /** Unselected Tab - Divide line ********************************************/
  79.   .tab-content::before,
  80.   .tab-content::after {
  81.     content: "" !important;
  82.     display: block !important;
  83.     position: absolute !important;
  84.     background-color: var(--toolbarseparator-color) !important;
  85.     width: 1px !important;
  86.     height: 20px !important;
  87.     transform: translateY(-10px) !important;
  88.     opacity: 0 !important;
  89.     transition: opacity .2s var(--ease-basic) !important;
  90.   }
  91.  
  92.   .tab-content::before {
  93.     left: 0 !important;
  94.   }
  95.   .tab-content::after {
  96.     right: 0 !important;
  97.   }
  98.  
  99.   .tabbrowser-tab[visuallyselected][style*=transform] + .tabbrowser-tab[style*=transform] .tab-content::after,
  100.   .tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before,
  101.   .tabbrowser-tab[style*=transform] + .tabbrowser-tab:not([visuallyselected]) .tab-content::before,
  102.   .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) + .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before,
  103.   #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after
  104.   {
  105.     opacity: var(--tab-separator-opacity) !important;
  106.   }
  107. /************************************************************************************************/
  108.  
  109. /* TABS: height */
  110.  
  111. #TabsToolbar {
  112.   height: var(--tab-min-height) !important;
  113.   margin-bottom: 3px !important;
  114.   box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */
  115.   background-color: var(--toolbar-bgcolor) !important;
  116.   color: var(--toolbar-color) !important;
  117. }
  118.  
  119. #tab-line[selected="true"] {
  120.     background-color:#1e90ff !important;
  121. }
  122.  
  123. /***********************************************************************************************/
  124.   /** Menu - Reduce Padding ***************************************************/
  125.   :root:not([uidensity=touch]) menupopup > menuitem, menupopup > menu {
  126.     padding-block:     0.35em !important; /* Original: 0.5em */
  127.   }
  128.   :root:not([uidensity=touch]) .menu-text, .menu-iconic-text {
  129.     padding-inline-end: 0 !important; /* Original: 2px */
  130.   }
  131.   :root:not([uidensity=touch]) .menupopup-arrowscrollbox {
  132.     padding-block: 1px !important; /* Original: 4px*/
  133.   }
  134.   :root:not([uidensity=touch]) #context-navigation:not([hidden]) {
  135.     padding: 0 0 1px; /* Original: 0 0 4px*/
  136.   }
  137.   :root:not([uidensity=touch]) .menu-right {
  138.     margin-right: 6px !important; /* Original: 12px */
  139.   }
  140.  
  141.   :root[uidensity=compact] menupopup > menuitem, menupopup > menu {
  142.     padding-block:     0.25em !important; /* Original: 0.5em */
  143.   }
  144. }
  145. /***********************************************************************************************/
  146. /*--------------------------- layout.css.backdrop-filter.enabled trqbva da e na true --------------------------*/
  147. /* Backdrop filter URLbar + glow removed */
  148.  
  149. #urlbar[breakout][breakout-extend] {
  150.     top: 0px !important;
  151.     left: 0px !important;
  152.     width: 100% !important;
  153. }
  154.  
  155. #urlbar-input-container {
  156.     border: none !important;
  157. }
  158.  
  159. #urlbar[breakout][breakout-extend] > #urlbar-input-container {
  160.     height: var(--urlbar-toolbar-height) !important;
  161.     padding-block: 0px !important;
  162.     padding-inline: 0px !important;
  163. }
  164.  
  165. #urlbar-results {
  166.     padding: 0px !important;
  167. }
  168.  
  169. .urlbarView {
  170.     margin-inline: 0px !important;
  171.     border: none !important;
  172.     width: 100% !important;
  173.     box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .32) !important;
  174.     clip-path: inset(0px -20px -30px -20px) !important;
  175.     animation: none !important;
  176.     margin-block-start: 0px !important;
  177.     outline: none;
  178. }
  179.  
  180. .urlbarView-results {
  181.     padding-block: 0px !important;
  182. }
  183.  
  184. .urlbarView .urlbarView-row {
  185.     border-radius: 0px !important;
  186.     padding-block: 0px !important;
  187. }
  188.  
  189. .urlbarView-row-inner {
  190.     border-radius: 0px !important;
  191. }
  192.  
  193. .urlbarView-body-inner {
  194.     border: none !important;
  195. }
  196.  
  197. .urlbarView-title {
  198.     height: 18px !important;
  199. }
  200.  
  201. @supports (backdrop-filter: blur(1px)) {
  202.     .urlbarView {
  203.         background: #0C0C0DC0 !important;
  204.         backdrop-filter: blur(28px) !important;
  205.     }
  206. }
  207.  
  208. /* Enables transparency/blur on the search box too */
  209. .search-one-offs, .search-panel-header, .search-panel-one-offs {
  210.     background: none !important;
  211. }
  212. /***********************************************************************************************/
  213.   /** Sound Tab - Hide Label **************************************************/
  214.   .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){
  215.     display: none !important;
  216.   }
  217.  
  218.   /* Makes the speaker icon to always appear if the tab is playing (not only on hover) */
  219.   .tab-icon-overlay:not([crashed]),
  220.   .tab-icon-overlay[pinned][crashed][selected] {
  221.     /* Position */
  222.     top: -3.5px !important;
  223.     inset-inline-end: -9px !important;
  224.     z-index: 1 !important;
  225.  
  226.     /* Shape */
  227.     padding: 1.5px !important;
  228.     border-radius: 10px !important;
  229.     width:  22px !important;
  230.     height: 22px !important;
  231.   }
  232.   .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  233.     /* Color */
  234.     color:  currentColor !important;
  235.     stroke: transparent !important;
  236.     background: transparent !important;
  237.     fill-opacity: 0.8 !important;
  238.     opacity: 1 !important;
  239.   }
  240.   .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
  241.     margin-inline-end: 9.5px !important;
  242.   }
  243. /***********************************************************************************************/
  244. /* Gray out the favicon icon on the inactive tab */
  245.         .tabbrowser-tab .tab-icon-image:not([selected=true]):not([pinned]) {
  246.         filter: grayscale(75%) !important;
  247.         }
  248. /***********************************************************************************************/
  249. #context-sendimage {
  250.     display: none;
  251. }
  252. /***********************************************************************************************/
  253. #context-sendvideo {
  254.     display: none;
  255. }
  256. /***********************************************************************************************/
  257. .tabbrowser-tab[selected]
  258. stroke: var(--tabs-border-color,red);
  259. }
  260. /***********************************************************************************************/
  261. @-moz-document url-prefix("chrome://global/content/print.html") {
  262.   body {
  263.     background: #474747 !important;
  264.     color: white !important;
  265.     font-size: 1.2rem;
  266.     font-family: 'Tahoma' !important;
  267.   }
  268.  
  269.   #printer-picker {
  270.  
  271.     font-family: 'Tahoma' !important;
  272.     font-size: 1.1rem !important;
  273.   }
  274.  
  275.   label, .label, #open-dialog-link {
  276.     font-family: 'Tahoma' !important;
  277.     font-size: 1.1rem !important;
  278.   }
  279.  
  280.   html|button:enabled:hover, [multiple]):enabled:hover, html|input[type="color"]:hover, xul|button:not([disabled="true"]):hover, xul|menulist:not([disabled="true"]):hover {
  281.     background-color: #474747 !important;
  282.   }
  283.  
  284.   html|select:not([size], [multiple]) {
  285.     background-color: black !important;
  286.     font-size: 1.1rem !important;
  287.     font-family: 'Tahoma' !important;
  288.   }
  289.  
  290.   html|a:hover, .text-link:hover {
  291.     color: var(--in-content-link-color-hover);
  292.     text-decoration: none !important;
  293.   }
  294.  
  295.   #button-container > button {
  296.     flex: 1 1 auto;
  297.     margin: 0;
  298.     font-family: 'Tahoma' !important;
  299.     border: 1px solid #474747 !important;
  300.   }
  301.  
  302.   * {
  303.     scrollbar-width: none !important;
  304.     scrollbar-color: rgb(27,27,27) rgb(12,12,12) !important;
  305.   }
  306.  
  307. }
  308. /***********************************************************************************************/
  309. .dialogOverlay {
  310.   background-color: transparent !important;
  311. }
  312.  
  313. .printPreviewBrowser {
  314.   opacity: 0.9 !important;
  315. }
  316.  
  317. .previewStack[previewtype="primary"] {
  318.     background: black !important;
  319. }
  320. /***********************************************************************************************/
  321. #context_reloadTab,
  322. #context_toggleMuteTab,
  323. #context_pinTab,
  324. #context_unpinTab,
  325. #context_pinSelectedTabs,
  326. #context_unpinSelectedTabs,
  327. #context_duplicateTab,
  328. #context_selectAllTabs,
  329. #context_closeTab,
  330. #context_bookmarkSelectedTabs,
  331. #context_bookmarkTab { display: none !important;
  332. }
  333. /***********************************************************************************************/
  334. /* MAKES LINK PREVIEW BOTTOM LEFT DARK */
  335. #statuspanel #statuspanel-label, statuspanel .statuspanel-label {
  336.   background: var(--arrowpanel-background) !important;
  337.   color: var(--lwt-toolbar-field-color, black) !important;
  338.   border-color: var(--panel-separator-color) !important;
  339. }
  340. /***********************************************************************************************/
  341. #urlbar #star-button{
  342.   display: none !important;
  343. }
  344. /***********************************************************************************************/
  345.  
  346. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
  347. See the above repository for updates as well as full license text. */
  348.  
  349. /* Modify to change window drag space width */
  350. /*
  351. Use tabs_on_bottom_menubar_on_top_patch.css if you
  352. have menubar permanently enabled and want it on top
  353.  */
  354.  
  355. /* IMPORTANT */
  356. /*
  357. Get window_control_placeholder_support.css
  358. Window controls will be all wrong without it.
  359. Additionally on Linux, you may need to get:
  360. linux_gtk_window_control_patch.css
  361. */
  362.  
  363. :root{ --uc-titlebar-padding: 0px; }
  364. @media (-moz-os-version: windows-win10){
  365.   :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
  366. }
  367. #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
  368. #TabsToolbar > .titlebar-buttonbox-container{
  369.   position: fixed;
  370.   display: block;
  371.   top: var(--uc-titlebar-padding,0px);
  372.   right:0;
  373.   height: 40px;
  374. }
  375. /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
  376. @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  377.   :root{ --uc-titlebar-padding: 0px !important }
  378.   .titlebar-buttonbox-container{ left:0; right: unset !important; }
  379. }
  380.  
  381. :root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
  382.  
  383. #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
  384.  
  385. #navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
  386.  
  387. .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
  388.  
  389. #titlebar{
  390.   -moz-box-ordinal-group: 2;
  391.   -moz-appearance: none !important;
  392.   --tabs-navbar-shadow-size: 0px;
  393. }
  394.  
  395. .titlebar-placeholder,
  396. #TabsToolbar .titlebar-spacer{ display: none; }
  397. /* Also hide the toolbox bottom border which isn't at bottom with this setup */
  398. #navigator-toolbox::after{ display: none !important; }
  399.  
  400. @media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
  401.  
  402. /* These exist only for compatibility with autohide-tabstoolbar.css */
  403. toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
  404. #navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
  405. /***********************************************************************************************/
  406. /***********************************************************************************************/
  407. /*----------------------------------------------------------------------------------------------------------*/
RAW Paste Data