QNX based Firefox UserChrome

gistfile1.txt

/* TABS */

#TabsToolbar {
      /*display: none;*/ 
}


/*full-width tabs*/
#TabsToolbar .tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1 !important;
  min-width: 11em !important;
  max-width: 100% !important;
  max-height: 32px !important;
  min-height: 32px !important;

}

#tabbrowser-tabs tab{
	border-bottom: 1px solid #ccc !important;
}

.tab-background[selected="true"]{
box-shadow: 0 2px 15px #333 !important;
    /* colour bodge - for some reason below actually measures d9d9d9 on active tab  */
    background-color: #d2d2d2 !important;

}

#tabbrowser-tabs tab[selected="true"]{
	border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 0px !important;

}

.tabbrowser-tab[first-visible-tab]::before{
  content: "";
  display: -moz-box;
  /*border-left: none !important;*/
  margin: 0;
}


.tabbrowser-tab[last-visible-tab]::after{
  content: "";
  display: -moz-box;
  border-left: none !important;
  margin: 0;
}



.tab-line {display:none;}
/*.tab-line[selected]{ background-color: #d9d9d9 !important; -moz-box-ordinal-group:2}*/

#tabbrowser-tabs #tabs-newtab-button, #new-tab-button{display:none !important;}

.tab-close-button {visibility: hidden;opacity: 0;height: 0px;width: 0px;}

.tabbrowser-tab .tab-content .tab-icon-image {
   display: none !important; 
}


tab:only-of-type {
    display: none !important;
}

#tabbrowser-tabs, #tabbrowser-arrowscrollbox {
    min-height: 0 !important;
}

#tabbrowser-arrowscrollbox {}
#scrollbutton-down, #scrollbutton-up, #alltabs-button{border-bottom: 0px solid #888 !important}

/* URLBAR */


#urlbar,.browser-toolbar, .megabar {
	background: #d9d9d9 !important;
	border:none !important;
  border-top: 1px solid #f2f2f2!important;
}


#urlbar:not(.megabar), #urlbar.megabar > #urlbar-background{
 	background: #d9d9d9 !important;
	border:none !important;
/*  	border:0 !important; */
}


#urlbar-input-container, #urlbar-container, #urlbar,#urlbar-background {
  background:#d9d9d9;
  border:none !important;
}


#urlbar-input-container {
  /*background:#dfdfdf;*/
  border:none !important;

}


  /* Subtle border between results */
  .urlbarView-row:not(:last-of-type) {
    border-bottom: 1px solid #f2f2f2 !important;
  }


#nav-bar.browser-toolbar {
box-shadow: 0 1px 3px #333 !important;
	border-bottom:none !important;
}

#forward-button, #back-button {display:none;}


/* MEGABAR */
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  /*border-top: 1px solid #656565 !important;
  border-left: 1px solid #656565 !important;
  border-right: 1px solid #656565 !important;*/
/*   box-shadow: 0 2px 5px #656565 !important; */
  width:100% !important;
background:#d9d9d9;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  background: #fff !important; 
  border: 1px solid #fff !important;
  /*box-shadow: 0 3px 10px #656565 !important;*/
  border-image: none !important;

}

/* Increase urlbar width when its open (v2) */
#urlbar[open], #urlbar[focused] {
    /*width: 100vw !important;*/
  /*border-top: 1px solid #888 !important;*/
    /*max-width: calc(100vw - 160px)  !important;*/
}



/* https://www.reddit.com/r/FirefoxCSS/comments/gvfl26/urlbar_megabar_ff77_issue/ */
.urlbarView-body-inner {
  border-top: none !important;
}

/* MENU */
.panel-viewcontainer {box-shadow: 0 2px 15px #000 !important}

.panel-arrow {
  fill: #d9d9d9 !important; 
}
.panel-subview-body,#appMenu-zoomReset-button {
color: #000 !important;
background: #d9d9d9 !important;
border-color:  #888 !important;
}
.subviewbutton.panel-subview-footer {
  background-color: #d9d9d9 !important;
}
.panel-header {
  border-bottom: 1px solid #888 !important;
  background: #d9d9d9 !important; 
}
.panel-subview-footer,[class^="PanelUI-"] {
color: #000 !important;
background: #d9d9d9 !important;
}
.subviewbutton.panel-subview-footer {
  background-color: #d9d9d9 !important;
  border-top: 1px solid #888 !important;
}
:root {
--panel-separator-color: #888 !important;
}



/* CONTEXT MENU */
/* Hide context navigation*/
 /*#context-navigation, #context-sep-navigation{visibility:collapse !important;}*/
/* #context-back, #context-forward, #context-stop, #context-reload, #context-bookmarkpage {visibility: hidden;}
 #context-navigation{height:26px; background-color: #fff !important;} */
