This repository has been archived on 2021-01-21. You can view files and clone it, but cannot push or open issues or pull requests.
blurredfox-nord/userChrome.css

860 lines
23 KiB
CSS
Raw Normal View History

:root {
/* All the CSS variables below are global */
/* These applies to all color schemes */
/* If windows - `-moz-win-glass`, if macOS - `-moz-mac-vibrancy-dark` */
--bf-moz-appearance: -moz-win-glass !important;
--bf-backdrop-blur: 6px;
--bf-sidebar-searchbar-radius: 6px;
--bf-accent-bg: #4C5FF9CC;
2020-08-08 05:34:50 +00:00
--bf-urlbar-hightlight-bg: var(--bf-accent-bg);
--bf-urlbar-radius: 9px;
--bf-urlbar-results-font-size: 12pt;
--bf-urlbar-results-font-weight: 550;
--bf-urlbar-font-size: 12pt;
--bf-urlbar-font-weight: 500;
--bf-urlbar-switch-tab-color: #6498EF;
--bf-urlbar-bookmark-color: #53E2AE;
2020-08-08 05:34:50 +00:00
--bf-navbar-padding: 6px;
2020-08-08 05:34:50 +00:00
--bf-tab-selected-bg: #77777788;
--bf-tab-font-size: 11pt;
--bf-tab-font-weight: 400;
--bf-tab-height: 36px;
--bf-tab-border-radius: 8px;
--bf-tab-soundplaying-bg: #985EFFCC;
--toolbar-bgcolor: transparent !important;
--urlbar-separator-color: transparent !important;
2020-08-08 05:34:50 +00:00
}
2020-05-20 05:34:10 +00:00
2020-08-08 05:34:50 +00:00
/* Light Mode */
:root:-moz-lwtheme-darktext {
--bf-bg: #F2F2F266;
--bf-color: #0A0A0A;
2020-08-08 05:34:50 +00:00
--bf-hover-bg: #1A1A1A33;
--bf-active-bg: #1A1A1A66;
2020-08-08 05:34:50 +00:00
--bf-icon-color: #0A0A0A;
--bf-tab-toolbar-bg: #F2F2F2AA;
--bf-tab-selected-bg: #777777AA;
--bf-navbar-bg: var(--bf-bg);
2020-05-20 22:52:45 +00:00
--bf-urlbar-bg: var(--bf-bg);
--bf-urlbar-active-bg: var(--bf-bg);
--bf-urlbar-focused-color: var(--bf-color);
2020-08-08 05:34:50 +00:00
--bf-sidebar-bg: var(--bf-bg);
2020-05-20 05:34:10 +00:00
--bf-sidebar-color: var(--bf-color);
2020-08-08 05:34:50 +00:00
--bf-menupopup-bg: #F2F2F2AA;
2020-05-20 05:34:10 +00:00
--bf-menupopup-color: var(--bf-color);
2020-08-08 05:34:50 +00:00
}
/* Dark Mode */
:root:-moz-lwtheme-brighttext {
--bf-bg: #00000066;
--bf-color: #F2F2F2;
2020-08-08 05:34:50 +00:00
--bf-hover-bg: #F2F2F233;
--bf-active-bg: #F2F2F266;
2020-08-08 05:34:50 +00:00
--bf-icon-color: #F2F2F2;
--bf-tab-toolbar-bg: #000000AA;
--bf-tab-selected-bg: #F2F2F210;
--bf-navbar-bg: var(--bf-bg);
--bf-urlbar-bg: var(--bf-bg);
--bf-urlbar-active-bg: var(--bf-bg);
--bf-urlbar-focused-color: var(--bf-color);
2020-08-08 05:34:50 +00:00
--bf-sidebar-bg: var(--bf-bg);
--bf-sidebar-color: var(--bf-color);
--bf-menupopup-bg: #000000AA;
2020-08-08 05:34:50 +00:00
--bf-menupopup-color: var(--bf-color);
2020-05-20 05:34:10 +00:00
}
/*
Transparent Window
*/
#main-window {
font-kerning: normal;
2020-05-20 05:34:10 +00:00
border: none !important;
}
/* Add transparency to light and dark color schemes */
#main-window:-moz-lwtheme-brighttext,
#main-window:-moz-lwtheme-darktext {
background: transparent !important;
2020-08-11 10:50:16 +00:00
-moz-appearance: var(--bf-moz-appearance) !important;
2020-07-08 23:06:11 +00:00
}
2020-07-08 23:06:11 +00:00
/*
2020-08-08 05:34:50 +00:00
I'm not sure if this does something
2020-07-08 23:06:11 +00:00
*/
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-variant-ligatures: none;
font-kerning: normal;
2020-05-20 05:34:10 +00:00
}
/*
Contains navbar, urlbar, and etc.
*/
2020-05-25 23:36:55 +00:00
.browser-toolbar {
}
.browser-toolbar:-moz-lwtheme-darktext,
.browser-toolbar:-moz-lwtheme-brighttext {
2020-08-12 07:14:46 +00:00
background: var(--bf-tab-toolbar-bg) !important;
2020-05-25 23:36:55 +00:00
}
2020-05-20 05:34:10 +00:00
toolbar {
background-image: none !important;
}
toolbar#nav-bar {
padding: var(--bf-navbar-padding) !important;
/* Remove horizontal line on navbar */
box-shadow: none !important;
border-top: none !important;
2020-05-20 05:34:10 +00:00
}
/* Set color schemes for #nav-bar */
toolbar#nav-bar:-moz-lwtheme-darktext,
toolbar#nav-bar:-moz-lwtheme-brighttext {
background: var(--bf-navbar-bg) !important;
}
2020-05-20 05:34:10 +00:00
toolbarbutton {
box-shadow: none !important;
margin-left: 2px !important;
}
2020-05-20 22:52:45 +00:00
.toolbarbutton-1 {
}
/* Set color schemes for #nav-bar */
.toolbarbutton-1:-moz-lwtheme-darktext,
.toolbarbutton-1:-moz-lwtheme-brighttext {
2020-05-20 22:52:45 +00:00
--toolbarbutton-hover-background: var(--bf-hover-bg) !important;
--toolbarbutton-active-background: var(--bf-active-bg) !important;
2020-05-20 22:52:45 +00:00
}
/* URL bar max-width and centered hack */
2020-05-20 05:34:10 +00:00
#urlbar {
max-width: 70% !important;
margin: 0 15% !important;
}
/* URL bar and toolbar height if not compact mode */
:root:not([uidensity="compact"]) #urlbar {
--urlbar-height: 36px !important;
--urlbar-toolbar-height: 40px !important;
}
/* URL bar and toolbar height if compact mode */
:root[uidensity="compact"] #urlbar {
--urlbar-height: 30px !important;
--urlbar-toolbar-height: 34px !important;
}
2020-05-20 05:34:10 +00:00
#urlbar-input:focus {
}
/* Set color scheme */
#urlbar-input:focus:-moz-lwtheme-darktext,
#urlbar-input:focus:-moz-lwtheme-brighttext {
2020-05-20 05:34:10 +00:00
color: var(--bf-urlbar-focused-color) !important;
}
#urlbar-background {
border-radius: var(--bf-urlbar-radius) !important;
border: none !important
}
/* Set color scheme */
#urlbar-background:-moz-lwtheme-darktext,
#urlbar-background:-moz-lwtheme-brighttext {
background: var(--bf-urlbar-bg) !important;
2020-05-20 05:34:10 +00:00
}
2020-05-21 08:20:13 +00:00
.urlbar-icon:not([disabled]):hover,
.urlbar-icon-wrapper:not([disabled]):hover {
}
/* Set color scheme */
.urlbar-icon:not([disabled]):hover:-moz-lwtheme-darktext,
.urlbar-icon:not([disabled]):hover:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper:not([disabled]):hover:-moz-lwtheme-darktext,
.urlbar-icon-wrapper:not([disabled]):hover:-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
2020-05-21 08:20:13 +00:00
}
.urlbar-icon[open],
.urlbar-icon-wrapper[open],
.urlbar-icon:not([disabled]):hover:active,
.urlbar-icon-wrapper:hover:active {
}
/* Set color scheme */
.urlbar-icon[open]:-moz-lwtheme-darktext,
.urlbar-icon[open]:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper[open]:-moz-lwtheme-darktext,
.urlbar-icon-wrapper[open]:-moz-lwtheme-brighttext,
.urlbar-icon:not([disabled]):hover:active:-moz-lwtheme-darktext,
.urlbar-icon:not([disabled]):hover:active:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper:hover:active:-moz-lwtheme-darktext,
.urlbar-icon-wrapper:hover:active:-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
2020-05-21 08:20:13 +00:00
}
.urlbar-icon-wrapper[open] > .urlbar-icon,
.urlbar-icon-wrapper > .urlbar-icon:hover,
.urlbar-icon-wrapper > .urlbar-icon:hover:active {
}
/* Set color scheme */
.urlbar-icon-wrapper[open] > .urlbar-icon:-moz-lwtheme-darktext,
.urlbar-icon-wrapper[open] > .urlbar-icon:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper > .urlbar-icon:hover:-moz-lwtheme-darktext,
.urlbar-icon-wrapper > .urlbar-icon:hover:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper > .urlbar-icon:hover:active:-moz-lwtheme-darktext,
.urlbar-icon-wrapper > .urlbar-icon:hover:active:-moz-lwtheme-brighttext{
background: var(--bf-hover-bg) !important;
2020-05-21 08:20:13 +00:00
}
2020-08-08 05:34:50 +00:00
#urlbar[breakout-extend="true"]:not([open="true"]) > #urlbar-background {
2020-05-20 05:34:10 +00:00
box-shadow: none !important;
2020-08-08 05:34:50 +00:00
display: none !important;
2020-08-11 10:50:16 +00:00
-moz-appearance: var(--bf-moz-appearance) !important;
2020-05-20 05:34:10 +00:00
}
2020-08-11 10:50:16 +00:00
#urlbar[open="true"] > #urlbar-background {
}
/* Set color scheme */
#urlbar[open="true"] > #urlbar-background:-moz-lwtheme-darktext,
#urlbar[open="true"] > #urlbar-background:-moz-lwtheme-brighttext {
2020-05-20 22:52:45 +00:00
background: var(--bf-urlbar-active-bg) !important;
backdrop-filter: blur(var(--bf-backdrop-blur)) !important;
2020-05-20 22:52:45 +00:00
}
2020-05-20 05:34:10 +00:00
.urlbar-icon {
}
/* Set color scheme */
.urlbar-icon:-moz-lwtheme-darktext,
.urlbar-icon:-moz-lwtheme-brighttext {
2020-05-20 05:34:10 +00:00
color: var(--bf-icon-color) !important;
}
.urlbar-icon > image {
fill: #ff00ff !important;
color: #ff00ff !important;
}
2020-05-22 11:40:26 +00:00
.urlbarView-favicon,
.urlbarView-type-icon {
2020-05-20 05:34:10 +00:00
display: none !important;
}
.urlbarView-row[type="bookmark"] > span {
color: var(--bf-urlbar-bookmark-color) !important;
2020-05-20 05:34:10 +00:00
}
.urlbarView-row[type="switchtab"] > span .urlbarView-url {
color: var(--bf-urlbar-switch-tab-color) !important;
2020-05-20 05:34:10 +00:00
}
#urlbar-results {
font-weight: var(--bf-urlbar-results-font-weight);
2020-05-20 05:34:10 +00:00
font-size: var(--bf-urlbar-results-font-size) !important;
}
2020-08-08 05:34:50 +00:00
/* Hover background color */
2020-05-20 22:52:45 +00:00
.urlbarView-row-inner:hover {
background: var(--bf-accent-bg) !important;
}
2020-05-20 05:34:10 +00:00
.urlbarView-url, .search-panel-one-offs-container {
font-weight: var(--bf-urlbar-results-font-weight);
font-size: var(--bf-urlbar-font-size) !important;
}
#urlbar-input {
font-size: var(--bf-urlbar-font-size) !important;
font-weight: var(--bf-urlbar-font-weight)!important;
text-align: center !important;
}
2020-08-12 12:42:26 +00:00
/* Urlbar buttons */
.urlbar-icon,
.urlbar-page-action {
border-radius: 6px;
}
2020-05-20 22:52:45 +00:00
#searchbar {
border: none !important;
}
/* Set color scheme */
#searchbar:-moz-lwtheme-darktext,
#searchbar:-moz-lwtheme-brighttext {
background: var(--bf-bg) !important;
}
2020-05-20 22:52:45 +00:00
.searchbar-textbox {
font-weight: 700 !important;
}
2020-08-08 05:34:50 +00:00
/* URL bar hightlight color */
::-moz-selection {
background-color: var(--bf-urlbar-hightlight-bg) !important;
2020-08-08 05:34:50 +00:00
}
/* Bookmark button - Star button */
#star-button {
/* URL bar bookmark button */
2020-08-12 12:42:26 +00:00
display: block !important;
2020-08-08 05:34:50 +00:00
}
#star-button:hover:not(.no-hover):not([open=true]) {
}
/* Set color scheme */
#star-button:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#star-button:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext {
2020-08-08 05:34:50 +00:00
background: var(--bf-hover-bg) !important;
}
#star-button:hover:active:not(.no-hover),
#star-button[open=true] {
}
/* Set color scheme */
#star-button:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#star-button:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#star-button[open=true]:-moz-lwtheme-darktext,
#star-button[open=true]:-moz-lwtheme-brighttext {
2020-08-08 05:34:50 +00:00
background: var(--bf-hover-bg) !important;
}
#navigator-toolbox,
toolbaritem {
2020-05-20 05:34:10 +00:00
border: none !important;
}
2020-08-08 05:34:50 +00:00
#navigator-toolbox::after {
border-bottom: 0 !important;
}
.toolbarbutton-text {
}
/* Set color scheme */
.toolbarbutton-text:-moz-lwtheme-darktext,
.toolbarbutton-text:-moz-lwtheme-brighttext {
2020-08-08 05:34:50 +00:00
color: var(--bf-icon-color) !important;
2020-05-20 05:34:10 +00:00
}
2020-08-08 05:34:50 +00:00
/* Back button */
#back-button > .toolbarbutton-icon {
--backbutton-background: transparent !important;
border: none !important;
2020-08-11 10:50:16 +00:00
-moz-appearance: var(--bf-moz-appearance) !important;
2020-05-20 05:34:10 +00:00
}
2020-08-08 05:34:50 +00:00
/* Tracking */
2020-05-22 11:40:26 +00:00
#tracking-protection-icon-container {
2020-08-08 05:34:50 +00:00
display: none !important;
2020-05-22 11:40:26 +00:00
}
2020-08-08 05:34:50 +00:00
/* Identity */
2020-05-22 11:40:26 +00:00
#identity-box {
display: none !important;
}
2020-05-21 08:20:13 +00:00
#identity-box:hover:not(.no-hover):not([open=true]),
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]) {
}
#identity-box:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#identity-box:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext,
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext {
2020-05-21 08:20:13 +00:00
background: var(--bf-hover-bg) !important;
}
#identity-box:hover:active:not(.no-hover),
#identity-box[open=true],
#tracking-protection-icon-container:hover:active:not(.no-hover),
#tracking-protection-icon-container[open=true] {
}
#identity-box:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#identity-box:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#identity-box[open=true]:-moz-lwtheme-darktext,
#identity-box[open=true]:-moz-lwtheme-brighttext,
#tracking-protection-icon-container:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#tracking-protection-icon-container:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#tracking-protection-icon-container[open=true]:-moz-lwtheme-darktext,
#tracking-protection-icon-container[open=true]:-moz-lwtheme-brighttext {
2020-05-21 08:20:13 +00:00
background: var(--bf-hover-bg) !important;
}
2020-05-20 05:34:10 +00:00
/*
The tabs container
*/
2020-08-08 05:34:50 +00:00
/* Move tab bar beneath the url bar */
2020-05-20 05:34:10 +00:00
#titlebar {
-moz-box-ordinal-group: 1 !important;
/* Uncomment the line below to move tabbar below navbar */
/* -moz-box-ordinal-group: 3 !important; */
2020-05-20 05:34:10 +00:00
}
2020-08-08 05:34:50 +00:00
#titlebar::after {
border-bottom: 0 !important;
}
.toolbar-items {
}
/* Transparent tabs */
.toolbar-items:-moz-lwtheme-darktext,
.toolbar-items:-moz-lwtheme-brighttext {
2020-05-25 23:36:55 +00:00
background-color: transparent !important;
2020-08-11 10:50:16 +00:00
-moz-appearance: var(--bf-moz-appearance) !important;
2020-05-22 11:40:26 +00:00
}
2020-08-08 05:34:50 +00:00
/* Set minimum height for tab bar */
#tabbrowser-tabs {
2020-08-08 05:34:50 +00:00
--tab-min-height: 0;
2020-08-12 12:42:26 +00:00
margin-top: 6px !important;
margin-bottom: 6px !important;
2020-05-22 11:40:26 +00:00
margin-left: 20px !important;
margin-right: 20px !important;
}
/* Hide solo tab */
2020-08-11 07:10:03 +00:00
/*
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:only-of-type {
visibility: collapse;
}
2020-08-11 07:10:03 +00:00
*/
/* Hide New Tab Button immediately next to solo tab */
2020-08-11 07:10:03 +00:00
/*
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:only-of-type + toolbarbutton {
visibility: collapse;
}
2020-08-11 07:10:03 +00:00
*/
/* Stretch Tabs */
2020-05-20 05:34:10 +00:00
.tabbrowser-tab[fadein]:not([pinned]) {
max-width: none !important;
}
.tab-background {
border: none !important;
}
.tab-background:-moz-lwtheme-darktext,
.tab-background:-moz-lwtheme-brighttext {
2020-05-20 05:34:10 +00:00
background: transparent !important;
2020-08-11 10:50:16 +00:00
-moz-appearance: var(--bf-moz-appearance) !important;
2020-05-20 05:34:10 +00:00
}
.tab-background[selected="true"] {
background: var(--bf-tab-selected-bg) !important;
}
.tab-background:not[visuallyselected] {
background: var(--bf-tab-selected-bg) !important;
opacity: 0.5 !important;
}
/* Remove the all the "lines" in tab sides */
/*
2020-05-20 05:34:10 +00:00
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-left: none !important;
}
*/
/* Remove the lines on the side of the selected tab */
.tabbrowser-tab[beforeselected-visible="true"]::after,
.tabbrowser-tab[beforeselected-visible="true"]::before,
.tabbrowser-tab[selected="true"]::after,
.tabbrowser-tab[selected="true"]::before {
border-left: none !important;
}
/* Style all the lines before and after selected tab */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-width: 1px !important;
}
2020-05-20 05:34:10 +00:00
.tabbrowser-arrowscrollbox {
margin-inline-start: 4px !important;
2020-08-08 05:34:50 +00:00
margin-inline-end: 0 !important;
2020-05-20 05:34:10 +00:00
}
.tab-text {
font-weight: var(--bf-tab-font-weight);
font-size: var(--bf-tab-font-size) !important;
}
2020-05-23 01:31:53 +00:00
/* Center all content */
.tab-content {
2020-05-20 05:34:10 +00:00
justify-content: center;
2020-05-23 01:31:53 +00:00
align-items: center;
margin-top: -1px;
min-width: 100% !important;
padding: 0 10px !important;
}
2020-08-12 07:14:46 +00:00
/* A way to center the label and icon while
the close button is positioned to the far right */
.tab-content::before{
content: "";
display: -moz-box;
-moz-box-flex: 1
}
/* Tab close button */
.tab-close-button {
2020-08-12 12:42:26 +00:00
opacity: 1 !important;
2020-08-12 07:14:46 +00:00
}
2020-05-23 01:31:53 +00:00
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound,
.tab-throbber, .tab-throbber-fallback,
.tab-close-button {
min-width: 16px;
}
/* Adjust tab label width */
.tab-label-container {
2020-08-08 05:34:50 +00:00
min-width: 3px !important;
2020-05-23 01:31:53 +00:00
}
/* If tab close button is not present, don't force favicon to the center */
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber,
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber-fallback,
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([busy]) .tab-icon-image,
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([image]) .tab-label-container {
margin-left: 0 !important;
2020-05-20 05:34:10 +00:00
}
2020-08-08 05:34:50 +00:00
/* Tab icon */
2020-05-20 05:34:10 +00:00
hbox.tab-content .tab-icon-image {
2020-05-22 11:40:26 +00:00
display: initial !important;
2020-05-20 05:34:10 +00:00
}
2020-08-08 05:34:50 +00:00
/* Show the icon of pinned tabs */
2020-05-20 05:34:10 +00:00
hbox.tab-content[pinned=true] .tab-icon-image {
display: initial !important;
}
2020-08-08 05:34:50 +00:00
/* Hide text of pinned tabs */
2020-05-20 05:34:10 +00:00
hbox.tab-content[pinned=true] .tab-text {
display: none !important;
}
2020-08-08 05:34:50 +00:00
/* Hide the blue line on top of tab */
2020-05-20 22:52:45 +00:00
.tab-line, .tab-bottom-line {
2020-05-20 05:34:10 +00:00
display: none !important;
}
.tabbrowser-tab {
2020-07-08 23:06:11 +00:00
border-radius: var(--bf-tab-border-radius) !important;
border-width: 0;
height: var(--bf-tab-height) !important;
2020-08-08 05:34:50 +00:00
overflow: hidden;
2020-07-08 23:06:11 +00:00
margin-top: 0 !important;
2020-05-22 11:40:26 +00:00
margin-bottom: 0 !important;
2020-05-20 05:34:10 +00:00
}
2020-08-08 05:34:50 +00:00
.tabbrowser-tab:hover {
box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
/* Set color scheme */
.tabbrowser-tab:hover:-moz-lwtheme-darktext,
.tabbrowser-tab:hover:-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
}
2020-08-08 05:34:50 +00:00
/* Audio playing background */
2020-05-20 05:34:10 +00:00
.tabbrowser-tab[soundplaying="true"] {
background-color: var(--bf-tab-soundplaying-bg) !important;
}
2020-08-08 05:34:50 +00:00
#tabbrowser-tabs {
}
/* Audio Icon */
2020-05-20 05:34:10 +00:00
.tab-icon-sound {
display: block !important;
2020-05-20 05:34:10 +00:00
}
/* Center pinned tab stack(Contains icon) if #tabbrowser-tabs[positionpinnedtabs=true] */
#tabbrowser-tabs[positionpinnedtabs=true] .tabbrowser-tab[pinned=true] .tab-stack {
position: relative !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
2020-05-20 05:34:10 +00:00
2020-05-25 23:36:55 +00:00
.private-browsing-indicator {
2020-08-08 05:34:50 +00:00
display: block;
background: transparent;
2020-05-20 05:34:10 +00:00
}
2020-05-23 01:31:53 +00:00
/* Remove hover effects on tab bar buttons */
#TabsToolbar {
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
-moz-appearance: none !important;
2020-05-23 01:31:53 +00:00
}
2020-08-08 05:34:50 +00:00
/* Left to Right Alignment of tabs toolbar */
/* #TabsToolbar {
direction: rtl;
2020-05-20 05:34:10 +00:00
}
#tabbrowser-tabs {
2020-08-08 05:34:50 +00:00
direction: ltr;
2020-05-20 05:34:10 +00:00
}
*/
2020-05-20 05:34:10 +00:00
2020-08-11 10:50:16 +00:00
/*
Sidebar
*/
#sidebar-box {
}
#sidebar-box:-moz-lwtheme-darktext,
#sidebar-box:-moz-lwtheme-brighttext {
2020-08-11 10:50:16 +00:00
--sidebar-background-color: var(--bf-sidebar-bg) !important;
--sidebar-text-color: var(--bf-sidebar-color) !important;
}
#sidebar,
.sidebar-panel {
background: transparent !important;
}
/* Sidebar searchbar */
#sidebar-search-container #search-box {
2020-08-11 10:50:16 +00:00
border: none !important;
padding: 6px !important;
border-radius: var(--bf-sidebar-searchbar-radius) !important;
}
/*
2020-08-08 05:34:50 +00:00
The dropdown menus
*/
.panel-arrowcontent {
padding: 0 !important;
margin: 0 !important;
}
toolbarseparator {
display: none !important;
}
box.panel-arrowbox {
display: none;
}
box.panel-arrowcontent {
border-radius: 8px !important;
border: none !important;
}
/*
2020-05-20 05:34:10 +00:00
The findbar
*/
#browser #appcontent #tabbrowser-tabbox findbar,
#browser #appcontent #tabbrowser-tabbox tabpanels {
2020-07-08 23:06:11 +00:00
-moz-appearance: none !important;
2020-05-22 11:40:26 +00:00
border: none !important;
}
#browser #appcontent #tabbrowser-tabbox findbar:-moz-lwtheme-darktext,
#browser #appcontent #tabbrowser-tabbox findbar:-moz-lwtheme-brighttext,
#browser #appcontent #tabbrowser-tabbox tabpanels:-moz-lwtheme-darktext,
#browser #appcontent #tabbrowser-tabbox tabpanels:-moz-lwtheme-brighttext {
background: transparent !important;
2020-05-20 05:34:10 +00:00
}
2020-05-22 11:40:26 +00:00
#browser #appcontent #tabbrowser-tabbox findbar {
}
#browser #appcontent #tabbrowser-tabbox findbar:-moz-lwtheme-darktext,
#browser #appcontent #tabbrowser-tabbox findbar:-moz-lwtheme-brighttext {
2020-07-08 23:06:11 +00:00
background-color: var(--bf-bg) !important;
2020-05-22 11:40:26 +00:00
}
.findbar-find-previous,
.findbar-find-next {
2020-08-08 05:34:50 +00:00
margin: 0 !important;
2020-05-22 11:40:26 +00:00
border: none !important;
}
2020-05-20 05:34:10 +00:00
#browser #appcontent #tabbrowser-tabbox .findbar-find-fast {
}
#browser #appcontent #tabbrowser-tabbox .findbar-find-fast:not([status="notfound"]):-moz-lwtheme-darktext,
#browser #appcontent #tabbrowser-tabbox .findbar-find-fast:not([status="notfound"]):-moz-lwtheme-brighttext {
2020-07-08 23:06:11 +00:00
background-color: var(--bf-bg) !important;
2020-05-20 05:34:10 +00:00
}
/*
Right-click menu
*/
menupopup,
popup,
2020-05-20 22:52:45 +00:00
popup > menu > menupopup,
menupopup > menu > menupopup {
2020-08-08 05:34:50 +00:00
border: 0 !important;
2020-05-20 22:52:45 +00:00
border-radius: 4px !important;
2020-08-08 05:34:50 +00:00
padding: 2px 0 2px 0 !important;
2020-05-20 05:34:10 +00:00
}
menupopup:-moz-lwtheme-darktext,
menupopup:-moz-lwtheme-brighttext,
popup:-moz-lwtheme-darktext,
popup:-moz-lwtheme-brighttext,
popup > menu > menupopup:-moz-lwtheme-darktext,
popup > menu > menupopup:-moz-lwtheme-brighttext,
menupopup > menu > menupopup:-moz-lwtheme-darktext,
menupopup > menu > menupopup:-moz-lwtheme-brighttext {
2020-05-20 22:52:45 +00:00
-moz-appearance: none !important;
background: var(--bf-menupopup-bg) !important;
color: var(--bf-menupopup-color) !important;
}
menupopup menuseparator {
/* -moz-appearance: none !important; */
2020-08-08 05:34:50 +00:00
margin: 2px 0 2px 0 !important;
2020-05-20 22:52:45 +00:00
padding: 0 !important;
border-top: none !important;
border-color: transparent !important;
2020-05-20 05:34:10 +00:00
}
menupopup menuseparator:-moz-lwtheme-darktext,
menupopup menuseparator:-moz-lwtheme-brighttext {
-moz-appearance: none !important;
background: #525A6D !important;
}
2020-08-08 05:34:50 +00:00
/*
2020-05-20 22:52:45 +00:00
The customization window
*/
#customization-container {
}
#customization-container:-moz-lwtheme-darktext,
#customization-container:-moz-lwtheme-brighttext {
2020-05-20 22:52:45 +00:00
background: var(--bf-bg) !important;
}
.customizationmode-button {
padding: 5px !important;
border-radius: 6px !important;
}
.customizationmode-button:hover {
padding: 5px !important;
border-radius: 6px !important;
}
.customizationmode-button label {
2020-08-08 05:34:50 +00:00
}
/*
The control buttons. Contains, close, minimize, and maximize buttons
*/
#autohide-context {
display: none !important;
}
#window-controls[hidden="true"] {
display: none !important;
}
#window-controls[hidden="false"] {
display: inline-flex !important;
}
2020-08-11 10:50:16 +00:00
/* Hide titlebar-buttonbox if there's single tab */
/*
2020-08-08 05:34:50 +00:00
:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox-container {
display: none !important;
}
*/