cleanup files
This commit is contained in:
bmFtZQ
parent
3c71a8fd34
commit
837a6e6539
11 changed files with 435 additions and 418 deletions
|
|
@ -1,11 +1,11 @@
|
|||
/* EdgeFr-Fox 2 - tabbar */
|
||||
|
||||
:root #titlebar {
|
||||
--tab-min-height: 32px !important;
|
||||
--inline-tab-padding: 11px !important;
|
||||
--tab-border-radius: 4px !important;
|
||||
--tab-min-height: 32px !important;
|
||||
--inline-tab-padding: 11px !important;
|
||||
--tab-border-radius: 4px !important;
|
||||
--tab-block-margin: 8px !important;
|
||||
|
||||
|
||||
--uc-toolbarbutton-inner-padding: 6px !important;
|
||||
--toolbarbutton-border-radius: 2px !important;
|
||||
--tabs-navbar-shadow-size: 0 !important;
|
||||
|
|
@ -13,9 +13,9 @@
|
|||
|
||||
/* tab open/close transition */
|
||||
.tabbrowser-tab:not([pinned]) {
|
||||
transition-property: min-width, max-width !important;
|
||||
transition-property: min-width, max-width !important;
|
||||
transition-duration: 150ms !important;
|
||||
transition-timing-function: cubic-bezier(0,.75,.25,1) !important;
|
||||
transition-timing-function: cubic-bezier(0, .75, .25, 1) !important;
|
||||
}
|
||||
|
||||
:root:is([inFullscreen], :not([tabsintitlebar])) #titlebar {
|
||||
|
|
@ -30,10 +30,10 @@
|
|||
}
|
||||
|
||||
.tab-background {
|
||||
border-radius: var(--tab-border-radius);
|
||||
border-radius: var(--tab-border-radius);
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
border: 0 !important;
|
||||
position: relative !important;
|
||||
--uc-tab-corner-bg: transparent;
|
||||
|
|
@ -74,71 +74,71 @@
|
|||
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
|
||||
}
|
||||
|
||||
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme,
|
||||
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
|
||||
background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none);
|
||||
--uc-tab-corner-bg: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor));
|
||||
#tabbrowser-tabs:not([movingtab])>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-background[multiselected="true"]:-moz-lwtheme,
|
||||
#tabbrowser-tabs:not([movingtab])>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-background[selected="true"]:-moz-lwtheme {
|
||||
background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none);
|
||||
--uc-tab-corner-bg: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor));
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-background:is([selected], [multiselected]) {
|
||||
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
|
||||
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
|
||||
}
|
||||
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
|
||||
.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"], [multiselected]) {
|
||||
--uc-tab-corner-bg: color-mix(in srgb, currentColor 11%, transparent)
|
||||
}
|
||||
|
||||
#tabbrowser-tabs,
|
||||
#TabsToolbar #TabsToolbar-customization-target > .toolbarbutton-1 {
|
||||
#TabsToolbar #TabsToolbar-customization-target>.toolbarbutton-1 {
|
||||
margin-top: var(--tab-block-margin) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 {
|
||||
margin: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* fix colours */
|
||||
#navigator-toolbox:not(:-moz-lwtheme) {
|
||||
background-color: var(--lwt-accent-color) !important;
|
||||
color: var(--lwt-text-color) !important;
|
||||
background-color: var(--lwt-accent-color) !important;
|
||||
color: var(--lwt-text-color) !important;
|
||||
}
|
||||
|
||||
.tab-label-container:not([selected="true"], [multiselected]) {
|
||||
opacity: 1 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-animatable-box,
|
||||
#TabsToolbar .toolbarbutton-1 {
|
||||
fill: var(--lwt-text-color) !important;
|
||||
fill: var(--lwt-text-color) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[multiselected]:not(:-moz-lwtheme),
|
||||
.tabbrowser-tab[visuallyselected="true"]:not(:-moz-lwtheme) {
|
||||
color: var(--lwt-tab-text, var(--toolbar-color)) !important;
|
||||
color: var(--lwt-tab-text, var(--toolbar-color)) !important;
|
||||
}
|
||||
|
||||
.tab-close-button {
|
||||
margin-inline-end: calc(8px - var(--inline-tab-padding)) !important;
|
||||
width: 17px !important;
|
||||
height: 17px !important;
|
||||
padding: 4px !important;
|
||||
border-radius: 2px !important;
|
||||
margin-inline-end: calc(8px - var(--inline-tab-padding)) !important;
|
||||
width: 17px !important;
|
||||
height: 17px !important;
|
||||
padding: 4px !important;
|
||||
border-radius: 2px !important;
|
||||
}
|
||||
|
||||
.tab-throbber:not([pinned]),
|
||||
.tab-icon-pending:not([pinned]),
|
||||
.tab-icon-image:not([pinned]),
|
||||
.tab-sharing-icon-overlay:not([pinned]) {
|
||||
margin-inline-end: 10px !important;
|
||||
margin-inline-end: 10px !important;
|
||||
}
|
||||
|
||||
/* tab volume icon/text */
|
||||
.tab-secondary-label {
|
||||
display: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-overlay,
|
||||
.tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
|
||||
.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked])>.tab-icon-overlay,
|
||||
.tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked])> :not(.tab-icon-overlay) {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
|
|
@ -149,24 +149,24 @@
|
|||
.tab-icon-overlay[soundplaying]:not([crashed]),
|
||||
.tab-icon-overlay[muted]:not([crashed]),
|
||||
.tab-icon-overlay[activemedia-blocked]:not([crashed]) {
|
||||
border-radius: 2px !important;
|
||||
padding: 0 !important;
|
||||
border-radius: 2px !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab {
|
||||
font-size: 12px !important;
|
||||
font-size: 12px !important;
|
||||
padding-inline: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
|
||||
#TabsToolbar .toolbarbutton-1>.toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-1>.toolbarbutton-badge-stack {
|
||||
border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
padding: var(--uc-toolbarbutton-inner-padding) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon {
|
||||
width: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
|
||||
height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
|
||||
#TabsToolbar .toolbarbutton-1>.toolbarbutton-icon {
|
||||
width: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
|
||||
height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs #tabs-newtab-button {
|
||||
|
|
@ -174,36 +174,36 @@
|
|||
}
|
||||
|
||||
.tab-content[pinned] {
|
||||
padding: 0 12px !important;
|
||||
padding: 0 12px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
|
||||
height: 8px !important;
|
||||
.tabbrowser-tab[usercontextid]>.tab-stack>.tab-background>.tab-context-line {
|
||||
height: 8px !important;
|
||||
clip-path: inset(0 0 6px) !important;
|
||||
border-radius: var(--tab-border-radius) !important;
|
||||
border-radius: var(--tab-border-radius) !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.titlebar-spacer[type="post-tabs"] {
|
||||
display: -moz-box !important;
|
||||
display: -moz-box !important;
|
||||
}
|
||||
|
||||
.titlebar-spacer[type="pre-tabs"],
|
||||
.private-browsing-indicator {
|
||||
display: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
toolbarbutton[part="scrollbutton-up"],
|
||||
toolbarbutton[part="scrollbutton-down"] {
|
||||
border-width: 2px !important;
|
||||
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
|
||||
border-width: 2px !important;
|
||||
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
|
||||
margin-inline: 2px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([pinned], [style*="max-width"])[fadein] {
|
||||
max-width: 240px !important;
|
||||
max-width: 240px !important;
|
||||
}
|
||||
|
||||
/* tab separators */
|
||||
|
|
@ -221,8 +221,8 @@ toolbarbutton[part="scrollbutton-down"] {
|
|||
border-right: 1px solid color-mix(in srgb, currentColor 34%, transparent);
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
|
||||
margin-inline-start: 0 !important;
|
||||
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
|
||||
|
|
@ -237,6 +237,7 @@ toolbarbutton[part="scrollbutton-down"] {
|
|||
.titlebar-buttonbox {
|
||||
margin-inline: 10px !important;
|
||||
}
|
||||
|
||||
.titlebar-buttonbox-container {
|
||||
margin-inline-end: -8px !important;
|
||||
}
|
||||
|
|
@ -246,6 +247,7 @@ toolbarbutton[part="scrollbutton-down"] {
|
|||
.titlebar-buttonbox {
|
||||
margin-inline: calc((var(--tab-min-height) + var(--tab-block-margin) - 14px) / 2) !important;
|
||||
}
|
||||
|
||||
.titlebar-buttonbox-container {
|
||||
margin-inline-end: -8px !important;
|
||||
}
|
||||
|
|
@ -273,30 +275,31 @@ toolbarbutton[part="scrollbutton-down"] {
|
|||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned]) {
|
||||
margin-inline-end: 8px !important;}
|
||||
margin-inline-end: 8px !important;
|
||||
}
|
||||
|
||||
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
|
||||
box-shadow: 0 4px 5px rgba(0,0,0,0.2), 0 0px 2px rgba(0,0,0,0.2) !important;
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background {
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2), 0 0px 2px rgba(0, 0, 0, 0.2) !important;
|
||||
}
|
||||
|
||||
#titlebar {
|
||||
box-shadow: 0 -3px 2px -3px rgba(0,0,0,0.2) inset !important;
|
||||
box-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.2) inset !important;
|
||||
}
|
||||
|
||||
:root[lwthemetextcolor="bright"] .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
|
||||
box-shadow: 0 4px 5px rgba(0,0,0,0.55), 0 0px 2px rgba(0,0,0,0.6) !important;
|
||||
:root[lwthemetextcolor="bright"] .tabbrowser-tab:is([visuallyselected="true"], [multiselected])>.tab-stack>.tab-background {
|
||||
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.55), 0 0px 2px rgba(0, 0, 0, 0.6) !important;
|
||||
}
|
||||
|
||||
:root[lwthemetextcolor="bright"] #titlebar {
|
||||
box-shadow: 0 -3px 2px -3px rgba(0,0,0,0.75) inset !important;
|
||||
box-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.75) inset !important;
|
||||
}
|
||||
|
||||
/* force inactive window on default theme */
|
||||
@media not (-moz-os-version: windows-win7) {
|
||||
@media not (-moz-os-version: windows-win8) {
|
||||
#navigator-toolbox:-moz-window-inactive {
|
||||
background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
|
||||
}
|
||||
#navigator-toolbox:-moz-window-inactive {
|
||||
background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue