userchrome FF60 may 2018

/* --------------no fade effect adress bar---------- */
@namespace "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";
@-moz-document url("chrome://browser/content/browser.xul") {
    /* other custom browser.xul CSS here */
    html|input.urlbar-input[textoverflow]:not([focused]) {
        mask-image: initial !important;
    }
}

/*---------------------------------------- about firefox --------------------------------------------------------------------*/
@-moz-document url("chrome://browser/content/aboutDialog.xul") {
#leftBox {
background-image: url("Logo.png") !important;
background-position: left;
background-repeat: no-repeat !important;
}
#aboutDialogContainer {
border: none !important;
background: #1f1f1f !important;
font-family: Fira Sans !important;
font-size: 14px !important;
color: dodgerblue !important;
}
#bottomBox {
background-color: #1f1f1f !important;
}
}
/*-----------------------------------------------------------------------------------*/
/*icones barre d'adresse à gauche */
#page-action-buttons {
-moz-box-ordinal-group: 0 !important;
/* Move the PageActions to the left */
}


#pageActionButton {
-moz-box-ordinal-group: 2 !important;
/* Move the three dots to the end (rightmost) of the PageActions*/
}
/*------------------------------------------------------------------------------------*/
statuspanel .statuspanel-label {
-moz-appearance: none !important;
background-color: black !important;
font-family: Fira Sans !important;
color: dodgerblue !important;
border: 1px solid black !important;
}

/* Revert tab throbber */

.tab-throbber[busy]::before {
background-image: url("chrome://global/skin/icons/loading.png") !important;
animation: unset !important;
}

.tab-throbber[busy]:not([progress])::before {
filter: grayscale(100%);
}

@media (min-resolution: 2dppx) {
.tab-throbber[busy]::before {
background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
}
}

/* New arrows navigation icons */

#back-button {
list-style-image: url("left-arrow.png") !important;
}

#forward-button {
list-style-image: url("right-arrow.png") !important;
}

/* restart button */

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

/*titre de la page*/

#pagetitle-bar {
width: 1000px;
/* Change this value if you want longer/shorter bar */
overflow: hidden;
text-overflow: "..";
white-space: nowrap;
margin-bottom: 1px;
color: dodgerblue !important;
font-family: 'Fira Sans' !important;
}

#pagetitle-bar::before {
content: attr(titlepage);
margin-left: 2px !important;
margin-right: 2px !important;
}
/*--------------------*/

#urlbar html|input.textbox-input::-moz-selection {
font-family: Fira Sans !important;
font-size: 14px !important;
background-color: #1e90ff !important;
border: 0px !important;
opacity: 1 !important;

}

menupopup {
-moz-appearance: none !important;
padding: 8px 2px 8px 2px !important;
background-color: #1f1f1f !important;
border: 0px #A0A0A0 solid !important;
/*width: 280px !important;*/
min-width: 280px !important;
}

menuseparator {
-moz-appearance: none !important;
border: none !important;
padding: .5px 0px .5px 0px !important;
margin: 4px 8px 4px 8px !important;
background-color: #80808049 !important;
}

menuitem, menu {
-moz-appearance: none !important;
color: white !important;
padding: 3px 0px 3px 0px !important;
}

menuitem[disabled="true"], menuitem[disabled="true"]>.menu-text {
color: #888888 !important;
}

menuitem:hover, menu:hover, menu[open="true"], menuitem[_moz-menuactive="true"] {
-moz-appearance: none !important;
padding: 3px 0px 3px 0px !important;
background-color: dodgerblue !important;
/*#414141 !important;*/
}
menugroup {
padding: 0px !important;
background-color: transparent !important;
}

menuitem>.menu-text, menuitem>.menu-iconic-text {
color: white !important;
}

menuitem[type="checkbox"] {
padding-left: 8px !important;
padding-top: 5.5px !important;
padding-bottom: 5.5px !important;
}

menuitem[type="radio"] {
padding-left: 8px !important;
padding-top: 5.5px !important;
padding-bottom: 5.5px !important;
}

menuitem[type="checkbox"]>.menu-iconic-text, menuitem[type="radio"]>.menu-iconic-text {
padding-left: 5px !important;
}

menuitem[checked="true"][type="checkbox"]>.menu-iconic-left {
padding: 7px 0px 0px 0px !important;
border: solid white !important;
border-width: 0 0 2px 2px !important;
transform: rotate(-45deg) scale(.75);
margin-bottom: 2px !important;
}

menuitem[checked="true"][type="radio"]>.menu-iconic-left {
padding: 1px !important;
border: solid white;
height: 17px !important;
border-radius: 100%;
background: white;
transform: scale(.5);
}

menucaption {
background-color: transparent !important;
color: white !important;
}

#ContentSelectDropdown>menupopup {
background-image: none !important;
}

#ContentSelectDropdown {
padding: 0px !important;
}

menulist {
-moz-appearance: none !important;
padding: 4px 4px 4px 4px !important;
border: 0px solid #666666 !important;
background-color: #1f1f1f !important;
}

menulist:hover {
padding: 4px 4px 4px 4px !important;
border: 0px solid #999999 !important;
background-color: dodgerblue !important;
}

menulist[open="true"] {
border: 0px solid #666666 !important;
background-color: dodgerblue !important;
}

#context-back>.menu-iconic-left, #context-forward>.menu-iconic-left, #context-reload>.menu-iconic-left, #context-stop>.menu-iconic-left, #context-bookmarkpage>.menu-iconic-left {
padding: 2px !important;
}

.menu-iconic-left {
-moz-appearance: none !important;
padding: 0px 5px 0px 9px !important;
}

.menu-right {
-moz-appearance: none !important;
padding: 7.5px !important;
margin-right: 6px !important;
color: white !important;
border: solid white;
border-width: 0 2px 2px 0px;
transform: rotate(-45deg) scale(.55);
}

tooltip {
-moz-appearance: none !important;
color: dodgerblue !important;
background-color: #1f1f1f !important;
border: 0px solid #1f1f1f !important;
padding: 5.5px !important;
font-family: Fira Sans !important;
font-size: 12px !important;
opacity: 1 !important;
}
/*
/* Use Normal top and bottom padding for Compact */
/*
#PlacesToolbarItems .bookmark-item {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}*/
/*------coloring shortcuts in menus     */

menuitem .menu-iconic-accel {
font-size: 13px !important;
color: dodgerblue !important;
}

menuitem .menu-accel {
font-size: 13px !important;
color: dodgerblue !important;
}

#PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
color: dodgerblue !important;
}

/*----------------*/

#TabsToolbar {
background-color: black !important;
color: white !important;
--toolbarbutton-inner-padding: 1px !important;
}

/*-------------------------*/
#urlbar:hover {
background: #1f1f1f !important;
opacity: 1 !important;
color: white !important;
border: 0px !important;
}

/*---------ombre onglets ------------*/

.tabbrowser-tab[visuallyselected="true"] {
box-shadow: 0 0 15px white !important;
color: dodgerblue !important;
}

