userChrome.css

/* -------------------------------------------------------------------------- */
/*
 * Description: Makes the activity stream page look decent with the dark theme.
 *
 * Screenshot: https://imgur.com/a/WcxGk
 *
 * Contributor(s): Andrei Cristian Petcu
 */

.browserContainer {
  background-color: var(--url-and-searchbar-background-color, hsla(0,0%,100%,.8)) !important;
}

#sidebar {
  background-color: white !important;
}

.sidebar-placesTree {
  background-color: white !important;
}


/* -------------------------------------------------------------------------- */
/*
 * Remove "Send Page to Device", "Send Link to Device", 
 * "Send Tab to Device" from context menu.
 *
 * Contributor(s): PilzAdam
 */

#context-sendpagetodevice, #context-sep-sendpagetodevice,
#context-sendlinktodevice, #context-sep-sendlinktodevice,
#context_sendTabToDevice, #context_sendTabToDevice_separator {
  display: none !important;
}


/* -------------------------------------------------------------------------- */
/*
 * Description: Extends the dark theme to the navigation toolbar dropdown (autocomplete popup).
 *
 * Contributor(s): hyperfekt
 */
 
#PopupAutoCompleteRichResult {
  background-image: none !important;
  background-color: var(--url-and-searchbar-background-color) !important;
  --panel-separator-color: rgb(146, 146, 146) !important;
}

.search-panel-header, .search-panel-one-offs {
  background-color: var(--chrome-secondary-background-color) !important;
}

richlistbox, .search-panel-input-value {
  color: var(--lwt-text-color) !important;
}

.ac-separator:not([selected="true"]), .ac-url:not([selected="true"]), .ac-action:not([selected="true"]) {
    color: hsl(211, 100%, 65%) !important;
}

/*
 * Removes the "PageAction Button", the 3-dot button near the right of the
 * urlbar which gives you options such as: "Bookmark this page", "Save page to
 * pocket", etc.
 *
 * Contributor(s): DrPugsley, Madis0
 */

#pageActionButton {
  display: none !important;
}


/* -------------------------------------------------------------------------- */
/*
 * Hides the labels of _permanent_ overflow menu items, making them show only as icons.
 *
 * Contributor(s): Madis0, reddit user poisonocity
 * https://www.reddit.com/r/FirefoxCSS/comments/7iivzf/iconsonly_overflow_menu/
 */

#widget-overflow-fixed-list {
    display: grid; /* Display icons in a grid */
    grid-template-rows: repeat(1, 1.5em); /* One row with button width 1.5em */
    grid-template-columns: repeat(20, 1.5em); /* Twenty columns with button height 1.5em */
}

#widget-overflow-fixed-list .toolbarbutton-1 > .toolbarbutton-text {
    display: none !important; /* Hide labels just in case */
}


/* -------------------------------------------------------------------------- */
/*
 * Flip the position of the identity icon and SSL lock
 *
 * Contributor(s): Madis0
 */

#identity-box {
  direction: rtl;
}


/* -------------------------------------------------------------------------- */
/*
 * Makes urlbar and many other things sharper on the edges
 *
 * Contributor(s): DrPugsley
 */

:root {
  --toolbarbutton-border-radius: 0px !important;
}


/* -------------------------------------------------------------------------- */
/*
 * Description: Auto-hide sidebar.
 *
 * Contributor(s): img2tab
 */

/* To right-align the sidebar, replace all occurrences of "left" with "right", and "margin-right" with "margin-left" */

:root {
  --sidebar-hover-width: 1px;
  --sidebar-visible-width: 400px;
}

#sidebar-box {
  border-left:3px solid black !important;

  position: relative !important;
  overflow-x: hidden !important;
  margin-left: calc(var(--sidebar-hover-width) * -1) !important;
  right: var(--sidebar-hover-width) !important;
  min-width: var(--sidebar-hover-width) !important;
  max-width: var(--sidebar-hover-width) !important;
}

