userChrome.css

/* Copyright (c) 2017 Haggai Nuchi
Available for use under the MIT License:
https://opensource.org/licenses/MIT
*/

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

toolbarbutton#alltabs-button {
    -moz-binding: url("userChrome.xml#js");
}

.tabbrowser-tab:hover .tab-close-button {
	display: flex !important;
}


#alltabs-button {
	-moz-binding: url(data:text/xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIENvcHlyaWdodCAoYykgMjAxNyBIYWdnYWkgTnVjaGkNCkF2YWlsYWJsZSBmb3IgdXNlIHVuZGVyIHRoZSBNSVQgTGljZW5zZToNCmh0dHBzOi8vb3BlbnNvdXJjZS5vcmcvbGljZW5zZXMvTUlUDQogLS0+DQoNCjwhLS0gUnVuIHVzZXJDaHJvbWUuanMvdXNlckNocm9tZS54dWwgYW5kIC51Yy5qcy8udWMueHVsLy5jc3MgZmlsZXMgIC0tPg0KPGJpbmRpbmdzIHhtbG5zPSJodHRwOi8vd3d3Lm1vemlsbGEub3JnL3hibCI+DQogICAgPGJpbmRpbmcgaWQ9ImpzIiBleHRlbmRzPSJjaHJvbWU6Ly9nbG9iYWwvY29udGVudC9iaW5kaW5ncy90b29sYmFyYnV0dG9uLnhtbCNtZW51Ij4NCiAgICAgICAgPGltcGxlbWVudGF0aW9uPg0KICAgICAgICAgICAgPGNvbnN0cnVjdG9yPjwhW0NEQVRBWw0KICAgICAgICAgICAgICAgIGlmKHdpbmRvdy51c2VyQ2hyb21lSnNNb2QpIHJldHVybjsNCiAgICAgICAgICAgICAgICB3aW5kb3cudXNlckNocm9tZUpzTW9kID0gdHJ1ZTsNCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICB2YXIgY2hyb21lRmlsZXMgPSBGaWxlVXRpbHMuZ2V0RGlyKCJVQ2hybSIsIFtdKS5kaXJlY3RvcnlFbnRyaWVzOw0KICAgICAgICAgICAgICAgIHZhciB4dWxGaWxlcyA9IFtdOw0KICAgICAgICAgICAgICAgIHZhciBzc3MgPSBDY1snQG1vemlsbGEub3JnL2NvbnRlbnQvc3R5bGUtc2hlZXQtc2VydmljZTsxJ10uZ2V0U2VydmljZShDaS5uc0lTdHlsZVNoZWV0U2VydmljZSk7DQogICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgd2hpbGUoY2hyb21lRmlsZXMuaGFzTW9yZUVsZW1lbnRzKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgdmFyIGZpbGUgPSBjaHJvbWVGaWxlcy5nZXROZXh0KCkuUXVlcnlJbnRlcmZhY2UoQ2kubnNJRmlsZSk7DQogICAgICAgICAgICAgICAgICAgIHZhciBmaWxlVVJJID0gU2VydmljZXMuaW8ubmV3RmlsZVVSSShmaWxlKTsNCiAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgIGlmKGZpbGUuaXNGaWxlKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGlmKC8oXnVzZXJDaHJvbWV8XC51YylcLmpzJC9pLnRlc3QoZmlsZS5sZWFmTmFtZSkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBTZXJ2aWNlcy5zY3JpcHRsb2FkZXIubG9hZFN1YlNjcmlwdFdpdGhPcHRpb25zKGZpbGVVUkkuc3BlYywge3RhcmdldDogd2luZG93LCBpZ25vcmVDYWNoZTogdHJ1ZX0pOw0KICAgICAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgICAgICAgZWxzZSBpZigvKF51c2VyQ2hyb21lfFwudWMpXC54dWwkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHh1bEZpbGVzLnB1c2goZmlsZVVSSS5zcGVjKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgICAgIGVsc2UgaWYoL1wuYXNcLmNzcyQvaS50ZXN0KGZpbGUubGVhZk5hbWUpKSB7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYoIXNzcy5zaGVldFJlZ2lzdGVyZWQoZmlsZVVSSSwgc3NzLkFHRU5UX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5BR0VOVF9TSEVFVCk7DQogICAgICAgICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgICAgICAgICBlbHNlIGlmKC9eKD8hKHVzZXJDaHJvbWV8dXNlckNvbnRlbnQpXC5jc3MkKS4rXC5jc3MkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmKCFzc3Muc2hlZXRSZWdpc3RlcmVkKGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uIGxvYWRYVUwoKSB7DQogICAgICAgICAgICAgICAgICAgIGlmKHh1bEZpbGVzLmxlbmd0aCA+IDApIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmxvYWRPdmVybGF5KHh1bEZpbGVzLnNoaWZ0KCksIG51bGwpOw0KICAgICAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dChsb2FkWFVMLCA1KTsNCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0sIDApOw0KICAgICAgICAgICAgXV0+PC9jb25zdHJ1Y3Rvcj4NCiAgICAgICAgPC9pbXBsZW1lbnRhdGlvbj4NCiAgICA8L2JpbmRpbmc+DQo8L2JpbmRpbmdzPg==);
}