/*----------------------------*/

icons folders, favicons, default document icons treechildren::-moz-tree-image {
width: 22px !important;
height: auto !important;
min-height: 22px !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
}

/*--------------------------------------------*/

toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text {
display: -moz-box !important;
}

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

toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
display: -moz-box !important;
}

/*-----------*/

menubar, menubutton, menulist, menu, menuitem {
background-color: none !important;

font-family: Fira Sans !important;
font-size: 14px !important;
}

/*-------------------------------------------*/

#PanelUI-menu-button:before {
content: '';
width: 1px;
height: 20px;
background: dodgerblue !important;
display: flex;
}

#sidebar-header {
padding: 2px !important;
}

#file-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#edit-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#toolbar-menubar {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#history-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#bookmarksMenu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#view-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#tools-menu {
font-family: Fira Sans !important;
font-size: 14px !important;
}

#help-menu {
font-family: Fira Sans !important;
text-decoration: none !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 14px !important;
}

#personal-bookmarks .menu-iconic-text, #personal-bookmarks .toolbarbutton-text {
font-family: Fira Sans !important;
font-size: 14px !important;
}

.tab-text {
font-family: Fira Sans !important;
font-size: 14px !important;
}

.autocomplete-richlistitem {
font-family: Fira Sans !important;
font-size: 14px !important;
}

/*----------hover button color------------*/

.toolbarbutton-1 {
--toolbarbutton-hover-background: dodgerblue !important;
--toolbarbutton-active-background: rgba(30, 143, 255, 0.473) !important;
--toolbarbutton-border-radius: 0px !important;
}


/*************************/

#urlbar, .searchbar-textbox {
font-family: Fira Sans !important;
border: 0px !important;
}

#TabsToolbar:not([collapsed="true"])+#nav-bar {
border: 0px !important;
}

#navigator-toolbox::after {
border: 0px !important;
}

/*-----------------------*/

#sidebar-search-container, #sidebar-search-container *|input::placeholder {
color: white !important;
opacity: 1 !important;
border: 0px !important;
background-color: black !important;
}

/* -------------------------------- */

#PersonalToolbar, #nav-bar {
background-color: #1f1f1f !important;
fill: white !important;
opacity: 1 !important;
}

#PlacesToolbar .bookmark-item:hover {
border-radius: 0px !important;
background-color: rgb(30, 143, 255) !important;
color: white !important;
}

#PlacesToolbar .bookmark-item:active {
border-radius: 0px !important;
background-color: rgb(30, 142, 255) !important;
color: black !important;
}

#toolbar-menubar {
background-color: black !important;
background-image: none !important;
}

/* fonds icones carrés */

#nav-bar {
--toolbarbutton-border-radius: 0px !important;
}

/*----------------------*/

.toolbarbutton-1 {
--toolbarbutton-hover-background: dodgerblue !important;
border: 1px !important;
border-radius: 0px !important;
--toolbarbutton-active-background: rgba(30, 143, 255, 0.5) !important;
border-radius: 0px !important;
}

.urlbar-icon:not([disabled]):hover, .urlbar-icon-wrapper:not([disabled]):hover {
background-color: dodgerblue !important;
border-radius: 0px !important;
border: 0px !important;
}

.urlbar-icon[open], .urlbar-icon-wrapper[open], .urlbar-icon:not([disabled]):hover:active, .urlbar-icon-wrapper:hover:active {
background-color: rgba(30, 143, 255, 0.5) !important;
border-radius: 0px !important;
}

.urlbar-icon-wrapper[open]>.urlbar-icon, .urlbar-icon-wrapper>.urlbar-icon:hover, .urlbar-icon-wrapper>.urlbar-icon:hover:active {
background-color: dodgerblue !important;
border-radius: 0px !important;
}

/*== Identity Box ==*/

#identity-box:hover:not(.no-hover):not([open=true]) {
background-color: rgba(30, 143, 255) !important;
}

#identity-box:hover:active:not(.no-hover), #identity-box[open=true] {
background-color: rgba(30, 143, 255, 0.5) !important;
}

/*== Identity Popup ==*/

#identity-popup-securityView, identity-popup-security-content, .identity-popup-section, #identity-popup-securityView-footer {
background-color: #1f1f1f !important;
color: white !important;
}

/* tabs --- rotate close button */

#tabbrowser-tabs .tabbrowser-tab:hover .tab-close-button {
transform: rotate(1440deg) !important;
transition: transform ease-in-out 2s !important;
}

/*rotate close end */

/* Boarder color Drop Down */

#PopupAutoCompleteRichResult {
border: 0px !important;
}

/*------------------------*/

#tab-line[selected="true"]   {
background: dodgerblue !important;
/*-moz-win-accentcolor !important;*/
}/*
#tab-bottom-line[selected="true"] {
    background: dodgerblue !important;

}*/


.tab-background[selected="true"] {
background-attachment: none !important;
background-color: #1f1f1f !important;
/* !important;*/
background-image: none !important;
}

/*--------------------------------------------*/

/* Border between background tabs */

.tabbrowser-tab::after, .tabbrowser-tab::before {
display: none !important;
}

/*---------------------------------------------------------------------------------------------------*/

/*
Firefox 57 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html
You can copy/paste into a userChrome.css file, see https://www.userchrome.org/
Firefox 52-56 users: roll back your Stylish to version 2.1.1 or 2.0.7 here:
https://addons.mozilla.org/firefox/addon/stylish/versions/
Then find Stylish on the Add-ons page, click its More link, and turn off updates
*/

/*
@-moz-document url("chrome://browser/content/browser.xul") {*/

/* " - Visit" or " - Search with" bar NOT HIDDEN */

@-moz-document url("chrome://browser/content/browser.xul") {
/* " - Visit" or " - Search with" bar NOT HIDDEN */
/*
:root {
--panel-separator-color: grey !important;
}
/* Restore persistent display of drop-marker */
#urlbar:not(:hover)>.urlbar-textbox-container>.urlbar-history-dropmarker {
opacity: 1 !important;
border: 0px !important;
}
/* Set max-height for items visible without scrolling */
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
/* height:auto doesn't work in photon */
max-height: calc(40px * 10) !important;
}
/* Constrain drop-down width */
/*#PopupAutoCompleteRichResult {
max-width: 1200px !important;
}*/
/* Font-sizes */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
font-size: 14px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url, #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
font-family: Fira Sans !important;
font-size: 12px !important;
}
/* Dark Themed Drop-down */
/* Dark Theme - Firefox 48+ */
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
background-color: #1f1f1f !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
border-bottom-color: #333 !important;
}
.autocomplete-richlistitem .ac-title, .autocomplete-richlistitem .ac-action, .autocomplete-richlistitem .ac-separator {
color: white !important;
}
#PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
color:mediumslateblue !important;
}
.autocomplete-richlistitem[selected=true] {
background-color: dodgerblue !important;
}
.autocomplete-richlistitem[selected=true] .ac-title, .ac-title[selected], .autocomplete-richlistitem[selected=true] .ac-action, .ac-action[selected], .autocomplete-richlistitem[selected=true] .ac-separator, .ac-separator[selected] {
color: #eee !important;
}
.autocomplete-richlistitem[selected=true] .ac-url, .ac-url[selected] {
color: dodgerblue !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover {
background-color: dodgerblue !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem[selected] {
background-color: dodgerblue !important;
}
/* Ability to scroll in Fx57 */
#PopupAutoCompleteRichResult .autocomplete-richlistbox>scrollbox {
overflow-y: auto !important;
padding-right: 3px !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
padding-right: 0 !important;
}
}

