Favicon und Text im Tab verschieben

petrik75

Moin Moin,

unter Firefox 35 möchte ich gern in den Tabs das Favicon, den Text und rechts die Schliessen-Schaltfläche ein wenig verschieben. Bisher hatte ich dafür folgnde Codes verwendet, die aber nicht mehr funktionieren:

Zitat

/* AGENT_SHEET */
@-moz-document url-prefix(chrome://browser/content/browser.xul){/*TAB Favicon verschieben*/
.tab-icon-image {
margin-left: 5px !important;
margin-top: 2px !important;
}
/*TABTEXT verschieben*/
.tab-text {
margin-top: 2px !important;
margin-left: 5px !important;
}
/*TAB Schliessen Schaltfläche verschieben*/
.tab-close-button {
margin-top: 5px !important;
margin-right: 5px !important;
}

Alles anzeigen

Könnt Ihr mir da helfen?

Viele Grüße

Petrik75

2002Andreas

Der Code hat einen Fehler. Es fehlt am Ende eine 2te }

So funktioniert er hier:

CSS

/* AGENT_SHEET */


@-moz-document url-prefix(chrome://browser/content/browser.xul){/*TAB Favicon verschieben*/


.tab-icon-image {
margin-left: 5px !important;
margin-top: 2px !important;
}


/*TABTEXT verschieben*/
.tab-text {
margin-top: 2px !important;
margin-left: 5px !important;
}


/*TAB Schliessen Schaltfläche verschieben*/
.tab-close-button {
margin-top: 5px !important;
margin-right: 5px !important;
}}

Alles anzeigen

petrik75

Bei mir leider nicht, absolut kine Veränderung. Es ist auch kein anderes Theme oder so installiert.

Ich verwende allerdings Tab Mix Lite und Classic Theme Restorer, kann es daran liegen das der Code nicht funktioniert?

2002Andreas

Zitat von petrik75

Classic Theme Restorer

Welche Einstellung hast du denn für die Tabs ausgewählt?

petrik75

quadratische Tabs (australisiert) und Tabs oben habe ich da eingestellt.

2002Andreas

Sorry, du hattest recht.
Der Code funktioniert nur noch teilweise.
Tab-Text funktioniert alles...aber beide Icons lassen sich nur noch in der Höhe verschieben :-??

petrik75

Ja genau, habe ich jetzt auch gemerkt nachdem ich noch ein wnig mit den Werten rumgespielt habe.

Insofern wäre es schön wenn jmand etwas dazu könnte, wie man Icons und Schrift auch zur Seite verschieben könnte...

Endor

Bitte mal testen, Werte eventuell noch anpassen:

CSS

/* AGENT_SHEET */
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    @-moz-document url-prefix("chrome://browser/content/browser.xul"){

      /*TAB Favicon verschieben*/


  #tabbrowser-tabs .tab-icon-image{
    margin-left: 5px !important;
    margin-top: 2px !important;
    }


    /*TABTEXT verschieben*/
   #tabbrowser-tabs .tab-text {
    margin-top: 2px !important;
    margin-left: 5px !important;
    }


    /*TAB Schliessen Schaltfläche verschieben*/
    #tabbrowser-tabs .tab-close-button.close-icon {
    margin-top: 5px !important;
    margin-right: 5px !important;}
    }

Alles anzeigen

Mfg.
Endor

petrik75

Leider auch negatviv Mit dem Code lassen sich die Schrift und die Schliessen-Schaltfläche zwar in der Höhe verschieben, zur Seite aber leider gar nicht.

Das Favicon lässt sich durch den Code in keine Richtung verschieben.

Endor

Hast Du den Code irgendwo dazu gepackt oder alleine in Stylish probiert?
Hier in Stylish funktioniert er jedenfalls einwandfrei.
Wie laut Bild habe ich alles nach links verschoben:

[Blockierte Grafik: http://i.imgur.com/unw1CAa.png]

Verwendeter Code:

CSS

/* AGENT_SHEET */
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    @-moz-document url-prefix("chrome://browser/content/browser.xul"){

      /*TAB Favicon verschieben*/


  #tabbrowser-tabs .tab-icon-image{
    margin-left: -5px !important;
    margin-top: 2px !important;
    }


    /*TABTEXT verschieben*/
   #tabbrowser-tabs .tab-text {
    margin-top: 2px !important;
    margin-left: 15px !important;
    }


    /*TAB Schliessen Schaltfläche verschieben*/
    #tabbrowser-tabs .tab-close-button.close-icon {
    margin-top: 5px !important;
    margin-right: 15px !important;}
    }

Alles anzeigen

Mfg.
Endor

petrik75

Stylish verwende ich nicht und wollte auch nur ungern extra noch eine Erweiterung installieren.

Den Code habe ich in userchrome.css eingefügt.

Endor

Ah, das erklärt einiges.

Das hier funktioniert hier auch in der userchrome.css:

CSS

/*AGENT_SHEET*/


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");




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


/*TAB Favicon verschieben*/


#tabbrowser-tabs .tab-icon-image{
margin-left: -5px !important;
margin-top: 2px !important;
}


/*TABTEXT verschieben*/
#tabbrowser-tabs .tab-text {
margin-top: 2px !important;
margin-left: 15px !important;
}


/*TAB Schliessen Schaltfläche verschieben*/
#tabbrowser-tabs .tab-close-button.close-icon {
margin-top: 5px !important;
margin-right: 15px !important;}
}

Alles anzeigen

Ich weiß jetzt nicht, was Du da sonst noch drinnen hast, müsste man eventuell mal testen.
Mfg.
Endor

petrik75

Hm, warum uch immer bei mir funktioniert es auch mit dem Code nicht zur Seite - nur in der Höhe und das Favicon ändert sich nach wie vor gar nicht.

Habe es gerade mit einem frischen Profil probiert und dort nichts weiter in der userchrome gehabt ausser diesem Code.

Endor

Dann muss ich leider auch passen.
Mfg.
Endor

2002Andreas

Auch hier funktioniert der Code einwandfrei in Stylish oder der userChrome.css

[Blockierte Grafik: http://www11.pic-upload.de/thumb/17.01.15/yw1pqc7rnry.jpg]