#nav-bar {
	margin-right: 10px;
	padding: 10px 0 !important;
}

#PersonalToolbar {
	padding-top: 0px !important;
	padding-bottom: 7px !important;
}

#urlbar {
	min-height: 33px !important;
	padding: 5px;
	height: 33px !important;
	box-shadow: 0 1px 20px rgba(0,0,0,0.08) !important;
	margin: 10px 7px !important;
	border-radius: 20px !important;;
}
.urlbar-textbox-container {
	padding-right: 0px;
}
#urlbar[breakout] {

	width: calc(100% - 14px) !important;
}




#PlacesToolbarItems > .box-inherit.scrollbox-innerbox {
	display: inline-block !important;
	text-align: center !important;
	padding-right: 25px !important 
		
}
#PlacesToolbarItems .menu-iconic.bookmark-item {
	text-align: left !important;
}
#PersonalToolbar .toolbarbutton-1:hover,
#PersonalToolbar .toolbarbutton-1 {
	background-color: transparent !important;
	cursor: pointer;
}

#PersonalToolbar .bookmark-item {
	cursor: pointer;
	padding: 3px 5px !important;
}

#PersonalToolbar .bookmark-item:hover {
	background-color: rgba(0,0,0,0.04) !important;
	cursor: pointer;
}




/* BOOKMARK */

.bookmark-item[container]:not(.menu-iconic) { 
  list-style-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNBNAaMQAAAEXSURBVHhe7ZoxCsJAEEUDVmKtOYBn8BCewsYLWGgOYG8lYsxdE2dgqvArs5EJ/z94Fl/Ynf2S2GwlhBBCCF76vq/NxmzNboJP82yuY+llYAP74dGBfvUyDMMqls+PDTz1l0eeYvn8gOFLeYwtcgMGL+XHPMQ2eRkNXdqXuY+tcjIaeA4f5ja2y8do2Lm8m5vYMhejQefU3wn+j5NBfzSv5u6fBWT0xl7Am72ATgWgkEkVgEImVQAKmVQBKGRSBaCQSRWAQiZVAAqZVAEoZFIFoJBJFYBCJlUACplUAShkUgWgkEkVgEImVQAKmVQBKGRSBdiHXxqCXxLYegGlL0svycYLKHVdfkn6Wf3MddwWFEIIIQQdVfUFoXZ1CMNcbWgAAAAASUVORK5CYII=') !important;
}
.menu-iconic.bookmark-item[container] { 
	list-style-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMS40E0BoxAAAARdJREFUeF7tmrENwkAQBP0iQsTgAqiBIqiChAYIwAWQEyEL281yp3e4EX6je+2ONASL9He/BCTfCCGEEIKaNqXUmYM5LfBtXu28bT62Emxpvzy60K/e7NhNPr0CbOGlvzzyMh8fH7B8Kc/ziNiAxUs52vGnPCUwYPGS9jbimCcFBSxd2peN2edpAQELr+HTRu3yxGCAZddyNP0fJ4K9ebfrH/5ZQEQf7AV82AuYVAAKmVQBKGRSBaCQSRWAQiZVAAqZVAEoZFIFoJBJFYBCJlUACplUAShkUgWgkEkVgEImVQAKmVQBKGRSBaCQSRWAQiZVgH34oyH4JYGDF1D6sXRNdv5SrtRz+Zr0u/rlWy9ACCGEEIw0zRfnpZm1BlfRjAAAAABJRU5ErkJggg==') !important;
}

.menuitem-iconic.bookmark-item.menuitem-with-favicon {
	text-align: left !important;
}


.tab-label {
	color: #e9e9e9 !important;
}

#tabbrowser-tabs:-moz-lwtheme {
    --tab-line-color: #333 !important;
}

.tabbrowser-tab:after,
.tabbrowser-tab:before
{
	opacity: 0 !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
   max-width: 400px !important;
}

#nav-bar {
	margin-right: 0;
	padding-right: 10px;
}


* { scrollbar-width: thin; }
:root:not(:hover) { scrollbar-color: transparent transparent !important; }
:root { scrollbar-color: #666 #383838 !important; }