/*----------Hamburger icon -----------*/

#PanelUI-menu-button {
list-style-image: url("hamburger.png") !important;
filter: white !important;
}

@media (min-resolution: 4dppx) {
#PanelUI-menu-button {
list-style-image: url("hamburger.png") !important;
filter: dodgerblue !important;
opacity: 1 !important;
/*transform: rotate(90deg);*/
}
}

/*-----------------------------------------------------------------------------*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*#TabsToolbar {
height: 33px !important;
}*/

.bookmark-item {
margin-left: 0 !important;
margin-right: 0 !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] --- */

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

toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
display: -moz-box !important;
}

/*-------------------*/

@-moz-document url("chrome://browser/content/browser.xul"), url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), url("chrome://browser/content/history/history-panel.xul") {
#sidebar {
max-width: none !important;
min-width: 0px !important;
}
#sidebar, #sidebar-header {
border-right: 0px solid !important;
}
#sidebar, #sidebar-header, #bookmarksPanel, #bookmarks-view, #history-panel, #historyTree, #downloads-panel {
background-color: #1f1f1f !important;
font-family: Fira Sans !important;
color: white !important;
}
/* Sidebar items */
.sidebar-placesTreechildren::-moz-tree-row {
border: 0px !important;
}
.sidebar-placesTreechildren::-moz-tree-cell(hover) {
background: dodgerblue !important;
}
.sidebar-placesTreechildren::-moz-tree-row(selected) {
background: dodgerblue !important;
}
.sidebar-placesTreechildren::-moz-tree-cell-text(selected) {
color: white !important;
}
#sidebar-splitter {
opacity: 0 !important;
}
/* ******** OPTIONAL ********  */
/* Hide scrollbar (but you can still scroll)
scrollbar,
scrollbar * {
-moz-appearance: none !important;
background: none !important;
margin-left: -9px !important;
}*/
/* Hide white bar. Not necessary, but helpful. */
#sidebar-splitter {
opacity: 0 !important;
}
/* ****** END OPTIONAL ******  */

/*sliding bar*/
#nav-bar {
z-index: 1 !important;
}
#PersonalToolbar {
margin-top: -23px !important;
transition: all 0.4s ease 0s !important;
}
#navigator-toolbox:hover>#PersonalToolbar {
margin-top: 0px !important;
transition: all 0.4s ease 0s !important;
}




