API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 13th, 2021
236
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.12 KB | None | 0 0
raw download clone embed print report
  1. /*** Proton Tabs Tweaks ***/
  2.  
  3. /* Adjust tab corner shape, optionally remove space below tabs */
  4.  
  5. #tabbrowser-tabs {
  6.     --user-tab-rounding: 0px;
  7. }
  8.  
  9. .tab-background {
  10.     border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
  11.     margin-block: 1px 0 !important;
  12. }
  13. #scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
  14.     border-top-width: 1px !important;
  15.     border-bottom-width: 0 !important;
  16. }
  17. /* Container color bar visibility */
  18. .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  19.     margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
  20. }
  21.  
  22. /* Override Normal Density height to Compact Density height only for tabs */
  23.  
  24. #TabsToolbar, #tabbrowser-tabs {
  25.     --tab-min-height: 29px !important;
  26. }
  27.     /* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */
  28. #main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar,
  29. #main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs {
  30.     --tab-min-height: 30px !important;
  31. }
  32. #scrollbutton-up,
  33. #scrollbutton-down {
  34.     border-top-width: 0 !important;
  35.     border-bottom-width: 0 !important;
  36. }
  37.  
  38.     /* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */
  39. #TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox  {
  40.     max-height: calc(var(--tab-min-height) + 1px) !important;
  41. }
  42.     /* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */
  43. #TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon,
  44. #TabsToolbar-customization-target .toolbarbutton-text,
  45. #TabsToolbar-customization-target .toolbarbutton-badge-stack,
  46. #scrollbutton-up,#scrollbutton-down {
  47.     padding-top: 8px !important;
  48.     padding-bottom: 7px !important;
  49. }
  50.  
  51. /* Inactive tabs: Separator line style */
  52.  
  53. .tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
  54.     border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;
  55. }
  56. /* For dark backgrounds */
  57. [brighttext="true"] .tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
  58.     border-right: 1px solid var(--lwt-background-tab-separator-color, var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20))) !important;
  59. }
  60. .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
  61.     border-radius: 0 !important;
  62. }
  63. /* Remove padding between tabs */
  64. .tabbrowser-tab {
  65.     padding-left: 0 !important;
  66.     padding-right: 0 !important;
  67. }
  68.  
  69. /* Override font-size for tabs */
  70.  
  71. .tabbrowser-tab {
  72.     font-size: 12px !important;
  73. }
  74.  
  75. /* Override font-weight for tabs */
  76.  
  77. .tabbrowser-tab {
  78.     font-weight: 400 !important;
  79. }
  80.  
  81. /* Tweak Options as of 8/11/2021; Generated Fri Aug 13 2021 13:29:57 GMT+0200 (Mitteleuropäische Sommerzeit) */
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88. /*** Tighten up drop-down/context/popup menu spacing ***/
  89.  
  90. menupopup > menuitem, menupopup > menu {
  91.   padding-block: 6px !important;
  92. }
  93. :root {
  94.   --arrowpanel-menuitem-padding: 6px 8px !important;
  95. }
  96.  
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.   /** Panel - Icons ***********************************************************/
  111.   /*= Padding ================================================================*/
  112.   :root {
  113.     --arrowpanel-menublank-padding: calc(8px * 2 + 8px) !important;
  114.     --arrowpanel-menuimageblank-padding: calc(5px - 2px) !important;
  115.   }
  116.  
  117.   #downloadsHistory .button-text,
  118.   .subviewbutton > .toolbarbutton-text {
  119.     padding-inline-start: 8px !important;
  120.   }
  121.   .toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-text {
  122.     padding-inline-start: 0 !important;
  123.   }
  124.   #panelMenu_bookmarksMenu .subviewbutton[disabled=true] .toolbarbutton-text,
  125.   #appMenu_historyMenu     .subviewbutton[disabled=true] .toolbarbutton-text {
  126.     padding-inline-start: var(--arrowpanel-menublank-padding) !important;
  127.   }
  128.   #appMenu-proton-update-banner .toolbarbutton-text {
  129.     margin-inline-start: 0 !important;
  130.   }
  131.  
  132.   #appMenu-multiView .subviewbutton::before,
  133.   #appMenu-proton-update-banner::before {
  134.     display: -moz-inline-box;
  135.     margin-inline-end: 8px;
  136.     width:  16px !important;
  137.     height: 16px !important;
  138.   }
  139.   #appMenu-proton-update-banner {
  140.     margin-bottom: 2px !important;
  141.   }
  142.   #appMenu-proton-update-banner::before {
  143.     margin-inline-start: 5px !important;
  144.   }
  145.   #appMenu-fxa-status2,
  146.   #appMenu-zoom-controls2 {
  147.     align-items: center;
  148.     padding-top:    var(--arrowpanel-menuimageblank-padding) !important;
  149.     padding-bottom: var(--arrowpanel-menuimageblank-padding) !important;
  150.   }
  151.   #appMenu-zoom-controls2::before {
  152.     margin-inline-end: 0 !important;
  153.   }
  154.  
  155.   /* Icons Color */
  156.   #appMenu-multiView .subviewbutton::before,
  157.   #appMenu-proton-update-banner::before,
  158.   #downloadsHistory .button-icon,
  159.   .subviewbutton > image {
  160.     fill: currentColor !important;
  161.     fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
  162.     -moz-context-properties: fill !important;
  163.   }
  164.   #appMenu-zoomReduce-button2 > .toolbarbutton-icon,
  165.   #appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
  166.     stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
  167.     -moz-context-properties: fill, stroke !important;
  168.   }
  169.   #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon, #appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon {
  170.     stroke: var(--button-hover-bgcolor) !important;
  171.   }
  172.  
  173.   .subviewbutton[disabled=true] > image {
  174.     /* Ghost icons when disabled */
  175.     opacity: 0.4;
  176.   }
  177.  
  178.   /*= Panel - Main ===========================================================*/
  179.   #appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon {
  180.     display: -moz-inline-box !important;
  181.     margin-inline-start: 8px;
  182.     -moz-box-ordinal-group: 0 !important;
  183.   }
  184.  
  185.   #appMenu-proton-update-banner::before {
  186.     content: url(chrome://browser/skin/whatsnew.svg);
  187.   }
  188.   #appMenu-fxa-status2::before { /* Don't exist img tag */
  189.     content: url(chrome://browser/skin/fxa/avatar-empty.svg);
  190.   }
  191.   #appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed])::before {
  192.     display: none;
  193.   }
  194.   #appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed]) #appMenu-fxa-label2::before {
  195.     /* url("https://profile.accounts.firefox.com/v1/avatar/a") */
  196.     content: '';
  197.     border-radius: 50% !important;
  198.     background-size: 16px !important;
  199.     background-image: var(--avatar-image-url) !important;
  200.   }
  201.  
  202.   #appMenu-new-tab-button2 {
  203.     list-style-image: url(chrome://browser/skin/new-tab.svg);
  204.   }
  205.   #appMenu-new-window-button2 {
  206.     list-style-image: url(chrome://browser/skin/window.svg);
  207.   }
  208.   #appMenu-new-private-window-button2 {
  209.     list-style-image: url(chrome://browser/skin/privateBrowsing.svg);
  210.   }
  211.  
  212.   #appMenu-bookmarks-button{
  213.     list-style-image: url(chrome://browser/skin/bookmark.svg);
  214.   }
  215.   #appMenu-history-button {
  216.     list-style-image: url(chrome://browser/skin/history.svg);
  217.   }
  218.   #appMenu-downloads-button {
  219.     list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
  220.   }
  221.   #appMenu-passwords-button {
  222.     list-style-image: url(chrome://browser/skin/login.svg);
  223.   }
  224.   #appMenu-extensions-themes-button {
  225.     list-style-image: url(chrome://mozapps/skin/extensions/extension.svg);
  226.   }
  227.  
  228.   #appMenu-print-button2 {
  229.     list-style-image: url(chrome://global/skin/icons/print.svg);
  230.   }
  231.   #appMenu-save-file-button2 {
  232.     list-style-image: url(chrome://browser/skin/save.svg);
  233.   }
  234.   #appMenu-find-button2 {
  235.     list-style-image: url(chrome://global/skin/icons/search-glass.svg);
  236.   }
  237.   #appMenu-zoom-controls2::before {
  238.     content: url(./icons/screenshot.svg);
  239.   }
  240.  
  241.   #appMenu-settings-button {
  242.     list-style-image: url(chrome://global/skin/icons/settings.svg);
  243.   }
  244.   #appMenu-more-button2 {
  245.     list-style-image: url(chrome://browser/skin/ion.svg);
  246.   }
  247.   #appMenu-help-button2 {
  248.     list-style-image: url(chrome://global/skin/icons/help.svg);
  249.   }
  250.  
  251.   #appMenu-quit-button2 {
  252.     list-style-image: url(./icons/quit.svg);
  253.   }
  254.  
  255.   /*= Panel - Account ========================================================*/
  256.   #PanelUI-fxa-menu-connect-device-button  .toolbarbutton-icon,
  257.   #PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon {
  258.     width:  16px !important;
  259.     height: 16px !important;
  260.   }
  261.  
  262.   /* Default */
  263.   #fxa-menu-avatar {
  264.     display: -moz-inline-box !important;
  265.     margin-inline-end: 8px;
  266.   }
  267.  
  268.   .syncNowBtn {
  269.     visibility: visible !important;
  270.     -moz-box-ordinal-group: 1 !important;
  271.     margin-inline-end: 8px;
  272.   }
  273.   #PanelUI-fxa-menu-setup-sync-button {
  274.     list-style-image: url(chrome://browser/skin/sync.svg);
  275.   }
  276.  
  277.   #PanelUI-fxa-menu-connect-device-button {
  278.     list-style-image: url(chrome://browser/skin/fxa/add-device.svg);
  279.   }
  280.   #PanelUI-fxa-menu-sendtab-button {
  281.     list-style-image: url(./icons/send-to-device.svg);
  282.   }
  283.   #PanelUI-fxa-menu-sync-prefs-button,
  284.   #PanelUI-remotetabs-view-managedevices {
  285.     list-style-image: url(chrome://global/skin/icons/settings.svg);
  286.   }
  287.   #PanelUI-fxa-menu-account-signout-button {
  288.     list-style-image: url(./icons/sign-out.svg);
  289.   }
  290.  
  291.   .PanelUI-remotetabs-notabsforclient-label {
  292.     margin-inline-start: calc(8px + 5px) !important;
  293.     padding-inline-start: var(--arrowpanel-menublank-padding) !important;
  294.   }
  295.  
  296.   /* Change Separator */
  297.   #PanelUI-fxa-menu::before{
  298.     content: "";
  299.     display: -moz-box;
  300.     border-bottom: 1px solid var(--panel-separator-color);
  301.     margin: var(--panel-separator-margin);
  302.     padding: 0;
  303.   }
  304.   #PanelUI-fxa-menu > :first-child{
  305.     -moz-box-ordinal-group: 0;
  306.   }
  307.   #PanelUI-sign-out-separator {
  308.     display: none;
  309.   }
  310.   .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] {
  311.     list-style-image: url(./icons/send-to-device.svg);
  312.   }
  313.   .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) {
  314.     list-style-image: url(chrome://global/skin/icons/settings.svg);
  315.   }
  316.  
  317.   /*= Panel - Bookmark =======================================================*/
  318.   #panelMenuBookmarkThisPage {
  319.     list-style-image: url(chrome://browser/skin/bookmark-hollow.svg);
  320.   }
  321.   panelMenuBookmarkThisPage[starred] {
  322.     list-style-image: url(chrome://browser/skin/bookmark.svg);
  323.   }
  324.  
  325.   #panelMenu_searchBookmarks {
  326.     list-style-image: url(chrome://global/skin/icons/search-glass.svg);
  327.   }
  328.   #panelMenu_viewBookmarksToolbar {
  329.     list-style-image: url(chrome://browser/skin/bookmarks-toolbar.svg);
  330.   }
  331.  
  332.   #panelMenu_showAllBookmarks {
  333.     list-style-image: url(chrome://browser/skin/bookmark-star-on-tray.svg);
  334.   }
  335.  
  336.   /*= Panel - History ========================================================*/
  337.   #appMenuRecentlyClosedTabs {
  338.     list-style-image: url(chrome://browser/skin/tab.svg);
  339.   }
  340.   #appMenuRecentlyClosedWindows {
  341.     list-style-image: url(chrome://browser/skin/window.svg);
  342.   }
  343.   #appMenuRestoreSession {
  344.     list-style-image: url(./icons/restore-session.svg);
  345.   }
  346.   #appMenuClearRecentHistory {
  347.     list-style-image: url(chrome://browser/skin/forget.svg);
  348.   }
  349.  
  350.   #PanelUI-historyMore {
  351.     list-style-image: url(chrome://browser/skin/history.svg);
  352.   }
  353.  
  354.   #appMenu-library-recentlyClosedTabs {
  355.     list-style-image: url(./icons/movetowindow-16.svg);
  356.   }
  357.   #appMenu-library-recentlyClosedWindows {
  358.     list-style-image: url(./icons/restore-session.svg);
  359.   }
  360.  
  361.   /*= Panel - More tools =====================================================*/
  362.   #appmenu-moreTools-button {
  363.     list-style-image: url(chrome://browser/skin/customize.svg);
  364.   }
  365.  
  366.   #appmenu-developer-tools-view  .subviewbutton:nth-child(1) {  /* Web Developer Tools */
  367.     list-style-image: url(chrome://browser/skin/developer.svg);
  368.   }
  369.   #appmenu-developer-tools-view  .subviewbutton:nth-child(2) {  /* Task Manager */
  370.     list-style-image: url(./icons/performance.svg);
  371.   }
  372.   #appmenu-developer-tools-view  .subviewbutton:nth-child(3) {  /* Remote Debugging - Edge bug.svg */
  373.     list-style-image: url(./icons/bug.svg);
  374.   }
  375.   #appmenu-developer-tools-view  .subviewbutton:nth-child(4) {  /* Browser Toolbox - Edge webdeveloper.svg */
  376.     list-style-image: url(./icons/webdeveloper.svg);
  377.   }
  378.   #appmenu-developer-tools-view  .subviewbutton:nth-child(5) {  /* Browser Content Toolbaox -  */
  379.     list-style-image: url(./icons/command-frames.svg);
  380.   }
  381.   #appmenu-developer-tools-view  .subviewbutton:nth-last-child(5) {  /* Browser Console */
  382.     list-style-image: url(chrome://devtools/skin/images/command-console.svg);
  383.   }
  384.   #appmenu-developer-tools-view  .subviewbutton:nth-last-child(4) {  /* Responsive Design Mode */
  385.     list-style-image: url(./icons/command-responsivemode.svg);
  386.   }
  387.   #appmenu-developer-tools-view  .subviewbutton:nth-last-child(3) {  /* Eyedropper */
  388.     list-style-image: url(chrome://devtools/skin/images/command-eyedropper.svg);
  389.   }
  390.   #appmenu-developer-tools-view  .subviewbutton:nth-last-child(2) {  /* Page Source - Edge file-search.svg */
  391.     list-style-image: url(./icons/search-file.svg);
  392.   }
  393.   #appmenu-developer-tools-view  .subviewbutton:nth-last-child(1) { /* Extensions for Devel */
  394.     list-style-image: url(chrome://devtools/skin/images/debugging-addons.svg);
  395.   }
  396.   #appmenu-developer-tools-view .subviewbutton:last-child {
  397.     margin-bottom: 6px !important;
  398.   }
  399.  
  400.   /*= Panel - Help ===========================================================*/
  401.   #appMenu_menu_openHelp {
  402.     list-style-image: url(chrome://global/skin/icons/help.svg);
  403.   }
  404.   #appMenu_feedbackPage {
  405.     list-style-image: url(./icons/send.svg);
  406.   }
  407.   #appMenu_helpSafeMode {
  408.     list-style-image: url(chrome://devtools/skin/images/debugging-workers.svg);
  409.   }
  410.   #appMenu_troubleShooting {
  411.     list-style-image: url(chrome://global/skin/icons/more.svg);
  412.   }
  413.   #appMenu_help_reportSiteIssue {
  414.     list-style-image: url(chrome://global/skin/icons/lightbulb.svg);
  415.   }
  416.   #appMenu_menu_HelpPopup_reportPhishingtoolmenu {
  417.     list-style-image: url(chrome://global/skin/icons/warning.svg);
  418.   }
  419.   #appMenu_aboutName{
  420.     list-style-image: url(chrome://global/skin/icons/info.svg);
  421.   }
  422.  
  423.   /*= Panel - Library ========================================================*/
  424.   #appMenu-library-bookmarks-button {
  425.     list-style-image: url(chrome://browser/skin/bookmark.svg);
  426.   }
  427.   #appMenu-library-history-button {
  428.     list-style-image: url(chrome://browser/skin/history.svg);
  429.   }
  430.   #appMenu-library-downloads-button{
  431.     list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
  432.   }
  433.  
  434.   /*= Panel - Downloads ======================================================*/
  435.   #downloadsHistory {
  436.     list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
  437.   }
  438.   #downloadsHistory .box-inherit.button-box {
  439.     display: -moz-inline-box !important;
  440.   }
  441.  
  442.   /*= Toolbar - Overflow Menu ================================================*/
  443.   #overflowMenu-customize-button {
  444.     list-style-image: url(chrome://browser/skin/customize.svg);
  445.   }
  446.  
  447.   /*= Tabbar - All Tab Menu ==================================================*/
  448.   #allTabsMenu-undoCloseTab {
  449.     list-style-image: url(chrome://global/skin/icons/undo.svg);
  450.   }
  451.   #allTabsMenu-searchTabs {
  452.     list-style-image: url(chrome://global/skin/icons/search-glass.svg);
  453.   }
  454.   #allTabsMenu-containerTabsButton {
  455.     list-style-image: url(./icons/container-openin-16.svg);
  456.   }
  457.  
  458.   #allTabsMenu-hiddenTabsButton {
  459.     list-style-image: url(./icons/password-hide.svg);
  460.   }
  461.  
  462.   #allTabsMenu-containerTabsView .subviewbutton:last-child {
  463.     list-style-image: url(chrome://global/skin/icons/settings.svg);
  464.   }
  465.  
  466.   /*= BMB_bookmarksPopup =====================================================*/
  467.   #BMB_viewBookmarksSidebar {
  468.   }
  469.   #BMB_bookmarksShowAllTop,
  470.   #BMB_bookmarksShowAll {
  471.     --menuitem-image: url(chrome://browser/skin/bookmark-star-on-tray.svg);
  472.   }
  473.   #BMB_bookmarksToolbar {
  474.     --menuitem-image: url(chrome://browser/skin/bookmarks-toolbar.svg);
  475.   }
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!