Add files via upload
This commit is contained in:
bmFtZQ
GitHub
parent
375ddcc4d2
commit
a3b663ae1f
52 changed files with 4248 additions and 0 deletions
36
chrome/tabbar/EdgeStyleTabShadow.css
Normal file
36
chrome/tabbar/EdgeStyleTabShadow.css
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
/* Edge Style Tabs */
|
||||
.tabbrowser-tab[visuallyselected] .tab-background {
|
||||
filter: drop-shadow(0 1px 2px #0006) !important;
|
||||
}
|
||||
:root[lwthemetextcolor="bright"] .tabbrowser-tab[visuallyselected] .tab-background, :root[lwthemetextcolor="bright"] {
|
||||
filter: drop-shadow(0 1px 2px #0009) !important;
|
||||
}
|
||||
#nav-bar {
|
||||
box-shadow: 0 0 2px #0005 !important;
|
||||
}
|
||||
:root[lwthemetextcolor="bright"] #nav-bar {
|
||||
box-shadow: 0 0 2px #0008 !important;
|
||||
}
|
||||
#nav-bar:not([urlbar-exceeds-toolbar-bounds]) {
|
||||
clip-path: inset(-10px 0 0 0);
|
||||
}
|
||||
:root[extradragspace][tabsintitlebar] {
|
||||
--space-above-tabbar: 0 !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
|
||||
min-height: calc(var(--tab-min-height) + 8px) !important;
|
||||
}
|
||||
#tabbrowser-tabs #tabs-newtab-button, #TabsToolbar-customization-target > toolbarbutton, #scrollbutton-up, #scrollbutton-down {
|
||||
max-height: 32px !important;
|
||||
}
|
||||
.tabbrowser-tab, #tabbrowser-tabs #tabs-newtab-button {
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
#TabsToolbar-customization-target > toolbarbutton {
|
||||
transform: translateY(8px) !important;
|
||||
}
|
||||
#TabsToolbar toolbarbutton, #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-up), #TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-down), #scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton), #scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
|
||||
margin-top: 10px !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
5
chrome/tabbar/close-tab.svg
Normal file
5
chrome/tabbar/close-tab.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path
|
||||
style="fill:context-fill;fill-opacity:context-fill-opacity"
|
||||
d="M 4.5253906 3.875 A 0.625 0.625 0 0 0 4.0585938 4.0585938 A 0.625 0.625 0 0 0 4.0585938 4.9414062 L 7.1171875 8 L 4.0585938 11.058594 A 0.625 0.625 0 0 0 4.0585938 11.941406 A 0.625 0.625 0 0 0 4.9414062 11.941406 L 8 8.8828125 L 11.058594 11.941406 A 0.625 0.625 0 0 0 11.941406 11.941406 A 0.625 0.625 0 0 0 11.941406 11.058594 L 8.8828125 8 L 11.941406 4.9414062 A 0.625 0.625 0 0 0 11.941406 4.0585938 A 0.625 0.625 0 0 0 11.525391 3.875 A 0.625 0.625 0 0 0 11.058594 4.0585938 L 8 7.1171875 L 4.9414062 4.0585938 A 0.625 0.625 0 0 0 4.5253906 3.875 z " />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 730 B |
28
chrome/tabbar/spinner-busy.svg
Normal file
28
chrome/tabbar/spinner-busy.svg
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<style>
|
||||
:root
|
||||
{
|
||||
--radius: calc(2 * 3.1415926536 * 7.5px);
|
||||
--max-gap: calc(var(--radius) * .99);
|
||||
--min-gap: calc(var(--radius) * .5);
|
||||
}
|
||||
|
||||
@keyframes stroke-rotate
|
||||
{
|
||||
0% { stroke-dashoffset: var(--max-gap); }
|
||||
100% { stroke-dashoffset: var(--min-gap); }
|
||||
}
|
||||
|
||||
circle
|
||||
{
|
||||
fill: transparent;
|
||||
stroke: context-fill;
|
||||
stroke-width: 1px;
|
||||
stroke-dasharray: var(--radius);
|
||||
stroke-linecap: round;
|
||||
transform-origin: center;
|
||||
animation: stroke-rotate 1.333s cubic-bezier(.35, 0, .25, 1) both;
|
||||
}
|
||||
</style>
|
||||
<circle cx="50%" cy="50%" r="7.5px"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 671 B |
43
chrome/tabbar/spinner-progress.svg
Normal file
43
chrome/tabbar/spinner-progress.svg
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
||||
<style>
|
||||
:root
|
||||
{
|
||||
--radius: calc(2 * 3.1415926536 * 7.5px);
|
||||
--max-gap: calc(var(--radius) * .99);
|
||||
--min-gap: calc(var(--radius) * .25);
|
||||
}
|
||||
|
||||
@keyframes stroke-rotate
|
||||
{
|
||||
0% { stroke-dashoffset: var(--max-gap); }
|
||||
12.5% { stroke-dashoffset: var(--min-gap);
|
||||
transform: rotate(0); }
|
||||
12.5001%, 25% { transform: rotateX(180deg) rotate(90deg); }
|
||||
25% { stroke-dashoffset: var(--max-gap); }
|
||||
25.0001%, 37.5% { transform: rotate(270deg); }
|
||||
37.5% { stroke-dashoffset: var(--min-gap); }
|
||||
37.5001%, 50% { transform: rotateX(180deg) rotate(180deg); }
|
||||
50% { stroke-dashoffset: var(--max-gap); }
|
||||
50.0001%, 62.5% { transform: rotate(180deg); }
|
||||
62.5% { stroke-dashoffset: var(--min-gap); }
|
||||
62.5001%, 75% { transform: rotateX(180deg) rotate(270deg); }
|
||||
75% { stroke-dashoffset: var(--max-gap); }
|
||||
75.0001%, 87.5% { transform: rotate(90deg); }
|
||||
87.5% { stroke-dashoffset: var(--min-gap); }
|
||||
87.5001%, 100% { transform: rotateX(180deg) rotate(360deg); }
|
||||
100% { stroke-dashoffset: var(--max-gap); }
|
||||
}
|
||||
|
||||
circle
|
||||
{
|
||||
fill: transparent;
|
||||
stroke-dasharray: var(--radius);
|
||||
stroke: context-fill;
|
||||
stroke-width: 1;
|
||||
stroke-linecap: round;
|
||||
transform-origin: center;
|
||||
animation: stroke-rotate calc(1.333s * 4) cubic-bezier(.35, 0, .25, 1) infinite both;
|
||||
}
|
||||
</style>
|
||||
<circle cx="50%" cy="50%" r="7.5px"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
573
chrome/tabbar/tabbar.css
Normal file
573
chrome/tabbar/tabbar.css
Normal file
|
|
@ -0,0 +1,573 @@
|
|||
:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=pre-tabs]
|
||||
{
|
||||
width: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar
|
||||
{
|
||||
-moz-appearance: none !important;
|
||||
-moz-default-appearance: none !important;
|
||||
background-color: var(--lwt-accent-color) !important;
|
||||
color: var(--lwt-text-color) !important;
|
||||
}
|
||||
|
||||
@media (-moz-mac-yosemite-theme)
|
||||
{
|
||||
#TabsToolbar, :root:is([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme)
|
||||
{
|
||||
-moz-appearance: none !important;
|
||||
-moz-default-appearance: none !important;
|
||||
}
|
||||
|
||||
:root:-moz-any([inFullscreen], [tabsintitlebar]):not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme)
|
||||
{
|
||||
background-color: #dee1e5 !important;
|
||||
color: #606367 !important;
|
||||
--toolbarbutton-hover-background: #cbced2 !important;
|
||||
--toolbarbutton-active-background: #bec0c5 !important;
|
||||
}
|
||||
|
||||
:root:-moz-any([inFullscreen], [tabsintitlebar]):not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive
|
||||
{
|
||||
background-color: #e7eaed !important;
|
||||
}
|
||||
|
||||
:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=pre-tabs]
|
||||
{
|
||||
width: 4px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-os-version: windows-win7)
|
||||
{
|
||||
:root:not([privatebrowsingmode=temporary]) #TabsToolbar:not(:-moz-lwtheme)
|
||||
{
|
||||
color: #808387 !important;
|
||||
--toolbarbutton-hover-background: rgba(196, 198, 204, .8) !important;
|
||||
--toolbarbutton-active-background: #bec0c6 !important;
|
||||
}
|
||||
|
||||
:root:not([privatebrowsingmode=temporary]) #TabsToolbar toolbarbutton:not(:-moz-lwtheme):not(:hover):not([open])
|
||||
{
|
||||
background-color: rgba(218, 220, 227, .8) !important;
|
||||
}
|
||||
|
||||
:root:not([privatebrowsingmode=temporary]) .tabbrowser-tab:not([visuallyselected]):not(:-moz-lwtheme)
|
||||
{
|
||||
--tab-bgcolor: rgb(218, 220, 227) !important;
|
||||
--tab-opacity: .8 !important;
|
||||
}
|
||||
|
||||
:root:not([privatebrowsingmode=temporary]) .tabbrowser-tab:hover:not([visuallyselected]):not(:-moz-lwtheme)
|
||||
{
|
||||
--tab-bgcolor: #e9ebef !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* < FF 65, >= FF 65 */
|
||||
:-moz-any(.titlebar-placeholder, .titlebar-spacer)
|
||||
{
|
||||
border: 0 !important;
|
||||
display: -moz-box !important;
|
||||
}
|
||||
|
||||
:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=post-tabs]
|
||||
{
|
||||
width: 48px !important;
|
||||
transition: width .666s cubic-bezier(.4, 0, .2, 1) !important;
|
||||
}
|
||||
|
||||
@media (max-width: 700px)
|
||||
{
|
||||
:-moz-any(.titlebar-placeholder, .titlebar-spacer)[type=post-tabs]
|
||||
{
|
||||
width: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* vertically center buttons in tab bar */
|
||||
#TabsToolbar toolbarbutton,
|
||||
/* >= 72 */
|
||||
#TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-up),
|
||||
#TabsToolbar .tabbrowser-arrowscrollbox::part(scrollbutton-down),
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton)
|
||||
{
|
||||
margin-top: calc((var(--tab-min-height) - var(--button-size)) / 2) !important;
|
||||
margin-bottom: calc((var(--tab-min-height) - var(--button-size)) / 2) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab
|
||||
{
|
||||
min-height: var(--tab-min-height) !important;
|
||||
overflow: visible !important;
|
||||
font-size: 12px !important;
|
||||
background: 0 !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[visuallyselected]
|
||||
{
|
||||
color: var(--toolbar-color) !important;
|
||||
}
|
||||
|
||||
/* regular */
|
||||
.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"])
|
||||
{
|
||||
max-width: 240px !important;
|
||||
}
|
||||
|
||||
/* neighbouring tabs should "pinch" together */
|
||||
.tabbrowser-tab:not([last-visible-tab])
|
||||
{
|
||||
margin-inline-end: -.5px !important;
|
||||
}
|
||||
|
||||
/* special case for pinned tabs when overflowing */
|
||||
#tabbrowser-tabs:not([overflow]) .tabbrowser-tab:not([first-visible-tab]),
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab:not([first-visible-tab]):not([pinned])
|
||||
{
|
||||
margin-inline-start: -.5px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] .tab-background
|
||||
{
|
||||
margin: 0 -1px !important;
|
||||
}
|
||||
|
||||
.tab-content
|
||||
{
|
||||
position: relative !important;
|
||||
overflow: hidden !important;
|
||||
padding-inline-start: 12px !important;
|
||||
padding-inline-end: 8px !important;
|
||||
}
|
||||
|
||||
.tab-content::before,
|
||||
.tab-content::after
|
||||
{
|
||||
content: "" !important;
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
background-color: currentColor !important;
|
||||
width: 1px !important;
|
||||
height: 20px !important;
|
||||
transform: translateY(-10px) !important;
|
||||
opacity: 0 !important;
|
||||
transition: opacity .2s var(--ease-basic) !important;
|
||||
}
|
||||
|
||||
.tab-content::before
|
||||
{
|
||||
left: 0 !important;
|
||||
}
|
||||
|
||||
.tab-content::after
|
||||
{
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
.tab-throbber,
|
||||
.tab-throbber-fallback,
|
||||
.tab-icon-image,
|
||||
.tab-sharing-icon-overlay,
|
||||
.tab-icon-sound,
|
||||
.tab-close-button
|
||||
{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab::before,
|
||||
.tabbrowser-tab::after,
|
||||
.tab-line
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* tab background color */
|
||||
|
||||
.tabbrowser-tab
|
||||
{
|
||||
--tab-opacity: 0;
|
||||
--tab-bgcolor: #000;
|
||||
--tab-transition-duration: .2s;
|
||||
}
|
||||
|
||||
:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab
|
||||
{
|
||||
--tab-opacity: 0;
|
||||
--tab-bgcolor: #fff;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([selected=true]):hover,
|
||||
.tabbrowser-tab[multiselected]:not([selected=true])
|
||||
{
|
||||
--tab-opacity: .1;
|
||||
}
|
||||
|
||||
:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab:not([selected=true]):hover,
|
||||
:-moz-any(:root[privatebrowsingmode=temporary], #TabsToolbar[brighttext]) .tabbrowser-tab[multiselected]:not([selected=true])
|
||||
{
|
||||
--tab-opacity: .06;
|
||||
}
|
||||
|
||||
:-moz-any(#TabsToolbar) .tabbrowser-tab[visuallyselected]
|
||||
{
|
||||
--tab-bgcolor: var(--toolbar-bgcolor);
|
||||
--tab-opacity: 1;
|
||||
}
|
||||
|
||||
.tab-background
|
||||
{
|
||||
background: var(--tab-bgcolor) !important;
|
||||
/* rounded top corners */
|
||||
border-radius: 4px 4px 0 0 !important;
|
||||
position: relative !important;
|
||||
border: 0 !important;
|
||||
transition:
|
||||
opacity var(--tab-transition-duration) var(--ease-basic),
|
||||
background-color 0s var(--tab-transition-duration) var(--ease-basic) !important;
|
||||
opacity: var(--tab-opacity) !important;
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
/* rounded bottom corners */
|
||||
.tab-background::before,
|
||||
.tab-background::after
|
||||
{
|
||||
content: "" !important;
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
width: 8px !important;
|
||||
height: 8px !important;
|
||||
bottom: 0 !important;
|
||||
pointer-events: none !important;
|
||||
transition: box-shadow 0s var(--tab-transition-duration) var(--ease-basic) !important;
|
||||
}
|
||||
|
||||
.tab-background::before
|
||||
{
|
||||
border-bottom-right-radius: 4px !important;
|
||||
left: 0 !important;
|
||||
transform: translateX(-8px) !important;
|
||||
box-shadow: 4px 4px 0 4px var(--tab-bgcolor) !important;
|
||||
}
|
||||
|
||||
.tab-background::after
|
||||
{
|
||||
border-bottom-left-radius: 4px !important;
|
||||
right: 0 !important;
|
||||
transform: translateX(8px) !important;
|
||||
box-shadow: -4px 4px 0 4px var(--tab-bgcolor) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[visuallyselected][style*=transform] + .tabbrowser-tab[style*=transform] .tab-content::after,
|
||||
.tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before,
|
||||
.tabbrowser-tab[style*=transform] + .tabbrowser-tab:not([visuallyselected]) .tab-content::before,
|
||||
.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) + .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before,
|
||||
#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after
|
||||
{
|
||||
opacity: var(--tab-separator-opacity) !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]) .tab-content::before
|
||||
{
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[visuallyselected]
|
||||
{
|
||||
--tab-transition-duration: 0s;
|
||||
}
|
||||
|
||||
.tab-throbber,
|
||||
.tab-throbber-fallback
|
||||
{
|
||||
margin-inline-end: 8px !important;
|
||||
}
|
||||
|
||||
.tab-icon-image
|
||||
{
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.tab-label-container
|
||||
{
|
||||
margin-top: -2px !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[image] .tab-label-container,
|
||||
.tabbrowser-tab:-moz-any([progress], [busy]) .tab-label-container
|
||||
{
|
||||
padding-inline-start: 8px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[pinned]:-moz-any([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image
|
||||
{
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[fadein] .tab-close-button
|
||||
{
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
.tab-close-button
|
||||
{
|
||||
list-style-image: url(close-tab.svg) !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.tab-close-button,
|
||||
.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]),
|
||||
.tab-icon-sound
|
||||
{
|
||||
border-radius: 99px !important;
|
||||
color: inherit !important;
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
transition-property: fill-opacity, background-color !important;
|
||||
transition-duration: .15s !important;
|
||||
transition-timing-function: var(--ease-basic) !important;
|
||||
fill-opacity: 1 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.tab-close-button:hover,
|
||||
.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover,
|
||||
.tab-icon-sound:hover
|
||||
{
|
||||
background-color: var(--toolbarbutton-hover-background) !important;
|
||||
}
|
||||
|
||||
.tab-close-button:hover:active,
|
||||
.tab-icon-overlay:-moz-any([soundplaying], [muted], [activemedia-blocked]):hover:active,
|
||||
.tab-icon-sound:hover:active
|
||||
{
|
||||
background-color: var(--toolbarbutton-active-background) !important;
|
||||
}
|
||||
|
||||
.tab-icon-overlay[pinned]
|
||||
{
|
||||
margin: 0 !important;
|
||||
margin-inline-start: -16px !important;
|
||||
}
|
||||
|
||||
@keyframes rotate-360
|
||||
{
|
||||
0% { transform: rotate(0); }
|
||||
100% { transform: rotate(1turn); }
|
||||
}
|
||||
|
||||
.tab-throbber
|
||||
{
|
||||
-moz-context-properties: fill !important;
|
||||
fill: currentColor !important;
|
||||
background-image: url(spinner-busy.svg) !important;
|
||||
margin: 0 !important;
|
||||
transform-origin: center !important;
|
||||
animation: rotate-360 1.333s linear infinite reverse !important;
|
||||
position: static !important;
|
||||
}
|
||||
|
||||
.tab-throbber[progress]
|
||||
{
|
||||
background-image: url(spinner-progress.svg) !important;
|
||||
animation-direction: normal !important;
|
||||
}
|
||||
|
||||
.tab-throbber::before
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* clipped tabs */
|
||||
#tabbrowser-tabs[closebuttons=activetab] .tab-content:not([pinned])
|
||||
{
|
||||
padding-inline-start: 8px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected]) .tab-close-button
|
||||
{
|
||||
visibility: collapse !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]),
|
||||
#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned])
|
||||
{
|
||||
mask-image: linear-gradient(to right, black 70%, transparent) !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="rtl"]:not([pinned]),
|
||||
#tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(rtl):not([pinned])
|
||||
{
|
||||
mask-image: linear-gradient(to left, black 70%, transparent) !important;
|
||||
}
|
||||
|
||||
.tab-content[pinned]
|
||||
{
|
||||
-moz-box-pack: center !important;
|
||||
}
|
||||
|
||||
.tab-icon-image[pinned],
|
||||
.tab-throbber[pinned]
|
||||
{
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
.tab-content[pinned]
|
||||
{
|
||||
width: 36px !important;
|
||||
padding: 0 !important;
|
||||
padding-inline-start: 10px !important;
|
||||
padding-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
.tab-label-container[pinned],
|
||||
.tab-close-button[pinned]
|
||||
{
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
/* close button / favicon is centered within 36px tab */
|
||||
/* disabled for now because it's broken in recent version of Firefox */
|
||||
@supports -moz-bool-pref("materialFox.reduceTabOverflow disabled")
|
||||
{
|
||||
#main-window
|
||||
{
|
||||
/* same as Chrome */
|
||||
min-width: 500px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tab-content
|
||||
{
|
||||
-moz-box-pack: center !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tab-icon-image
|
||||
{
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tab-content[image]:not([image^="chrome://branding/"]):not([pinned])
|
||||
{
|
||||
width: 36px !important;
|
||||
padding: 0 !important;
|
||||
padding-inline-start: 0 !important;
|
||||
padding-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab:not([visuallyselected]):not([pinned]) .tab-close-button,
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[visuallyselected]:not([pinned]) :-moz-any(.tab-label-container, .tab-icon-image),
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[image]:not([image^="chrome://branding/"]):not([pinned]) .tab-label-container
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
#tabbrowser-tabs #tabs-newtab-button
|
||||
{
|
||||
margin-inline-start: 2px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-arrowscrollbox
|
||||
{
|
||||
border-radius: 8px 8px 0 0 !important;
|
||||
background-color: rgba(0, 0, 0, .1) !important;
|
||||
padding-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow]
|
||||
{
|
||||
margin-inline-start: 8px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[first-visible-tab]:not([pinned]),
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]),
|
||||
#tabbrowser-tabs:not([overflow]) .tabbrowser-tab[first-visible-tab]
|
||||
{
|
||||
margin-inline-start: 8px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned])
|
||||
{
|
||||
margin-inline-end: 7px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack::after
|
||||
{
|
||||
content: "" !important;
|
||||
position: absolute !important;
|
||||
display: flex !important;
|
||||
bottom: 0 !important;
|
||||
left: 8px !important;
|
||||
width: calc(100% - 16px) !important;
|
||||
height: 2px !important;
|
||||
box-sizing: border-box !important;
|
||||
border-radius: 99px 99px 0 0 !important;
|
||||
transform: none !important;
|
||||
background: var(--identity-tab-color) !important;
|
||||
transition-property: top, bottom, left, right, width, height, border-radius;
|
||||
transition-duration: .225s !important;
|
||||
transition-timing-function: var(--ease-out) !important;
|
||||
}
|
||||
|
||||
.tab-bottom-line
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[usercontextid][selected] > .tab-stack::after
|
||||
{
|
||||
bottom: calc(100% - 9px) !important;
|
||||
left: calc(100% - 9px) !important;
|
||||
width: 6px !important;
|
||||
height: 6px !important;
|
||||
border-radius: 99px !important;
|
||||
}
|
||||
|
||||
/* < 72 */
|
||||
#tabbrowser-tabs .arrowscrollbox-overflow-start-indicator,
|
||||
#tabbrowser-tabs .arrowscrollbox-overflow-end-indicator,
|
||||
/* >= 72 */
|
||||
#tabbrowser-tabs::part(arrowscrollbox-overflow-start-indicator),
|
||||
#tabbrowser-tabs::part(arrowscrollbox-overflow-end-indicator),
|
||||
/* no ::part workaround - may have side effects */
|
||||
spacer[part="overflow-start-indicator"],
|
||||
spacer[part="overflow-end-indicator"]
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tab-loading-burst[bursting]::before
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* high DPI adjustments */
|
||||
@media (min--moz-device-pixel-ratio: 2)
|
||||
{
|
||||
.tabbrowser-tab::before
|
||||
{
|
||||
transform: translateY(.5px) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:last-of-type::after
|
||||
{
|
||||
transform: translate(-1px, .5px) !important;
|
||||
}
|
||||
|
||||
/* macOS */
|
||||
@media (-moz-mac-yosemite-theme)
|
||||
{
|
||||
.titlebar-buttonbox
|
||||
{
|
||||
margin-top: .5px !important;
|
||||
margin-bottom: -.5px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue