/** Well here you have it, Q-werty's monochrome Firefox theme! Put together from bits and pieces found from the web, thank you to everyone who recognizes their shitznitz. Enjoy and tweak to your own preferences! Find me at www.laatueine.com **/


#urlbar:not([focused]) #urlbar-input, /* ID for Firefox 70 */
#urlbar:not([focused]) .urlbar-input{ text-align: center !important; font-size: 9px; }


 /*** Font Sizes and Scrolling ***/



  /* Title font-size */

  .urlbarView-row .urlbarView-title {

    font-size: 11px !important;

  }



  /* URL / action font-size */

  .urlbarView-row .urlbarView-secondary,

  .urlbarView-row .urlbarView-url,

  .urlbarView-row .urlbarView-action {

    font-size: 11px !important;

  }



  /* Set max-height for items visible without scrolling */

  #urlbarView-results, #urlbar-results {

    height: unset !important;

    max-height: calc(2.5 * (var(--mbarstyler-title-font-size) + var(--mbarstyler-bottom-border-width)) * var(--mbarstyler-max-rows-without-scrolling) + var(--mbarstyler-label-height-adjustment)) !important;

  }

  #urlbar-results {

    overflow-y: auto !important; 

  }



  /* Clean up extra spacing at the top and bottom */  

  #urlbar-results {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }

  /* Clean up extra vertical spacing on "tip" suggestions, shrink icon */  

  .urlbarView-row[type="tip"]{

    padding-block: 0px !important;

  }

  .urlbarView-row[type="tip"] > .urlbarView-row-inner {

    min-height: 0px !important;

  }

  .urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-favicon {

    height: 16px !important;

    width: 16px !important;

	flex-basis: 16px !important;

  }



  /* Subtle border between results */

  .urlbarView-row:not(:last-of-type) {

    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;

  }



  /* Match Styling Like Fx43-47 */

  [lwt-popup-darktext] .urlbarView-row:not([selected]) .urlbarView-title strong,

  [lwt-popup-darktext] .urlbarView-row:not([selected]) .urlbarView-url strong {

    font-weight: 100 !important;

    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, calc(var(--mbarstyler-match-background-opacity) * 2));

    background-color: rgba(0, 0, 0, var(--mbarstyler-match-background-opacity));

    border-radius: 0px;

  }

  [lwt-popup-brighttext] .urlbarView-row:not([selected]) .urlbarView-title strong,

  [lwt-popup-brighttext] .urlbarView-row:not([selected]) .urlbarView-url strong {

    font-weight: var(--mbarstyler-match-weight) !important;

    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, calc(var(--mbarstyler-match-background-opacity) * 2));

    background-color: rgba(255, 255, 255, var(--mbarstyler-match-background-opacity));

    border-radius: 0px;

  }






/* Make my URL bar and Search bar bigger and bolder. Now dammit. */
#urlbar, #searchbar .searchbar-textbox{
font-family: "scientifica";
 font-size: 12px  !important;}







/* v92.0 vertical menu item spacing */
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
  padding-block: 1px !important;
  min-height: unset !important; /* v92.0 - for padding below 4px */
  	filter: grayscale(100%);
}

/* Bookmark and context menu spacing */
menupopup > menuitem, menupopup > menu {padding-block: 0px !important;
}

/* Options menu spacing */
:root {--arrowpanel-menuitem-padding: 0px 0px !important;
}













/* --- Some code borrowed from /u/Trustadz --- */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once in userChrome.css */

/*
1. Add this for no text in the bookmark bar. Adjust the margins if you want more or less space around the icons.
*/
.bookmark-item{
    margin-left: 1px !important;
    margin-right: px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
toolbarbutton.bookmark-item .toolbarbutton-text{
    display: none !important;
}
toolbarbutton.bookmark-item .toolbarbutton-icon{
    margin-left: 2px !important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 2px !important;
}
toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text{
    display: -moz-box !important;
}

/*
2. Add this if you want to center the items in the bookmarks bar
*/

#PlacesToolbarItems {
	-moz-box-pack: center
}

/*
3. Add this if you want the text to show when you hover your mouse over it.
*/


toolbarbutton.bookmark-item:hover:not(.subviewbutton):not([disabled="true"]):not([open]) .toolbarbutton-text{
    display: inherit !important;
font-family: "scientifica";
 font-size: 12px  !important;
}


