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

@-moz-document url("chrome://browser/content/aboutDialog.xhtml") {
/* Change logo png, svg, even gif anims */
    #leftBox {
        background-image: url("https://www.wykop.pl/cdn/c3397992/szumek_YPy7f1WddX.jpg") !important;
        background-position: left !important;
        background-repeat: no-repeat !important;
    }
}

/* Tabs under url */
#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}
 .titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }

/* Menubar on top */
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ padding-top: calc(22px + var(--uc-titlebar-padding,0px)) !important }
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 24px;
width: 100%;
overflow: hidden;
}
#toolbar-menubar > .titlebar-buttonbox-container{ height: 24px; order: 100; }
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* Tabs height */
*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 22px !important;
--tab-min-width: 80px !important;
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}

/* Urlbar lower */
#urlbar[focused]{
  border: 0px solid rgb(30,144,255) !important;
}

/* Make urlbar appear more compact */
#urlbar[breakout]{
  margin-inline-start: 0px !important;
  width: 100% !important;
  left: 0 !important;
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
}
#urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; }
.urlbarView{ margin-inline: 0 !important; width: auto !important; }
.urlbarView-row{ padding: 0 2px !important; }
.urlbarView-row-inner{ padding-inline-start: 4px !important; }
#urlbar-background{ animation: none !important; }
#urlbar-input-container{ padding: 0 !important; height: 100% !important; }
#identity-box{ padding-block: var(--urlbar-icon-padding) }
.urlbarView > .search-one-offs:not([hidden]){ padding-block: 0px !important; }

/* Color menu */
#contentAreaContextMenu,
#contentAreaContextMenu menupopup,
#context-navigation{
  -moz-appearance: none !important;
  background-color: rgb(44, 44, 44) !important;
}

#contentAreaContextMenu menuitem,
#contentAreaContextMenu menu{
  -moz-appearance: none !important;
  color: rgb(224, 224, 224);
  padding-block: 3px;
}

#contentAreaContextMenu menuitem[_moz-menuactive],
#contentAreaContextMenu menu[_moz-menuactive]{
  background-color: rgb(120,120,127) !important;
}

#contentAreaContextMenu menuitem[_moz-menuactive][disabled],
#contentAreaContextMenu menu[_moz-menuactive][disabled]{
  background-color: rgb(80,80,87) !important;
}

/* Height urlbar-container */
#urlbar-container {
  padding-block: 0px !important;
  margin-inline: 0px !important;
}

/* Prevents white pre-load flash */
.browserContainer { background-color: #333 !important; }
.tabbrowser tabpanels { background-color: #333 !important; }
.tab-background { border-top: none! important }
.tabbrowser-tab:not([pinned])
}

/* Folders color */
.bookmark-item[container], treechildren::-moz-tree-image(container) {
	fill: DarkSeaGreen !important;
}

/* Hide close on tab */
.tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
	visibility: collapse !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
	visibility: visible !important;
	display: block !important;
}

/* Hide urlbar boarder */
#urlbar {
  border-color: transparent !important;
  border-width: 0px !important;
}

/* Dark scrollbar */
.panel-subview-body {
  scrollbar-color:  rgb(119,136,153) rgb(17,17,17);
  scrollbar-width: thin;
}
#permList, scrollbar {
  scrollbar-color:  rgb(119,136,153) rgb(17,17,17);
  scrollbar-width: thin;
}

/* Hides the zoom indicator */
#urlbar-zoom-button {
	display: none !important;
}

