243 lines
6.0 KiB
CSS
243 lines
6.0 KiB
CSS
/* nav bar icons appear on hover */
|
|
:root:not([customizing]) #nav-bar toolbarbutton {
|
|
margin-left: -30px !important;
|
|
opacity: 0 !important;
|
|
transform: scale(0.85, 0.85) !important;
|
|
pointer-events: none !important;
|
|
transition: all 100ms var(--animation-easing-function) !important;
|
|
}
|
|
|
|
:root:not([customizing]) :hover > #nav-bar toolbarbutton,
|
|
:root:not([customizing]) #navigator-toolbox:focus-within #nav-bar toolbarbutton,
|
|
:root:not([customizing]) :hover > #titlebar toolbarbutton {
|
|
transform: scale(1, 1) !important;
|
|
opacity: 1 !important;
|
|
margin-left: 0 !important;
|
|
pointer-events: auto !important;
|
|
}
|
|
|
|
/* hide tab bar if only one tab */
|
|
tab:only-of-type {
|
|
display: none;
|
|
}
|
|
|
|
/* hide reader mode button */
|
|
#reader-mode-button { display: none !important;}
|
|
|
|
/* Titlebar */
|
|
/* This moves the tabs under the URL bar */
|
|
#nav-bar {
|
|
-moz-box-ordinal-group: 1 !important;
|
|
}
|
|
#PersonalToolbar {
|
|
-moz-box-ordinal-group: 2 !important;
|
|
}
|
|
#titlebar {
|
|
-moz-box-ordinal-group: 3 !important;
|
|
background-color: var(--color-bg) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
#toolbar-menubar{
|
|
position: fixed;
|
|
top: 0px;
|
|
}
|
|
|
|
.titlebar-placeholder {
|
|
border: none !important;
|
|
}
|
|
|
|
/* Remove border under navbar */
|
|
#navigator-toolbox::after {
|
|
border-bottom: 0px !important;
|
|
display: none !important;
|
|
}
|
|
|
|
#navigator-toolbox {
|
|
border: none !important;
|
|
margin-top: 0px;
|
|
padding-top:0px !important;
|
|
}
|
|
|
|
#nav-bar-customization-target,
|
|
.chromeclass-toolbar-additional {
|
|
margin-top: -1px !important;
|
|
}
|
|
|
|
overflow-button {
|
|
padding-bottom: 2px !important;
|
|
}
|
|
|
|
:root[sizemode="fullscreen"] #nav-bar {
|
|
padding-left: 0px !important;
|
|
}
|
|
|
|
/* Urlbar */
|
|
#urlbar[breakout][breakout-extend] {
|
|
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
|
|
left: 0 !important;
|
|
width: 100% !important;
|
|
border: none !important;
|
|
}
|
|
|
|
#urlbar[breakout][breakout-extend]>#urlbar-input-container {
|
|
height: var(--urlbar-height) !important;
|
|
padding-block: 0px !important;
|
|
padding-inline: 0px !important;
|
|
border: none !important;
|
|
}
|
|
|
|
#tracking-protection-icon-container {
|
|
border-image-slice: 0 !important;
|
|
}
|
|
|
|
#TabsToolbar .private-browsing-indicator {
|
|
margin-right: 28px !important; /*close/max/min placement*/
|
|
}
|
|
|
|
/* OTHER VISUAL CHANGES */
|
|
/* Hide some bloat */
|
|
.tab-close-button,
|
|
.tab-line,
|
|
.tabbrowser-tab::before,
|
|
.tabbrowser-tab::after {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Don't indent urls */
|
|
.urlbarView.megabar .urlbarView-results[wrap] > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-url {
|
|
padding-inline-start: revert !important;
|
|
}
|
|
|
|
#tracking-protection-icon-container,
|
|
#tracking-protection-icon-container:hover,
|
|
#urlbar-search-button {
|
|
background-color: none !important;
|
|
background-image: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* Hide min, max and close buttons and some spacers */
|
|
#tabs-newtab-button,
|
|
.titlebar-buttonbox-container,
|
|
.titlebar-buttonbox,
|
|
.titlebar-spacer[type="pre-tabs"],
|
|
.titlebar-spacer[type="post-tabs"]{
|
|
display: none !important;
|
|
}
|
|
|
|
/* Regular browser tabs */
|
|
.tabbrowser-tab {
|
|
background-color: var(--color-bg) !important;
|
|
margin-inline-end: var(--gap-between-tabs) !important;
|
|
font-size: var(--tab-font-size) !important;
|
|
font-weight: var(--tab-font-weight) !important;
|
|
}
|
|
|
|
.tabbrowser-tab:hover {
|
|
background-color: none !important;
|
|
font-size: var(--tab-font-size) !important;
|
|
font-weight: var(--tab-font-weight) !important;
|
|
}
|
|
|
|
.tabbrowser-tab[selected="true"] {
|
|
background-color: var(--color-selected) !important;
|
|
font-size: var(--tab-font-size) !important;
|
|
font-weight: var(--tab-font-selected-weight) !important;
|
|
}
|
|
|
|
/* grey out unselected tabs */
|
|
.tabbrowser-tab:not([visuallyselected="true"]):not([multiselected]) {
|
|
color: #777777 !important;
|
|
}
|
|
|
|
.tabbrowser-tab:not([visuallyselected="true"]):not([multiselected]) image {
|
|
display: none !important;
|
|
}
|
|
|
|
/* unset the tab bar min-height */
|
|
#tabbrowser-tabs,
|
|
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
|
|
#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
|
|
min-height: initial !important;
|
|
}
|
|
|
|
/* set the height on the tabs instead */
|
|
tab {
|
|
line-height: 25px;
|
|
height: 25px;
|
|
}
|
|
|
|
/* Hacky way to make the url input bar centered */
|
|
input#urlbar-input {
|
|
font-family: var(--urlbar-text-font) !important;
|
|
font-size: var(--urlbar-text-size) !important;
|
|
font-weight: var(--urlbar-text-weight) !important;
|
|
text-align: left !important;
|
|
padding-left: 10px !important;
|
|
width: 99999px !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.browser-toolbar:not(.titlebar-color) {
|
|
background-color: var(--color-bg) !important;
|
|
}
|
|
|
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
:root {
|
|
--in-content-page-background: var(--color-bg);
|
|
}
|
|
|
|
/*changes "flash" on tab open color*/
|
|
#browser vbox#appcontent tabbrowser,
|
|
#content,
|
|
#tabbrowser-tabpanels,
|
|
browser[type=content-primary],
|
|
browser[type=content] > html {
|
|
background: var(--in-content-page-background)!important;
|
|
}
|
|
|
|
/* Variables */
|
|
html#main-window {
|
|
--color-bg: #0c0c0c;
|
|
--color-selected: #2c2c2c;
|
|
--toolbar-bgcolor: #1d1d1d !important;
|
|
|
|
--gap-between-tabs: 0px;
|
|
--margin-after-tab-list: 0x;
|
|
--margin-before-tab-list: 0px;
|
|
--tab-font-size: 8.5pt;
|
|
--tab-font-weight: 250;
|
|
--tab-font-selected-weight: 350;
|
|
--tab-height: 25px;
|
|
|
|
--urlbar-height: 33px;
|
|
--urlbar-container-margin: 0px;
|
|
--urlbar-text-size: 8pt;
|
|
--urlbar-text-weight: 325;
|
|
|
|
/* Firefox variables */
|
|
--urlbar-separator-color: #000000 !important;
|
|
--lwt-toolbar-field-focus-color: #fefefe !important;
|
|
--lwt-toolbar-field-color: #fefefe !important;
|
|
--lwt-toolbar-field-background-color: var(--color-bg) !important;
|
|
--lwt-toolbar-field-border-color: var(--color-bg) !important;
|
|
--lwt-toolbar-field-focus-background-color: #1d1d1d !important;
|
|
}
|
|
|
|
/* Clean new urlbar */
|
|
#urlbar #urlbar-background {
|
|
background-color: var(--color-bg) !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
#urlbar[focused=true] {
|
|
background-color: var(--color-bg) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
#urlbar.megabar > #urlbar-input-container, #urlbar-input-container {
|
|
border: none !important;
|
|
} |