#sidebar-switcher-bookmarks>.toolbarbutton-icon, #sidebar-box[sidebarcommand="viewBookmarksSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
color: dodgerblue !important;
fill: dodgerblue !important;
opacity: 1 !important;
}
#sidebar-switcher-history>.toolbarbutton-icon, #sidebar-box[sidebarcommand="viewHistorySidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
color: dodgerblue !important;
fill: dodgerblue !important;
opacity: 1 !important;
}
.sidebar-switcher-tabs>.toolbarbutton-icon, .sidebar-box[sidebarcommand="viewTabsSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
color: dodgerblue !important;
fill: dodgerblue !important;
opacity: 1 !important;
}
/*icones sidebar blancs*/
/*
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.bookmark-item[container],
treechildren::-moz-tree-image(container) {
fill: white !important;
opacity: 1 !important;
}*/
treechildren::-moz-tree-image(OrganizerQuery_BookmarksToolbar) {
fill: white !important;
opacity: 1 !important;
}
treechildren::-moz-tree-image(OrganizerQuery_BookmarksMenu) {
fill: white !important;
opacity: 1 !important;
}
treechildren::-moz-tree-image(OrganizerQuery_UnfiledBookmarks) {
fill: white !important;
opacity: 1 !important;
}
/*-----------------------------------------RSS ITEM ----------------------------------*/
[livemark] menuitem {
list-style-image: url('rss3.svg') !important;
}
.bookmark-item[container][livemark] .bookmark-item[visited] {
-moz-image-region: initial !important;
list-style-image: url(rsssvg5.svg) !important;
opacity: 0.45 !important;

}
/*----------*/
.bookmark-item[container][query], treechildren::-moz-tree-image(query) {
fill: white !important;
opacity: 1 !important;
}
/*------------------------*/
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/* remove background color */
#urlbar .urlbar-page-action, #urlbar #star-button-animatable-box, #urlbar #pageAction-panel-bookmark, #urlbar #star-button, #urlbar #star-button-animatable-box, #urlbar .urlbar-icon, #searchbar .search-go-button {
opacity: 1 !important;
background: unset !important;
box-shadow: unset !important;
}
/* colorize location bar icons (except star button) */
/*
#urlbar :-moz-any(#reader-mode-button, #pageActionButton,
#pageAction-urlbar-emailLink, #pageAction-urlbar-sendToDevice,
#pageAction-urlbar-screenshots,
#pageAction-urlbar-copyURL),
#urlbar,#urlbar-history-dropmarker {
fill: white !important;
}

#urlbar :-moz-any(#reader-mode-button, #pageActionButton,
#pageAction-urlbar-emailLink, #pageAction-urlbar-sendToDevice,
#pageAction-urlbar-screenshots,
#pageAction-urlbar-copyURL):-moz-any(:hover,
:hover:active,
[open]),
#urlbar .urlbar-history-dropmarker:-moz-any(:hover,
:hover:active,
[open]) {
fill: white !important;
}
*/
/* colorize star button icon */
/*
#urlbar #pageAction-panel-bookmark:not([starred]),
#urlbar #star-button:not([starred]) {
fill: yellow !important;
opacity: 1.0 !important;
}*/
/*
.urlbar #star-button-box[open] #star-button,
.urlbar #star-button:-moz-any(:hover,:hover, :active),
.urlbar #star-button-animatable-box:-moz-any(:hover,:hover, :active) {
filter: brightness(1.0) !important;
}*/
/*
#urlbar #pageAction-panel-bookmark:not([starred]):-moz-any(:hover,
:hover:active,
[open]),
#urlbar #star-button-box[open] #star-button:not([starred]),
#urlbar #star-button:not([starred]):-moz-any(:hover,
:hover:active) {
opacity: 1 !important;
filter: brightness(1.0) !important;
}
*/
/* increase brightness for search bars go button */
/*
#searchbar .search-go-button:-moz-any(:hover,
:hover :active,[open]) {
opacity: 1 !important;
filter: brightness(1.0) !important;
}
*/
/* change opacity for WE page action buttons */
/*
#urlbar #page-action-buttons>.urlbar-icon {
opacity: 1 !important;
}

#urlbar #page-action-buttons>.urlbar-icon:-moz-any(:hover,
:hover:active,[open]) {
opacity: 1 !important;
}*/
/**/
/* This change the color of the bottombar
to dark, don't use this if you want default color (white) */
#bottom-toolbar-vbox {
background-color: black !important;
}
#bottom-toolbar {
height: 30px !important;
/* The value should be between 24-40px */
direction: rtl !important;
/* This makes the toolbar buttons
positioned from right to left
Should be used with the pseudo Separators below */
}
/* Pseudo Separators
This technically transforms the flexible spaces to separators
whenever they are put to the bottombar.
The down side is that
you cannot use flexible spaces on bottombar anymore */
#bottom-toolbar toolbarspring {
background: transparent !important;
max-width: 0px !important;
min-width: 0px !important;
width: 0px !important;
border-left: 1px solid white !important;
border-right: 1px solid black !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
margin-left: 3px !important;
margin-right: 3px !important;
}
/*------------------------------------------------------------------*/
/*
--------folder-----------------*/
/* Colored folders for bookmark sidebar, toolbar, menu button, classic menu
Updated Dec. 19, 2017 */
/* Standard folder */
#bookmarks-view treechildren::-moz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon, #bookmarksMenu menu[container="true"] .menu-iconic-icon {
list-style-image: url('dossier.svg') !important;
/*
fill: #e8bb00 !important; */
/* slightly muted gold */
}
/* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(livemark), #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon, #bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
list-style-image: url('rss svg4.svg') !important;
opacity: 1 !important;
/*fill: orange !important;*/
}
/* Smart bookmark folder
#bookmarks-view treechildren::-moz-tree-image(query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
fill: #69c !important;
}*/
/* These "containers" are SVG in the sidebar, not yet on the menu
#bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_BookmarksMenu) {
fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_BookmarksToolbar) {
fill: olive !important;
}
#bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_UnfiledBookmarks) {
fill: olive !important;
}*/
/* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus
#BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon,
#bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon,
#bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
}*/
/*-min max close */
#titlebar-min {
list-style-image: url("yellow1.svg") !important;
}
#titlebar-min:hover {
list-style-image: url("yellowmoins.svg") !important;
background-color: transparent !important;
}
#titlebar-max {
list-style-image: url("orange.svg") !important;
/*
filter: invert(100%) !important;*/
}
#titlebar-max:hover {
list-style-image: url("plus.svg") !important;
background-color: transparent !important;
}
#titlebar-close {
list-style-image: url("rouge.svg") !important;
/* filter: invert(100%) !important;*/
}
#titlebar-close:hover {
list-style-image: url("rougeclose.svg") !important;
background-color: transparent !important;
}
.titlebar-button>.toolbarbutton-icon {
height: 14px !important;
min-height: 14px !important;
width: 14px !important;
min-width: 14px !important;
}
.titlebar-button {
padding-left: 6px !important;
padding-right: 6px !important;
padding-top: 6px !important;
}
/*----------------------hamburger menu-----------------------------*/
.panel-arrow {
fill: #1f1f1f !important;
}
.panel-subview-body {
color: white !important;
background: #1f1f1f !important;
border-color: white !important;
}
#appMenu-zoomReset-button {
color: dodgerblue !important;
border-color: dodgerblue !important;
border-radius: 0px !important;
background-color: #1f1f1f !important;
}
.subviewbutton.panel-subview-footer {
background-color: #1f1f1f !important;
border-top: 0px solid red !important;
}
.panel-header {
border-bottom: 1px solid #1f1f1f !important;
background: #1f1f1f !important;
}
.panel-subview-footer, [class^="PanelUI-"] {
color: white !important;
background: #1f1f1f !important;
}
.subviewbutton.panel-subview-footer {
background-color: #1f1f1f !important;
border-top: 1px solid #1f1f1f !important;
}
:root {
--panel-separator-color: rgb(50, 50, 50) !important;
}
.subviewbutton[shortcut]::after {
color: dodgerblue !important;
}
.subviewbutton-nav::after {
fill: dodgerblue !important;
}
#appMenu-popup .subviewbutton .toolbarbutton-text, /* Ctrl+N Ctrl+Shift+P ect. */
#appMenu-popup .panel-arrowcontent, /* Zoom - Edit Labels */
panelmultiview .toolbaritem-combined-buttons>label {
font-family: Fira Sans !important;
}
/*
Name: Firefox Transparent Images
Version: 1.1.0
Description: Removes the white background when viewing images with transparency directly.
Copyright: hyperfekt
License: CC0 Public Domain Dedication (https://creativecommons.org/publicdomain/zero/1.0/)
*/
@-moz-document regexp("(data:image/.*|.*\\.(png|gif|webp|bmp|tiff?|jp2|jpx))") {
img.transparent {
background: none !important;
color: rgba(255, 255, 255, 1) !important;
}
}
@-moz-document regexp("data:image/(svg).*|.*\\.(svg)") {
:root {
background-image: url("chrome://global/skin/media/imagedoc-darknoise.png") !important;
color: rgba(255, 255, 255, 1) !important;
}
}
/*-------------*/
/*== PNG image Panel Star ==
#editBookmarkPanelStarIcon {
background-image: none !important;
background-color: #1f1f1f !important;
list-style-image: url("star.svg") !important;
}*/
/*== SVG image URL Star ==
#star-button {
list-style-image: url("star.svg") !important;
}*/

panel #editBookmarkPanel, .panel-arrow, .panel-arrowcontent {
opacity: 1 !important;
fill: #1f1f1f !important;
}




/*------------------------------------------------------------------------*/
@-moz-document url("chrome://browser/content/places/places.xul") {
:root {
--magenta-50: #ff1ad9!important;
--magenta-60: #ed00b5!important;
--magenta-70: #b5007f!important;
--magenta-80: #7d004f!important;
--magenta-90: #440027!important;
--purple-50: #9400ff!important;
--purple-60: #8000d7!important;
--purple-70: #6200a4!important;
--purple-80: #440071!important;
--purple-90: #25003e!important;
--blue-40: #45a1ff !important;
--blue-50: #0a84ff!important;
--blue-60: #0060df!important;
--blue-70: #003eaa!important;
--blue-80: #002275!important;
--blue-90: #000f40!important;
--teal-50: #00feff;
--teal-60: #00c8d7;
--teal-70: #008ea4;
--teal-80: #005a71;
--teal-90: #002d3e;
--green-50: #30e60b;
--green-60: #12bc00;
--green-70: #058b00;
--green-80: #006504;
--green-90: #003706;
--yellow-50: #ffe900;
--yellow-60: #d7b600;
--yellow-70: #a47f00;
--yellow-80: #715100;
--yellow-90: #3e2800;
--red-50: #ff0039;
--red-60: #d70022;
--red-70: #a4000f;
--red-80: #5a0002;
--red-90: #3e0200;
--orange-50: #ff9400;
--orange-60: #d76e00;
--orange-70: #a44900;
--orange-80: #712b00;
--orange-90: #3e1300;
--grey-10: #f9f9fa!important;
--grey-20: #ededf0!important;
--grey-30: #d7d7db!important;
--grey-40: #b1b1b3!important;
--grey-50: #737373!important;
--grey-60: #4a4a4f!important;
--grey-70: #38383d!important;
--grey-80: #2a2a2e!important;
--grey-90: #0c0c0d!important;
--code-green: #86de74!important;
--warning-color: #FCE19F!important;
--warning-background-color: #44391F!important;
--theme-highlight-green: #86DE74;
--theme-highlight-blue: #75BFFF;
--theme-highlight-purple: #B98EFF;
--theme-highlight-red: #FF7DE9;
--theme-highlight-yellow: #FFF89E;
--theme-highlight-bluegrey: #5e88b0;
--theme-highlight-lightorange: #d99b28;
--theme-highlight-orange: #d96629;
--theme-highlight-pink: #df80ff;
--tone-1: var(--grey-10)!important;
--tone-2: var(--grey-20)!important;
--tone-3: var(--grey-30)!important;
--tone-4: var(--grey-40)!important;
--tone-5: var(--grey-50)!important;
--tone-6: var(--grey-60)!important;
--tone-7: var(--grey-70)!important;
--tone-8: var(--grey-80)!important;
--tone-9: var(--grey-90)!important;
--accent-1: var(--blue-40)!important;
--accent-2: var(--blue-50)!important;
--accent-3: var(--blue-60)!important;
--in-content-page-color: var(--tone-4)!important;
--in-content-page-background: var(--tone-7)!important;
--in-content-text-color: var(--tone-3)!important;
--in-content-selected-text: var(--accent-1)!important;
--in-content-box-background: var(--tone-6)!important;
--in-content-box-background-odd: dodgerblue !important;
--in-content-box-background-hover: var(--tone-6)!important;
--in-content-box-background-active: var(--tone-6)!important;
--in-content-box-border-color: var(--tone-5)!important;
--in-content-item-hover: rgba(0, 149, 221, 0.25)!important;
--in-content-item-selected: var(--tone-8)!important;
--in-content-border-highlight: var(--accent-1)!important;
--in-content-border-focus: var(--accent-1)!important;
--in-content-border-color: var(--tone-6)!important;
--in-content-category-outline-focus: 1px dotted #0a84ff!important;
--in-content-category-text: var(--tone-4)!important;
--in-content-category-text-active: #0c0c0d!important;
--in-content-category-text-selected: var(--accent-1)!important;
--in-content-category-text-selected-active: #0060df !important;
--in-content-category-background-hover: rgba(12, 12, 13, 0.1) !important;
--in-content-category-background-active: rgba(12, 12, 13, 0.15)!important;
--in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15)!important;
--in-content-category-background-selected-active: rgba(12, 12, 13, 0.2)!important;
--in-content-tab-color: #424f5a !important;
--in-content-link-color: var(--accent-1) !important;
--in-content-link-color-hover: var(--accent-2)!important;
--in-content-link-color-active: #003eaa !important;
--in-content-link-color-visited: #0a8dff !important;
--in-content-primary-button-background: var(--accent-2)!important;
--in-content-primary-button-background-hover: var(--accent-3)!important;
--in-content-primary-button-background-active: var(--accent-3)!important;
--in-content-table-border-dark-color: var(--tone-7)!important;
--in-content-table-header-background: var(--accent-2)!important;
--theme-selection-background: var(--accent-2)!important;
--theme-selection-background-hover: var(--accent-1)!important;
--in-content-category-header-background: var(--tone-8)!important;
--selected-icon-fill-color: var(--tone-2)!important;
--in-content-dark-header-background: var(--tone-9)!important;
--secure-connection-color: var(--accent-1) !important;
--theme-sidebar-background: #1B1B1D!important;
--cm-background: var(--tone-8)!important;
--cm-selection: #353b48!important;
--cm-marker: #555!important;
--cm-linenumber: #58575c!important;
--cm-cursor: dodgerblue !important;
--cm-active-line-background: rgba(185, 215, 253, .15)!important;
--cm-matching-bracket: rgba(255, 255, 255, .25)!important;
--cm-search-background: rgba(24, 29, 32, 1)!important;
--cm-red: #de7474 !important;
--start-indicator-for-updater-scripts: black!important;
--end-indicator-for-updater-scripts: black!important;
--dummy-variable-for-updater-scripts: black !important;
}
}
/*
toolbar {
-moz-appearance: none!important;
background-color: var(--in-content-category-header-background)!important;
border: 0px!important;
}*/
/*


listbox,
textbox {
-moz-appearance: none!important;
background-color: var(--in-content-box-background) !important;
color: var(--in-content-page-color)!important;
min-height: 20px!important;
padding: 0 0 0 4px!important;
border: 1px solid!important;
border-color: var(--in-content-box-border-color)!important;
border-radius: 3px!important;
}
#placesToolbar > toolbarbutton {
margin: 6px 4px 5px!important;
-moz-appearance: none!important;
background-color: var(--tone-4)!important;
border-radius: 1px!important;
filter: invert(100%)!important;
}
#placesList {
-moz-appearance: none!important;
color: var(--in-content-page-color)!important;
background-color: var(--in-content-page-background)!important;
}
#placesView > splitter {
border-color: var(--in-content-border-color)!important;
}
#places #downloadsRichListBox {
-moz-appearance: none!important;
color: var(--in-content-page-color)!important;
background-color: var(--in-content-box-background)!important;
}
#detailsDeck {
border: 0px!important;
background-color: var(--in-content-page-background)!important;
color: var(--in-content-page-color)!important;
}
.expander-down,
.expander-up {
filter: invert(60%)!important;
}
#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
color: var(--in-content-text-color)!important;
}
#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
#placesList > treechildren::-moz-tree-row(selected) {
-moz-appearance: none!important;
-moz-font-smoothing-background-color: none!important;
border-top: none!important;
background: var(--theme-selection-background)!important;
color: var(--in-content-text-color)!important;
}
#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected),
#placesList > treechildren::-moz-tree-cell-text(selected) {
color: var(--in-content-text-color)!important;
}
#places treechildren::-moz-tree-row {
background-color: transparent!important;
}
#places treechildren::-moz-tree-image {
fill: var(--in-content-page-color)!important;
}
#places treechildren::-moz-tree-image(selected) {
fill: var(--selected-icon-fill-color)!important;
}
#placeContent > treechildren::-moz-tree-cell,
#placeContent > treechildren::-moz-tree-column {
border-color: var(--in-content-box-border-color)!important;
}
#contentView treecol {
-moz-appearance: none!important;
border: 0px!important;
background: var(--in-content-category-header-background)!important;
color: var(--in-content-text-color)!important;
border-right: 1px solid!important;
border-color: var(--in-content-box-border-color)!important;
}
tree {
background-color: var(--in-content-box-background)!important;
}
@media screen and (-moz-windows-theme),
screen and (-moz-windows-classic),
screen and (-moz-windows-default-theme),
screen and (-moz-os-version:windows-win7),
screen and (-moz-os-version:windows-win8),
screen and (-moz-os-version:windows-win10) {
#metaTagsCaption,
#security-identity,
#security-identity-groupbox,
#security-privacy,
#security-privacy-groupbox,
#security-technical,
#security-technical-groupbox {
-moz-appearance: none!important;
background-color: var(--in-content-page-background)!important;
border: 0px!important;
color: var(--in-content-selected-text)!important;
}
#security-identity-groupbox,
#security-privacy-groupbox,
#security-technical-groupbox {
-moz-appearance: none!important;
background-color: var(--in-content-category-header-background)!important;
}
}
}
}
*/
#sidebar-header, #sidebar-search-container, #sidebar-search-container #viewButton, .content-header, .sidebar-header {
background: black !important; /*var(--in-content-category-header-background)!important;*/
color: white !important;
}
.sidebar-search-container.tabs-container.sync-state.selected .search-box, hbox#sidebar-search-container textbox#search-box {
-moz-appearance: none !important;
background-color: black !important; /*var(--in-content-box-background) !important;*/
color: var(--in-content-page-color) !important;
min-height: 20px!important;
padding: 0 0 0 4px!important;
border: 0px solid!important;
border-color: black !important;
border-radius: 0px!important;
}
.sidebar-search-container.tabs-container.sync-state.selected .search-box .textbox-input-box {
background-color: black !important;
padding: 2px
}
#sidebar, #sidebar-box, #template-container, #webext-panels-browser, #webextpanels-window {
background-color: #1f1f1f !important; /*var(--in-content-page-background)!important;*/
color: white !important;
font-family : Fira Sans !important;
}
}
/*---------------------------------library ----------------------------------*/
:root {
--magenta-50: #ff1ad9;
--magenta-60: #ed00b5;
--magenta-70: #b5007f;
--magenta-80: #7d004f;
--magenta-90: #440027;
--purple-50: #9400ff;
--purple-60: #8000d7;
--purple-70: #6200a4;
--purple-80: #440071;
--purple-90: #25003e;
--blue-40: #45a1ff;
--blue-50: #0a84ff;
--blue-60: #0060df;
--blue-70: #003eaa;
--blue-80: #002275;
--blue-90: #000f40;
--teal-50: #00feff;
--teal-60: #00c8d7;
--teal-70: #008ea4;
--teal-80: #005a71;
--teal-90: #002d3e;
--green-50: #30e60b;
--green-60: #12bc00;
--green-70: #058b00;
--green-80: #006504;
--green-90: #003706;
--yellow-50: #ffe900;
--yellow-60: #d7b600;
--yellow-70: #a47f00;
--yellow-80: #715100;
--yellow-90: #3e2800;
--red-50: #ff0039;
--red-60: #d70022;
--red-70: #a4000f;
--red-80: #5a0002;
--red-90: #3e0200;
--orange-50: #ff9400;
--orange-60: #d76e00;
--orange-70: #a44900;
--orange-80: #712b00;
--orange-90: #3e1300;
--grey-10: #f9f9fa;
--grey-20: #ededf0;
--grey-30: #d7d7db;
--grey-40: #b1b1b3;
--grey-50: #737373;
--grey-60: #4a4a4f;
--grey-70: #38383d;
--grey-80: #2a2a2e;
--grey-90: #0c0c0d;
--code-green: #86de74 !important;
--warning-color: #FCE19F;
--warning-background-color: #44391F;
--theme-highlight-green: #86DE74;
--theme-highlight-blue: #75BFFF;
--theme-highlight-purple: #B98EFF;
--theme-highlight-red: #FF7DE9;
--theme-highlight-yellow: #FFF89E;
--theme-highlight-bluegrey: #5e88b0;
--theme-highlight-lightorange: #d99b28;
--theme-highlight-orange: #d96629;
--theme-highlight-pink: #df80ff;
--tone-1: var(--grey-10);
--tone-2: var(--grey-20);
--tone-3: var(--grey-30);
--tone-4: var(--grey-40);
--tone-5: var(--grey-50);
--tone-6: var(--grey-60);
--tone-7: var(--grey-70);
--tone-8: var(--grey-80);
--tone-9: var(--grey-90);
--accent-1: var(--blue-40);
--accent-2: var(--blue-50);
--accent-3: var(--blue-60);
--in-content-page-color: var(--tone-1) !important;
--in-content-page-background: var(--tone-7) !important;
--in-content-text-color: var(--tone-1) !important;
--in-content-selected-text: var(--tone-1) !important;
--in-content-box-background: var(--tone-6) !important;
--in-content-box-background-odd: #f3f6fa;
--in-content-box-background-hover: var(--tone-6) !important;
--in-content-box-background-active: var(--tone-6) !important;
--in-content-box-border-color: var(--tone-5) !important;
--in-content-item-hover: rgba(0, 149, 221, 0.25);
--in-content-item-selected: var(--tone-8) !important;
--in-content-border-highlight: var(--accent-1) !important;
--in-content-border-focus: var(--accent-1) !important;
--in-content-border-color: var(--tone-6) !important;
--in-content-category-outline-focus: 1px dotted #0a84ff;
--in-content-category-text: var(--tone-4) !important;
--in-content-category-text-active: #0c0c0d;
--in-content-category-text-selected: var(--accent-1) !important;
--in-content-category-text-selected-active: #0060df;
--in-content-category-background-hover: rgba(12, 12, 13, 0.1);
--in-content-category-background-active: rgba(12, 12, 13, 0.15);
--in-content-category-background-selected-hover: rgba(12, 12, 13, 0.15);
--in-content-category-background-selected-active: rgba(12, 12, 13, 0.2);
--in-content-tab-color: #424f5a;
--in-content-link-color: var(--accent-1) !important;
--in-content-link-color-hover: var(--accent-2) !important;
--in-content-link-color-active: #003eaa;
--in-content-link-color-visited: #0a8dff;
--in-content-primary-button-background: var(--accent-2) !important;
--in-content-primary-button-background-hover: var(--accent-3) !important;
--in-content-primary-button-background-active: var(--accent-3) !important;
--in-content-table-border-dark-color: var(--tone-7) !important;
--in-content-table-header-background: var(--accent-2) !important;
--theme-selection-background: var(--accent-2) !important;
--theme-selection-background-hover: var(--accent-1) !important;
--in-content-category-header-background: var(--tone-8) !important;
--selected-icon-fill-color: var(--tone-2) !important;
--in-content-dark-header-background: var(--tone-9) !important;
--secure-connection-color: var(--accent-1);
--theme-sidebar-background: #1B1B1D !important;
--cm-background: var(--tone-8) !important;
--cm-selection: #353b48 !important;
--cm-marker: #555 !important;
--cm-linenumber: #58575c !important;
--cm-cursor: #fff !important;
--cm-active-line-background: rgba(185, 215, 253, .15) !important;
--cm-matching-bracket: rgba(255, 255, 255, .25) !important;
--cm-search-background: rgba(24, 29, 32, 1) !important;
--cm-red: #de7474 !important;
--start-indicator-for-updater-scripts: black;
--end-indicator-for-updater-scripts: black;
--dummy-variable-for-updater-scripts: black;
}
@-moz-document url("chrome://global/content/commonDialog.xul") {
    #commonDialog {
        -moz-appearance: none !important;
        background: var(--in-content-page-background) !important;
        color: var(--in-content-page-color) !important;
    }
}
@-moz-document url(chrome://browser/content/places/places.xul) {

toolbar {
-moz-appearance: none !important;
background-color: var(--in-content-category-header-background) !important;
border: none !important
}
listbox,
textbox {
-moz-appearance: none !important;
background-color: var(--in-content-box-background) !important;
color: var(--in-content-page-color) !important;
min-height: 20px !important;
padding: 0 0 0 4px !important;
border: 1px solid !important;
border-color: var(--in-content-box-border-color) !important;
border-radius: 3px !important
}
#editBMPanel_rows>row>hbox>textbox,
#editBMPanel_rows>row>textbox,
#editBMPanel_tagsSelector {
background: var(--in-content-box-background) !important;
}
#placesToolbar>toolbarbutton {
margin: 6px 4px 5px !important;
-moz-appearance: none !important;
background-color: var(--tone-4) !important;
border-radius: 5px !important;
filter: invert(100%) !important
}
#placesList {
-moz-appearance: none !important;
color: var(--in-content-page-color) !important;
background-color: var(--in-content-page-background) !important
}
#placesView>splitter {
border-color: var(--in-content-border-color) !important
}
#places #downloadsRichListBox {
-moz-appearance: none !important;
color: var(--in-content-page-color) !important;
background-color: var(--in-content-box-background) !important
}
#detailsDeck {
font-family: Fira Sans !important;
border: none !important;
background-color: var(--in-content-page-background) !important;
color: var(--in-content-page-color) !important
}
.expander-down,
.expander-up {
filter: invert(77%) !important
}
#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
color: var(--in-content-text-color) !important
}
#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
#placesList>treechildren::-moz-tree-row(selected) {
-moz-appearance: none !important;
-moz-font-smoothing-background-color: none !important;
border-top: none !important;
background: var(--theme-selection-background) !important;
color: var(--in-content-text-color) !important
}
#placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected),
#placesList>treechildren::-moz-tree-cell-text(selected) {
color: var(--in-content-text-color) !important
}
#places treechildren::-moz-tree-row {
background-color: transparent !important
}
#places treechildren::-moz-tree-image {
fill: var(--in-content-page-color) !important
}
#places treechildren::-moz-tree-image(selected) {
fill: var(--selected-icon-fill-color) !important
}
#placeContent>treechildren::-moz-tree-cell,
#placeContent>treechildren::-moz-tree-column {
border-color: var(--in-content-box-border-color) !important
}
#contentView treecol {
-moz-appearance: none !important;
border: none !important;
background: var(--in-content-category-header-background) !important;
color: var(--in-content-text-color) !important;
border-right: 1px solid !important;
border-color: var(--in-content-box-border-color) !important
}
tree {
background-color: var(--in-content-box-background) !important;
}
#editBMPanel_tagsSelectorExpander.expander-down {
-moz-appearance: -moz-mac-disclosure-button-closed !important;
filter: invert(79%) !important;
}
#editBMPanel_tagsSelectorExpander.expander-up {
-moz-appearance: -moz-mac-disclosure-button-open !important;
filter: invert(79%) !important;
}
#main-menubar {
background-color: var(--in-content-category-header-background) !important;
}
#main-menubar>* {
color: var(--in-content-page-color) !important;
}
#main-menubar> :hover,
menubar>menu[_moz-menuactive=true][open=true] {
-moz-appearance: none !important;
background: var(--in-content-page-background) !important;
}
@media screen and (-moz-windows-theme),
screen and (-moz-windows-classic),
screen and (-moz-windows-default-theme),
screen and (-moz-os-version:windows-win7),
screen and (-moz-os-version:windows-win8),
screen and (-moz-os-version:windows-win10) {
#metaTagsCaption,
#security-identity,
#security-identity-groupbox,
#security-privacy,
#security-privacy-groupbox,
#security-technical,
#security-technical-groupbox {
-moz-appearance: none !important;
background-color: var(--in-content-page-background) !important;
border: none !important;
color: var(--in-content-selected-text) !important
}
#placesMenu>menu {
color: var(--in-content-page-color) !important
}
#security-identity-groupbox,
#security-privacy-groupbox,
#security-technical-groupbox {
-moz-appearance: none !important;
background-color: var(--in-content-category-header-background) !important
}
#places treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover):not(.autocomplete-treebody)::-moz-tree-cell-text(selected) {
background: 0 0 !important;
-moz-border-top-colors: transparent !important;
-moz-border-right-colors: transparent !important;
-moz-border-left-colors: transparent !important;
-moz-border-bottom-colors: transparent !important
}
}
@media screen and (-moz-os-version:windows-win7) {
treechildren {
--treechildren-outline: none !important;
}
}
}
/*-------------------------------------------------------------------------------------------------------------------------*/

#urlbar, .searchbar-textbox {
font-family: Fira Sans !important;
border: 0px !important;
}

/* MULTI-ROW TABS
based on https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/
If tabs are too narrow, go into about:config and adjust browser.tabs.tabMinWidth
*/

/* General Rules
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
min-height: var(--tab-min-height);
max-height: calc((5 * 32) + 1px) !important;
.tabbrowser-tab, .tab-background {
height: var(--tab-min-height) !important;
}
.tab-stack {
width: 100%;
}
#main-window[sizemode="normal"] #TabsToolbar {
border-left: 0px solid #888 !important;
}*/

/* Title bar rules
#titlebar, #titlebar-buttonbox {
height: var(--tab-min-height) !important;
}
#titlebar {
margin-bottom: calc(var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #titlebar {
margin-bottom: calc(6px + var(--tab-min-height)*-1) !important;
}
#titlebar:active {
margin-bottom: 0 !important;
}
#titlebar:active #titlebar-content {
margin-bottom: var(--tab-min-height) !important;
}*/

/*Remove unnecessary buttons and the blank areas at left and right
#tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down,
#alltabs-button, .tabbrowser-tab:not([fadein]),
.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"] {
display: none;
}*/

/* Ensure a border between tabs (#aaa is a light gray)
.tabbrowser-tab:not(:last-of-type) {
border-right: 0px solid #aaa !important;
}


*/

