Beiträge von Arsen

Arsen

Das sieht gut aus. Besten Dank dafür!

Arsen

Das funktioniert prinzipiell, die Ecken der Searchbar sehen irgendwie komisch aus.

Arsen

Hallo,

das funktioniert. Lässt sich das auch für die Searchbar realisieren?

Arsen

Hallo,

die Seite <Name entfernt> lässt sich öffnen aber die Verifizierung, dass ich kein Bot bin, hängt in einer Endlosschleife.

Mit einem anderen Browser (Vivaldi) geht das problemlos. Hat jemand eine Idee, woran das liegen könnte?

Die Seite habe ich schon ne weile nicht mehr besucht, bis Version 150 gabs auch mit FF kein Problem.

Arsen

Also zumindest ich kann bestätigen, was sinu schrieb. Nach Update auf 151 musste ich auch die Symbolleiste anpassen.

Arsen

Ja, hab ich gemacht und Danke das funktionert bestens.

Arsen

Ich glaube nicht. Auf jeden Fall waren waren bei mir beide Leisten bis FF 149 umgefärbt. Ab 150 nur noch die Adressleiste.

Hier ist der gesamte CSS:

CSS

/*Adress- und Suchleiste - Rahmen farblich einstellen*/
#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;
}

#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;
    max-width: 150px !important;

    tab-group[collapsed] > & {
      min-width: 0 !important;
      max-width: 0 !important;
    }
  }
}

/*tabbreite an tabtext anpassen*/
.tabbrowser-tab {
  &:not([pinned]) {
   flex: 0 0 auto !important;
   max-width: 250px !important;
  }
}

.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-left: 5px !important;
  margin-left: 1px !important;
  width: unset !important;
}

.tab-close-button {
  display: flex !important;
}

.tab-close-button {
  display: flex !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;
}

/*Neuer Tab ausblenden*/
.tabbrowser-tab[label="Neuer Tab"] {
  display: none !important;
}

.tabbrowser-tab[label="Neuer Tab"] {
  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;
}

/* Tabbreite tab max-width */
.tabbrowser-tab[fadein]:not([pinned]) {
   max-width: 150px !important;
   overflow: hidden !important;

Alles anzeigen

Arsen

Hallo,

mit folgendem CSS-Code habe ich meine Adress- und Suchleiste farblich eingestellt. Leider wirkt sich , seit FF 150, der Code nur noch auf die Adresszeile aus. Der Rahmen um die Suchleiste hat die Farbe des FF Dark Theme. Gibt es da eine Lösung?

CSS

/*Adress- und Suchleiste - Rahmen farblich einstellen*/
#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;
}

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

Alles anzeigen

Arsen

Hallo,

kann man das Script so einstellen, dass der Suchbegriff nach drücken von Enter nicht sofort gelöscht wird? Ev. will man ja noch andere Suchmaschinen befragen, dann spart man sich das erneute eintippen.

Arsen

Ja, geht wieder. Vielen Dank!

Arsen

Zitat von 2002Andreas

Hast du noch einen extra Code dafür?

Das könnte natürlich sein. Hier ist mal der komplette Code den ich nutze. Gleich der Anfang sieht verdächtig 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 - Rahmen 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;
    max-width: 150px !important;
    
    tab-group[collapsed] > & {
      min-width: 0 !important;
      max-width: 0 !important;
    }
  }
}

/*tabbreite an tabtext anpassen*/
.tabbrowser-tab {
  &:not([pinned]) {
   flex: 0 0 auto !important;     
   max-width: 250px !important;
  }
}

.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-left: 5px !important;
  margin-left: 1px !important;
  width: unset !important;
}

.tab-close-button {
  display: flex !important;  
}

.tab-close-button {
  display: flex !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;   
}

/*Neuer Tab ausblenden*/
.tabbrowser-tab[label="Neuer Tab"] {
  display: none !important;
}

.tabbrowser-tab[label="Neuer Tab"] {
  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;
} 

