dotfiles/userChrome.css

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url("http://www.w3.org/1999/xhtml");

/**
 * Due way style sheets are loaded, some styles in this sheet may not apply. To
 * ensure that our styles work as intended, we load additional CSS via XBL and
 * JavaScript.
 */


/**Next two change new tab transition color from the normal 'white flash'*/
:root {
  --mcolor:#000000;
  --tcolor:#ffffff;
  --in-content-page-background:#0c0c0d /*tab flash on new tab*/
}

/*changes "flash" on tab open color*/
#browser vbox#appcontent tabbrowser,
#content,
#tabbrowser-tabpanels,
browser[type=content-primary],
browser[type=content] > html

{
background: var(--in-content-page-background)!important
}

/* HIDE DINOSAUR SHIT ---------------------------------------------------------------------------------------- */
#PanelUI-button,
#home-button,#reload-button,#stop-button,#forward-button,#back-button,
#customizableui-special-spring1,#customizableui-special-spring2,#library-button,
#sidebar-button,.tabs-newtab-button,.tab-close-button,.tab-icon-image,
#identity-box,.urlbar-history-dropmarker,#pageActionButton,#pocket-button,#star-button,
#wrapper-alltabs-button,#wrapper-new-tab-button,#wrapper-customizableui-special-spring1,
#wrapper-customizableui-special-spring2,#wrapper-downloads-button,
#nav-bar-overflow-button,#downloads-button,.titlebar-spacer{
  visibility: collapse !important;
}

#tracking-protection-icon-box
{
  position: absolute !important;
  margin-top: 5px !important;
  margin-left: -75px !important;
}

.urlbar-icon{
    visibility: collapse !important;
}
/* hides a ugly black bottom background under each unfocused tab and urlbar*/
#navigator-toolbox{
  --tabs-border-color: none !important;
    --toolbox-border-bottom-color: none !important;
    border: none !important;
    margin: none !important;
    padding: none !important;
}
/* Modify to change window drag space width */
:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px }

.titlebar-buttonbox-container{
  position: fixed;
  top:0;
  right:0;
  height: 40px;
}
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

/* TABBAR ---------------------------------------------------------------------------------------------------- */
/* 100% tabs width */
.tabbrowser-tab[fadein]:not([pinned]) {
  max-width: 100% !important;
  font-size: 1em !important;
}
/* hides white borders between tabs */
.tabbrowser-tab::after, .tabbrowser-tab::before {
   border:none !important;
}
/* center tab text title */
.tab-label {
  -moz-box-flex: 1 !important; 
  text-align: center !important;
    color : var(--tcolor);
}
.tab-throbber{
    margin: 0!important;
    padding: 0!important;
}

.tab-line{
    visibility: collapse !important;
}

.tab-background {
  border: none !important;
    background-attachment: none!important;
    background-color: var(--mcolor) !important;
    background-image: none!important;
}

.tabbrowser-tab:not([selected]) .tab-background {
  border: none !important;
    background-color: #000000 !important;
}

.tab-label:not([selected])
{
  color: #797979 !important;
}
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */


/* URLBAR ---------------------------------------------------------------------------------------------------- */
#nav-bar, #PersonalToolbar
{
  background-color: #000000 !important;
  color: #797979 !important;
  background-image: none !important;
}

#urlbar{
  padding-left: 75px !important;
  font-size: 1em !important;
  text-align: center !important;
  color: var(--tcolor) !important; 
  background-color: var(--mcolor) !important;
  border: none !important;
  box-shadow: none !important;
  --toolbarbutton-border-radius: 0px !important;
  margin: 0!important;
}
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

/* AUTO HIDE TABBAR -------------------------------------------------------------------------------------------*/
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
  min-height: 0 !important;
}

#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse;
}
/* ----------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */

/* AUTO HIDE URLBAR -------------------------------------------------------------------------------------------*/
/* keep visible when urlbar is focused navbar is hovered or menubar/customization is open */
/*
#nav-bar:not([customizing]){
  visibility: hidden;
  margin-top: -28px !important;;
  transition: visibility 0s linear 0.5s, margin-top 0s linear 0.5s;
  transition-duration: 0.20s;
}
#urlbar:focus,
#navigator-toolbox:hover > #nav-bar:not([customizing]),
#toolbar-menubar:not([inactive="true"]) ~ #nav-bar:not([customizing]) {
  visibility: visible;
  margin-top: 0px !important;;
  transition-delay: 2s;
}*/

/*
scrollbar {
  z-index: 2147483647 !important;
  position: relative !important;
  transition: all 0s !important; 
}
scrollbar,
scrollbar * {
  -moz-appearance: none !important;
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
  box-shadow: none !important;

}

:not(select)>scrollbar[orient="vertical"],
html>scrollbar[orient="vertical"] {
  -moz-margin-start: -12px !important;
  max-width: 12px !important;
  min-width: 12px !important;

  background: linear-gradient( rgba(0,0,0,0.2), rgba(0,0,0,0.2) );
  background-size: 1px 1px;
  background-repeat: repeat-y !important;
  background-position: 50% 0% !important;
  cursor: row-resize;
}

scrollbar[orient="horizontal"] {
  margin-top: -12px !important;
  max-height: 12px !important;
  min-height: 12px !important;
  
  background: linear-gradient( rgba(0,0,0,0.2), rgba(0,0,0,0.2) );
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 50%;
  cursor: col-resize;
}

scrollbar thumb[orient="vertical"] {
  min-height: 24px !important;
  width: 12px !important;
  min-width: 12px !important;
  max-width: 12px !important;
}

scrollbar thumb[orient="horizontal"] {
  min-width: 24px !important;
  height: 12px !important;
  min-height: 12px !important;
  max-height: 12px !important;
}

scrollbar thumb {
  border-radius: 6px !important;
  background: transparent !important;
  border: 2px solid rgba(0,255,255,0) !important;
  box-shadow: 0 0 0 8px #272b35 inset !important;
  transition: all 0s !important;
  opacity: 1 !important; 
}

scrollbar:hover thumb,
scrollbar thumb:active {
  box-shadow: 0 0 0 8px #cd23b9 inset !important;
}
*/
/* no buttons */
/*scrollbar scrollbarbutton{
  min-height: 0px !important;
  min-width: 0px !important;
  max-height: 12px !important;
  max-width: 12px !important;
  height: 0px !important;
  width: 0px !important;
}*/

/* autohide */
/*scrollbar:not(:hover) { 
  opacity: 0 !important; 
  transition: all .5s !important; 
}*/