Nutzt du noch andere Codes?
Ja, ich meine 95% ist von dir. Willste mal sehen, ob sich da was gegeseitig stört?
Das ist der Code den ich vor der Breitenanpassung verwendet habe:
CSS
#urlbar[open] > #urlbar-background {
margin-top: 4px !important;
margin-bottom: 4px !important;
margin-left: 5px !important;
margin-right: 5px !important;
border: 2px solid #083469 !important;
border-radius: 2px !important;
box-shadow: none !important;
}
#urlbar[focused] > #urlbar-background{
--toolbar-field-focus-border-color: transparent !important;
border: 2px solid #083469 !important;
border-radius: 2px !important;
box-shadow: none !important;
}
/*Adress und Suchfeld farblich einstellen*/
#urlbar ::selection,
#searchbar ::selection {
color: white !important;
background: #083469 !important;
}
#urlbar-background {
border-radius: 4px !important;;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}
/*Popup-Menü wird ausgeblendet wenn Suche über Adressleiste erfolgt*/
.urlbarView {
display: none !important;
}
#PopupAutoCompleteRichResult {
display: none !important;
}
#searchbar:focus-within {
--toolbar-field-focus-border-color: transparent !important;
border: 2px solid #083469 !important;
border-radius: 2px !important;
}
/*Abstände der Einträge in Menüs wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
padding-block: 1px !important;
padding-inline-start: 14px !important;
font-size: 13px !important;
}
/*Anpassung der Schriftgrösse Menüleiste */
#main-menubar > menu {
font-size: 14px !important;
}
/*Mehrzeilige Lesezeichen-Symbolleiste*/
#PersonalToolbar {
max-height: calc(19px * 3) !important;
}
#personal-bookmarks,
#PlacesToolbar,
#PlacesToolbar > hbox {
display: block !important;
}
#PersonalToolbar toolbarbutton {
min-height: 19px !important;
max-height: 19px !important;
}
#PlacesToolbarItems {
max-height: 57px!important;
display: flex!important;
flex-wrap: wrap!important;
overflow-x: visible!important;
overflow-y: auto!important;
}
#PlacesToolbar,
#PersonalToolbar > scrollbar {
-moz-window-dragging: no-drag !important;
}
#PlacesToolbar #PlacesChevron {
display: none !important;
}
/* Tabbreite tab max-width */
.tabbrowser-tab[fadein]:not([pinned]) {
max-width: 150px !important;
overflow: hidden !important;
}
/*Höhe der Tabs*/
.tabbrowser-tab {
min-height: 32px !important;
max-height: 32px !important;
box-shadow: none !important;
}
/*Lautsprechersymbol auf Tab größer und blau*/
.tab-icon-overlay {
fill: #083469 !important;
transform: scale(1.3) !important;
}
/*Tab schließen Button HG bei hover (background) und x (fill) je nach Farbe*/
.tab-close-button[fadein]:hover {
fill: white !important;
background: #70100c !important;
}
/*Keine Einblendungen bei Hover über Tab*/
#tab-preview-panel {
display: none !important;
}
/*Eckige Tabs ohne HG Schatten*/
.tab-background {
box-shadow: none !important;
border-radius: 2px !important;
}
/*Aktiver Tab HG Farbeinstellung*/
.tabbrowser-tab[visuallyselected] .tab-background {
background: #083469 !important;
}
/*Neuer Tab Button ausblenden*/
#TabsToolbar #tabs-newtab-button {
display: none !important;
}
/* Visuelle Anzeige des Seitenladezustands in der Kopfzeile der Tabs*/
/* progress-bar page loading in the tab header */
.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
opacity: 0;
background-color: #2A970A;
height: 3px;
}
.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
opacity: 1;
transform-origin: left center;
animation: 2s ease-in-out scale;
}
.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
transition: opacity 2s ease-out;
}
@keyframes scale {
0% {transform: scaleX(0);}
100% {transform: scaleX(1);}
}
#TabsToolbar {
position: absolute;
display: block;
bottom: 0;
width: 100vw;
}
#navigator-toolbox {
position: relative;
padding-bottom: calc( var(--tab-min-height) + 8px );
}
/*...................Ab hier nur Privater Modus...................*/
/* Das lila Icon für privaten Modus oben rechts eingefügt */
#main-window[privatebrowsingmode=temporary] #PanelUI-button::before {
margin-left: 0 !important;
margin-right: 0 !important;
content: '' !important;
display: block !important;
width: 20px !important;
height: 30px !important;
background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
background-repeat: no-repeat !important;
background-position: 0 8px !important;
background-size: 25px 17px !important;
}
/* Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt */
.private-browsing-indicator-with-label {
display: none !important;
}
Alles anzeigen
so sieht er jetzt aus:
CSS
#urlbar[open] > #urlbar-background {
margin-top: 4px !important;
margin-bottom: 4px !important;
margin-left: 5px !important;
margin-right: 5px !important;
border: 2px solid #083469 !important;
border-radius: 2px !important;
box-shadow: none !important;
}
#urlbar[focused] > #urlbar-background{
--toolbar-field-focus-border-color: transparent !important;
border: 2px solid #083469 !important;
border-radius: 2px !important;
box-shadow: none !important;
}
/*Adress und Suchfeld farblich einstellen*/
#urlbar ::selection,
#searchbar ::selection {
color: white !important;
background: #083469 !important;
}
#urlbar-background {
border-radius: 4px !important;;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}
/*Popup-Menü wird ausgeblendet wenn Suche über Adressleiste erfolgt*/
.urlbarView {
display: none !important;
}
#PopupAutoCompleteRichResult {
display: none !important;
}
#searchbar:focus-within {
--toolbar-field-focus-border-color: transparent !important;
border: 2px solid #083469 !important;
border-radius: 2px !important;
}
/*Abstände der Einträge in Menüs wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
padding-block: 1px !important;
padding-inline-start: 14px !important;
font-size: 13px !important;
}
/*Anpassung der Schriftgrösse Menüleiste */
#main-menubar > menu {
font-size: 14px !important;
}
/*Mehrzeilige Lesezeichen-Symbolleiste*/
#PersonalToolbar {
max-height: calc(19px * 3) !important;
}
#personal-bookmarks,
#PlacesToolbar,
#PlacesToolbar > hbox {
display: block !important;
}
#PersonalToolbar toolbarbutton {
min-height: 19px !important;
max-height: 19px !important;
}
#PlacesToolbarItems {
max-height: 57px!important;
display: flex!important;
flex-wrap: wrap!important;
overflow-x: visible!important;
overflow-y: auto!important;
}
#PlacesToolbar,
#PersonalToolbar > scrollbar {
-moz-window-dragging: no-drag !important;
}
#PlacesToolbar #PlacesChevron {
display: none !important;
}
@media not (-moz-bool-pref: 'sidebar.verticalTabs') {
.tabbrowser-tab[fadein]:not([pinned]) {
flex: 0 1 auto !important;
min-width: 80px !important;
max-width: 120px !important;
tab-group[collapsed] > & {
min-width: 0 !important;
max-width: 0 !important;
}
}
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
padding-inline-start: 0px !important;
width: unset !important;
}
/*Höhe der Tabs*/
.tabbrowser-tab {
min-height: 32px !important;
max-height: 32px !important;
box-shadow: none !important;
}
/*Lautsprechersymbol auf Tab größer und blau*/
.tab-icon-overlay {
fill: #083469 !important;
transform: scale(1.3) !important;
}
/*Tab schließen Button HG bei hover (background) und x (fill) je nach Farbe*/
.tab-close-button[fadein]:hover {
fill: white !important;
background: #70100c !important;
}
/*Keine Einblendungen bei Hover über Tab*/
#tab-preview-panel {
display: none !important;
}
/*Eckige Tabs ohne HG Schatten*/
.tab-background {
box-shadow: none !important;
border-radius: 2px !important;
}
/*Aktiver Tab HG Farbeinstellung*/
.tabbrowser-tab[visuallyselected] .tab-background {
background: #083469 !important;
}
/*Neuer Tab Button ausblenden*/
#TabsToolbar #tabs-newtab-button {
display: none !important;
}
/* Visuelle Anzeige des Seitenladezustands in der Kopfzeile der Tabs*/
/* progress-bar page loading in the tab header */
.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
opacity: 0;
background-color: #2A970A;
height: 3px;
}
.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
opacity: 1;
transform-origin: left center;
animation: 2s ease-in-out scale;
}
.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
transition: opacity 2s ease-out;
}
@keyframes scale {
0% {transform: scaleX(0);}
100% {transform: scaleX(1);}
}
#TabsToolbar {
position: absolute;
display: block;
bottom: 0;
width: 100vw;
}
#navigator-toolbox {
position: relative;
padding-bottom: calc( var(--tab-min-height) + 8px );
}
/*...................Ab hier nur Privater Modus...................*/
/* Das lila Icon für privaten Modus oben rechts eingefügt */
#main-window[privatebrowsingmode=temporary] #PanelUI-button::before {
margin-left: 0 !important;
margin-right: 0 !important;
content: '' !important;
display: block !important;
width: 20px !important;
height: 30px !important;
background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
background-repeat: no-repeat !important;
background-position: 0 8px !important;
background-size: 25px 17px !important;
}
/* Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt */
.private-browsing-indicator-with-label {
display: none !important;
}
Alles anzeigen