#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; }