/*
https://www.reddit.com/r/firefox/comments/726p8u/multirow_tabs_firefox_ignores_mozboxflex/dngb8qf/


.tabbrowser-tab:not([pinned]) {
flex-grow: 1;
min-width: 350px;
}

.tabbrowser-tab,
.tab-background {
height: var(--tab-min-height);
}

#tab-stack {
width: 100%;
}

#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
}

#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible;
display: block;
}

#titlebar,
#titlebar-buttonbox {
height: var(--tab-min-height) !important;
}

#titlebar {
margin-bottom: calc(var(--tab-min-height)*-1) !important;
}

#main-window[sizemode="maximized"] #titlebar {
margin-bottom: calc(6px + var(--tab-min-height)*-1) !important;
}

#main-window[sizemode="maximized"] #TabsToolbar {
margin-left: var(--tab-min-height);
}

#titlebar:active {
margin-bottom: 0 !important;
}

#titlebar:active #titlebar-content {
margin-bottom: var(--tab-min-height) !important;
}

.tabbrowser-tabs .scrollbutton-up,
.tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
.tabbrowser-tab:not([fadein]) {
display: none;
}
*/

/*==== Thumping Sound icon for tab that has sound playing ====*/

.tab-icon-sound[soundplaying] {/*
transform: rotate(-90deg);*/
animation: thump .40s linear infinite;
}