/*
4. Add this if you want to see the names of folders in your bookmarkbar

*/


toolbarbutton.bookmark-item[type="menu"]{
    margin-right: .5em !important;

}
toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text{
    display: inherit !important;
font-family: "scientifica";
 font-size: 12px  !important;
}


/*
5. Add this if you don't want folder to have icons. (so text only)
*/


toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-icon{
    display: none !important;
}


/*
6. Add this to auto hide the bookmarks bar
*/


#PersonalToolbar{
    height: 8px !important;
    min-height: 8px !important;
    max-height: 8px !important;
    padding: 0;
}
#PersonalToolbar #personal-bookmarks{
    opacity: 0;
}
#PersonalToolbar:hover{
    height: 3em !important;
    min-height: 3em  !important;
    max-height: 3em !important;
    padding: 0 6px 2px;
}
#PersonalToolbar:hover #personal-bookmarks{
    opacity: 1;
}
#PersonalToolbar, #PersonalToolbar #personal-bookmarks{
    transition-delay: 3s !important;    Change the 1s to change how long the bookmark toolbar stays visible
}
#PersonalToolbar:hover, #PersonalToolbar:hover #personal-bookmarks{
    transition-delay: 0s !important;
}
 */








 /* Change the individual color of folder icons, WON'T WORK with global change of folder colors */

#bookmarksMenu menu[container="true"][container="true"] [label="FOLDER"],
#PlacesToolbarItems toolbarbutton.bookmark-item[container="true"] [label="FOLDER"],
.bookmark-item[container="true"] [label="FOLDER"]
{fill: lime !important}










/* bookmarks toolbar favicon grayscale*/

toolbar#PersonalToolbar > toolbaritem#personal-bookmarks toolbarbutton.bookmark-item .toolbarbutton-icon {
	filter: grayscale(100%);
}




































#placesView treechildren::-moz-tree-image {
  fill: red !important;
}

.sidebar-placesTreechildren::-moz-tree-image(title, container){
  fill: red !important;
}
.bookmark-item[container] {
  fill: blue !important;
}







.titlebar-color{
color: -moz-accent-color-foreground;
background-color: -moz-accent-color;
}
.tab-background{
border-radius: 0px 0px !important;
margin-bottom: 0px !important;
}
.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background{
background-color: color-mix(in srgb, currentColor 5%, transparent);
}
menupopup > menu, menupopup > menuitem{
padding-block: 0px !important;
min-height: 0px !important;
font-family: "scientifica";
 font-size: 12px  !important;
}
:root{
--arrowpanel-menuitem-padding: 0px !important;

}






menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
  padding-block: 2px !important;
  min-height: unset !important; /* v92.0 - for padding below 4px */
}


/*** Tighten up vertical drop-down(bookmark)/context/popup menu spacing ***/
menupopup > menuitem, menupopup > menu {
  padding-block: 1px !important;
}
:root {
  --arrowpanel-menuitem-padding: 1px 2px !important;
}

/*** Added to remove extra bookmark spacing after sept 2021 update: https://www.reddit.com/r/FirefoxCSS/comments/pmrp83/latest_update_has_messed_up_bookmark_spacing/ ***/
#PlacesToolbar menuitem {
    min-height: 0px !important;
}









/*
FF96 UPDATE
references:  https://gist.github.com/tung/439935f55cc83af20defd7867ec89c82; , https://www.reddit.com/r/FirefoxCSS/comments/s1jdr5/firefox_tabbar_completely_messed_up_after_v96/
*/
/* remove radius from buttons and tabs */
*|*:root {
 --toolbarbutton-border-radius: 0 !important;
 --tab-border-radius: 0px !important;
 --toolbarbutton-outer-padding: 0 !important;
 --toolbarbutton-inner-padding: 8px !important;
 --toolbar-start-end-padding: 0 !important;
}

/* remove margin from tabs */
.tab-background {
 margin-block: 0 !important;
}

/* remove padding between tabs */
.tabbrowser-tab {
 padding-inline: 0 !important;
}

/* add vertical line between tabs */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, 0.2)) !important;
}

/* fix for when titlebar gets taller when there are many tabs */
#tabbrowser-arrowscrollbox {
 height: var(--tab-min-height);
}

/* force tabs to 30px height (added this because they're bit too short when the above fix is applied by itself) */
#tabbrowser-tabs {
 height: 30px !important;
}
/*
END OF FF96 UPDATE
*/