75 lines
2.1 KiB
CSS
75 lines
2.1 KiB
CSS
|
/* custom rules */
|
||
|
|
|
||
|
|
/* Apply this customization only on smaller screens */
|
||
|
|
@media (max-width: 700px) {
|
||
|
|
|
||
|
|
/* Remove Tab Manager button
|
||
|
|
(overridden by tab_counter.css) */
|
||
|
|
#alltabs-button {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Remove tab overflow indicators */
|
||
|
|
spacer[part=overflow-start-indicator],
|
||
|
|
spacer[part=overflow-end-indicator] {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Remove spacers on left and right of main tab view */
|
||
|
|
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
|
||
|
|
margin-inline-start: 0px !important;
|
||
|
|
}
|
||
|
|
.titlebar-spacer[type="post-tabs"] {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Remove items from urlbar */
|
||
|
|
#tracking-protection-icon-container,
|
||
|
|
#identity-permission-box,
|
||
|
|
#userContext-indicator,
|
||
|
|
#page-action-buttons {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Urlbar font resizing */
|
||
|
|
#urlbar-input {
|
||
|
|
font-size: 10pt !important;
|
||
|
|
}
|
||
|
|
#urlbar[focused] #urlbar-input {
|
||
|
|
font-size: calc(var(--urlbar-height) - 9px) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hide Inactive tab close button (x)
|
||
|
|
to prevent accidentally closing tabs when selecting them */
|
||
|
|
.tab-close-button:not([selected]),
|
||
|
|
.tabbrowser-tab:not([selected]):hover .tab-close-button {
|
||
|
|
visibility: hidden !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Disable tab loading burst
|
||
|
|
(because it's annoying) */
|
||
|
|
.tab-loading-burst {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Tabs Toolbar and Container tab line color
|
||
|
|
(hides container tab line above tab by making it the same color as the Tabs Toolbar) */
|
||
|
|
#TabsToolbar,
|
||
|
|
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
|
||
|
|
background-color: var(--tab-bgcolor) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Menubar color
|
||
|
|
(hides the line at the top of the screen when Menubar is hidden) */
|
||
|
|
toolbar[type=menubar] {
|
||
|
|
background-color: black !important;
|
||
|
|
color: var(--toolbar-color) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Navbar bottom border color */
|
||
|
|
#navigator-toolbox {
|
||
|
|
border-bottom-color: black !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|