Beiträge von cazador

  • Optimierung der Tableiste

    Bei mir ist in der Kompaktansicht (mit Änderungen) der Button "Einen neuen Tab öffnen" nicht mehr mittig positioniert.

    Wie kann ich die Position des Button an meine Einstellungen anpassen. (Größe und/oder Lage)

  • Zeilenabstand (Einstellbar) für alle Anwendungen in der Menüleiste

    Meine Frau ist der Zeilenabstand der jeweiligen Anwendungen in der Menüzeile etwas zu groß.

    Nachdem ich ihr meine Änderung (siehe mein CSS) gezeigt hatte: Aussage: "der ist zu klein", "soll mindestens so sein wie vorher".

    Oh Mann, schon habe ich ein Problem. Gebe ihr recht. Vorher war er nicht so groß.

    CSS
    /*Abstände der Einträge im Kontext wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 14px !important;
}

    Gibt es eine variable Einstellmöglichkeit welche sich auf alle Anwendungen auswirkt.

    Man kennt das ja, -zu klein-, zu groß-, -ein bisschen mehr-, -etwas weniger- , -ich glaube- usw..

  • Abstand zwischen Menüleiste und Lese-Symbolleiste ändern

    2002Andreas

    Danke, das war's. Habe meinen Geschmacksfaktor noch einfließen lassen und den Wert auf -12px erhöht.

    .DeJaVu Hier mein CSS bereits mit der integrierten Änderung.

    Hole mir jetzt ein Fläschchen Bier. Jetzt fällt mir kein Änderungswunsch mehr ein.

    Kiste ist noch fast voll. Seit herzlich eingeladen.

  • Tab - Darstellung ändern

    Ich konnte mir, mit ein wenig Hilfe, den Firefox selbst wieder anpassen.

    Die Tab's sehen wieder vernünftig aus, die Lesezeichen, Abstände mit den Ordnericons harmonisieren auch wieder.

    Da hier das Interesse zum Thema doch recht groß war stelle ich meine CSS hier ein.

    Wer möchte kann sich für seine Zwecke daraus bedienen.

  • FF 89 Tab's oben mit Anpassungen

    Ich konnte mir, mit ein wenig Hilfe, den Firefox selbst wieder anpassen.

    Die Tab's sehen wieder vernünftig aus, die Lesezeichen, Abstände mit den Ordnericons harmonisieren auch wieder.

    Nachfolgend mein CSS

  • Tab - Umrandung

    Kann mir bitte jemand meinen Code ändern.

    Neuer Code soll Tab - Umrandung in schwarz und ohne Füllfarbe aller nicht aktiven Tab's darstellen.

    Leider funktionierten die gefunden Codes nicht oder waren falsch postioniert

    Mein zusammen gebastelter Code für den aktiven Tab.

    CSS
    /************* aktiven Tab einfärben ****************/
