/* -------------------------------------------------------------- */
/* v2.0.12 || Firefox ESR v68.9.0 || HighValueDayGame */
/* -------------------------------------------------------------- */
/* -------------------------------------------------------------- */
/* Changes: */ /* ==================================== v2.0.12 */
/* - text within urlbar no longer centred */
/* -------------------------------------------------------------- */
/* For questions: https://highvaluedaygame.com/contact/ */
/* -------------------------------------------------------------- */
@-moz-document url(chrome://browser/content/browser.xul)
#nav-bar {-moz-box-ordinal-group: 1 !important;}
#PersonalToolbar {-moz-box-ordinal-group: 2 !important;}
#titlebar {-moz-box-ordinal-group: 3 !important;}
/* ============================================================== */
/* >>>>>>>>>>>>> OPTIONAL USER CUSTOMIZATION <<<<<<<<<<<< */
/* ============================================================== */
/* >>>> --------------------------------------------------------- */
/* >>>> STEP 1: centre URL BAR after adding buttons */
/* >>>> --------------------------------------------------------- */
/* If you placed buttons next to the Menu on the right-hand side */
/* of the URL bar (e.g add-on buttons, overflow menu, etc) and */
/* you want to keep the URL BAR aligned with the bookmarks */
/* toolbar, remove the 0 below and add 29px for each button you */
/* placed between the URL bar and the Menu (assuming no buttons */
/* were on the left-hand side of the URL bar - otherwise 29px for */
/* each more button you placed on the right-hand side of the URL */
/* BAR compared to the left-hand side */
#urlbar-container {
-moz-box-pack: center !important;
padding-right: 75px !important;
padding-left: 0px !important; /* <<=== Add 29px per each button between URL bar and Menu */
}
/* >>>> --------------------------------------------------------- */
/* >>>> STEP 2: move RELOAD BUTTON somewhere else in the nav bar */
/* >>>> --------------------------------------------------------- */
#stop-reload-button .toolbarbutton-icon{
border-radius: 4px !important;
padding: -2px !important;
}
#stop-reload-button{
transform: translateX(20px); /* <<=== Assign position of the reload button along the nav bar */
border-radius:0px !important;
margin-right: 0px !important;
}
/* >>>> --------------------------------------------------------- */
/* >>>> STEP 3: change min width/height of the Firefox window */
/* >>>> --------------------------------------------------------- */
#main-window {
min-width: 900px !important; /* <<=== Assign min width of window (!! may affect fingerprinting resistance) */
*min-height: 900px !important; /* <<=== Assign min height of window (!! may affect fingerprinting resistance) */
}
/* ============================================================== */
/* >>>>>>>>>>> END OF OPTIONAL CUSTOMIZATION <<<<<<<<<<<< */
/* ============================================================== */
/* ------------------------------------------------------------ */
/* Background colours structure */
/* ------------------------------------------------------------ */
#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#PersonalToolbar),
.browserContainer > findbar, #browser-bottombox {
background-color: rgb(208,208,208) !important; /* colour TOP part */
}
/* ------------------------------------------------------------ */
/* NAV bar */
/* ------------------------------------------------------------ */
/* For the height see "White boxes around all buttons" below */
#nav-bar-customization-target {
-moz-box-pack: center !important;
}
#nav-bar {
-moz-box-ordinal-group: 1 !important;
padding-left: 75px !important; /* leave space for the RED AMBER GREEN buttons */
}
#nav-bar-customization-target {
margin: 4.5px 0px !important; /* vertical position of everything except hamburger menu */
}
#PanelUI-menu-button {
margin: 4.5px 0px !important; /* vertical position of hamburger menu */
margin-left: -3px !important;
}
#nav-bar {
min-height: 37px !important; /* height of the section */
max-height: 37px !important;
}
#nav-bar .toolbarbutton-1:not(:-moz-any([type="menu-button"],
#nav-bar-overflow-button)) {
max-height: 29px !important; /* height of the buttons */
}
#nav-bar-overflow-button {
margin: 4.5px 0px !important;
}
/* ------------------------------------------------------------ */
/* URL bar */
/* ------------------------------------------------------------ */
#urlbar {
margin-bottom: 2px !important; /* ==================================== ESR change */
margin-top: 2px !important; /* ==================================== ESR change */
}
#urlbar { /* status = DEFAULT */
box-shadow: 0 0 3px transparent !important;
border: 0.75px solid rgb(169,169,169) !important; /* border */
background: rgb(244,244,244) !important; /* background colour */
min-width: 500px !important;
max-width: 500px !important;
border-radius: 5px !important;
}
#urlbar { /* style of text within */
font-size: 12px !important;
color: rgb(64,64,64) !important;
}
#urlbar[focused] { /* status = ACTIVE */
box-shadow: 0 0 3px transparent !important;
border: 2.5px solid rgb(128,128,128) !important; /* border */
border-radius: 6px !important;
}
#identity-box {
transform: scale(0.8, 0.8) !important; /* size of lock symbol on the left */
filter: grayscale(100%) !important; /* ==================================== ESR change */
margin-inline-start: -5px; /* ==================================== ESR change */
}
#identity-box:hover:not(.no-hover):not([open="true"]), /* ==================================== v2.0.10 */
#tracking-protection-icon-container:hover:not([open="true"]) {
background-color: rgb(244,244,244) !important;
color: rgb(0,0,0) !important;
}
#urlbar-input{ /* center URL bar text */
*text-align: center !important; /* ======================================================= v2.0.12 */
}
:not(.urlbar-icon-wrapper) > /* history dropmaker */
.urlbar-icon:not([disabled]):hover,
.urlbar-icon-wrapper:not([disabled]):hover {
background-color: rgb(244,244,244) !important;
color: rgb(0,0,0) !important;
}
/* ------------------------------------------------------------ */
/* Bookmarks bar */
/* ------------------------------------------------------------ */
#PlacesToolbar {
-moz-box-ordinal-group: 2 !important; /* align with URL bar */
padding-left: 52.5px !important;
padding-right: 0px !important;
}
#PersonalToolbar {
height: 26px !important;
background: rgb(208,208,208) !important; /* background colour */
border-top: 1px solid rgb(176,176,176) !important;
border-bottom: 1px solid rgb(169,169,169) !important;
padding: 2.5px 0px 2.5px 0px !important; /* space ABOVE RIGHT BELOW LEFT */
}
.bookmark-item>.toolbarbutton-icon {
display: none !important; /* hide icons */
}
#PlacesToolbarItems { /* status = DEFAULT */
-moz-box-pack: center;
background: rgb(208,208,208) !important; /* background colour */
color: rgb(72,72,72) !important; /* text colour */
font-size: 11px !important;
}
toolbarbutton.bookmark-item {
background-color: rgb(208,208,208) !important;
border-radius: 4px !important;
color: rgb(80,80,80) !important;
border: 0.5px solid rgb(208,208,208) !important;
}
toolbarbutton.bookmark-item:hover { /* status = HOVER */
background-color: rgb(226,226,226) !important;
border-radius: 4px !important; /* radius */
color: rgb(64,64,64) !important; /* text colour */
border: 0.5px solid rgb(190,190,190) !important;
}
#personal-bookmarks toolbarbutton { /* space items within the bar*/
margin-left: 1.5px !important;
margin-right: 1.5px !important;
}
#PlacesToolbarItems > .bookmark-item[container]:after { /* space right of the text */
content:'>';
font-weight: 550;
margin-left: 6px;
margin-right: -2px;
display: block;
transform: rotate(90deg) scale(0.7, 1.3);
color: rgb(80,80,80);
}
/* ------------------------------------------------------------ */
/* Dragging bookmarks */
/* ------------------------------------------------------------ */
toolbarbutton.bookmark-item[dragover][open] {
background-color: rgb(236,236,236) !important; /* Toolbar, bg colour of bookmark folders */
border: 0.5px solid rgb(190,190,190) !important;
color: rgb(64,64,64) !important; /* Toolbar, text colour of bookmark folders */
}
menupopup menu {
background: 0 !important; /* Pop-up menu, dragging folder into folder */
}
#PlacesToolbarDropIndicator {
filter: grayscale(100%) !important; /* Bookmarks bar, vertical line between items */
}
image[part="drop-indicator"] {
filter: grayscale(100%) !important; /* Pop-up menu, horizontal line */
}
/* ------------------------------------------------------------ */
/* Tabs - Height */
/* ------------------------------------------------------------ */
#TabsToolbar { /* height */
height: 25px !important;
}
#titlebar {
height: 25px !important;
}
#new-tab-button {
max-height: 25px !important;
}
.tabs-newtab-button {
max-height: 25px !important;
}
#TabsToolbar, .tabbrowser-tab {
max-height: 25px !important;
}
.scrollbutton-up, .scrollbutton-down {
display: none !important;
}
.scrollbutton-up, .scrollbutton-down {
max-height: 24px !important;
}
.scrollbutton-up[orient="horizontal"] ~ spacer {
margin-bottom: 10px !important;
}
/* ------------------------------------------------------------ */
/* Tabs - Other */
/* ------------------------------------------------------------ */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
display: none !important; /* hide lateral blank spaces top left and top right of all tabs*/
}
#TabsToolbar-customization-target {
background-color: transparent !important; /* default background colour */
}
.tabbrowser-tab:not([pinned="true"]) { /* min width of tabs */
min-width:160px !important;
}
.tab-background[selected="true"] { /* ACTIVE tabs, background colour */
background-attachment: none !important;
background-color: rgb(208,208,208) !important;
background-image: none !important;
}
#TabsToolbar .tabbrowser-tab[selected] { /* ACTIVE tabs, text colour */
color: rgb(32,32,32) !important;
}
#tabbrowser-tabs {
--tab-line-color: transparent !important; /* ACTIVE tab, make top border transparent*/
}
.tab-background[selected="true"] {
border-radius: 0px 0px 0px 0px !important; /* ACTIVE TAB, radius TOP TOP BOTTOM BOTTOM */
}
.tabbrowser-tab:not([selected]) .tab-background {
background-color: rgb(192,192,192) !important; /* INACTIVE tabs, background colour */
}
#TabsToolbar {
color: rgb(0,0,0) !important; /* INACTIVE tabs, text colour */
}
.tabbrowser-tab:not([selected])::after { /* INACTIVE tabs, lateral border */
color: rgb(64,64,64) !important; /* ==================================== ESR change */
}
.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"]):not([multiselected]) {
background-color: rgb(169,169,169) !important; /* INACTIVE tabs, hover, background colour */
margin-top: -5px !important; /* INACTIVE tabs, hover, do not show upper margin */
}
.tab-throbber {
display: none !important;
}
.tabbrowser-tab[fadein] {
max-width: 100vw !important; /* TABS, max width */
}
.tab-label {
-moz-box-flex: 1 !important;
text-align: center !important; /* TABS, show text in the middle of them */
}
.tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {
mask-image: none !important; /* TABS, remove fade-out effect right end side */
}
.tab-loading-burst { /* TABS, remove swipe animation after page has loaded */
display: none !important;
}
/* ------------------------------------------------------------ */
/* Colour behind / below tabs */
/* ------------------------------------------------------------ */
#TabsToolbar {
background-color: rgb(192,192,192) !important;
-moz-appearance: none !important;
}
#titlebar {
margin-bottom: -1px !important;
}
/* ------------------------------------------------------------ */
/* Tab icons */
/* ------------------------------------------------------------ */
.tab-icon-image {
display: none !important; /* TABS, hide icons */
}
.tabbrowser-tab .tab-close-button { /* TAB CLOSE, move to left & show backbround only on hover */
display:-moz-box! important;
-moz-box-ordinal-group:0!important;
* margin-right:3px!important;
-moz-margin-start:-8.5px !important;
-moz-margin-end:0px !important;
transform: scale(0.85, 0.85) !important; /* size */
}
.tabbrowser-tab:not(:hover) .tab-close-button{ /* TAB CLOSE, X, hide when not hover */
opacity: 0;
}
/* X sign in selected tab */
.tabbrowser-tab .tab-close-button{
color: rgb(64,64,64) !important;
}
/* X sign in not-selected tab */
.tabbrowser-tab:not([selected]) .tab-close-button{
color: rgb(48,48,48) !important;
}
/* X background square in selected tab */
.tabbrowser-tab .tab-close-button:hover {
background-color: rgb(200,200,200) !important;
color: rgb(32,32,32) !important;
border-radius: 2px !important;
}
/* X background square in not-selected tab */
.tabbrowser-tab:not([selected]) .tab-close-button:hover {
background-color: rgb(160,160,160) !important;
color: rgb(32,32,32) !important;
border-radius: 2px !important;
}
.tabbrowser-tab .tab-icon-sound { /* SOUND ICON, move to the right to perfectly centre TAB text */
display:-moz-box! important;
-moz-box-ordinal-group:1!important;
* margin-left:3px!important;
-moz-margin-start:2px !important;
-moz-margin-end:-6.5px !important;
transform: scale(0.85, 0.85) !important; /* size */
}
.tab-icon-sound[soundplaying] {
color: rgb(64,64,64) !important;
transform: scale(0.85, 0.85) !important; /* size */
}
/* ------------------------------------------------------------ */
/* New Tab and Overflow menu */
/* ------------------------------------------------------------ */
#alltabs-button { /* Hide drop down icon */
display: none;
}
.scrollbutton-up[orient="horizontal"] ~ spacer { /* Hide scroll buttons down icon */
display: none !important;
}
/* NEW TAB, + icon, dimensions - normal */
.tabs-newtab-button { /* ==================================== ESR change */
margin-left: -7px !important; /* ==================================== ESR change */
margin-right: -3px !important; /* ==================================== ESR change */
padding: 0px 0px 0px 2px !important; /* ==================================== ESR change */
fill: rgb(32,32,32) !important;
}
#new-tab-button { /* NEW TAB, + icon, dimensions - many tabs */
transform: scale(0.8, 1) !important; /* ==================================== ESR change */
margin-left: -7px !important; /* ==================================== ESR change */
margin-right: -3px !important;
padding: 0px 0px 0px 3px !important;
fill: rgb(32,32,32) !important;
}
/* NEW TAB, background of icon - normal */
.tabs-newtab-button .toolbarbutton-icon { /* ==================================== ESR change */
transform: scale(0.8, 1) !important; /* ==================================== ESR change */
border-radius: 0px !important;
background-color: rgb(184,184,184) !important;
}
.tabs-newtab-button:hover .toolbarbutton-icon {
border-radius: 0px !important;
background-color: rgb(169,169,169) !important;
}
.tabs-newtab-button:active .toolbarbutton-icon {
border-radius: 0px !important;
background-color: rgb(184,184,184) !important;
}
#new-tab-button .toolbarbutton-icon { /* NEW TAB, background of icon - many tabs */
border-radius: 0px !important;
background-color: rgb(184,184,184) !important;
}
#new-tab-button:hover .toolbarbutton-icon {
border-radius: 0px !important;
background-color: rgb(169,169,169) !important;
}
#new-tab-button:active .toolbarbutton-icon {
border-radius: 0px !important;
background-color: rgb(192,192,192) !important;
}
/* ------------------------------------------------------------ */
/* Dropdown menu folders in bookmark bar */
/* ------------------------------------------------------------ */
menupopup, popup,
popup > menu > menupopup,
menupopup > menu > menupopup { /* BACKGROUND */
-moz-appearance: none !important; /* ==================================== ESR change */
background: rgb(226,226,226) !important; /* background colour */
border-radius: 5px !important;
padding: 0px 0px 0px 0px !important; /* space ABOVE RIGHT BELOW LEFT */
max-width: 400px !important; /* max width of pop-up window */
}
menupopup menuseparator {
-moz-appearance: none !important; /* ==================================== ESR change */
background: rgb(169,169,169) !important; /* colour border above "open all tabs" */
margin: 0px 0px 0px 0px !important;
padding: 0.5px !important; /* height border above "open all tabs" */
}
menupopup menu, menuitem{ /* ITEMS, DEFAULT */
-moz-appearance: none !important; /* ==================================== ESR change */
color: rgb(64,64,64) !important;
padding: 0px 20px 0px 15px !important; /* space ABOVE RIGHT BELOW LEFT */
height: 21px !important; /* vertical height of each line */
font-size: 12px !important;
}
menupopup menu:hover, menuitem:hover, /* FOLDER ITEMS, HOVER */
menu[open="true"], /* INACTIVE selected/open folders */
menuitem[_moz-menuactive="true"] {
-moz-appearance: none !important; /* ==================================== ESR change */
background: rgb(200,200,200) !important; /* background colour */
color: rgb(32,32,32) !important; /* text colour */
font-size: 12px !important;
}
.menu-right { /* TRIANGLE SIGN to open sub-folders */
-moz-appearance: none !important;
padding: 8px !important;
margin-right: -10px !important;
color: black !important;
border: solid rgb(32,32,32);
border-width: 0 2.5px 2.5px 0;
transform: rotate(-45deg) scale(.4);
}
/* ------------------------------------------------------------ */
/* Folder icons, colour */
/* ------------------------------------------------------------ */
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu) menu[container="true"] > .menu-iconic-left > .menu-iconic-icon,
/* Standard folder -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container),
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem {
fill: rgb(0,130,220) !important; /* set colour */
}
.bookmark-item.menuitem-with-favicon:not([container]) {
fill: rgb(64,64,64) !important;
}
/* ------------------------------------------------------------ */
/* URL bar search results */
/* ------------------------------------------------------------ */
#urlbar-results { /* ==================================== ESR change */
-moz-margin-start: 0px !important; /* ==================================== ESR change */
margin-top: 0px !important; /* ==================================== ESR change */
left: unset !important; /* Override 0 */
right: unset !important; /* Override 0 */
min-width: 500px !important;
max-width: 500px !important;
background: rgb(224,224,224) !important; /* background colour */
box-shadow: none !important;
border: 1px solid rgb(200,200,200) !important; /* border */
border-radius: 4px !important; /* border radius */
}
/* ==================================== ESR change */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-actiontitle,
.urlbarView-row:not([type="search"]) .urlbarView-secondary,
.urlbarView-row:not([type="search"]) .urlbarView-url {
font-size: 12px !important;
}
#urlbar-input::-moz-selection { /* colour autocomplete text URL bar */
background-color: rgb(224,224,224) !important;
border: 0px !important;
opacity: 1 !important;
color: rgb(64,64,64) !important;
}
.urlbarView-title { /* ==================================== ESR change */
font-size: 12px !important;
}
.urlbarView-action {
color: rgb(64,64,64) !important; /* action colour (visit, search with...) */
}
.urlbarView-favicon {
transform: scale(.9, .9) !important; /* favicons in search results */
* filter: grayscale(75%) !important;
}
.urlbarView-row {
padding: 6px 0px !important; /* vertical space between lines */
}
.urlbarView-url {
color: rgb(64,64,64) !important; /* drop-down results, URL color */
}
.urlbarView-row[selected], .urlbarView-row:hover { /* drop-down results, selected/hover colors */
background-color: rgb(200,200,200) !important;
}
.urlbarView-row[selected] .urlbarView-title,
.urlbarView-row:hover .urlbarView-title,
.urlbarView-row[selected] .urlbarView-secondary,
.urlbarView-row:hover .urlbarView-secondary,
.urlbarView-row[selected] .urlbarView-title-separator,
.urlbarView-row:hover .urlbarView-title-separator { /* drop-down results, selected URL color */
color: rgb(64,64,64) !important;
}
/* ------------------------------------------------------------ */
/* Search results in two lines - HIDDEN */
.urlbarView-row-inner{
* flex-wrap: wrap !important;
}
.urlbarView-title[title]{
* flex-grow: 1;
}
.urlbarView-row > .urlbarView-row-inner > .urlbarView-url{
* margin-inline-start: 24px; min-width: 95%
}
.urlbarView-row[has-url]:not([type="switchtab"]) .urlbarView-title-separator{
* display: none
}
/* ------------------------------------------------------------ */
/* MacOS window buttons RED AMBER GREEN */
/* ------------------------------------------------------------ */
.titlebar-buttonbox-container {
position: fixed !important;
display: block !important;
top: 0px !important;
left 2px !important;
}
/* ------------------------------------------------------------ */
/* Toolbar buttons */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* Remove separator menu button */
#PanelUI-button,
#PanelUI-menu-button {
border:none !important;
padding-left:0px !important;
margin-inline-end:1.4px !important;
}
/* ------------------------------------------------------------ */
/* Shape and size of buttons */
.toolbarbutton-1 {
--toolbarbutton-hover-background: none !important; /* over-write default HOVER colour*/
transform: scale(0.825, 0.825) !important;
}
/* ------------------------------------------------------------ */
/* White boxes around all buttons */
#nav-bar .toolbarbutton-1:not(:-moz-any([type="menu-button"])){
background: rgb(226,226,226) !important;
border: 0.75px solid rgb(169,169,169) !important;
border-radius: 4.5px !important;
padding: unset !important;
}
/* ------------------------------------------------------------ */
/* BACK BUTTON */
#nav-bar #back-button {
width: 30px !important;
max-height: 30px !important;
height: 30px !important;
padding: 0px !important;
-moz-image-region: unset !important;
}
*#nav-bar #back-button:hover .toolbarbutton-icon {
* border-radius: 4px !important;
* background-color: rgb(192,192,192) !important;
}
/* ------------------------------------------------------------ */
/* FWD BUTTON */
#nav-bar #forward-button {
width: 29px !important; /* width consistent with button height set in NAV BAR */
padding: 0px !important;
-moz-box-align: center !important;
-moz-image-region: unset !important;
}
#nav-bar #forward-button:hover .toolbarbutton-icon {
border-radius: 4px !important;
* background-color: rgb(211,211,211) !important;
}
/* ------------------------------------------------------------ */
/* Remove default of BACK/FWD buttons */
#nav-bar #back-button > .toolbarbutton-icon,
#nav-bar #forward-button > .toolbarbutton-icon
{
background: none !important;
border: none !important;
box-shadow: none !important;
padding: unset !important;
}
#back-button[disabled="true"] > .toolbarbutton-icon {
opacity: 1 !important;
-moz-context-properties: none !important;
fill-opacity: unset !important;
}
#back-button[disabled="true"] {
opacity: 0.4 !important;
-moz-context-properties: none !important;
fill-opacity: unset !important;
}
/* ------------------------------------------------------------ */
/* Assign symbol of BACK button */
#nav-bar #back-button {
list-style-image: url('data:image/svg+xml;utf8,\ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">\ <path d="M12,5 L8.5,9 L12,13" fill="transparent" stroke="rgb(104,104,104)" stroke-width="1.2" stroke-linecap="round"/>\ </svg>') !important;
}
/* ------------------------------------------------------------ */
/* Assign symbol of FWD button */
#nav-bar #forward-button {
list-style-image: url('data:image/svg+xml;utf8,\ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">\ <path d="M7,5 L11,9 L7,13" fill="transparent" stroke="rgb(104,104,104)" stroke-width="1.4" stroke-linecap="round"/>\ </svg>') !important;
}
/* ------------------------------------------------------------ */
/* Position of FWD and BACK buttons */
#forward-button .toolbarbutton-icon {
margin-left: 1px !important;
}
#forward-button {
margin-left: -4px !important;
}
#back-button .toolbarbutton-icon {
margin-left: -5px !important;
}
/* ------------------------------------------------------------ */
/* ARROW PANELS */
/* ------------------------------------------------------------ */
:root {
--arrowpanel-border-color: none !important; /* external border */
--arrowpanel-background: rgb(226,226,226) !important; /* background colour */
--arrowpanel-color: rgb(64,64,64) !important; /* text colour */
--panel-disabled-color: rgb(120,120,120) !important;
--panelui-subview-transition-duration: 1ms !important;
}
panelview .toolbarbutton-1:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus), toolbarbutton.subviewbutton:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus), .navigable.subviewbutton:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus), menu.subviewbutton:not(:-moz-any([disabled], :active))[_moz-menuactive], menuitem.subviewbutton:not(:-moz-any([disabled], :active))[_moz-menuactive], .widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus), .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton:not(:-moz-any([disabled], [open], :active)):-moz-any(:hover, :focus) {
color: rgb(32,32,32) !important;
background-color: rgb(200,200,200) !important; /* HOVER colour of items and buttons in panels */
}
/* ------------------------------------------------------------ */
/* EDIT BOOKMARK PANEL */
/* ------------------------------------------------------------ */
#editBookmarkPanelInfoArea { /* remove top area with image */
display: none !important;
}
#editBookmarkPanelDoneButton{ /* button DONE */
background-color: rgb(192,192,192) !important;
color: rgb(32,32,32) !important;
}
#editBookmarkPanelDoneButton:hover {
background-color: rgb(200,200,200) !important;
color: rgb(48,48,48) !important;
}
#editBookmarkPanelDoneButton:active {
background-color: rgb(178,178,178) !important;
color: rgb(40,40,40) !important;
}
#editBookmarkPanelRemoveButton { /* button REMOVE */
background-color: rgb(222,222,222) !important;
}
#editBookmarkPanelRemoveButton:hover {
background-color: rgb(230,230,230) !important;
}
#editBookmarkPanelRemoveButton:active {
background-color: rgb(208,208,208) !important;
}
*#editBookmarkPanelRows { /* entire section between header and buttons */
*color: rgb(0,0,0) !important;
*background-color: rgb(60,60,60) !important;
*}
#editBMPanel_namePicker { /* input fields */
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}
#editBMPanel_folderMenuList {
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}
#editBMPanel_tagsField {
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}
#editBMPanel_foldersExpander { /* side drop down */
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}
#editBMPanel_tagselectorExpander {
color: rgb(64,64,64) !important;
background-color: rgb(232,232,232) !important;
border: 0.75px solid rgb(169,169,169) !important;
}
/* ------------------------------------------------------------ */
/* OPTION MENU - TOP MENU */
/* ------------------------------------------------------------ */
.appMenu-tp-separator, /* FIRST SUB-MENU, HORIZONTAL BORDERS */
toolbarseparator {
display: visible !important;
border-color: rgb(192,192,192) !important;
}
#appMenu-zoomReset-button { /* ZOOM CONTROl xx% */
background: transparent !important;
color: rgb(64,64,64) !important;
border: 0px solid rgb(64,64,64) !important;
border-radius: 0px !important;
}
/* ------------------------------------------------------------ */
/* OPTION MENU - FIRST SUB-MENU */
/* ------------------------------------------------------------ */
.panel-header { /* FIRST SUB-MENU, TOP HEADER */
color: rgb(56,56,56) !important;
background: rgb(220,220,220) !important;
border-bottom: 1px solid rgb(128,128,128) !important;
}
/* ------------------------------------------------------------ */
/* OVERFLOW MENU */
/* ------------------------------------------------------------ */
#overflowMenu-customize-button { /* Bottom area "Customise Toolbar..." */
font-weight: 550 !important;
background-color: rgb(226,226,226) !important;
}
#overflowMenu-customize-button:hover { /* Bottom area "Customise Toolbar..." HOVER */
font-weight: 550 !important;
color: rgb(32,32,32) !important;
background-color: rgb(200,200,200) !important;
}
#widget-overflow-mainView { /* Elements in Overflow Menu */
color: rgb(56,56,56) !important;
}
.widget-overflow-list .toolbarbutton-1 { /* Overwrite previous "scale" command for toolbarbutton-1 */
transform: scale(1, 1) !important;
}
.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-text {
-moz-box-align: center !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.widget-overflow-list .toolbarbutton-icon { /* Icons, colour */
fill: rgb(32,32,32) !important; /* ==================================== ESR change */
}
*.widget-overflow-list:hover .toolbarbutton-icon { /* Icons, HOVER colour */
*fill: rgb(0,0,0) !important;
*}
/* ------------------------------------------------------------ */
/* CONTEXT MENU */
/* ------------------------------------------------------------ */
#contentAreaContextMenu>*>*>image { /* Assign colour to icon on the right-hand side */
fill: currentColor !important;
-moz-context-properties: fill, fill-opacity, stroke !important;
}
#context-navigation, #context-sep-navigation { /* Remove icons at the top */
display: none !important
}
/* ------------------------------------------------------------ */
/* MISCELLANEOUS */
/* ------------------------------------------------------------ */
#confirmation-hint {
display: none !important; /* hide "Saved to Library!" bookmark confirmation popup */
}
#appMenu-library-recentHighlights {
display: none !important;
}
#urlbar-zoom-button {
display:none!important /* remove ZOOM info from URL bar */
}
#pageAction-panel-default-bookmark-folder_gustiaux_com,
#pageAction-panel-builtInSeparator { /* remove DEFAULT BOOKMARK FOLDER add-on line from Page Actions */
display:none!important
}
/* ------------------------------------------------------------ */
/* FACEBOOK CONTAINER / GOOGLE CONTAINER */
/* ------------------------------------------------------------ */
#userContext-indicator {
fill: rgb(128,128,128) !important; /* URL BAR, change colour of the fence */
}
#userContext-label {
display:none!important /* URL BAR, removel text label */
}
#pageActionSeparator {
display:none!important /* URL BAR, remove vertical separator */
}
.tabbrowser-tab[usercontextid] > .tab-stack >
.tab-background > .tab-bottom-line {
height: 0 !important; /* TAB, remove lower line */
}
Like this:
Like Loading...