#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover,
.tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after {
background-color: gray !important;
margin-top: 0px !important;
}
:root {
--tab-curve-width: 30px;
--tabs-border: transparent !important;
}
.arrowscrollbox-scrollbox {
padding-inline-start: 10px !important;
}
/* To be able to see the top border of the tab */
.tab-stack {
margin-top: 2px !important;
}
/* When the window is maximized, the first pinned tab is properly displayed. */
#TabsToolbar {
padding-inline-start: 15px !important;
}
.titlebar-placeholder {
border: none !important;
}
/* Remove unneeded styles from Photon */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
border: none !important;
}
.tabbrowser-tab > .tab-stack > .tab-background {
background-image: none !important;
-moz-box-orient: horizontal !important;
background-color: transparent !important;
margin-top: 1px !important;
}
.tab-background[selected="true"] {
border: none !important;
}
.tab-line {
display: none !important;
}
.tab-bottom-line {
display: none !important;
}
/* Match height of new tab button (right svg) on hover */
.tabs-newtab-button {
margin: 0 !important;
}
/* overlap the tab curves */
.tab-background {
-moz-margin-end: -15px !important;
-moz-margin-start: -15px !important;
}
/* Begin tab background customizations */
.tab-background[selected="true"]::before {
border: none !important;
content: "" !important;
width: 30px !important;
min-height: 30px !important;
display: -moz-box !important;
background-repeat: no-repeat !important;
}
.tab-background[selected="true"]::after {
border: none !important;
content: "" !important;
width: 30px !important;
min-height: 30px !important;
display: -moz-box !important;
background-repeat: no-repeat !important;
}
.tab-background[selected="true"] > spacer {
margin-top: 0px !important;
}
#new-tab-button,
.tabs-newtab-button {
width: calc(36px + 30px) !important;
margin-inline-start: -15px !important;
margin-top: 1px !important;
}
/* Tab hover customizations */
/* Regular tabs */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
display: -moz-box !important;
background-repeat: no-repeat !important;
content: "" !important;
width: 30px !important;
min-height: 29px !important;
background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
display: -moz-box !important;
background-repeat: no-repeat !important;
content: "" !important;
width: 30px !important;
min-height: 29px !important;
background-color: transparent !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
margin-top: 0px !important;
}
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),
.tabs-newtab-button:hover,
.tabs-newtab-button:hover::before,
.tabs-newtab-button:hover::after {
background-color: transparent !important;
}
/* New tab hover customizations */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
background-position: 0px 2px, 30px 3px , right bottom !important;
background-repeat: no-repeat !important;
background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important;
}
.tabs-newtab-button:hover > .toolbarbutton-icon {
background: none !important;
background-color: transparent !important;
}
/* Color specific customizations */
.tab-background[selected="true"]::before {
background-image: url("data:image/svg+xml;utf8,") !important;
}
.tab-background[selected="true"]::after {
background-image: url("data:image/svg+xml;utf8,") !important;
}
.tab-background[selected="true"] > spacer {
background-image:
linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
linear-gradient(
transparent
2px,
rgb(255,255,255) 2px,
rgb(255,255,255)
),
none !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before {
background-image: url("data:image/svg+xml;utf8,") !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after {
background-image: url("data:image/svg+xml;utf8,") !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer {
background-image:
linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)),
linear-gradient(
transparent
2px,
rgba(0,0,0,.1) 2px,
rgba(0,0,0,.1)
),
none !important;
}
.tabs-newtab-button:hover {
background-image: url("data:image/svg+xml;utf8,"),
linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1)),
url("data:image/svg+xml;utf8,")
!important;
}
/* locationbar verschlanken */
@-moz-document url(chrome://browser/content/browser.xhtml) {
.urlbarView-body-inner span.urlbarView-no-wrap {
display: none !important;
}
/* Abstände in "urlbarView-results" reduzieren. */
.urlbarView-row {
padding-block: 0 !important;
}
/* Abstand zwischen den Zeilen */
.urlbarView.megabar .urlbarView-row-inner {
padding-block: 0px !important;
}
/* Anpassung für Theme Hell.
#main-window[lwthemetextcolor="dark"] .urlbarView-url {
color: #000 !important;
}
*/
/*Anpassung für Theme Standard bei Windows "Alle Einstellungen" ? Personalisierung ? Farben Hell */
#main-window[style="--lwt-accent-color:white; --lwt-text-color:rgba(0, 0, 0); --lwt-toolbar-field-focus:white; --lwt-toolbar-field-focus-color:rgb(0, 0, 0);"]:not([lwthemetextcolor="bright"]) .urlbarView-url,
#main-window[style="--lwt-accent-color:white; --lwt-text-color:rgba(0, 0, 0); --lwt-toolbar-field-focus:white; --lwt-toolbar-field-focus-color:rgb(0, 0, 0);"]:not([lwthemetextcolor="dark"]) .urlbarView-url {
color: #000 !important;
}
/* Anpassung für Theme Hell. Mein */
#main-window[lwthemetextcolor="dark"] .urlbarView-url {
color: black !important;
}
/* Anpassung für Theme Standard und Dunkel. */
#main-window[lwthemetextcolor="bright"] .urlbarView-url {
color: #FFF !important;
}
/* FF 75 Höhe der URL-Bar nach dem Klick unverändert lassen */
#urlbar[breakout][breakout-extend]:not([open]) {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-background {
box-shadow: none !important;
}
/* Höhe der Urlbar reduzieren. */
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-background {
box-shadow: none !important;
}
}