#sidebar-box:hover {
  margin-left: calc(var(--sidebar-visible-width) * -1) !important;
  right: var(--sidebar-visible-width) !important;
  min-width: var(--sidebar-visible-width) !important;
  max-width: var(--sidebar-visible-width) !important;
}

/*#sidebar {
  opacity: 0 !important;
}

#sidebar:hover {
  opacity: 1 !important;
}*/

/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */
#sidebar-header {
  display: inherit !important;
}

/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
#sidebar-splitter {
  border:3px solid #292929 !important;
}


/* -------------------------------------------------------------------------- */
/*
 * Adds 1px padding above the tabs. That way you can easily grab and drag the browser window.
 *
 * Contributor(s): BubiBalboa via reddit.com/user/marciiF

 
#TabsToolbar {
  padding-top: 2px !important;
}
 */

/* -------------------------------------------------------------------------- */
/* 
* Makes tabs only 22px high rather than the default 29px
* Only works on compact mode, otherwise tab height will be normal
*
* Contributor(s): DrPugsley


[uidensity="compact"]:root {
  --tab-min-height: 22px !important;
  --newtab-margin: -3px 0 -3px -3px !important;
}

.tabbrowser-tab {
  max-height: var(--tab-min-height) !important;
}

.tabs-newtab-button{
  margin: var(--newtab-margin) !important;
}*/


/* -------------------------------------------------------------------------- */
/*
 * Description: Moves the sound indicator to the left of the tab, shrinks it a little and overlays the favicon
 *
 * Screenshot: https://i.imgur.com/XVyGNMG.png
 *
 * Contributor(s): BubiBalboa via reddit.com/user/marciiF
 */
.tab-icon-sound {
  -moz-box-ordinal-group: 0 !important;
  border-radius: 50% !important;
  margin: initial !important;
  margin-right: -25px !important;
  opacity: 1 !important;
  transform: translate(35%, -35%) !important;
}

.tab-icon-sound:hover {
  background-color: var(--toolbar-bgcolor) !important;
}

.tab-close-button {
  -moz-box-ordinal-group: 2 !important;
}

.tab-icon-sound[soundplaying] {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio") !important;
}

.tab-icon-sound[muted] {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted") !important;
}

.tab-icon-sound[activemedia-blocked] {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked") !important;
}

.tab-icon-sound[soundplaying]:-moz-lwtheme-brighttext {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white") !important;
}

.tab-icon-sound[muted]:-moz-lwtheme-brighttext {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted") !important;
}

.tab-icon-sound[activemedia-blocked]:-moz-lwtheme-brighttext {
  list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked") !important;
}


/* -------------------------------------------------------------------------- */
/*
 * Underlines and dims unloaded tabs
 *
 * Contributor(s): josemam
 */

.tabbrowser-tab[pending] {
  text-decoration: underline;
  opacity: .5;
}


#TabsToolbar .tab-icon-image:not([pinned])
{
  margin-left: 2px;
}


/* -------------------------------------------------------------------------- */
/*
 * Make the toolbar extra-compact (similar to v56 with CTR)
 *
 * Applies to Compact density
 *
 * Contributor(s): Alex Vallat
 

:root[uidensity=compact] #urlbar,
:root[uidensity=compact] .searchbar-textbox {
  font-size: unset !important;
  min-height: 24px !important;
}

:root[uidensity=compact] #identity-box {
  max-height: 22px;
}

:root[uidensity=compact] #nav-bar .toolbarbutton-1 {
  padding: 0px !important;
}

/* Compatibility with auto-hide.css 
:root[uidensity=compact] #navigator-toolbox {
  --nav-bar-height: 31px !important;
}*/


/* -------------------------------------------------------------------------- */
/*
 * Moves the tab close button to the left of the tab
 *
 * Contributor(s): April93
 */
#TabsToolbar .tab-close-button { 
  -moz-box-ordinal-group: 0 !important; 
  margin-left: 2px !important;
  margin-right: 2px !important;

  border-radius: 2px !important;
  transition: opacity 200ms !important;
}

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

.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }


.tabbrowser-tab:not([pinned]):hover  .tab-icon-image {
  display: none !important;
}

.tabbrowser-tab:hover  .tab-throbber,
.tabbrowser-tab:hover  .tab-icon-image,
.tabbrowser-tab:hover .tab-sharing-icon-overlay,
.tabbrowser-tab:hover  .tab-icon-overlay,
.tabbrowser-tab:hover  .tab-label-container
{
   -moz-box-ordinal-group: 2 !important;
}



/* -------------------------------------------------------------------------- */
#tabbrowser-tabs .tab-icon-image:not([src])
{
   display: block !important;
   opacity: 0 !important;
}
#tabbrowser-tabs .tab-icon-image:not([src]):hover
{
   display: none !important;
}


/* -------------------------------------------------------------------------- */
/* Removes customize Overflow Menu Popup */
#customization-panelWrapper
{
   display: none !important;
}


/* -------------------------------------------------------------------------- */
#nav-bar { background-color: #292929 !important; }
#url-bar { background-color: #002b36 !important; }


#bookmarks-view .tree-stack 
{ 
        background-color: #04252e !important; 
        color: white;
}

#sidebar-header, #sidebar-search-container, #PersonalToolbar
{
/*
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <pattern id="sand" patternUnits="userSpaceOnUse" width="100" height="100">
      <polyline 
        stroke-dasharray="1 3 2 4 1 5 1 4 1 8 1 3 1 6 1 6 1 3 1 5 2 4 1 3 1 5 1 3 1 5 1 3 1 4 1 5 1 4 1 3 1 4 1 3 1 5 1 3 1 5 1 4 2 4 1 5 1 3 1 4 1 6 1 4 1 6 1 3 1 6 1 4 1 3 1 5 1 4 1 6 1 5 1 4 1 5 1 4 1 4 1 6 1 3 2 5 1 4 1 6 1 4 1 4 1 6 2 5 1 3 1 4 1 4 1 3 1 6 1 6 1 6 1 5 1 5 1 4 2 4 1 4 1 4 1 4 1 6 1 3 1 6 1 4 1 5 2 6 1 6 1 5 1 3 2 5 1 3 2 5 1 3 1 4 1 5 1 6 1 3 1 6 1 4 1 3 1 6 1 4 1 6 1 5 1 5 1 3 1 3 1 3 2 5 1 4 1 5 1 4 1 3 1 4 1 5 2 6 1 4 1 6 1 4 1 4 1 4 1 4 1 3 1 6 1 3 1 4 1 3 1 3 1 6 1 5 1 4 1 5 1 4 1 4 1 4 2 6 1 6 1 5 1 5 1 5 1 6 1 6 1 6 2 6 1 6 1 3 1 4 1 4 1 3 1 6 1 6 1 4 1 3 1 6 1 6 1 3 1 6 1 3 1 5 1 3 1 3 1 5 1 4 1 4 1 3 1 6 1 3 1 3 1 4 1 5 1 6 2 3 1 6 1 3 1 5 1 3 1 5 1 5 1 3 1 4 1 5 1 6 1 4 2 6 1 3 1 4 1 6 1 3 1 3 1 3 1 4 1 5 1 3 1 4 1 4 1 5 2 5 1 5 2 4 1 5 1 5 1 5 1 5 1 5 1 6 1 4 1 6 1 5 1 4"
        points="0.5, 0 0.5, 99.5 1.5, 99.5 1.5, 0.5 2.5, 0.5 2.5, 99.5 3.5, 99.5 3.5, 0.5 4.5, 0.5 4.5, 99.5 5.5, 99.5 5.5, 0.5 6.5, 0.5 6.5, 99.5 7.5, 99.5 7.5, 0.5 8.5, 0.5 8.5, 99.5 9.5, 99.5 9.5, 0.5 10.5, 0.5 10.5, 99.5 11.5, 99.5 11.5, 0.5 12.5, 0.5 12.5, 99.5 13.5, 99.5 13.5, 0.5 14.5, 0.5 14.5, 99.5 15.5, 99.5 15.5, 0.5 16.5, 0.5 16.5, 99.5 17.5, 99.5 17.5, 0.5 18.5, 0.5 18.5, 99.5 19.5, 99.5 19.5, 0.5 20.5, 0.5 20.5, 99.5 21.5, 99.5 21.5, 0.5 22.5, 0.5 22.5, 99.5 23.5, 99.5 23.5, 0.5 24.5, 0.5 24.5, 99.5 25.5, 99.5 25.5, 0.5 26.5, 0.5 26.5, 99.5 27.5, 99.5 27.5, 0.5 28.5, 0.5 28.5, 99.5 29.5, 99.5 29.5, 0.5 30.5, 0.5 30.5, 99.5 31.5, 99.5 31.5, 0.5 32.5, 0.5 32.5, 99.5 33.5, 99.5 33.5, 0.5 34.5, 0.5 34.5, 99.5 35.5, 99.5 35.5, 0.5 36.5, 0.5 36.5, 99.5 37.5, 99.5 37.5, 0.5 38.5, 0.5 38.5, 99.5 39.5, 99.5 39.5, 0.5 40.5, 0.5 40.5, 99.5 41.5, 99.5 41.5, 0.5 42.5, 0.5 42.5, 99.5 43.5, 99.5 43.5, 0.5 44.5, 0.5 44.5, 99.5 45.5, 99.5 45.5, 0.5 46.5, 0.5 46.5, 99.5 47.5, 99.5 47.5, 0.5 48.5, 0.5 48.5, 99.5 49.5, 99.5 49.5, 0.5 50.5, 0.5 50.5, 99.5 51.5, 99.5 51.5, 0.5 52.5, 0.5 52.5, 99.5 53.5, 99.5 53.5, 0.5 54.5, 0.5 54.5, 99.5 55.5, 99.5 55.5, 0.5 56.5, 0.5 56.5, 99.5 57.5, 99.5 57.5, 0.5 58.5, 0.5 58.5, 99.5 59.5, 99.5 59.5, 0.5 60.5, 0.5 60.5, 99.5 61.5, 99.5 61.5, 0.5 62.5, 0.5 62.5, 99.5 63.5, 99.5 63.5, 0.5 64.5, 0.5 64.5, 99.5 65.5, 99.5 65.5, 0.5 66.5, 0.5 66.5, 99.5 67.5, 99.5 67.5, 0.5 68.5, 0.5 68.5, 99.5 69.5, 99.5 69.5, 0.5 70.5, 0.5 70.5, 99.5 71.5, 99.5 71.5, 0.5 72.5, 0.5 72.5, 99.5 73.5, 99.5 73.5, 0.5 74.5, 0.5 74.5, 99.5 75.5, 99.5 75.5, 0.5 76.5, 0.5 76.5, 99.5 77.5, 99.5 77.5, 0.5 78.5, 0.5 78.5, 99.5 79.5, 99.5 79.5, 0.5 80.5, 0.5 80.5, 99.5 81.5, 99.5 81.5, 0.5 82.5, 0.5 82.5, 99.5 83.5, 99.5 83.5, 0.5 84.5, 0.5 84.5, 99.5 85.5, 99.5 85.5, 0.5 86.5, 0.5 86.5, 99.5 87.5, 99.5 87.5, 0.5 88.5, 0.5 88.5, 99.5 89.5, 99.5 89.5, 0.5 90.5, 0.5 90.5, 99.5 91.5, 99.5 91.5, 0.5 92.5, 0.5 92.5, 99.5 93.5, 99.5 93.5, 0.5 94.5, 0.5 94.5, 99.5 95.5, 99.5 95.5, 0.5 96.5, 0.5 96.5, 99.5 97.5, 99.5 97.5, 0.5 98.5, 0.5 98.5, 99.5 99.5, 99.5 99.5, 0.5"
        stroke="#fff" 
        stroke-width="2"
      />
    </pattern>
  </defs>

  <!-- <rect x="0" y="0" width="100" height="100" fill="#2e2e2e"/> -->
  <rect x="0" y="0" width="100" height="100" opacity="0.05" fill="url(#sand)"/>
</svg>
*/

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gIDxkZWZzPiAgICA8cGF0dGVybiBpZD0ic2FuZCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiPiAgICAgIDxwb2x5bGluZSAgICAgICAgIHN0cm9rZS1kYXNoYXJyYXk9IjEgMyAyIDQgMSA1IDEgNCAxIDggMSAzIDEgNiAxIDYgMSAzIDEgNSAyIDQgMSAzIDEgNSAxIDMgMSA1IDEgMyAxIDQgMSA1IDEgNCAxIDMgMSA0IDEgMyAxIDUgMSAzIDEgNSAxIDQgMiA0IDEgNSAxIDMgMSA0IDEgNiAxIDQgMSA2IDEgMyAxIDYgMSA0IDEgMyAxIDUgMSA0IDEgNiAxIDUgMSA0IDEgNSAxIDQgMSA0IDEgNiAxIDMgMiA1IDEgNCAxIDYgMSA0IDEgNCAxIDYgMiA1IDEgMyAxIDQgMSA0IDEgMyAxIDYgMSA2IDEgNiAxIDUgMSA1IDEgNCAyIDQgMSA0IDEgNCAxIDQgMSA2IDEgMyAxIDYgMSA0IDEgNSAyIDYgMSA2IDEgNSAxIDMgMiA1IDEgMyAyIDUgMSAzIDEgNCAxIDUgMSA2IDEgMyAxIDYgMSA0IDEgMyAxIDYgMSA0IDEgNiAxIDUgMSA1IDEgMyAxIDMgMSAzIDIgNSAxIDQgMSA1IDEgNCAxIDMgMSA0IDEgNSAyIDYgMSA0IDEgNiAxIDQgMSA0IDEgNCAxIDQgMSAzIDEgNiAxIDMgMSA0IDEgMyAxIDMgMSA2IDEgNSAxIDQgMSA1IDEgNCAxIDQgMSA0IDIgNiAxIDYgMSA1IDEgNSAxIDUgMSA2IDEgNiAxIDYgMiA2IDEgNiAxIDMgMSA0IDEgNCAxIDMgMSA2IDEgNiAxIDQgMSAzIDEgNiAxIDYgMSAzIDEgNiAxIDMgMSA1IDEgMyAxIDMgMSA1IDEgNCAxIDQgMSAzIDEgNiAxIDMgMSAzIDEgNCAxIDUgMSA2IDIgMyAxIDYgMSAzIDEgNSAxIDMgMSA1IDEgNSAxIDMgMSA0IDEgNSAxIDYgMSA0IDIgNiAxIDMgMSA0IDEgNiAxIDMgMSAzIDEgMyAxIDQgMSA1IDEgMyAxIDQgMSA0IDEgNSAyIDUgMSA1IDIgNCAxIDUgMSA1IDEgNSAxIDUgMSA1IDEgNiAxIDQgMSA2IDEgNSAxIDQiICAgICAgICBwb2ludHM9IjAuNSwgMCAwLjUsIDk5LjUgMS41LCA5OS41IDEuNSwgMC41IDIuNSwgMC41IDIuNSwgOTkuNSAzLjUsIDk5LjUgMy41LCAwLjUgNC41LCAwLjUgNC41LCA5OS41IDUuNSwgOTkuNSA1LjUsIDAuNSA2LjUsIDAuNSA2LjUsIDk5LjUgNy41LCA5OS41IDcuNSwgMC41IDguNSwgMC41IDguNSwgOTkuNSA5LjUsIDk5LjUgOS41LCAwLjUgMTAuNSwgMC41IDEwLjUsIDk5LjUgMTEuNSwgOTkuNSAxMS41LCAwLjUgMTIuNSwgMC41IDEyLjUsIDk5LjUgMTMuNSwgOTkuNSAxMy41LCAwLjUgMTQuNSwgMC41IDE0LjUsIDk5LjUgMTUuNSwgOTkuNSAxNS41LCAwLjUgMTYuNSwgMC41IDE2LjUsIDk5LjUgMTcuNSwgOTkuNSAxNy41LCAwLjUgMTguNSwgMC41IDE4LjUsIDk5LjUgMTkuNSwgOTkuNSAxOS41LCAwLjUgMjAuNSwgMC41IDIwLjUsIDk5LjUgMjEuNSwgOTkuNSAyMS41LCAwLjUgMjIuNSwgMC41IDIyLjUsIDk5LjUgMjMuNSwgOTkuNSAyMy41LCAwLjUgMjQuNSwgMC41IDI0LjUsIDk5LjUgMjUuNSwgOTkuNSAyNS41LCAwLjUgMjYuNSwgMC41IDI2LjUsIDk5LjUgMjcuNSwgOTkuNSAyNy41LCAwLjUgMjguNSwgMC41IDI4LjUsIDk5LjUgMjkuNSwgOTkuNSAyOS41LCAwLjUgMzAuNSwgMC41IDMwLjUsIDk5LjUgMzEuNSwgOTkuNSAzMS41LCAwLjUgMzIuNSwgMC41IDMyLjUsIDk5LjUgMzMuNSwgOTkuNSAzMy41LCAwLjUgMzQuNSwgMC41IDM0LjUsIDk5LjUgMzUuNSwgOTkuNSAzNS41LCAwLjUgMzYuNSwgMC41IDM2LjUsIDk5LjUgMzcuNSwgOTkuNSAzNy41LCAwLjUgMzguNSwgMC41IDM4LjUsIDk5LjUgMzkuNSwgOTkuNSAzOS41LCAwLjUgNDAuNSwgMC41IDQwLjUsIDk5LjUgNDEuNSwgOTkuNSA0MS41LCAwLjUgNDIuNSwgMC41IDQyLjUsIDk5LjUgNDMuNSwgOTkuNSA0My41LCAwLjUgNDQuNSwgMC41IDQ0LjUsIDk5LjUgNDUuNSwgOTkuNSA0NS41LCAwLjUgNDYuNSwgMC41IDQ2LjUsIDk5LjUgNDcuNSwgOTkuNSA0Ny41LCAwLjUgNDguNSwgMC41IDQ4LjUsIDk5LjUgNDkuNSwgOTkuNSA0OS41LCAwLjUgNTAuNSwgMC41IDUwLjUsIDk5LjUgNTEuNSwgOTkuNSA1MS41LCAwLjUgNTIuNSwgMC41IDUyLjUsIDk5LjUgNTMuNSwgOTkuNSA1My41LCAwLjUgNTQuNSwgMC41IDU0LjUsIDk5LjUgNTUuNSwgOTkuNSA1NS41LCAwLjUgNTYuNSwgMC41IDU2LjUsIDk5LjUgNTcuNSwgOTkuNSA1Ny41LCAwLjUgNTguNSwgMC41IDU4LjUsIDk5LjUgNTkuNSwgOTkuNSA1OS41LCAwLjUgNjAuNSwgMC41IDYwLjUsIDk5LjUgNjEuNSwgOTkuNSA2MS41LCAwLjUgNjIuNSwgMC41IDYyLjUsIDk5LjUgNjMuNSwgOTkuNSA2My41LCAwLjUgNjQuNSwgMC41IDY0LjUsIDk5LjUgNjUuNSwgOTkuNSA2NS41LCAwLjUgNjYuNSwgMC41IDY2LjUsIDk5LjUgNjcuNSwgOTkuNSA2Ny41LCAwLjUgNjguNSwgMC41IDY4LjUsIDk5LjUgNjkuNSwgOTkuNSA2OS41LCAwLjUgNzAuNSwgMC41IDcwLjUsIDk5LjUgNzEuNSwgOTkuNSA3MS41LCAwLjUgNzIuNSwgMC41IDcyLjUsIDk5LjUgNzMuNSwgOTkuNSA3My41LCAwLjUgNzQuNSwgMC41IDc0LjUsIDk5LjUgNzUuNSwgOTkuNSA3NS41LCAwLjUgNzYuNSwgMC41IDc2LjUsIDk5LjUgNzcuNSwgOTkuNSA3Ny41LCAwLjUgNzguNSwgMC41IDc4LjUsIDk5LjUgNzkuNSwgOTkuNSA3OS41LCAwLjUgODAuNSwgMC41IDgwLjUsIDk5LjUgODEuNSwgOTkuNSA4MS41LCAwLjUgODIuNSwgMC41IDgyLjUsIDk5LjUgODMuNSwgOTkuNSA4My41LCAwLjUgODQuNSwgMC41IDg0LjUsIDk5LjUgODUuNSwgOTkuNSA4NS41LCAwLjUgODYuNSwgMC41IDg2LjUsIDk5LjUgODcuNSwgOTkuNSA4Ny41LCAwLjUgODguNSwgMC41IDg4LjUsIDk5LjUgODkuNSwgOTkuNSA4OS41LCAwLjUgOTAuNSwgMC41IDkwLjUsIDk5LjUgOTEuNSwgOTkuNSA5MS41LCAwLjUgOTIuNSwgMC41IDkyLjUsIDk5LjUgOTMuNSwgOTkuNSA5My41LCAwLjUgOTQuNSwgMC41IDk0LjUsIDk5LjUgOTUuNSwgOTkuNSA5NS41LCAwLjUgOTYuNSwgMC41IDk2LjUsIDk5LjUgOTcuNSwgOTkuNSA5Ny41LCAwLjUgOTguNSwgMC41IDk4LjUsIDk5LjUgOTkuNSwgOTkuNSA5OS41LCAwLjUiICAgICAgICBzdHJva2U9IiNmZmYiICAgICAgICAgc3Ryb2tlLXdpZHRoPSIyIiAgICAgIC8+ICAgIDwvcGF0dGVybj4gIDwvZGVmcz4gICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIG9wYWNpdHk9IjAuMDUiIGZpbGw9InVybCgjc2FuZCkiLz48L3N2Zz4=) !important;
    background-color: #292929;
    background-repeat: repeat;
    background-size: 100px 100px;
    color: white;
}


