FF 65 Tab anpassen....

Büssen

.....oder so:

Snoopi

irgendwie seit ihr vom thema abgekommen. eigendlcih wollte ich ja nur wissen ob man diese TAB anzeige wieder wegbekomt wie es mal möglich war. das mit dem strich hatte sich ja erledigt. und was mein avatar angeht, ich reg mich über einen häßlichen fuchs oder was dassein soll auch nicht auf....

rassierte katze sieht echt viel häßlicher aus....

[attachment=0]elfies_babys.jpg[/attachment]

Fox2Fox

Wobei eine teilrasierte Katze wieder hübsch ist

[attachment=0]A2.jpg[/attachment]

mrspeggy

Zitat von 2002Andreas
Teste bitte:
CSS
.tab-line[selected] { 
  display:none!important;
  }
Einzutragen in die userChrome.css

Wenn in der userChrome.css schon was drin steht, kann man das dann einfach dort hinzufügen?

Sören Hentzschel

Jap!

Beachte nur, wenn da Zeilen drin stehen, die mit "@import" beginnen, dass die ganz am Anfang stehen müssen.

mrspeggy

Genau eine @import steht schon da.
Mache ich dann einfach eine leere Zeile nach dem Ende des vorherigen Codes und füge den weiteren Code hinzu?

2002Andreas

So muss das dann aussehen.

[attachment=0]Screenshot (1267).png[/attachment]

acesulfam

Hi,

seit dem letzten Update funktionierten meine Anpassungen - vorrangig Tabs unten und abgerundet - nicht mehr richtig.
Ich konnte fast alles wieder hinbekommen, habe aber noch zwei Probleme:
1) Ich hätte die Tableiste gerne ein paar Pixel höher als die Tabs selbst, damit ein kleiner Spalt entsteht.
2) Ungelesene Tabs sollen eine kursive Schrift haben.
[attachment=0]firefox.PNG[/attachment]

Hier meine aktuelle userchrome.css. Ein wenig wild und zum Teil mit nicht mehr funktionierenden, alten Code:

CSS

/* START +++++ Tabs unten ab Firefox 65 +++++ */
/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}
#PersonalToolbar { -moz-box-ordinal-group: 2 !important; margin-top: -1px !important; height: 30px !important;} /* Bookmarkleiste */


#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}


#tabbrowser-tabs {
  width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}


/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height: 30px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 30px !important; /* needs to be the same as above under :root */
 --tab-min-width: 100px !important;
}


#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 0px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 0px !important;
 background-color: #C2C2C2 !important;
}






#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}


/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}


/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}


/* Eigene Anpassung Hintergrundfarbe */
#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar), .browserContainer > findbar, #browser-bottombox {
background-color: #969696 !important;
}


/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}


/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
/* END +++++++ Tabs unten ab Firefox 65 +++++ */






#TabsToolbar .tabbrowser-tab { border-radius: 10px 10px 0 0 !important;}
#TabsToolbar .tabbrowser-tab { margin-left: 1px !important;}
#TabsToolbar .tabbrowser-tab { margin-right: 1px !important;}


.tabbrowser-tab::after, .tabbrowser-tab::before {
	border-left: none !important;
} 
.tab-background {
  border-radius: 10px 10px 0px 0px !important;
  border-image: none !important;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
  border-top: 0px solid !important;
  background-color: #969696 !important;
}
.tab-line {
  display: none !important;
}
/*Ungelesene Tabs kursiv */
.tabbrowser-tab[unread="true"] {
  color: #404040 !important;
  /*font-weight: bold !important;*/
  font-style: italic !important;
}


/*unendlich große flexibler Leerraum in Leisten */
toolbarspring {
    -moz-box-flex: 1;
    min-width: 5px;
    max-width: none !important;
}


/* "Abwärts suchen" und "Hervorheben" bei der Suche beim Eintippen anzeigen */
.findbar-container > * { display: -moz-box; }
.findbar-container > *, .findbar-container > hbox > * { display: -moz-box !important; }




/* unnötig? Nein, aber so global problematisch? */
* {
  font-size: 13px !important
}




/* Zusätzliche Status-/Addon Leise */	
#addon-bar {
  -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar") !important;
  height: auto !important; 
}
#new-toolbar-vbox {background: #747474}




/* Statusleisten-Link absetzen / Link in Statusleiste anzeigen, ab FF61*/
#statuspanel {
border:none !important;
margin-top: -20px !important;
}
#statuspanel #statuspanel-label { 
border:none!important;
background:transparent!important;
font-size: 12px !important;
font-weight: regular !important;
color: #404040 !important;
}








#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar), .browserContainer > findbar, #browser-bottombox {
background-color: #969696 !important;
}

Alles anzeigen

Könntet ihr mit auf die Sprünge helfen?

Vielen Dank
aces

Boersenfeger

Du kannst dir ja was rauspicken....
Der Hintergrund (Landschaft) kommt dabei nicht zum Tragen...

CSS

/* Tabs rund und farbig */


/**********************************************************
 ********** Vollbildmodus *********************************
 **********************************************************/