/* Hide urlbar notification icon */
#identity-box .desktop-notification-icon {
    display: none !important;
}
#tabs-newtab-button.toolbarbutton-1 .toolbarbutton-icon {
    background-color: unset !important;
    list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhLS0gR2VuZXJhdG9yOiBHcmF2aXQuaW8gLS0+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIHZpZXdCb3g9IjAgMCAxNSAxNCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF9LTUVkenVLWUlnYVpuTnhJS0Z4eklvQjdMcmhpTVFmZiI+PHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF9LTUVkenVLWUlnYVpuTnhJS0Z4eklvQjdMcmhpTVFmZikiPjxjbGlwUGF0aCBpZD0iX2NsaXBQYXRoX3RXWmJjbmxRdlRrdVo5Z241dTFuN3RTNWtPMnlKZEw2Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF90V1piY25sUXZUa3VaOWduNXUxbjd0UzVrTzJ5SmRMNikiPjxnPjxsaW5lYXJHcmFkaWVudCBpZD0iX2xncmFkaWVudF8xIiB4MT0iLTAuMDAxNTU3OTcxMDE0NDkyNzQ5IiB5MT0iMC40OTk5NjMxNjQ4NzQwMjM4NyIgeDI9IjEuMDg4MDI1MzYyMzE4ODQwNSIgeTI9IjAuNDk5OTYzMTY0ODc0MDIzODciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTUsMCwwLDE0LDAsMCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjEuNzM5MTMwNDM0NzgyNjA4NiUiIHN0b3Atb3BhY2l0eT0iMSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMCwwKSIvPjxzdG9wIG9mZnNldD0iMjMuOTEzMDQzNDc4MjYwODclIiBzdG9wLW9wYWNpdHk9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigzMCwxNDQsMjU1KSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iIE0gMCAwIEwgOC43MiAwIEwgMTUgNy4wMDkgTCA4LjcyIDE0IEwgMCAxNCBMIDAgMCBaICBNIDYuOTc1IDMuNzUxIEwgNi45NzUgNi41NjEgTCA0LjE2NSA2LjU2MSBMIDQuMTY1IDcuNDk4IEwgNi45NzUgNy40OTggTCA2Ljk3NSAxMC4zMDggTCA3LjkxMSAxMC4zMDggTCA3LjkxMSA3LjQ5OCBMIDEwLjcyMSA3LjQ5OCBMIDEwLjcyMSA2LjU2MSBMIDcuOTExIDYuNTYxIEwgNy45MTEgMy43NTEgTCA2Ljk3NSAzLjc1MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJ1cmwoI19sZ3JhZGllbnRfMSkiLz48L2c+PC9nPjwvZz48L3N2Zz4=") !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    /*calc(2*var(--toolbarbutton-inner-padding)+24px)*/
    width: 26px !important;
    /*calc(2*var(--toolbarbutton-inner-padding)+24px)*/
    height: 26px !important;
    margin-left: 0px !important;
    margin-top: 3px !important;
}

.openintabs-menuitem {
    display: none !important;
}

/* TAB ICONS - none-selected tab icons are grey, 1px white glow to see dark icons on dark*/
.tabbrowser-tab .tab-icon-image {
     filter: grayscale(100%) drop-shadow(0px 0px 1px white) !important;
     opacity: .7 !important;
 }
 .tabbrowser-tab[selected] .tab-icon-image {
     filter: drop-shadow(0px 0px 1px white) !important;
     opacity: 1 !important;
}
.tabbrowser-tab:hover:not([selected]) .tab-icon-image {
     filter: drop-shadow(0px 0px 1px white) !important;
     opacity: 1 !important;
}

/* BOOKMARKS adds glow 1px white glow to see dark icons on dark */
.bookmark-item.menuitem-with-favicon:not([container]) image {
    filter: drop-shadow(0px 0px 1px white) !important;
}
#PlacesToolbarItems>.bookmark-item:not([container])>.toolbarbutton-icon[label]:not([label=""]) {
    filter: drop-shadow(0px 0px 1px white) !important;
}

/* based on https://old.reddit.com/comments/fwhlva//fmolndz */
#urlbar[breakout][breakout-extend]:not([open]) {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0px !important;
padding-inline: 0px !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-background {
box-shadow: none !important;
}

/* hide folder-text on bookmarks toolbar */
#personal-bookmarks .bookmark-item>.toolbarbutton-text {
    display: none !important;
}