#PersonalToolbar
{
        direction: rtl !important;
        position: fixed !important;
        bottom: 0px !important;
        width: 100% !important;
}

#PersonalToolbar toolbarbutton 
{ 
        direction: ltr !important; 
        padding: 2px;
}

#personal-bookmarks 
{ 
        float:left; 
        border-right: 2px solid #222;
}

/* #tabbrowser-tabs .tabbrowser-tab[visuallyselected="true"] { background-color: red !important; } */



#navigator-toolbox
{
        display: flex;
        flex-flow: row wrap;
}

#toolbar-menubar
{
        order: 1;
        flex: 0 0 100%
}
#nav-bar
{
        order: 2;
        flex: 0 0 auto;
}



#TabsToolbar
{
        order: 3;
        flex: 1 1 300px;

        display: flex;
        flex-flow: row nowrap;
}

#tabbrowser-tabs
{
        flex-grow: 1;
}

#urlbar-container 
{
        transition: width 1s;
        width: 350px;
}

#urlbar-container:hover
{
        width: 45vw !important;
}

#PanelUI-button
{
        display: inline-grid;
}

.tabbrowser-tab:not([pinned])
{
        width: unset;
        min-width: unset;
        max-width: unset;
        width: 150px !important;
}

.tab-line[selected="true"] {
    background-color: #f00;
}