firefox/chrome/userChrome.css

   1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   2
   3 /*** userChrome.js ***
   4  * https://github.com/Sporif/firefox-quantum-userchromejs
   5  * Copyright (c) 2017 Haggai Nuchi
   6  * Available for use under the MIT License:
   7  * https://opensource.org/licenses/MIT
   8  */
   9 #PanelUI-menu-button {
  10     -moz-binding: url("userChrome.xml#js");
  11 }
  12
  13
  14 /*** Settings ***/
  15 window {
  16     --statusbar-height: 20px;
  17 }
  18
  19 /*** Misc rules ***/
  20 /* Adjust padding from sidebar header */
  21 #sidebar-header {
  22     padding: 0 3px !important;
  23 }
  24
  25 /*** Tabs ***/
  26 /* Hide tab bar */
  27 window:not([tabsintitlebar="true"]):not([customizing])
  28   /* #navigator-toolbox:not(:hover):not(:focus-within) */
  29   #TabsToolbar {
  30     visibility: collapse;
  31 }
  32 /* Hide tabs when in titlebar */
  33 window[tabsintitlebar="true"]:not([customizing])
  34   /* #navigator-toolbox:not(:hover):not(:focus-within) */
  35   #TabsToolbar {
  36     opacity: 0;
  37     pointer-events: none;
  38 }
  39
  40 /*** Bottom bookmarks/personal toolbar ***/
  41 /* Adjust window size */
  42 window:not([inFullscreen="true"]) {
  43     margin-bottom: calc(var(--statusbar-height) + 1px);
  44 }
  45 /* Move toolbar */
  46 window:not([inFullscreen="true"]) #PersonalToolbar
  47 {
  48     position: fixed;
  49     bottom: 0;
  50     width: 100%;
  51     height: var(--statusbar-height);
  52 }
  53 /* Move statuspanel to bar */
  54 /* XXX: opacity and collapse not really needed, just need to remove transitions
  55  * TODO: add box shadow to left of bar
  56  * XXX: :hover doesn't fire because pointer disabled in xul?
  57  */
  58 window:not([inFullscreen="true"]) #statuspanel:not(:hover) {
  59     bottom: 0 !important;
  60     offset-inline-start: auto;
  61     offset-inline-end: 0;
  62     margin-top: 0 !important;
  63     max-width: 100% !important;
  64     /* TODO: breaks it? thankfully fits as-is */
  65     /* height: var(--statusbar-height) !important; */
  66     opacity: 1 !important;
  67 }
  68 window:not([inFullscreen="true"]) #statuspanel-label {
  69     margin: 0 !important;
  70     border: none !important;
  71     box-shadow: -5px 0 2px -2px var(--toolbar-bgcolor);
  72 }
  73 window:not([inFullscreen="true"]) #statuspanel[inactive] {
  74     visibility: collapse;
  75 }
  76
  77 /*** Tree Style Tabs */
  78 /* Hide sidebar with one tab */
  79 #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
  80     transition: all 0.2s ease;
  81 }
  82 #main-window[titlepreface="[1] "]
  83   #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:not(:hover) {
  84     z-index: 2 !important;
  85     overflow: hidden;
  86     min-width: 30px !important;
  87     max-width: 30px !important;
  88 }
  89