/* Damit die Rückkehr aus dem Vollbildmodus mit der Maus klappt:
 * Bei 0 bleiben die URL-Leiste und die Tab-Leiste immer sichtbar,
 * je größer der negative Wert, desto mehr verschwindet aus dem sichtbaren
 * Bereich, ein Pixel muß für den Mauskontakt am oberen Rand immer sichtbar
 * bleiben. Den Wert an die Leistenhöhe anpassen!
 */
 
 
#main-window[inFullscreen="true"] #navigator-toolbox {
  margin-top: -80px !important;
}


/* Bei Mauskontakt des noch sichtbaren Pixels die Leisten wieder einblenden
 */
#main-window[inFullscreen="true"] #navigator-toolbox:hover {
  margin-top: 0 !important;
}


/* Etwas schnellere Animation beim ein- und ausblenden, normal ist 1.5s
 */
#navigator-toolbox {
  transition: 0.5s !important;
}


/**********************************************************
 ********** Angaben für die TAB-Leiste ********************
 **********************************************************/


/* TAB normal (inaktiv):
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 * unten kein Rahmen -> Abschlußrahmen vom Container.
 */


 #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
  border:none!important;}


#TabsToolbar .tabbrowser-tab {


  color: black !important;
  border: 1px solid !important;
  border-bottom: none !important;


  border-radius: 15px 15px 0 0 !important;
  margin: 3px 1px 1px 2px !important;
  padding: 1px 0 !important;
}


/* TAB bei Mauskontakt:
 * Hintergrundfarbe, Rahmen
 */
#TabsToolbar .tabbrowser-tab:hover {


  color: black !important;
    border: 1px solid !important;
  border-bottom: none !important;


  border-radius: 15px 15px 0 0 !important;
  margin: 3px 1px 1px 2px !important;
  padding: 1px 0 !important;
}


/* TAB bei bei angewähltem TAB (aktiv):
 * Hintergrundfarbe, Rahmen,
 * Schriftfarbe.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
 background: red !important;
  font-weight:bold !important;
  color: black ! important;


}


/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
#TabsToolbar .tab-icon-image {
  height: 20px !important;
  width:  20px !important;
  margin-left: -4px !important;
  margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
 * Rechts weniger Abstand zum TAB-Rand, etwas größer,
 * Textfarbe (Kreuz)
 * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
 */
#TabsToolbar .tab-close-button {
  margin-right: -4px !important;
  padding: 0 !important;
  color: black !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
  height: 22px !important;
  width:  22px !important;
  background-color: red !important;
  border-radius: 5px !important;
}


/* Schliessen-Button nur wenn angewähltem */


tab:not([selected]) .tab-close-button {display: none}




/* Alle anderen Elemente in den TABs ohne Hintergrund. */
#TabsToolbar .tabbrowser-tab * {
  background: none !important;
} 


/* Tab-Rahmenelemente entfernen (obere Linie aktiver Tab, Seitentrennlinien) */
#toolbar-menubar:not([autohide="true"]) + #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background, :root:not([tabsintitlebar]) .tab-background, :root[extradragspace] .tab-background {
	border-top-style: none !important;
}


.tabbrowser-tab::after, .tabbrowser-tab::before {
	border-left: none !important;
}


.searchbar-textbox, #urlbar {
  border-radius: 20px !important;
  min-height: 35px !important;
  padding: 0 !important;
  margin: 0 2px !important;
}


/* Doppelte Schliessung ausblenden */


#TabsToolbar > .titlebar-buttonbox-container {
display:none
}

Alles anzeigen

[attachment=0]Tabs rund.JPG[/attachment]

acesulfam

Hi,

standen hier gestern nicht andere Beiträge :-???

Jedenfalls vielen Dank! Den Weg über margin der Tabs kam mir nicht in den Sinn.

Ist jemand ersichtlich, warum dies nicht mehr greift?

CSS

/*Ungelesene Tabs kursiv */
.tabbrowser-tab[unread="true"] {
  color: #404040 !important;
  /*font-weight: bold !important;*/
  font-style: italic !important;
}

mfg
aces

Sören Hentzschel

Das unread-Attribut gibt es seit Firefox 61 nicht mehr [1], darum funktioniert auch kein CSS, welches das Attribut anspricht.

[1] https://bugzilla.mozilla.org/show_bug.cgi?id=1453957

2002Andreas

Teste bitte mal:

CSS

.tabbrowser-tab[pending] .tab-label {
	color: #404040 !important;
  /*font-weight: bold !important;*/
  font-style: italic !important;
}

acesulfam

Hi,

Edit: zu früh gefreut. Später "gelesene" Tabs bleiben kursiv bis man sie neu lädt, das ist aber nicht Sinn der Sache.

in Verbindung mit dem zweiten Teil des Kommentars funktioniert es!

Zitat von https://bugzilla.mozilla.org/show_bug.cgi?id=1453957#c14

.tabbrowser-tab[notselectedsinceload="true"] can be used for links opened in a new background tab.
.tabbrowser-tab[pending="true"] can be used for background tabs opened by Session Restore.

CSS

/*Ungelesene Tabs kursiv */
.tabbrowser-tab[pending] .tab-label, .tabbrowser-tab[notselectedsinceload="true"] {
	color: #404040 !important;
  /*font-weight: bold !important;*/
  font-style: italic !important;
}

Vielen Dank!
aces