@keyframes thump {
10%,
90% {
margin-top: 7px;
}
}

.tab-icon-sound[muted] {
color: dodgerblue !important;
transform: rotate(-90deg);
animation: none;
}

.tab-icon-sound[soundplaying] {
margin-right: 7px;
}

.tab-icon-sound[soundplaying] {
margin-bottom: 6px;
}


#nav-bar {
min-height: 30px !important;
}
#urlbar,
.searchbar-textbox {
border-radius: 0px !important;
min-height: 26px !important;
}
#urlbar {
    border-radius: 16px !important;
}


/*
light & Dark🔥- userChrome.
:root:not([uidensity=compact]) #back-button {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
background-color: unset !important;
border: none !important;
}

.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-left: none !important;
}

.titlebar-placeholder[type="pre-tabs"],
.titlebar-placeholder[type="post-tabs"] {
width: 25px !important;
}*/
/*
#titlebar:active {
margin-bottom: 0 !important;
}
*/
/* Move the tab toolbar below the content.

#TabsToolbar {
position: fixed;
bottom: -0em;
width: 100%;
}
*/
/* Move the content deck bottom up by the tab height. */
/* margin-bottom: var(--tab-min-height) !important;
#content-deck {

margin-bottom: 33px !important;
}*/
/*
#TabsToolbar:-moz-window-inactive {
background-color: rgba(30, 143, 255, 0.185) !important;
transition: .75s ease-in-out !important;
}*/




/*hide white flash */
#browser vbox#appcontent tabbrowser,
#content,
#tabbrowser-tabpanels,
browser[type=content-primary],
browser[type=content]>html {
background: var(--in-content-page-background) !important;
}

/*-------------------
#main-window[chromemargin] #titlebar-spacer {
    -moz-box-ordinal-group: 10;
}

#main-window[chromemargin] #toolbar-menubar,
#main-window[chromemargin] #toolbar-menubar[autohide="true"]~#TabsToolbar {
    margin-left: 70px !important;
}

#main-window[chromemargin] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons {
    display: none;
}*/
/*
#TabsToolbar {
    -moz-box-direction: reverse !important;
}*/

/* min max close inversé
#titlebar {
    direction: rtl !important;
}
#main-menubar {
    margin-left: 85px !important;
}*/



/* ---------------TST ------------------*/


/* Hide main tabs toolbar

#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar {
    opacity: 0;
    pointer-events: none;
}

#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
    visibility: collapse !important;
}
*/
/* Sidebar min and max width removal

#sidebar {
    max-width: none !important;
    min-width: 0px !important;
}
*/
/* Hide splitter, when using Tree Style Tab.

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]+#sidebar-splitter {
    display: none !important;
}*/

/* Hide sidebar header, when using Tree Style Tab

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
    visibility: collapse;
}*/

/* Shrink sidebar until hovered, when using Tree Style Tab.

:root {
    --thin-tab-width: 30px;
    --wide-tab-width: 300px;
}

#sidebar-box:not([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]) {
    min-width: var(--wide-tab-width) !important;
    max-width: none !important;
}

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
    position: relative !important;
    transition: all 100ms !important;
    min-width: var(--thin-tab-width) !important;
    max-width: var(--thin-tab-width) !important;
}

#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover {
    transition: all 200ms !important;
    min-width: var(--wide-tab-width) !important;
    max-width: var(--wide-tab-width) !important;
    margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
}*/



/*

#context-back image,
#context-forward image,
#context-reload image,
#context-stop image,
#context-bookmarkpage image {
    display: none !important;
}

#context-navigation .menu-iconic-left {
    -moz-margin-start: 15px !important;

}

#context-back:after,
#context-forward:after,
#context-reload:after,
#context-stop:after,
#context-bookmarkpage:after {
    content: attr(aria-label) !important;
}

#context-navigation {
    -moz-box-orient: vertical !important;
}

#context-navigation>.menuitem-iconic {
    -moz-box-pack: start !important;
}*/


.searchbar-textbox {
    background-color: rgba(30, 143, 255, 0.493) !important;
    border-radius: 16px !important;
    color: white !important;
    font-familly: Fira Sans !important;
}

/* sliding tabs down
#TabsToolbar {
    opacity: 0 !important;
    margin-top: -23px !important;
    transition: all 0.4s ease 0s !important;
}

#navigator-toolbox:hover>#TabsToolbar {
    visibility: visible !important;
    margin-top: 0px !important;
    transition: all 0.4s ease 0s !important;
    opacity: 1 !important;
    border-bottom-color:
}
*/
statuspanel {
    background-color: transparent !important;
    border: none !important;
    bottom: 4px !important;
    height: 26px !important;
    max-width: 30% !important;
    /* Change the value to suite your needs */
    transition: none !important;
}

/* If you're not on the latest Nightly,
change the #statuspanel-inner
to .statuspanel-inner */

statuspanel .statuspanel-inner {
    background-color: transparent !important;
    border: none !important;
    height: 26px !important;
}

/* If you're not on the latest Nightly,
change the #statuspanel-label
to .statuspanel-label */

statuspanel .statuspanel-label {
    background-color: transparent !important;
    border: none !important;/*
    color: black !important;*/
}


#urlbar {
    -moz-binding: url("bindings.xml#urlbar") !important;
}

/* Center URL */

#urlbar .urlbar-input-box {
    text-align: center;
    margin-bottom: 1px;
}


#nav-bar #urlbar {
    font-size: 0.85em !important;
    transition: all 100ms var(--animation-easing-function) !important;
}

:root:not([customizing]) :hover>#nav-bar #urlbar,
:root:not([customizing]) #navigator-toolbox:focus-within #nav-bar #urlbar {
    font-size: 1.2em !important;
}