[id*=_446900e4-71c2-419f-a6a7-df9c091e268b] {-moz-box-ordinal-group: 2 !important;}
[id*=addon_example_com-menuitem-],[id*=garththechicken_pfuu_com-menuitem-] {-moz-box-ordinal-group: 0 !important; margin-bottom:5px !important;} 
/* [id*=uBlock0_raymondhill_net]{-moz-box-ordinal-group: 0 !important;}
[id*=jid1-BYcQOfYfmBMd9A@jetpack]{-moz-box-ordinal-group: 0 !important;} */

  /*#context-navigation {-moz-box-ordinal-group: 2 !important;}*/

#context-navigation{visibility:collapse !important;}

menuitem[label*= "~#~"] {
/*   text-decoration: underline !important; */
  font-weight:700 !important; 
  color: #900009 !important;
}

menuitem[label*= "~#~"]:hover {
  color: #fff !important;
}


#contentAreaContextMenu{/*padding-top:6px !important;*//*padding-bottom:6px !important;*/}
/* #contentAreaContextMenu > menuitem {margin: 6px !important;} */


#nav-bar {
 /*  min-height: 0px !important;
  max-height: 0px !important;
transition: all 300ms ease 300ms !important;   */
      border-bottom: 1px solid #888 !important;
}

#nav-bar:-moz-any(:hover, :focus-within) {
   /* min-height: 38px !important;
  max-height: 38px !important;
    transition: all 300ms ease 300ms !important; */
/* z-index: 100 !important;    */

}

/* https://www.reddit.com/r/FirefoxCSS/comments/8kt4k1/nav_bar_small_flexible_spaces_or_separators/ */
#nav-bar toolbarspring {
    min-width: 10px !important;
    max-width: 20px !important;
}


/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_toolbox.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */
/* Dimensions on non-Win10 OS probably needs to be adjusted */

/* Compatibility options for hide_tabs_toolbar.css and tabs_on_bottom.css at the end of this file */

:root{
  --uc-autohide-toolbox-delay: 800ms; /* Wait 0.1s before hiding toolbars */
}

@media (-moz-os-version: windows-win10){

  :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 9px !important; }
  :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -1px }

  @media screen and (min-resolution: 1.25dppx){
    :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
  }
  @media screen and (min-resolution: 1.5dppx){
    :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
  }
  @media screen and (min-resolution: 2dppx){
    :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 7px !important; }
  }
  #navigator-toolbox:not(:-moz-lwtheme){ background-color: #d9d9d9 !important; }
}

:root[sizemode="fullscreen"]{ margin-top: 0px !important; }

#navigator-toolbox{
  /*position: fixed !important;*/
  /*right:2vw !important;*/
  /*margin:0 2vw;*/
  /*display: block;*/
  background-color: #d9d9d9 !important;
  /*background-color: var(--lwt-accent-color,black) !important;*/
  /*transition: transform 82ms linear, opacity 82ms linear !important;
  transition-delay: var(--uc-autohide-toolbox-delay) !important;
  transform-origin: top;*/
  line-height: 0;
  z-index: 1;
  pointer-events: none;
}

#navigator-toolbox:hover{ transition-delay: 33ms !important }

#navigator-toolbox > *{ line-height: normal; pointer-events: auto }

#navigator-toolbox,
#navigator-toolbox > *{
  width: 100vw; 
  -moz-appearance: none !important;
  /*box-shadow: 0 3px 8px #656565 !important;*/
}

#navigator-toolbox:not(:focus-within):not(:hover){
  /*transform: rotateX(86deg); /* This may need to be lower in osx - like 75 or so */
  /*opacity: 0;*/
}

:root[sizemode="maximized"] #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89deg) }

/* Don't apply transform before window has been fully created */
:root:not([sessionrestored]) #navigator-toolbox{ transform:none !important }

:root[customizing] #navigator-toolbox{
  position: relative !important;
  transform: none !important;
  opacity: 1 !important;
}

#navigator-toolbox[inFullscreen] > #PersonalToolbar,
#PersonalToolbar[collapsed="true"]{ display: none }



/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

findbar{
  -moz-box-ordinal-group: 0;
  margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) -  25px);
  position: relative;
  border-top: none !important;
  transition: transform 82ms linear, opacity 82ms linear 32ms !important;
  background: none !important;
  pointer-events: none;
  z-index: 1;
}

.findbar-container > .findbar-find-fast{
  padding: var(--toolbarbutton-inner-padding) 1px;
  margin: 0 !important;
}

findbar[hidden]{ transform: translateY(-30px);}

findbar > .findbar-container,
findbar > .close-icon{
  border: 1px solid var(--chrome-content-separator-color);
  border-width: 0 0 1px 0px;
  background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important;
  pointer-events: auto;
}
findbar > .findbar-container{
  -moz-box-direction: reverse;
  border-left-width: 1px;
}

findbar > .findbar-container > hbox{ margin: 0 5px; }

findbar::before{
  content:"";
  display: -moz-box;
  -moz-box-flex: 100;
}

/*
Move findbar so it isn't over the scrollbar
Delete if you want findbar to begin from right window edge
*/
findbar{
  margin-right: 15px;
  border-right: 1px solid var(--chrome-content-separator-color);
}