anstelle der grünen Einfärbung der gleiche Farbverlauf wäre, wie im Rahmen,
Meinst du das so?
Wenn ja, teste bitte.
.tab-background[selected] {
background: linear-gradient(96deg, var(--tab-border-color-selected-leading) 20.68%, var(--tab-border-color-selected-trailing) 79.34%) !important;
}Dafür musst du in dem Code das entfernen erst:
Evtl. musst du das auch wieder noch einfügen:
opacity: 0.5!important;
das hat mit Wert 50 super hingehauen, vielen Dank.
Das sieht gut aus, vielen Dank.
Freut mich, war gern geschehen
So soll der geöffnete Tab aussehen
So ist es Standard.
Das mit dem Balken hat schonmal geklappt.
Der Abstand des Scrollbalken zum rechten Rand ist zu groß
Siehe Beitrag Nr. 14.
Der Pfeil war bei mir zwar nicht vorhanden
Wahrscheinlich hattest du ihn nur per CSS ausgeblendet
Und jetzt muss der Hound raus
Dann viel Spaß
Den Leerraum rechts vom Scrollbalken habe ich mangels Kenntnissen nicht entfernt bekommen.
Ich habe den Haken mal ausgeblendet, dann sieht das hier so aus:
Der Scrollbalken ist ganz rechts am Rand dadurch wieder.
Und so, wenn ich die Breite der Tabs anpasse:
sichtbare Scrollbalken war vor dem 158er Update ganz rechts.
Danke für den Hinweis
Sieht hier so aus:
und so mit seinem CSS-Code:
das bekannte "MultiRowTabLiteforFx.uc.js" laufen
Es gibt mindestens schon eine neuere Version davon:
der dem aktiven Tab (bei meheren Tabs) den Rahmen mit dem neuen Farbverlauf verleiht?
Meinst du das so?
Wenn ja, teste die kompl. CSS-Datei mal:
/*--------------------------------------------*/
/* Tab-Schließen-Kreuz nur bei Mouse-over - ok */
/* --------------------------------------------*/
.tab-close-button {
display: none !important;
}
.tabbrowser-tab:hover .tab-close-button {
display: block !important;
height: 20px !important; /* Höhe */
width: 20px !important; /* Breite */
margin-right: -7px !important; /* nach links versetzt */
margin-bottom: 0.5px !important; /* Abstand von unten */
}
/*---------------------------------------------*/
/* Megabar (Url-Bar) die Ecken abgerundet - ok */
/*---------------------------------------------*/
/* Adressleiste / Erhöhung wird verhindert */
#urlbar-background {
background: #f8f8ff ! important; /* Hintergrund */
border: 1px solid #5badff !important;
border-radius: 50px !important; }
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important; }
#urlbar[breakout][breakout-extend] > #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] > #urlbar-background {
box-shadow: none !important;
}
/*-------------------------------------------------*/
/* Ordnersymbole für Symbolleiste und Sidebar - ok */
/*-------------------------------------------------*/
@-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {
.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}
/*-----------------------*/
/* aktiver Tab grün - ok */
/*-----------------------*/
.tab-background[selected]
{
opacity: 0.5!important;
background-color: linear-gradient(#ddecab 1%, transparent 50%, #ddecab 99%) !important;
box-shadow: inset 0px 0px 15px 1px #7ddb64!important;
}
/*------------------------------*/
/* nicht gelesener Tab rot - ok */
/*------------------------------*/
.tabbrowser-tab[titlechanged] {
opacity: 1.2!important;
color: red !important;
/* background:#ff7788!important; */
/* font-weight: bold !important; */
}
*/
.tabbrowser-tab[selected]{
font-weight:bold;
}
/* ---------------------------------*/
/* Abstände Tabblock oben und unten */
/* ---------------------------------*/
#tabbrowser-arrowscrollbox {
margin-top: 1px !important;
margin-bottom: 2px !important;
}
/*------------------*/
/* Tab-Hintergrund */
/*------------------*/
.tabbrowser-tab[selected] {
border-radius: 80px !important;
}
.tabbrowser-tab[selected] .tab-content {
border-radius: 80px !important;
}
.tabbrowser-tab:not([selected]) .tab-content {
border-radius: 80px !important;
}
/* ---------------------------*/
/* Deckkraft der Schrift - ok */
/* ---------------------------*/
#tabbrowser-tabs :not([fokus]){
opacity: 1 !important;
}
/*-----------------------*/
/* Schrift inaktiver Tab */
/*-----------------------*/
.tabbrowser-tab .tab-label {
font-size: 11px !important;
color: grey !important;
}
/*---------------------*/
/* Schrift aktiver Tab */
/*---------------------*/
.tabbrowser-tab .tab-label[selected] {
color: black !important;
font-size: 11px !important;
}
/*-------------------------*/
/* Rahmen um die Tabs grau */
/*-------------------------*/
.tabbrowser-tab{
border:0px grey!important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
border-left: none !important;
}
.tab-background:not([selected]) {
border-radius: 20px 20px 20px 20px !important;
border-image: none !important;
border-left: 0.5px solid !important;
border-right: 0.5px solid !important;
border-top: 1px solid !important;
border-bottom: 1px solid !important;
box-shadow: inset 0px 0px 15px 1px #e3e3e3!important;
}
.tab-line {
display: none !important;
}
/* -------------------------------------------*/
/* Abstände zwischen den Tabs einstellen - ok */
/* -------------------------------------------*/
#TabsToolbar .tabbrowser-tab {margin: 1px 2px 1px 3px !important;
}
/* ----------------------------------------------*/
/* Trennlinien zwischen den einzelnen Zeilen - ok*/
/* ----------------------------------------------*/
#toolbar-menubar,
#nav-bar,
#PersonalToolbar,
#TabsToolbar {
border-top: 1px solid grey !important;
background: #eeeeee !important;
color:black!important;
}heute nach einem update tritt folgendes auf
Was ist daran nicht richtig?
Bekomme ich diese Lücke (siehe Pfeil) noch irgendwie weg?
Teste bitte, Werte musst/kannst du dir anpassen:
#TabsToolbar {
margin-top: -8px !important;
margin-bottom: -8px !important;
}Lesezeichen-Symbolleiste und Lesezeichen.Menü würde ich auch gern weg haben
Noch lassen die sich nicht einzeln entfernen, wird später aber möglich sein.
Notlösung, teste bitte und pass dir den Wert wenn dann an.
Nach oben verschieben, und dadurch nicht sichtbar.
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
.sidebar-placesTree {
margin-top: -65px !important;
}
}nun ist es hier perfekt.
so sollte es ja auch sein
Vielen Dank für alles
gern geschehen
jetzt hat's endlich funktioniert
Danke für deine Geduld.
gern geschehen
die Breite eines offenen Lesezeichenordners begrenzen?
Teste bitte, den Wert musst/kannst du dir anpassen:
#PlacesToolbar .toolbar-menupopup {
max-width: 300px !important;
}einen Abstand von etwa 3 oder 4px einzufügen
So funktioniert das hier einwandfrei
/* Abstand zwischen den Lesezeichen in der Lesezeichen-Symbolleiste */
/* Abstände/Höhe der Einträge in Lesezeichen-Popup-Menüs ändern */
#PlacesToolbar .toolbar-menupopup :is(menuitem,menu) {
padding: 2px 0 !important;
}
/* Hamburger Menu Abstände */
#appMenu-mainView {
--panel-menuitem-padding: 8px !important;
}Die Werte musst du dir dann anpassen.
So sieht das mit 12px aus:
und so mit 4px:
Die Werte oben bei margin-inline und padding-block kann ich ändern wie ich will
Das ist ja auch nicht der Code aus Beitrag Nr. 8 den ich dir extra gegeben hatte
Teste bitte:
/* ------------------------------------------------------------------------------ */
/* --------------------- Abstände in den Lesezeichen-Menüs ---------------------- */
/* ------------------------------------------------------------------------------ */
/* Abstand zwischen den Lesezeichen in der Lesezeichen-Symbolleiste */
/* Abstände/Höhe der Einträge in Lesezeichen-Popup-Menüs ändern */
#PlacesToolbar .toolbar-menupopup :is(menuitem,menu) {
padding: 0 0 !important;
}
/* Hamburger Menu Abstände */
#appMenu-mainView {
--panel-menuitem-padding: 1px !important;
}
/* ------------------------------------------------------------------------------ */
/* ------------------------------------ Tabs ------------------------------------ */
/* ------------------------------------------------------------------------------ */
#tab-preview-panel {
--panel-width: auto !important;
}
/* Farbverlauf in der Tabzeile von oben nach unten */
#TabsToolbar {
background: linear-gradient(to bottom, #CDDBE9, #E0EDF5 ) !important;
}
/* Entfernt in der Tabzeile rechts die Grafik für -Alle Tabs Auflisten- */
#alltabs-button {
display: none !important;
}
/* Höhe der Tabs */
.tabbrowser-tab {
min-height: 36px !important;
max-height: 36px !important;
margin-top: 2px !important;
margin-bottom: 0 !important;
}
/* Seitliche Abstände der Texte in Tab-Kontextmenüs */
menupopup#tabContextMenu menuitem,
menupopup#tabContextMenu menu {
padding-left: 10px !important;
padding-right: 10px !important;
}
/* Entfernt den farbigen Rahmen um das Adressfeld bei neu geöffneten Tab-Seiten */
#urlbar {
--toolbar-field-focus-border-color: transparent !important;
}
menuitem#context_selectAllTabs {
-moz-box-ordinal-group: 1 !important;
}
/* Entfernt den Eintrag "Teilen" aus Tab-Kontextmenü */
menuitem[data-l10n-id="tab-context-share-url"] {
display: none !important;
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------- Sonstiges --------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Entfernt den farbigen Rahmen ums vorgeschlagene Auswahlfeld bei der Auswahl,ob eine
Datei im Net nach dem Anklicken geöffnet oder runtergeladen werden soll, z.B. PDFs */
@-moz-document url(chrome://mozapps/content/downloads/unknownContentType.xhtml){
:root {
--focus-outline-width: 0 !important;
}
}
/* Entfernt die farbigen Rahmen bei allen aktiven Eingabefeldern */
input:not([type="file"], [type="image"]):focus-visible,
select:focus-visible,
button:focus-visible,
textarea:focus-visible {
outline-style: none !important;
}nächste oder übernächste Version schon nicht mehr!
Hallo Mira.
Ich hatte es im Nightly getestet, und es hat funktioniert.
Aber egal, ich übernehme dann mal das neue von dir
Nochmals herzlichen Dank
Neuer Versuch!
Hallo Mira..perfekt...ganz herzlichen Dank dafür
