API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 16th, 2019
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.51 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. /* Onglets en dessous la barre d'adresse */
  5. @import "./tabs_below_navigation_toolbar.css";
  6.  
  7. /* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
  8. #titlebar {
  9. -moz-box-ordinal-group: 100 !important;
  10. }
  11.  
  12. /* space above tabs toolbar */
  13. #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
  14. margin-top: -7px !important;
  15. margin-left: 0px;
  16. margin-right: 0px !important;
  17. }
  18. #main-window[tabsintitlebar][sizemode="normal"] * #titlebar {
  19. margin-top: -0px !important;
  20. margin-left: 0px;
  21. }
  22. #main-window[tabsintitlebar][sizemode="fullscreen"] * #titlebar {
  23. margin-left: 4px;
  24. }
  25.  
  26. /* space for menubar above navigation toolbar (Firefox titlebar) */
  27. #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
  28. margin-top: 0px !important;
  29. }
  30. #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
  31. margin-top: 26px !important;
  32. }
  33.  
  34. /* add 'drag' feature to space above navigation toolbar */
  35. #main-window[tabsintitlebar] #navigator-toolbox,
  36. #main-window[tabsintitlebar] #nav-bar {
  37. -moz-window-dragging: drag !important;
  38. }
  39.  
  40. /* Windows */
  41. @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  42.  
  43. /* set to '0', if no menubar is used */
  44. #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
  45. margin-top: 18px !important;
  46. }
  47. /* set to '0', if no menubar is used */
  48. #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
  49. margin-top: 8px !important;
  50. margin-left: 34px !important;
  51. }
  52. #main-window[tabsintitlebar][sizemode="fullscreen"] #nav-bar {
  53. margin-top: 1px !important;
  54. margin-left: 34px !important;
  55. }
  56. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
  57. top: 8px !important;
  58. }
  59. #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  60. top: 0px !important;
  61. }
  62. #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
  63. top: 8px !important;
  64. }
  65. }
  66.  
  67.  
  68. /* hide line above navigation toolbar appearing in some cases */
  69. #main-window:not([tabsintitlebar]) #nav-bar,
  70. #main-window:not([tabsintitlebar]) #navigator-toolbox {
  71. border-top: 0 !important;
  72. box-shadow: unset !important;
  73. }
  74.  
  75. /* make sure button icon colors set correctly */
  76. #main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
  77. #main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  78. fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  79. color: var(--classic_squared_tabs_new_tab_icon_color) !important;
  80. }
  81.  
  82. /* tweaks for fullscreen mode */
  83. #main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
  84. -moz-padding-start: 0px !important;
  85. }
  86. /* tweaks for fullscreen mode */
  87. #main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
  88. #main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,
  89. #main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
  90. #main-window #TabsToolbar #window-controls {
  91. display: none !important;
  92. }
  93.  
  94. /* hide non-required items */
  95. #TabsToolbar .private-browsing-indicator,
  96. #TabsToolbar #window-controls,
  97. #TabsToolbar *[type="caption-buttons"],
  98. #TabsToolbar *[type="pre-tabs"],
  99. #TabsToolbar *[type="post-tabs"] {
  100. display: none !important;
  101. }
  102.  
  103. /* Windows 10 extra tweaks */
  104. @media (-moz-os-version: windows-win10) {
  105. #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  106. #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
  107. background-color: Highlight !important;
  108. color: HighlightText !important;
  109. }
  110. }
  111.  
  112. /* disable Mozillas tab jumping nonsense when moving tabs */
  113. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  114. padding-bottom: unset !important;
  115. }
  116. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  117. padding-bottom: unset !important;
  118. margin-bottom: unset !important;
  119. }
  120. #navigator-toolbox[movingtab] > #nav-bar {
  121. margin-top: unset !important;
  122. }
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129. /* Leaves space for the window buttons */
  130. #nav-bar {
  131. margin-top: -18px;
  132. margin-right: 0px;
  133. margin-left: 35px;
  134. margin-bottom: -0px;
  135. }
  136. #TabsToolbar {
  137. height: 27px !important;
  138. }
  139.  
  140.  
  141.  
  142. /* Croix de fermeture sur les onglets inactifs */
  143. .tab-close-button:not([selected]) {
  144. color: grey!important;
  145. }
  146.  
  147.  
  148.  
  149. /* Croix Rouge sur onglet actif */
  150. .tab-close-button {
  151. color: red!important;
  152. }
  153.  
  154.  
  155.  
  156. /* Position bouton minimiser / maximiser / fermer FF */
  157. #TabsToolbar > .titlebar-buttonbox-container{ display: none; }
  158.  
  159.  
  160.  
  161. /* Changer la couleur de l'onglet actif (ok FF66 03.04.19) */
  162. .tab-background[selected="true"]
  163. {
  164. background-attachment: none!important;
  165. background-color: #FFFD !important;
  166. background-image: none!important;
  167. }
  168.  
  169.  
  170.  
  171. /* Afficher en gras le texte de l'onglet courant */
  172. #TabsToolbar .tabbrowser-tab[selected] {
  173. color: black !important;
  174. font-weight: bold !important;
  175. }
  176.  
  177.  
  178.  
  179. /* Couleur de la ligne supérieur sur l'onglet actif */
  180. #tabbrowser-tabs {
  181. --tab-line-color: blue !important;
  182. }
  183.  
  184.  
  185.  
  186. /* Taille de la barre d'adresse */
  187. #nav-bar {
  188. height: 27px !important; /* don't go lower than 30 */
  189. }
  190. #urlbar {
  191. border: 0px solid #59444b !important;
  192. margin-top: 2px!important;
  193. font-size:13px!important;
  194. font-weight: bold !important;
  195. margin-left: 13px !important;
  196. margin-right: 0px !important;
  197. width: 730px !important;
  198. padding: 0px !important; */
  199. }
  200.  
  201.  
  202.  
  203. /* Barre de recherche CTRL-F en haut et réduite */
  204. .browserContainer > findbar {
  205. margin-right: 734px !important;
  206. margin-left: 30px !important;
  207. -moz-box-ordinal-group: 0;
  208. }
  209.  
  210.  
  211.  
  212. /* Couleur texte onglet actif */
  213. .tabbrowser-tab[selected] .tab-label {
  214. color: blue !important;
  215. }
  216. /* text shadow */
  217. .tabbrowser-tab[selected] .tab-label {
  218. text-shadow: 0px 1px 0px white,
  219. 0px 1px 4px white !important;
  220. }
  221. /*bold*/
  222. .tabbrowser-tab[selected] .tab-label {
  223. font-weight: bold !important;
  224. }
  225. /* italic *//*
  226. .tabbrowser-tab[selected] .tab-label {
  227. font-style: italic !important;
  228. }
  229.  
  230.  
  231.  
  232. /* Masquer le bouton zoom dans la barre d'adresse */
  233. #urlbar-container #urlbar-zoom-button{
  234. visibility: collapse !important;
  235. }
  236.  
  237.  
  238.  
  239. /* Supprimer la limitation de largeur de la barre latérale */
  240. #sidebar,
  241. #sidebar-header,
  242. #sidebar-box {
  243. overflow: hidden !important;
  244. min-width: 0px !important;
  245. max-width: 1234px !important;
  246. }
  247.  
  248.  
  249.  
  250. /* Déplacer le bouton de menu Hamburger */
  251. #PanelUI-button {
  252. -moz-box-ordinal-group: 0;
  253. border-left: none !important;
  254. position: absolute;
  255. }
  256. :root[uidensity=compact]
  257. #PanelUI-button {
  258. margin-top: 0px;
  259. margin-left: -31px;
  260. }
  261. #PanelUI-button {
  262. margin-top: -30px;
  263. }
  264. :root[uidensity=touch] #PanelUI-button {
  265. margin-top: -36px;
  266. }
  267. #TabsToolbar {
  268. /* Ensure the padding is always present even when maximized */
  269. padding-inline-start: 4px !important;
  270. }
  271.  
  272.  
  273.  
  274. /* Masquer le bouton de fermeture des onglets, apparait au survol de la souris */
  275. .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
  276. visibility: collapse !important;
  277. }
  278. .tabbrowser-tab:not([pinned]):hover .tab-close-button {
  279. visibility: visible !important;
  280. display: block !important;
  281. }
  282.  
  283.  
  284.  
  285. /* Longueur min et max des onglets */
  286. :root {
  287. --tab_min_width: 157px;
  288. --tab_max_width: 157px;
  289. /* use 'about:config > browser.tabs.tabMinWidth' for tab min-width */
  290. }/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width */
  291. /*
  292. .tabbrowser-tab:not([pinned]) {
  293. min-width: var(--tab_min_width) !important;
  294. clip-width: var(--tab_min_width) !important;
  295. }
  296. */
  297. /* tab max-width */
  298. #tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
  299. max-width: var(--tab_max_width) !important;
  300. overflow: hidden !important;
  301. }
  302.  
  303.  
  304.  
  305. /* Taille boutons back and forward */
  306. #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon, #back-button, #back-button .toolbarbutton-icon:hover, #back-button .toolbarbutton-icon, #forward-button .toolbarbutton-icon, #forward-button {
  307. border-radius: 0px !important;
  308. background: transparent !important;
  309. background-color: transparent !important;
  310. border: 0px solid #000 !important;
  311. margin-left: 4px; !important;
  312. margin-top: -2px; !important;
  313. padding: 2px !important;
  314. box-shadow: none !important;
  315. background-color: var(--url-bg) !important;
  316. max-width: 21px !important;
  317. }
  318.  
  319.  
  320.  
  321. /* Bouton nouvel onglet, marge */
  322. .tabs-newtab-button {
  323. margin-left: 3px !important;
  324. }
  325.  
  326.  
  327.  
  328. /* Bouton nouvel onglet */
  329. .tabs-newtab-button .toolbarbutton-icon {
  330. min-width: 0px !important;
  331. background-color: var(--url-bg) !important;
  332. min-height: 0px !important;
  333. width: 16px !important;
  334. height: 16px !important;
  335. margin: 0px !important;
  336. margin-bottom: 0px !important;
  337. margin-left: 1px !important;
  338. padding: 1px !important;
  339. box-shadow: unset !important;
  340. }
  341.  
  342.  
  343.  
  344. /* Couleur bouton Add-ons */
  345. #add-ons-button {
  346. fill: grey !important;
  347. margin-bottom: 3px !important;
  348. margin-left: 3px !important;
  349. }
  350.  
  351.  
  352.  
  353. /* Fix Hauteur barre personnelle et centrage des favoris */
  354. #personal-bookmarks {
  355. display: block;
  356. }
  357. #personal-bookmarks #PlacesToolbar {
  358. text-align: center !important;
  359. margin-top: 6px; !important;
  360. display: block;
  361. min-height: 21px;
  362. overflow-x: hidden;
  363. overflow-y: auto;
  364. max-height: 21px;
  365. }
  366.  
  367.  
  368.  
  369. /* Supprimer pop up affichage plein écran sur YouTube */
  370. #fullscreen-warning { display: none !important; }
  371.  
  372.  
  373.  
  374.  
  375. /* Bouton liste onglets ouverts */
  376. #alltabs-button{
  377. visibility: visible !important;
  378. }
  379.  
  380.  
  381.  
  382. /* Cacher la barre personnelle en mode maximized */
  383. #main-window[tabsintitlebar][sizemode="maximized"] * #PersonalToolbar{
  384. display: none !important; }
  385.  
  386.  
  387.  
  388. /* Couleurs de l'onglet au passage de la souris */
  389. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  390.  
  391. .tabbrowser-tab:not([selected]):hover .tab-content { /* highlight on mouseover */
  392. background-color:#f6f6f6 !important;
  393. color: #0233fc !important;
  394. font-weight: bold !important;
  395. font-size: 11.5px !important;
  396. }
  397.  
  398.  
  399.  
  400. /* Barre d'onglets sur plusieurs lignes */
  401. :root{
  402. --multirow-n-rows: 3;
  403. --multirow-tab-min-width: 147px;
  404. --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
  405. }
  406.  
  407. #tabbrowser-tabs{
  408. min-height: unset !important;
  409. padding-inline-start: 0px !important;
  410. }
  411.  
  412. /* Test for Firefox > 66 */
  413. @supports (inset-block:auto){
  414. #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
  415. display: flex;
  416. flex-wrap: wrap;
  417. overflow-y: auto;
  418. max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
  419. scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
  420. scrollbar-width: thin;
  421. }
  422. #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
  423. overflow: -moz-hidden-unscrollable;
  424. display: block;
  425. }
  426. }
  427.  
  428. /* Test for Firefox < 66 */
  429. @supports not (inset-block:auto){
  430. #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
  431. min-height: unset !important;
  432. }
  433. #tabbrowser-tabs .scrollbox-innerbox{
  434. display: flex;
  435. flex-wrap: wrap;
  436. }
  437. #tabbrowser-tabs .arrowscrollbox-scrollbox {
  438. overflow: -moz-hidden-unscrollable;
  439. display: block;
  440. }
  441. }
  442.  
  443. .tabbrowser-tab{ height: var(--tab-min-height); }
  444. #tabbrowser-tabs .tabbrowser-tab[pinned]{
  445. position: static !important;
  446. margin-inline-start: 0px !important;
  447. }
  448.  
  449. .tabbrowser-tab[fadein]:not([pinned]){
  450. min-width: var(--multirow-tab-min-width) !important;
  451. flex-grow: var(--multirow-tab-dynamic-width);
  452. /* Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
  453. Don't set to none or you'll see errors in console when closing tabs */
  454.  
  455. /*max-width: 100vw !important;*/
  456. }
  457.  
  458. .tabbrowser-tab > stack{ width: 100%; height: 100% }
  459.  
  460. #tabbrowser-tabs .scrollbutton-up,
  461. #tabbrowser-tabs .scrollbutton-down,
  462. #alltabs-button,
  463. :root:not([customizing]) #TabsToolbar #new-tab-button,
  464. #tabbrowser-tabs spacer,
  465. .tabbrowser-tab::after{ display: none !important
  466. }
  467.  
  468.  
  469.  
  470.  
  471. /* Barre d'onglets - bordure droite et gauche */
  472. #tabbrowser-tabs .tabbrowser-tab {
  473. border-left-width: 1px !important;
  474. border-left-style: outset;
  475. border-right-width: 1px !important;
  476. border-right-style: outset;
  477. }
  478.  
  479.  
  480.  
  481. /* Barre d'onglets - Hauteur mini et maxi */
  482. .tabbrowser-tab:not([pinned]) {
  483. min-height: 27px !important;
  484. max-height: 27px !important;
  485. }
  486.  
  487.  
  488.  
  489. /* Barre d'onglets - bordure en bas et en haut */
  490. .tabs-newtab-button,
  491. .tabbrowser-tab {
  492. border-top: 0px solid var(--tabs-border-color) !important;
  493. border-bottom: 1px outset var(--tabs-border-color) !important;
  494. }
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!