Guest User

Untitled

a guest
Jun 3rd, 2021
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.33 KB | None | 0 0
  1.  
  2. /*Afficher en gras le texte de l'onglet courant*/
  3.   #TabsToolbar .tabbrowser-tab[selected] {
  4.     /*color: black !important;*/
  5.     font-weight: bold !important;
  6. }
  7.  
  8.  
  9. /*inverser la couleur du tooltip status*/
  10. #statuspanel-label {
  11.   background: black !important;
  12.   color: white !important }
  13.  
  14. /*virer la marge du texte du volet lateral*/
  15. #sidebar-header {
  16.   margin-top: -9px !important;
  17.   margin-bottom: -15px !important;
  18. }
  19.  
  20.  /*Apparence du texte des onglets non chargés*/
  21. .tabbrowser-tab[pending] .tab-label{
  22. color: grey !important;
  23. /*font-weight: bold; !important;*/
  24. font-style: italic !important;
  25.   }
  26.  
  27. /* Supprimer la limitation de largeur de la barre latérale */
  28.     #sidebar,
  29.     #sidebar-header,
  30.     #sidebar-box {
  31.     overflow: hidden !important;
  32.     min-width: 0px !important;
  33.     max-width: 1000px !important;
  34.     }
  35.    
  36. /*** Undo "Close Tab Options" ***/
  37.  
  38.   /* Hide "Close Tab Options" menu */
  39.  
  40.   #context_closeTabOptions {
  41.  
  42.     display: none !important;
  43.  
  44.   }
  45.  
  46.   /* Move "Close Tab Options" items from extensions up to old positions */
  47.  
  48.   #context_undoCloseTab,
  49.  
  50.   #context_undoCloseTab ~ * {
  51.  
  52.     -moz-box-ordinal-group: 2;
  53.  
  54.   }
  55.  
  56.   #_08fb86c7-5590-40b1-ba0f-22917b9a5faf_-menuitem-_close_left,
  57.  
  58.   #_588c6fa6-14f9-4826-b769-71a305c80bbb_-menuitem-_close_right,
  59.  
  60.   #_a02f4411-7950-4b43-abcd-23a01a9ce719_-menuitem-_close_other_tabs {
  61.  
  62.     -moz-box-ordinal-group: 1;
  63.  
  64.   }
  65.  
  66. /*** End of: Undo "Close Tab Options" ***/
  67.  
  68.  
  69.     /* context-menu : hide */
  70.  /* #context_reloadTab,
  71.     #context_toggleMuteTab,
  72.     #context_pinTab,
  73.     #context_unpinTab,
  74.     #context_duplicateTab,
  75.     #context_openTabInWindow,
  76.     #context_closeOtherTabs,
  77.     #context_undoCloseTab,
  78.     #context_closeTab,
  79.     #context_closeTabsToTheEnd,
  80.     #context_reloadAllTabs,
  81.     #context_sendTabToDevice_separator,
  82.     #context_sendTabToDevice,*/
  83.     #context_reopenInContainer,
  84.     #context_bookmarkAllTabs,
  85.     #context_bookmarkTab,
  86.     #context_moveTabOptions,
  87.     #context-sendimage {
  88.     display: none !important
  89.         }
  90.  
  91. /* menu contextuel en blanc */     
  92. menupopup{
  93.   --menuitem-hover-background-color: #e0e0e6 !important;
  94.   --menu-background-color: #f9f9fb !important;
  95.   --menu-color: #15141a !important;
  96.   --menuitem-disabled-hover-background-color: rgba(224, 224, 230, 0.4) !important;
  97.   --menu-disabled-color: rgba(21, 20, 26, 0.4) !important;
  98.   --menu-border-color: #cfcfd8!important;
  99.   --menu-icon-opacity: 0.7 !important;
  100. }
  101.  
  102.  
  103.  
  104. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/compact_proton.css made available under Mozilla Public License v. 2.0
  105. See the above repository for updates as well as full license text. */
  106.  
  107. /* Small changes to make proton roughly as compact as the old compact mode */
  108.  
  109. :root{
  110.   --toolbarbutton-inner-padding: 6px !important;
  111.   --proton-tab-block-margin: 2px !important;
  112.   --tabs-shadow-size: 0px !important;
  113.   --arrowpanel-menuitem-padding: 5px !important;
  114.   --panel-font-size: inherit !important;
  115.   --arrowpanel-padding: 0.8em !important;
  116.   --inline-tab-padding: 8px !important; /* 8px is default value since it looks good - lower values compactify tabs horizontally */
  117. }
  118. .subviewbutton.bookmark-item{ padding-block: 4px !important; }
  119. .subview-subheader{ display: -moz-box }
  120. menupopup > menuitem,
  121. menupopup > menu{ padding-block: 0.3em !important; }
  122.  
  123. #urlbar-background{ margin-block: 1px }
  124.  
  125. /* This is kinda weird, but it makes the horizontal line between tabs and nav-bar render "inside" nav-bar thus tabs are more visibily separated even if there is less space there */
  126. #nav-bar{
  127.   box-shadow: inset 0 var(--tabs-shadow-size) 0 var(--tabs-border-color) !important;
  128. }
  129.  
  130. .tab-close-button{
  131.   margin-inline-start: 0px !important;
  132.   width: 20px !important;
  133.   height: 20px !important;
  134.   padding: 5px !important;
  135. }
  136.  
  137. #tabbrowser-tabs{ --uc-tabs-scrollbutton-border: 2px }
  138. #scrollbutton-up,
  139. #scrollbutton-down{ border-block-width: var(--uc-tabs-scrollbutton-border,0px) !important; }
  140.  
  141. /* OPTIONAL - show audio label in compact mode and make the audio icon behavior match non-compact mode */
  142.  
  143. .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){ display: -moz-box !important; margin-bottom: 1px }
  144. #TabsToolbar:not(:hover) .tab-icon-image{ opacity: 1 !important; }
  145. #TabsToolbar:not(:hover) .tab-icon-overlay:not([pinned]){ opacity: 0 !important; }
  146.  
  147.  
  148.  
  149. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/iconized_main_menu.css made available under Mozilla Public License v. 2.0
  150. See the above repository for updates as well as full license text. */
  151.  
  152. /* Adds icons to main menu items which were removed in Proton */
  153. #appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
  154. #appMenu-protonMainView > .panel-subview-body > toolbarbutton > image{
  155.   fill: currentColor;
  156.   -moz-context-properties: fill;
  157.   margin-inline: 0 8px !important;
  158. }
  159. #appMenu-new-tab-button2{ list-style-image: url("chrome://browser/skin/new-tab.svg") }
  160. #appMenu-new-window-button2{ list-style-image: url("chrome://browser/skin/window.svg") }
  161. #appMenu-new-private-window-button2{ list-style-image: url("chrome://browser/skin/privateBrowsing.svg") }
  162. #appMenu-bookmarks-button{ list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") }
  163. #appMenu-history-button{ list-style-image: url("chrome://browser/skin/history.svg") }
  164. #appMenu-downloads-button{ list-style-image: url("chrome://browser/skin/downloads/downloads.svg") }
  165. #appMenu-passwords-button{ list-style-image: url("chrome://browser/skin/login.svg") }
  166. #appMenu-extensions-themes-button{ list-style-image: url("chrome://mozapps/skin/extensions/extension.svg") }
  167. #appMenu-print-button2{ list-style-image: url("chrome://global/skin/icons/print.svg") }
  168. #appMenu-save-file-button2{ list-style-image: url("chrome://browser/skin/save.svg") }
  169. #appMenu-find-button2{ list-style-image: url("chrome://global/skin/icons/search-glass.svg") }
  170. #appMenu-settings-button{ list-style-image: url("chrome://global/skin/icons/settings.svg") }
  171. #appMenu-more-button2{ list-style-image: url("chrome://browser/skin/developer.svg") }
  172. #appMenu-help-button2{ list-style-image: url(chrome://global/skin/icons/info.svg) }
  173. #appMenu-quit-button2{ list-style-image: url(chrome://browser/skin/quit.svg) }
  174.  
  175. /* Use account-button icon for signed in sync item */
  176. #appMenu-fxa-status2[fxastatus] > toolbarbutton::before{
  177.   display: -moz-box;
  178.   content: "";
  179.   width: 16px;
  180.   height: 16px;
  181.   background-image: var(--avatar-image-url)
  182. }
  183. /* Add somewhat hacky separator to zoom controls so it looks consistent */
  184. #appMenu-protonMainView > .panel-subview-body::after{
  185.   content: "";
  186.   display: -moz-box;
  187.   border-bottom: 1px solid var(--panel-separator-color);
  188.   margin: var(--panel-separator-margin);
  189. }
  190.  
  191. #appMenu-find-button2 ~ *{
  192.   -moz-box-ordinal-group: 2;
  193. }
  194.  
  195.  
  196.  
  197.  
  198. /* Menu - Reduce Padding */
  199.  :root:not([uidensity=touch]) menupopup > menuitem, menupopup > menu {
  200.    padding-block: 0.05em !important; /* Original: 0.5em */
  201.  }
  202.  :root:not([uidensity=touch]) .menu-text, .menu-iconic-text {
  203.    padding-inline-end: 0 !important; /* Original: 2px */
  204.  }
  205.  :root:not([uidensity=touch]) .menupopup-arrowscrollbox {
  206.    padding-block: 1px !important;    /* Original: 4px*/
  207.  }
  208.  :root:not([uidensity=touch]) #context-navigation:not([hidden]) {
  209.    padding: 0 0 1px !important;      /* Original: 0 0 4px*/
Advertisement
Add Comment
Please, Sign In to add comment