/* aktiven Tab einfärben */
.tab-background[selected="true"]{
background-color:transparent!important;
box-shadow: inset 0px 0px 40px 1px mistyrose !important;
}
/********** Umrandung **********/
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
  border: 1px solid red !important;
}

  • Tab - Darstellung ändern

    Ich möchte die Darstellung der Tab's ändern.

    Ein Änderung der Tabgröße ist u.a.bereits im CSS.

    Weitere Darstellungen möchte ich gerne visualisieren.
    1. Alle Tab's (aktiv u. inaktiv) sollen mit Umrandung dargestellt werden.

    2. Einstellmöglichkeit für vertikalen Abstand der Tab's.

    3. Aktiver Tab soll mit der Hintergrundfarbe "mistyrose" dargestellt werden.

    4. eventuell aktiver Tab mit unterer Öffnung zur Symbolleiste und der Möglichkeit die Schrift anders zu positionieren.

  • FF 89 Tab's oben mit Anpassungen

    Ich bitte um Hilfe

    Bin leider mit meinem begrenztem Wissen am Ende.

    Ich versuche das Design von FF nach Möglichkeit minimalistisch und übersichtlich zu halten.

    Leider gelingt es mir nicht die Tab's weiter nach oben zu setzen, in den Freiraum zur Symbolleiste.
    Die Darstellung soll auch übernommen werden. Vielleicht sogar mit einer roten Umrandung des aktiven Tab.

    Die Zeilenabstände für Lesezeichen konnte ich schon anpassen.

    Spoiler anzeigen

    CSS

    /**********************************************************

    ********** 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.

    */

    #TabsToolbar {

    min-height: 25px !important;

    max-height: 25px !important;

    margin-top: 0px !important;

    margin-bottom: 0px !important;

    padding-top: 0px !important;

    padding-bottom: 0px !important;

    }

    .tabbrowser-tab{

    min-height: 20px !important;

    max-height: 20px !important;

    }

    #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: 10px 10px 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;

    }

    /* TAB bei bei angewähltem TAB (aktiv):

    * Hintergrundfarbe, Rahmen,

    * Schriftfarbe.

    */

    #TabsToolbar .tabbrowser-tab[selected="true"] {

    background: mistyrose !important;

    font-weight:bold !important;

    color: black ! 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;

    }

    /* Tab-Icon etwas größer,

    * links weniger, unten etwas mehr Abstand zum TAB-Rand.

    */

    #TabsToolbar .tab-icon-image {

    height: 14px !important;

    width: 14px !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;

    margin-bottom: 2px !important;

    padding: 0 !important;

    color: white !important;

    }

    #TabsToolbar .tab-close-button {

    height: 14px !important;

    width: 14px !important;

    background-color: red !important;

    border-radius: 5px !important;

    }

    /* Tab-Schließen-Button bei angewähltem TAB (aktiv):

    * Hintergrundfarbe.

    */

    #TabsToolbar .tab-close-button[selected="true"],

    #TabsToolbar .tab-close-button:not([selected="true"]) {

    background-color: red !important;

    }

    /* Alle anderen Elemente in den TABs ohne Hintergrund.

    */

    #TabsToolbar .tabbrowser-tab * {

    background: none !important;

    }


    /*Abstände der Einträge im Kontext wieder schmaler*/

    menupopup > menuitem,

    menupopup > menu {

    padding-block: 0 !important;

    padding-inline-start: 14px !important;

    }


    /* This file can be used to customize the look of Mozilla's user interface

    * You should consider using !important on rules which you want to override default settings.

    */

    /* Do not remove the @namespace line -- it's required for correct functioning */

    @namespace url("http://www.mozilla.org/keymaster/gate…e.is.only.xhtml"); /* set default namespace to xhtml */

    /* Lesezeichen Sidebar - Ordnericon liegend gelb */

    @-moz-document url-prefix(chrome://browser/content/browser.xhtml),

    url("chrome://browser/content/places/places.xhtml") {

    treechildren::-moz-tree-image(container) {

    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IxNUY5NjNFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IxNUY5NjRFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjE1Rjk2MUVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjE1Rjk2MkVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiI9NIAAAHKSURBVHjalFJNaxRBEH3VXT07u2MkKgREb4GA4CUQz8EfIAS95u7JS075CQEFvebsISd/gH8gCkogHuIxEAj5IAkJuonZzUz7umZ21w0k4DA1XTP95tWr1yU/P79c6vfKRecchMEbAs8cyO5MfQohfHw8934HN1z6++R48enzN0z5h0s/Bouzgy2c7X551Qt3J7i5fBOBfFub35iZfYbyzw7E53CaQ7QD7Uzj9LiLi6NNmKwEFqkjlVNh6KqO88WGFqj6e5i8X+DBoxcEtuvPLCA+o8IWizzE/ubb13req7Cx/tX690GRvFD1yLMMGhL/d6j37E6RtQtiJpB17lFCYZU0p5TZhQ+IZTeVIBGDK8ty1Xp12rTAle7avlxi/8c72M7F3pp54HyS1jYPnBZwgcFcQmEEPu15tqPEhSdUGKDjDojJMsskDnweptFUpESGXrnxM4kjK5tHrDkt5BqOp3CN4D+v5Nc4QUxnPDhKaeTHW0lGBI2+Gi/DkRh0ExtQ/Aecnupc/eLzaTocbEhsGjk0kIqiWiRtvC4Z1RX65SFxXZsdPT08WNnd3l6OVWXDEmOFVoejnAUzqZW3bcBGfY+qX57/Wv0rwAApZm2AlTI82wAAAABJRU5ErkJggg==')

    !important; }

    }

    /* Lesezeichen verwalten - Ordnericon liegend gelb */

    @-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {

    treechildren::-moz-tree-image(container) {

    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IxNUY5NjNFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IxNUY5NjRFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjE1Rjk2MUVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjE1Rjk2MkVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiI9NIAAAHKSURBVHjalFJNaxRBEH3VXT07u2MkKgREb4GA4CUQz8EfIAS95u7JS075CQEFvebsISd/gH8gCkogHuIxEAj5IAkJuonZzUz7umZ21w0k4DA1XTP95tWr1yU/P79c6vfKRecchMEbAs8cyO5MfQohfHw8934HN1z6++R48enzN0z5h0s/Bouzgy2c7X551Qt3J7i5fBOBfFub35iZfYbyzw7E53CaQ7QD7Uzj9LiLi6NNmKwEFqkjlVNh6KqO88WGFqj6e5i8X+DBoxcEtuvPLCA+o8IWizzE/ubb13req7Cx/tX690GRvFD1yLMMGhL/d6j37E6RtQtiJpB17lFCYZU0p5TZhQ+IZTeVIBGDK8ty1Xp12rTAle7avlxi/8c72M7F3pp54HyS1jYPnBZwgcFcQmEEPu15tqPEhSdUGKDjDojJMsskDnweptFUpESGXrnxM4kjK5tHrDkt5BqOp3CN4D+v5Nc4QUxnPDhKaeTHW0lGBI2+Gi/DkRh0ExtQ/Aecnupc/eLzaTocbEhsGjk0kIqiWiRtvC4Z1RX65SFxXZsdPT08WNnd3l6OVWXDEmOFVoejnAUzqZW3bcBGfY+qX57/Wv0rwAApZm2AlTI82wAAAABJRU5ErkJggg==')

    !important; }

    }

    /* Lesezeichen - Ordnericon gelb */

    @-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

    .bookmark-item[container="true"] {

    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0IxNUY5NjNFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0IxNUY5NjRFRkY0MTFFN0EwMjNCOEY1NDJGNTM0MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjE1Rjk2MUVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjE1Rjk2MkVGRjQxMUU3QTAyM0I4RjU0MkY1MzQxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpiI9NIAAAHKSURBVHjalFJNaxRBEH3VXT07u2MkKgREb4GA4CUQz8EfIAS95u7JS075CQEFvebsISd/gH8gCkogHuIxEAj5IAkJuonZzUz7umZ21w0k4DA1XTP95tWr1yU/P79c6vfKRecchMEbAs8cyO5MfQohfHw8934HN1z6++R48enzN0z5h0s/Bouzgy2c7X551Qt3J7i5fBOBfFub35iZfYbyzw7E53CaQ7QD7Uzj9LiLi6NNmKwEFqkjlVNh6KqO88WGFqj6e5i8X+DBoxcEtuvPLCA+o8IWizzE/ubb13req7Cx/tX690GRvFD1yLMMGhL/d6j37E6RtQtiJpB17lFCYZU0p5TZhQ+IZTeVIBGDK8ty1Xp12rTAle7avlxi/8c72M7F3pp54HyS1jYPnBZwgcFcQmEEPu15tqPEhSdUGKDjDojJMsskDnweptFUpESGXrnxM4kjK5tHrDkt5BqOp3CN4D+v5Nc4QUxnPDhKaeTHW0lGBI2+Gi/DkRh0ExtQ/Aecnupc/eLzaTocbEhsGjk0kIqiWiRtvC4Z1RX65SFxXZsdPT08WNnd3l6OVWXDEmOFVoejnAUzqZW3bcBGfY+qX57/Wv0rwAApZm2AlTI82wAAAABJRU5ErkJggg==')

    !important;

    -moz-image-region: rect(0px 16px 16px 0px) !important; }

    }


  • Probleme mit Firefox 59

    Ich greife dieses Thema noch einmal auf weil mein Problem gleich geartet ist.
    Es ist aber bei mir nur eine teilweise funktionierende Lösung.
    Ausgangssituation:
    [attachment=0]Firefox_58_0_2.jpg[/attachment]

    Wenn ich jetzt wie von 2002Andreas beschrieben ".tabtoolbarbutton-icon" entferne dann wird Button wieder in rot dargestellt.
    Wenn ich allerdings einen neuen Tab öffne, ist der aktive Tab in rot, der inaktive aber wieder in transparent.
    Im Spoiler die Original userChrome.css

    Edit 2002Andreas
    Text in Klammercode gesetzt.

  • Farbige Ordnersymbole

    Son Goku
    Danke für deine Unterstützung.
    Das ist ja ein irre lange url.
    Ich habe deine url genommen und in den Code aus # 2 eingefügt.
    Dort sind dann alle Ordnersymbole geändert.
    Vielleicht gibt es noch andere Möglichkeiten aber die kenne ich nicht bzw. bin zu blond.