/* Tabbreite tab max-width */
.tabbrowser-tab[fadein]:not([pinned]) {
   max-width: 150px !important;
   overflow: hidden !important;

Alles anzeigen

Arsen

Leider war das erfolglos.

So sieht es bei mir aus:

In Version 142 hatten die beiden Rahmen noch die gleiche Farbe, nämlich #083469.

Arsen

Folgender CSS Code funktioniert seit Version 143 bei der Urlbar nicht mehr. Bei der Searchbar hat sich gegenüber Version 142 nichts geändert.

CSS

/*Adress und Suchfeld - Rahmen 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;
}

Alles anzeigen

Arsen

Danke, ich fühle mich maximal informiert, max-width 150 passt bei mir super.

Arsen

Das klappt, aber das Hoover vom Close Button stimmt nicht so ganz.

Zitat von 2002Andreas

und pass dir den unteren Wert an:

Was ist der untere Wert?

Arsen

Hallo an Alle,

leider funktioniert der CSS Code zur dynamischen Anpassung der Tabbreite an den Tabtext nicht mehr. Das ist bestimmt seit FF 137 oder 138 so. Melde mich aber erst jetzt.

CSS

/*tabbreite an tabtext anpassen*/
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-inline-start: 5px !important;
  width: unset !important;
}

.tab-close-button {
  display: flex !important;
}

.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-inline-start: 6px !important;
  margin-right: -5px !important;
  width: unset !important;
}

.tab-content {
  &:not([pinned]) {
    padding-left: 6px !important;
  }
}

Alles anzeigen

Ev. hat jemand Zeit und Lust mal zu schauen.

Arsen

Oh, freut micht sehr, dass ich auch mal was helfen konnte. Aber mit fremden Lorbeeren schmücke ich mich nicht. Der Code ist natürlich nicht von mir, ich kann das garnicht. Habe ich irgendwo auf dieser Seite kopiert.

Arsen

Zitat von Thunderstruck

ich möchte anstatt der statischen Sanduhr in den Tabs eine schöne Lade-Animation zum Beispiel den "Spinner"

Ganz hübsch finde ich einen Ladebalben in der Kopfzeile des Tab.

CSS

/* 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);}
}

Alles anzeigen

Farbe anpassen in Zeile 5.

Arsen

Zitat von Sören Hentzschel

..ist kein Button. Das ist ein Tab..

Ok, das hab ich verstanden. Das Ding kann trotzdem weg.

Zitat von 2002Andreas

Ich weiß nicht, ob ich dich/das jetzt richtig verstanden habe..

Hast du genau richtig verstanden. Ich drücke mich sicher nicht immer so verständlich aus. Aber dein erster Code war der Volltreffer. Es soll nur der Tab "Neuer Tab" ausgeblendet werden, nicht die komplette Tableiste. Vielen Dank Andreas

Arsen

Hallo,

der FF ist bei mir so eingestellt, dass nach dem Schliessen des letzten Tabs, das Browserfenster offen bleibt. Es erscheint halt dann der Button "Neuer Tab". Das brauche ich nicht und das kann weg. Wenn ich nun wüsste, wie sich dieses "Element" nennt, könnte man das ev. mit

#TabsToolbar #element xyz {
display: none !important;
}

ausblenden. Kann mir jemand den richtigen Namen für diesen Button nennen? Oder sonstwie helfen, wie ich das weg bekomme?

Beiträge von Arsen

Adressleiste Rahmen ändern

Adressleiste Rahmen ändern

Adressleiste Rahmen ändern

Bot Sicherheitsüberprüfung in Endlosschleife

Firefox 151 - Suchleiste wieder einblenden

Rahmen um Suchleiste - CSS zum Färben geht nicht mehr

Rahmen um Suchleiste - CSS zum Färben geht nicht mehr

Rahmen um Suchleiste - CSS zum Färben geht nicht mehr

Suchleiste automatisch leeren

Rahmen der Urlbar lässt sich farblich nicht mehr ändern

Rahmen der Urlbar lässt sich farblich nicht mehr ändern

Rahmen der Urlbar lässt sich farblich nicht mehr ändern

Rahmen der Urlbar lässt sich farblich nicht mehr ändern

Tabbreite dynamisch an Tabtext anpassen funktioniert nicht mehr

Tabbreite dynamisch an Tabtext anpassen funktioniert nicht mehr

Tabbreite dynamisch an Tabtext anpassen funktioniert nicht mehr

Lade-Animation "Spinner" im Tab anstatt Sanduhr-Symbol

Lade-Animation "Spinner" im Tab anstatt Sanduhr-Symbol

Neuer Tab Button ausblenden

Neuer Tab Button ausblenden